@worknice/whiteboard 0.55.4 → 0.57.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/controls/ButtonCard.stories.js +2 -2
- package/dist/controls/MenuButton_module.css +3 -3
- package/dist/hud/NavItem_module.css +13 -0
- package/dist/hud/NavSection.js +3 -2
- package/dist/hud/NavSection_module.css +21 -0
- package/dist/hud/ToolbarButton_module.css +7 -7
- package/dist/icons/ArrowTurnLeftUpIcon.d.ts +3 -0
- package/dist/icons/ArrowTurnLeftUpIcon.js +12 -0
- package/dist/icons/CalendarIcon.js +2 -2
- package/dist/icons/DirectoryIcon.d.ts +3 -0
- package/dist/icons/DirectoryIcon.js +11 -0
- package/dist/icons/InsightsIcon.js +6 -3
- package/dist/icons/LeaveIcon.js +2 -2
- package/dist/icons/PaperworkIcon.js +6 -3
- package/dist/icons/PeopleIcon.js +21 -4
- package/dist/icons/PositionsIcon.js +42 -6
- package/dist/icons/ProfileIcon.js +18 -4
- package/dist/icons/ReviewIcon.js +16 -4
- package/dist/icons/TableIcon.js +2 -2
- package/dist/icons/TaskIcon.js +2 -2
- package/dist/icons/WorkflowsIcon.js +23 -4
- package/dist/icons/index.d.ts +2 -0
- package/dist/icons/index.js +3 -1
- package/dist/layouts/FullLayout.d.ts +2 -2
- package/dist/layouts/FullLayout.js +15 -36
- package/dist/layouts/FullLayout.module.js +1 -2
- package/dist/layouts/FullLayout_module.css +7 -43
- package/dist/layouts/MinimalLayout.js +2 -2
- package/dist/presentation/Avatar.d.ts +41 -6
- package/dist/presentation/Avatar.js +206 -20
- package/dist/presentation/Avatar.module.js +10 -1
- package/dist/presentation/Avatar.stories.d.ts +63 -0
- package/dist/presentation/Avatar.stories.js +94 -0
- package/dist/presentation/Avatar_module.css +123 -7
- package/dist/presentation/Badge_module.css +10 -9
- package/dist/presentation/Icon.d.ts +1 -1
- package/dist/presentation/Icon.stories.d.ts +1 -1
- package/dist/presentation/Logo.d.ts +8 -0
- package/dist/presentation/Logo.js +27 -0
- package/dist/presentation/Logo.module.js +5 -0
- package/dist/presentation/Logo.stories.d.ts +22 -0
- package/dist/presentation/Logo.stories.js +24 -0
- package/dist/presentation/Logo_module.css +10 -0
- package/dist/presentation/PersonCover.d.ts +2 -2
- package/dist/presentation/PersonCover.js +2 -2
- package/dist/presentation/PersonCover.stories.d.ts +67 -0
- package/dist/presentation/PersonCover.stories.js +39 -0
- package/dist/presentation/PlainText.d.ts +1 -1
- package/dist/presentation/RichList/RichList.js +11 -1
- package/dist/presentation/RichList/RichListRow.js +16 -3
- package/dist/presentation/RichList/stories/ComplianceGroups.js +21 -1
- package/dist/presentation/RichList/stories/CustomFields.js +1 -0
- package/dist/presentation/RichList/stories/EmployeePeople.js +20 -18
- package/dist/presentation/RichList/stories/Leave.js +23 -23
- package/dist/presentation/RichList/stories/Paperwork.js +18 -18
- package/dist/presentation/RichList/stories/PaperworkApprovals.js +52 -50
- package/dist/presentation/RichList/stories/PeopleList.js +19 -19
- package/dist/presentation/RichList/stories/PeopleTags.js +1 -0
- package/dist/presentation/RichList/stories/Positions.js +53 -53
- package/dist/presentation/RichList/stories/Reviews.js +11 -11
- package/dist/presentation/RichList/stories/SavedQuestions.js +1 -0
- package/dist/presentation/RichList/stories/Tasks.js +34 -34
- package/dist/presentation/RichList/stories/shared.d.ts +0 -1
- package/dist/presentation/RichList/stories/shared.js +0 -2
- package/dist/presentation/RichList/types.d.ts +7 -2
- package/dist/presentation/Tag_module.css +10 -9
- package/dist/shared.css +1 -0
- package/dist/utils/storybook.d.ts +2 -0
- package/dist/utils/storybook.js +2 -1
- package/package.json +4 -4
- package/dist/presentation/PersonAvatar.d.ts +0 -18
- package/dist/presentation/PersonAvatar.js +0 -90
|
@@ -1,99 +1,99 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
|
|
3
|
+
import * as __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__ from "../../../utils/storybook.js";
|
|
4
|
+
import * as __WEBPACK_EXTERNAL_MODULE__Avatar_js_1229b6e4__ from "../../Avatar.js";
|
|
3
5
|
import * as __WEBPACK_EXTERNAL_MODULE__Icon_js_b85e52f7__ from "../../Icon.js";
|
|
4
|
-
import * as __WEBPACK_EXTERNAL_MODULE__PersonAvatar_js_0117b3ba__ from "../../PersonAvatar.js";
|
|
5
6
|
import * as __WEBPACK_EXTERNAL_MODULE__PlainText_js_acfb96d1__ from "../../PlainText.js";
|
|
6
7
|
import * as __WEBPACK_EXTERNAL_MODULE__RichList_js_64f3f04c__ from "../RichList.js";
|
|
7
|
-
import * as __WEBPACK_EXTERNAL_MODULE__shared_js_cc7b7cda__ from "./shared.js";
|
|
8
8
|
const employees = [
|
|
9
9
|
{
|
|
10
10
|
id: "e1",
|
|
11
11
|
name: "Sarah Jenkins",
|
|
12
|
-
imageUrl: (0,
|
|
12
|
+
imageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(19),
|
|
13
13
|
line: "VP of Engineering at New York"
|
|
14
14
|
},
|
|
15
15
|
{
|
|
16
16
|
id: "e2",
|
|
17
17
|
name: "David Miller",
|
|
18
|
-
imageUrl: (0,
|
|
18
|
+
imageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(20),
|
|
19
19
|
line: "Product Manager at London"
|
|
20
20
|
},
|
|
21
21
|
{
|
|
22
22
|
id: "e3",
|
|
23
23
|
name: "Emily Chen",
|
|
24
|
-
imageUrl: (0,
|
|
24
|
+
imageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(21),
|
|
25
25
|
line: "Frontend Developer at Remote"
|
|
26
26
|
},
|
|
27
27
|
{
|
|
28
28
|
id: "e4",
|
|
29
29
|
name: "James Washington",
|
|
30
|
-
imageUrl: (0,
|
|
30
|
+
imageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(22),
|
|
31
31
|
line: "HR Specialist at Chicago"
|
|
32
32
|
},
|
|
33
33
|
{
|
|
34
34
|
id: "e5",
|
|
35
35
|
name: "Priya Shah",
|
|
36
|
-
imageUrl: (0,
|
|
36
|
+
imageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(23),
|
|
37
37
|
line: "Director of Finance at Sydney"
|
|
38
38
|
},
|
|
39
39
|
{
|
|
40
40
|
id: "e6",
|
|
41
41
|
name: "Marcus Webb",
|
|
42
|
-
imageUrl: (0,
|
|
42
|
+
imageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(24),
|
|
43
43
|
line: "Warehouse Lead at Melbourne"
|
|
44
44
|
},
|
|
45
45
|
{
|
|
46
46
|
id: "e7",
|
|
47
47
|
name: "Nina Okonkwo",
|
|
48
|
-
imageUrl: (0,
|
|
48
|
+
imageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(25),
|
|
49
49
|
line: "Legal Counsel at Head Office"
|
|
50
50
|
},
|
|
51
51
|
{
|
|
52
52
|
id: "e8",
|
|
53
53
|
name: "Oliver Grant",
|
|
54
|
-
imageUrl: (0,
|
|
54
|
+
imageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(26),
|
|
55
55
|
line: "Sales Manager at Remote"
|
|
56
56
|
},
|
|
57
57
|
{
|
|
58
58
|
id: "e9",
|
|
59
59
|
name: "Rachel Kim",
|
|
60
|
-
imageUrl: (0,
|
|
60
|
+
imageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(27),
|
|
61
61
|
line: "UX Researcher at San Francisco"
|
|
62
62
|
},
|
|
63
63
|
{
|
|
64
64
|
id: "e10",
|
|
65
65
|
name: "Samuel Ortiz",
|
|
66
|
-
imageUrl: (0,
|
|
66
|
+
imageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(28),
|
|
67
67
|
line: "DevOps Engineer at Austin"
|
|
68
68
|
},
|
|
69
69
|
{
|
|
70
70
|
id: "e11",
|
|
71
71
|
name: "Tessa Bloom",
|
|
72
|
-
imageUrl: (0,
|
|
72
|
+
imageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(29),
|
|
73
73
|
line: "Chief of Staff at Seattle"
|
|
74
74
|
},
|
|
75
75
|
{
|
|
76
76
|
id: "e12",
|
|
77
77
|
name: "Victor Ng",
|
|
78
|
-
imageUrl: (0,
|
|
78
|
+
imageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(30),
|
|
79
79
|
line: "Data Analyst at Singapore"
|
|
80
80
|
},
|
|
81
81
|
{
|
|
82
82
|
id: "e13",
|
|
83
83
|
name: "Yuki Tanaka",
|
|
84
|
-
imageUrl: (0,
|
|
84
|
+
imageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(31),
|
|
85
85
|
line: "Account Executive at Tokyo"
|
|
86
86
|
},
|
|
87
87
|
{
|
|
88
88
|
id: "e14",
|
|
89
89
|
name: "Zara Ali",
|
|
90
|
-
imageUrl: (0,
|
|
90
|
+
imageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(32),
|
|
91
91
|
line: "Customer Success at Dubai"
|
|
92
92
|
},
|
|
93
93
|
{
|
|
94
94
|
id: "e15",
|
|
95
95
|
name: "Ben Carter",
|
|
96
|
-
imageUrl: (0,
|
|
96
|
+
imageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(33),
|
|
97
97
|
line: "Facilities Coordinator at Manchester"
|
|
98
98
|
}
|
|
99
99
|
];
|
|
@@ -105,6 +105,7 @@ const rowActions = ()=>[
|
|
|
105
105
|
icon: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__Icon_js_b85e52f7__["default"], {
|
|
106
106
|
symbol: "Email"
|
|
107
107
|
}),
|
|
108
|
+
type: "onClick",
|
|
108
109
|
onClick: ()=>void 0
|
|
109
110
|
},
|
|
110
111
|
{
|
|
@@ -114,12 +115,13 @@ const rowActions = ()=>[
|
|
|
114
115
|
icon: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__Icon_js_b85e52f7__["default"], {
|
|
115
116
|
symbol: "Phone"
|
|
116
117
|
}),
|
|
118
|
+
type: "onClick",
|
|
117
119
|
onClick: ()=>void 0
|
|
118
120
|
}
|
|
119
121
|
];
|
|
120
122
|
const leadingSlot = {
|
|
121
123
|
id: "avatar",
|
|
122
|
-
render: (r)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(
|
|
124
|
+
render: (r)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__Avatar_js_1229b6e4__["default"], {
|
|
123
125
|
id: r.id,
|
|
124
126
|
name: r.name,
|
|
125
127
|
imageUrl: r.imageUrl,
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
|
|
3
|
+
import * as __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__ from "../../../utils/storybook.js";
|
|
3
4
|
import * as __WEBPACK_EXTERNAL_MODULE__utils_useNextContext_js_b4604910__ from "../../../utils/useNextContext.js";
|
|
5
|
+
import * as __WEBPACK_EXTERNAL_MODULE__Avatar_js_1229b6e4__ from "../../Avatar.js";
|
|
4
6
|
import * as __WEBPACK_EXTERNAL_MODULE__Badge_js_56d6dba9__ from "../../Badge.js";
|
|
5
7
|
import * as __WEBPACK_EXTERNAL_MODULE__HStack_js_d2f77bae__ from "../../HStack.js";
|
|
6
8
|
import * as __WEBPACK_EXTERNAL_MODULE__Icon_js_b85e52f7__ from "../../Icon.js";
|
|
7
|
-
import * as __WEBPACK_EXTERNAL_MODULE__PersonAvatar_js_0117b3ba__ from "../../PersonAvatar.js";
|
|
8
9
|
import * as __WEBPACK_EXTERNAL_MODULE__PlainText_js_acfb96d1__ from "../../PlainText.js";
|
|
9
10
|
import * as __WEBPACK_EXTERNAL_MODULE__RichList_js_64f3f04c__ from "../RichList.js";
|
|
10
|
-
import * as __WEBPACK_EXTERNAL_MODULE__shared_js_cc7b7cda__ from "./shared.js";
|
|
11
11
|
const rows = [
|
|
12
12
|
{
|
|
13
13
|
id: "lv1",
|
|
@@ -20,8 +20,8 @@ const rows = [
|
|
|
20
20
|
dateLine: "17 - 31 Mar, 2026",
|
|
21
21
|
hasComment: true,
|
|
22
22
|
requesterName: "Candice Berry",
|
|
23
|
-
requesterImageUrl: (0,
|
|
24
|
-
approverImageUrl: (0,
|
|
23
|
+
requesterImageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(3),
|
|
24
|
+
approverImageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(14)
|
|
25
25
|
},
|
|
26
26
|
{
|
|
27
27
|
id: "lv2",
|
|
@@ -34,8 +34,8 @@ const rows = [
|
|
|
34
34
|
dateLine: "16 Feb, 2026",
|
|
35
35
|
hasComment: true,
|
|
36
36
|
requesterName: "Daisy Smith",
|
|
37
|
-
requesterImageUrl: (0,
|
|
38
|
-
approverImageUrl: (0,
|
|
37
|
+
requesterImageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(1),
|
|
38
|
+
approverImageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(15)
|
|
39
39
|
},
|
|
40
40
|
{
|
|
41
41
|
id: "lv3",
|
|
@@ -48,8 +48,8 @@ const rows = [
|
|
|
48
48
|
dateLine: "1 - 19 Feb, 2026",
|
|
49
49
|
hasComment: false,
|
|
50
50
|
requesterName: "Candice Berry",
|
|
51
|
-
requesterImageUrl: (0,
|
|
52
|
-
approverImageUrl: (0,
|
|
51
|
+
requesterImageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(3),
|
|
52
|
+
approverImageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(16)
|
|
53
53
|
},
|
|
54
54
|
{
|
|
55
55
|
id: "lv4",
|
|
@@ -62,8 +62,8 @@ const rows = [
|
|
|
62
62
|
dateLine: "22 - 23 Jan, 2026",
|
|
63
63
|
hasComment: false,
|
|
64
64
|
requesterName: "Candice Berry",
|
|
65
|
-
requesterImageUrl: (0,
|
|
66
|
-
approverImageUrl: (0,
|
|
65
|
+
requesterImageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(3),
|
|
66
|
+
approverImageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(17)
|
|
67
67
|
},
|
|
68
68
|
{
|
|
69
69
|
id: "lv5",
|
|
@@ -76,8 +76,8 @@ const rows = [
|
|
|
76
76
|
dateLine: "10 - 12 Dec, 2025",
|
|
77
77
|
hasComment: false,
|
|
78
78
|
requesterName: "Nadia Ora",
|
|
79
|
-
requesterImageUrl: (0,
|
|
80
|
-
approverImageUrl: (0,
|
|
79
|
+
requesterImageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(6),
|
|
80
|
+
approverImageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(18)
|
|
81
81
|
},
|
|
82
82
|
{
|
|
83
83
|
id: "lv6",
|
|
@@ -90,7 +90,7 @@ const rows = [
|
|
|
90
90
|
dateLine: "14 Jul, 2025",
|
|
91
91
|
hasComment: true,
|
|
92
92
|
requesterName: "Evan Baker",
|
|
93
|
-
requesterImageUrl: (0,
|
|
93
|
+
requesterImageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(12),
|
|
94
94
|
approverImageUrl: null
|
|
95
95
|
},
|
|
96
96
|
{
|
|
@@ -104,8 +104,8 @@ const rows = [
|
|
|
104
104
|
dateLine: "1 - 2 Apr, 2025",
|
|
105
105
|
hasComment: true,
|
|
106
106
|
requesterName: "Nadia Ora",
|
|
107
|
-
requesterImageUrl: (0,
|
|
108
|
-
approverImageUrl: (0,
|
|
107
|
+
requesterImageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(6),
|
|
108
|
+
approverImageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(19)
|
|
109
109
|
},
|
|
110
110
|
{
|
|
111
111
|
id: "lv8",
|
|
@@ -118,8 +118,8 @@ const rows = [
|
|
|
118
118
|
dateLine: "15 - 16 Nov, 2024",
|
|
119
119
|
hasComment: true,
|
|
120
120
|
requesterName: "Haydn Ewers",
|
|
121
|
-
requesterImageUrl: (0,
|
|
122
|
-
approverImageUrl: (0,
|
|
121
|
+
requesterImageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(10),
|
|
122
|
+
approverImageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(20)
|
|
123
123
|
},
|
|
124
124
|
{
|
|
125
125
|
id: "lv9",
|
|
@@ -132,8 +132,8 @@ const rows = [
|
|
|
132
132
|
dateLine: "7 Nov, 2024",
|
|
133
133
|
hasComment: false,
|
|
134
134
|
requesterName: "Janice Martin",
|
|
135
|
-
requesterImageUrl: (0,
|
|
136
|
-
approverImageUrl: (0,
|
|
135
|
+
requesterImageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(1),
|
|
136
|
+
approverImageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(21)
|
|
137
137
|
},
|
|
138
138
|
{
|
|
139
139
|
id: "lv10",
|
|
@@ -146,8 +146,8 @@ const rows = [
|
|
|
146
146
|
dateLine: "5 Jun, 2024",
|
|
147
147
|
hasComment: false,
|
|
148
148
|
requesterName: "Daniel Turner",
|
|
149
|
-
requesterImageUrl: (0,
|
|
150
|
-
approverImageUrl: (0,
|
|
149
|
+
requesterImageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(9),
|
|
150
|
+
approverImageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(22)
|
|
151
151
|
}
|
|
152
152
|
];
|
|
153
153
|
const statusFilterOptions = [
|
|
@@ -256,7 +256,7 @@ const LeaveList = ({ compactBreakpoint, contentAlignment, enableSorting, rowHeig
|
|
|
256
256
|
align: "center",
|
|
257
257
|
tagName: "div",
|
|
258
258
|
children: [
|
|
259
|
-
/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(
|
|
259
|
+
/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__Avatar_js_1229b6e4__["default"], {
|
|
260
260
|
id: `${r.id}-req`,
|
|
261
261
|
name: r.requesterName,
|
|
262
262
|
imageUrl: r.requesterImageUrl,
|
|
@@ -291,7 +291,7 @@ const LeaveList = ({ compactBreakpoint, contentAlignment, enableSorting, rowHeig
|
|
|
291
291
|
...personSlotLinkStyle,
|
|
292
292
|
justifyContent: "center"
|
|
293
293
|
},
|
|
294
|
-
children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(
|
|
294
|
+
children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__Avatar_js_1229b6e4__["default"], {
|
|
295
295
|
id: `${r.id}-appr`,
|
|
296
296
|
name: "Approver",
|
|
297
297
|
imageUrl: r.approverImageUrl,
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
|
|
3
|
+
import * as __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__ from "../../../utils/storybook.js";
|
|
3
4
|
import * as __WEBPACK_EXTERNAL_MODULE__utils_useNextContext_js_b4604910__ from "../../../utils/useNextContext.js";
|
|
5
|
+
import * as __WEBPACK_EXTERNAL_MODULE__Avatar_js_1229b6e4__ from "../../Avatar.js";
|
|
4
6
|
import * as __WEBPACK_EXTERNAL_MODULE__Badge_js_56d6dba9__ from "../../Badge.js";
|
|
5
7
|
import * as __WEBPACK_EXTERNAL_MODULE__HStack_js_d2f77bae__ from "../../HStack.js";
|
|
6
8
|
import * as __WEBPACK_EXTERNAL_MODULE__Icon_js_b85e52f7__ from "../../Icon.js";
|
|
7
|
-
import * as __WEBPACK_EXTERNAL_MODULE__PersonAvatar_js_0117b3ba__ from "../../PersonAvatar.js";
|
|
8
9
|
import * as __WEBPACK_EXTERNAL_MODULE__PlainText_js_acfb96d1__ from "../../PlainText.js";
|
|
9
10
|
import * as __WEBPACK_EXTERNAL_MODULE__RichList_js_64f3f04c__ from "../RichList.js";
|
|
10
|
-
import * as __WEBPACK_EXTERNAL_MODULE__shared_js_cc7b7cda__ from "./shared.js";
|
|
11
11
|
import * as __WEBPACK_EXTERNAL_MODULE__shared_bulkActionStubs_js_0d607dd0__ from "./shared/bulkActionStubs.js";
|
|
12
12
|
const LEADING_CERTIFICATE = "AssignmentCertificate";
|
|
13
13
|
const LEADING_DOCUMENT = "AssignmentDocument";
|
|
@@ -24,7 +24,7 @@ const rows = [
|
|
|
24
24
|
statusLine: "Expired 18 days ago",
|
|
25
25
|
statusTone: "danger",
|
|
26
26
|
assigneeName: "Daisy Smith",
|
|
27
|
-
assigneeImageUrl: (0,
|
|
27
|
+
assigneeImageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(2)
|
|
28
28
|
},
|
|
29
29
|
{
|
|
30
30
|
id: "p2",
|
|
@@ -38,7 +38,7 @@ const rows = [
|
|
|
38
38
|
statusLine: "Expired 5 days ago",
|
|
39
39
|
statusTone: "danger",
|
|
40
40
|
assigneeName: "Evan Baker",
|
|
41
|
-
assigneeImageUrl: (0,
|
|
41
|
+
assigneeImageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(12)
|
|
42
42
|
},
|
|
43
43
|
{
|
|
44
44
|
id: "p3",
|
|
@@ -52,7 +52,7 @@ const rows = [
|
|
|
52
52
|
statusLine: "Missing 9 days ago",
|
|
53
53
|
statusTone: "danger",
|
|
54
54
|
assigneeName: "Candice Berry",
|
|
55
|
-
assigneeImageUrl: (0,
|
|
55
|
+
assigneeImageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(3)
|
|
56
56
|
},
|
|
57
57
|
{
|
|
58
58
|
id: "p4",
|
|
@@ -66,7 +66,7 @@ const rows = [
|
|
|
66
66
|
statusLine: "Missing 3 days ago",
|
|
67
67
|
statusTone: "danger",
|
|
68
68
|
assigneeName: "Olivia Ng",
|
|
69
|
-
assigneeImageUrl: (0,
|
|
69
|
+
assigneeImageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(34)
|
|
70
70
|
},
|
|
71
71
|
{
|
|
72
72
|
id: "p5",
|
|
@@ -80,7 +80,7 @@ const rows = [
|
|
|
80
80
|
statusLine: "Expires in 14 days",
|
|
81
81
|
statusTone: "warning",
|
|
82
82
|
assigneeName: "Badai Khan",
|
|
83
|
-
assigneeImageUrl: (0,
|
|
83
|
+
assigneeImageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(5)
|
|
84
84
|
},
|
|
85
85
|
{
|
|
86
86
|
id: "p6",
|
|
@@ -94,7 +94,7 @@ const rows = [
|
|
|
94
94
|
statusLine: "Expires in 2 months",
|
|
95
95
|
statusTone: "warning",
|
|
96
96
|
assigneeName: "Henry Jones",
|
|
97
|
-
assigneeImageUrl: (0,
|
|
97
|
+
assigneeImageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(8)
|
|
98
98
|
},
|
|
99
99
|
{
|
|
100
100
|
id: "p7",
|
|
@@ -108,7 +108,7 @@ const rows = [
|
|
|
108
108
|
statusLine: "Submitted 2 days ago",
|
|
109
109
|
statusTone: "muted",
|
|
110
110
|
assigneeName: "Daniel Turner",
|
|
111
|
-
assigneeImageUrl: (0,
|
|
111
|
+
assigneeImageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(9)
|
|
112
112
|
},
|
|
113
113
|
{
|
|
114
114
|
id: "p8",
|
|
@@ -122,7 +122,7 @@ const rows = [
|
|
|
122
122
|
statusLine: "Due in 5 days",
|
|
123
123
|
statusTone: "warning",
|
|
124
124
|
assigneeName: "Sarah Cruden",
|
|
125
|
-
assigneeImageUrl: (0,
|
|
125
|
+
assigneeImageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(35)
|
|
126
126
|
},
|
|
127
127
|
{
|
|
128
128
|
id: "p9",
|
|
@@ -136,7 +136,7 @@ const rows = [
|
|
|
136
136
|
statusLine: "Created 1 day ago",
|
|
137
137
|
statusTone: "muted",
|
|
138
138
|
assigneeName: "Andy Samson",
|
|
139
|
-
assigneeImageUrl: (0,
|
|
139
|
+
assigneeImageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(4)
|
|
140
140
|
},
|
|
141
141
|
{
|
|
142
142
|
id: "p10",
|
|
@@ -150,7 +150,7 @@ const rows = [
|
|
|
150
150
|
statusLine: "Due in 2 days",
|
|
151
151
|
statusTone: "warning",
|
|
152
152
|
assigneeName: "Marcus Chen",
|
|
153
|
-
assigneeImageUrl: (0,
|
|
153
|
+
assigneeImageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(36)
|
|
154
154
|
},
|
|
155
155
|
{
|
|
156
156
|
id: "p11",
|
|
@@ -164,7 +164,7 @@ const rows = [
|
|
|
164
164
|
statusLine: "Submitted 1 hour ago",
|
|
165
165
|
statusTone: "muted",
|
|
166
166
|
assigneeName: "Janice Martin",
|
|
167
|
-
assigneeImageUrl: (0,
|
|
167
|
+
assigneeImageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(1)
|
|
168
168
|
},
|
|
169
169
|
{
|
|
170
170
|
id: "p12",
|
|
@@ -178,7 +178,7 @@ const rows = [
|
|
|
178
178
|
statusLine: "Created 4 days ago",
|
|
179
179
|
statusTone: "muted",
|
|
180
180
|
assigneeName: "Ian MacLeod",
|
|
181
|
-
assigneeImageUrl: (0,
|
|
181
|
+
assigneeImageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(11)
|
|
182
182
|
},
|
|
183
183
|
{
|
|
184
184
|
id: "p13",
|
|
@@ -192,7 +192,7 @@ const rows = [
|
|
|
192
192
|
statusLine: "Missing 1 day ago",
|
|
193
193
|
statusTone: "danger",
|
|
194
194
|
assigneeName: "Jessica Smith",
|
|
195
|
-
assigneeImageUrl: (0,
|
|
195
|
+
assigneeImageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(37)
|
|
196
196
|
},
|
|
197
197
|
{
|
|
198
198
|
id: "p14",
|
|
@@ -206,7 +206,7 @@ const rows = [
|
|
|
206
206
|
statusLine: "Submitted 12 hours ago",
|
|
207
207
|
statusTone: "muted",
|
|
208
208
|
assigneeName: "David Ross",
|
|
209
|
-
assigneeImageUrl: (0,
|
|
209
|
+
assigneeImageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(38)
|
|
210
210
|
},
|
|
211
211
|
{
|
|
212
212
|
id: "p15",
|
|
@@ -220,7 +220,7 @@ const rows = [
|
|
|
220
220
|
statusLine: "Expires in 5 days",
|
|
221
221
|
statusTone: "warning",
|
|
222
222
|
assigneeName: "Daisy Smith",
|
|
223
|
-
assigneeImageUrl: (0,
|
|
223
|
+
assigneeImageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(2)
|
|
224
224
|
}
|
|
225
225
|
];
|
|
226
226
|
const statusBadgeOptions = [
|
|
@@ -388,7 +388,7 @@ const PaperworkList = ({ compactBreakpoint, contentAlignment, enableSorting, row
|
|
|
388
388
|
align: "center",
|
|
389
389
|
tagName: "div",
|
|
390
390
|
children: [
|
|
391
|
-
/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(
|
|
391
|
+
/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__Avatar_js_1229b6e4__["default"], {
|
|
392
392
|
id: `${r.id}-ap`,
|
|
393
393
|
name: r.assigneeName,
|
|
394
394
|
imageUrl: r.assigneeImageUrl,
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
|
|
3
|
+
import * as __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__ from "../../../utils/storybook.js";
|
|
3
4
|
import * as __WEBPACK_EXTERNAL_MODULE__utils_useNextContext_js_b4604910__ from "../../../utils/useNextContext.js";
|
|
5
|
+
import * as __WEBPACK_EXTERNAL_MODULE__Avatar_js_1229b6e4__ from "../../Avatar.js";
|
|
4
6
|
import * as __WEBPACK_EXTERNAL_MODULE__Badge_js_56d6dba9__ from "../../Badge.js";
|
|
5
7
|
import * as __WEBPACK_EXTERNAL_MODULE__HStack_js_d2f77bae__ from "../../HStack.js";
|
|
6
8
|
import * as __WEBPACK_EXTERNAL_MODULE__Icon_js_b85e52f7__ from "../../Icon.js";
|
|
7
|
-
import * as __WEBPACK_EXTERNAL_MODULE__PersonAvatar_js_0117b3ba__ from "../../PersonAvatar.js";
|
|
8
9
|
import * as __WEBPACK_EXTERNAL_MODULE__PlainText_js_acfb96d1__ from "../../PlainText.js";
|
|
9
10
|
import * as __WEBPACK_EXTERNAL_MODULE__RichList_js_64f3f04c__ from "../RichList.js";
|
|
10
|
-
import * as __WEBPACK_EXTERNAL_MODULE__shared_js_cc7b7cda__ from "./shared.js";
|
|
11
11
|
import * as __WEBPACK_EXTERNAL_MODULE__shared_bulkActionStubs_js_0d607dd0__ from "./shared/bulkActionStubs.js";
|
|
12
12
|
const LEADING_DOCUMENT = "AssignmentDocument";
|
|
13
13
|
const LEADING_FORM = "AssignmentQuestionnaire";
|
|
@@ -24,9 +24,9 @@ const rows = [
|
|
|
24
24
|
},
|
|
25
25
|
statusLine: "Requested 13 Nov, 2025",
|
|
26
26
|
assigneeName: "Daniel Turner",
|
|
27
|
-
assigneeImageUrl: (0,
|
|
27
|
+
assigneeImageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(9),
|
|
28
28
|
secondaryName: "Evan Baker",
|
|
29
|
-
secondaryImageUrl: (0,
|
|
29
|
+
secondaryImageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(12)
|
|
30
30
|
},
|
|
31
31
|
{
|
|
32
32
|
id: "pa2",
|
|
@@ -39,9 +39,9 @@ const rows = [
|
|
|
39
39
|
},
|
|
40
40
|
statusLine: "Requested 10 Jan, 2026",
|
|
41
41
|
assigneeName: "Janice Martin",
|
|
42
|
-
assigneeImageUrl: (0,
|
|
42
|
+
assigneeImageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(1),
|
|
43
43
|
secondaryName: "Candice Berry",
|
|
44
|
-
secondaryImageUrl: (0,
|
|
44
|
+
secondaryImageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(3)
|
|
45
45
|
},
|
|
46
46
|
{
|
|
47
47
|
id: "pa3",
|
|
@@ -54,9 +54,9 @@ const rows = [
|
|
|
54
54
|
},
|
|
55
55
|
statusLine: "Last edited 2 days ago",
|
|
56
56
|
assigneeName: "Evan Baker",
|
|
57
|
-
assigneeImageUrl: (0,
|
|
57
|
+
assigneeImageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(12),
|
|
58
58
|
secondaryName: "Daisy Smith",
|
|
59
|
-
secondaryImageUrl: (0,
|
|
59
|
+
secondaryImageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(2)
|
|
60
60
|
},
|
|
61
61
|
{
|
|
62
62
|
id: "pa4",
|
|
@@ -69,9 +69,9 @@ const rows = [
|
|
|
69
69
|
},
|
|
70
70
|
statusLine: "Approved 30 Jan, 2023",
|
|
71
71
|
assigneeName: "Badai Khan",
|
|
72
|
-
assigneeImageUrl: (0,
|
|
72
|
+
assigneeImageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(5),
|
|
73
73
|
secondaryName: "Andy Samson",
|
|
74
|
-
secondaryImageUrl: (0,
|
|
74
|
+
secondaryImageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(4)
|
|
75
75
|
},
|
|
76
76
|
{
|
|
77
77
|
id: "pa5",
|
|
@@ -84,9 +84,9 @@ const rows = [
|
|
|
84
84
|
},
|
|
85
85
|
statusLine: "Requested 1 Feb, 2026",
|
|
86
86
|
assigneeName: "Olivia Ng",
|
|
87
|
-
assigneeImageUrl: (0,
|
|
87
|
+
assigneeImageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(34),
|
|
88
88
|
secondaryName: "Sarah Cruden",
|
|
89
|
-
secondaryImageUrl: (0,
|
|
89
|
+
secondaryImageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(35)
|
|
90
90
|
},
|
|
91
91
|
{
|
|
92
92
|
id: "pa6",
|
|
@@ -99,9 +99,9 @@ const rows = [
|
|
|
99
99
|
},
|
|
100
100
|
statusLine: "Requested 3 Feb, 2026",
|
|
101
101
|
assigneeName: "James Washington",
|
|
102
|
-
assigneeImageUrl: (0,
|
|
102
|
+
assigneeImageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(22),
|
|
103
103
|
secondaryName: "Hannah Abbott",
|
|
104
|
-
secondaryImageUrl: (0,
|
|
104
|
+
secondaryImageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(7)
|
|
105
105
|
},
|
|
106
106
|
{
|
|
107
107
|
id: "pa7",
|
|
@@ -114,9 +114,9 @@ const rows = [
|
|
|
114
114
|
},
|
|
115
115
|
statusLine: "Draft · saved today",
|
|
116
116
|
assigneeName: "Marcus Chen",
|
|
117
|
-
assigneeImageUrl: (0,
|
|
117
|
+
assigneeImageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(36),
|
|
118
118
|
secondaryName: "Janice Martin",
|
|
119
|
-
secondaryImageUrl: (0,
|
|
119
|
+
secondaryImageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(1)
|
|
120
120
|
},
|
|
121
121
|
{
|
|
122
122
|
id: "pa8",
|
|
@@ -129,9 +129,9 @@ const rows = [
|
|
|
129
129
|
},
|
|
130
130
|
statusLine: "Approved 28 Mar, 2024",
|
|
131
131
|
assigneeName: "Ian MacLeod",
|
|
132
|
-
assigneeImageUrl: (0,
|
|
132
|
+
assigneeImageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(11),
|
|
133
133
|
secondaryName: "Fiona Gallagher",
|
|
134
|
-
secondaryImageUrl: (0,
|
|
134
|
+
secondaryImageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(13)
|
|
135
135
|
}
|
|
136
136
|
];
|
|
137
137
|
const statusBadgeOptions = [
|
|
@@ -250,28 +250,34 @@ const PaperworkApprovalsList = ({ compactBreakpoint, contentAlignment, enableSor
|
|
|
250
250
|
predicate: (r)=>r.assigneeName === name
|
|
251
251
|
}))
|
|
252
252
|
},
|
|
253
|
-
render: (r)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
children:
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
|
|
269
|
-
|
|
253
|
+
render: (r)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(__WEBPACK_EXTERNAL_MODULE__HStack_js_d2f77bae__["default"], {
|
|
254
|
+
spacing: "n2",
|
|
255
|
+
align: "center",
|
|
256
|
+
tagName: "div",
|
|
257
|
+
children: [
|
|
258
|
+
/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__Avatar_js_1229b6e4__["default"], {
|
|
259
|
+
href: `#assignee-${r.id}`,
|
|
260
|
+
id: `${r.id}-ap`,
|
|
261
|
+
imageUrl: r.assigneeImageUrl,
|
|
262
|
+
name: r.assigneeName,
|
|
263
|
+
hue: "200",
|
|
264
|
+
size: "small",
|
|
265
|
+
onClick: (e)=>{
|
|
266
|
+
e.stopPropagation();
|
|
267
|
+
}
|
|
268
|
+
}),
|
|
269
|
+
/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(Link, {
|
|
270
|
+
href: `#assignee-${r.id}`,
|
|
271
|
+
onClick: (e)=>{
|
|
272
|
+
e.stopPropagation();
|
|
273
|
+
},
|
|
274
|
+
style: assigneeLinkStyle,
|
|
275
|
+
children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__PlainText_js_acfb96d1__["default"], {
|
|
270
276
|
font: "small",
|
|
271
277
|
children: r.assigneeName
|
|
272
278
|
})
|
|
273
|
-
|
|
274
|
-
|
|
279
|
+
})
|
|
280
|
+
]
|
|
275
281
|
}),
|
|
276
282
|
align: "start",
|
|
277
283
|
size: 180,
|
|
@@ -296,20 +302,16 @@ const PaperworkApprovalsList = ({ compactBreakpoint, contentAlignment, enableSor
|
|
|
296
302
|
display: "flex",
|
|
297
303
|
justifyContent: "flex-end"
|
|
298
304
|
},
|
|
299
|
-
children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(
|
|
305
|
+
children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__Avatar_js_1229b6e4__["default"], {
|
|
300
306
|
href: `#approver-${r.id}`,
|
|
301
|
-
|
|
302
|
-
|
|
303
|
-
|
|
304
|
-
|
|
305
|
-
|
|
306
|
-
|
|
307
|
-
|
|
308
|
-
|
|
309
|
-
imageUrl: r.secondaryImageUrl,
|
|
310
|
-
size: "small",
|
|
311
|
-
hue: "200"
|
|
312
|
-
})
|
|
307
|
+
id: `${r.id}-secondary`,
|
|
308
|
+
imageUrl: r.secondaryImageUrl,
|
|
309
|
+
name: r.secondaryName,
|
|
310
|
+
hue: "200",
|
|
311
|
+
size: "small",
|
|
312
|
+
onClick: (e)=>{
|
|
313
|
+
e.stopPropagation();
|
|
314
|
+
}
|
|
313
315
|
})
|
|
314
316
|
}),
|
|
315
317
|
align: "end",
|