@worknice/whiteboard 0.55.4 → 0.57.0

package/dist/presentation/RichList/stories/PeopleList.js

@@ -1,15 +1,15 @@
 import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__ from "../../../utils/storybook.js";
+import * as __WEBPACK_EXTERNAL_MODULE__Avatar_js_1229b6e4__ from "../../Avatar.js";
 import * as __WEBPACK_EXTERNAL_MODULE__Badge_js_56d6dba9__ from "../../Badge.js";
 import * as __WEBPACK_EXTERNAL_MODULE__HStack_js_d2f77bae__ from "../../HStack.js";
-import * as __WEBPACK_EXTERNAL_MODULE__PersonAvatar_js_0117b3ba__ from "../../PersonAvatar.js";
 import * as __WEBPACK_EXTERNAL_MODULE__PlainText_js_acfb96d1__ from "../../PlainText.js";
 import * as __WEBPACK_EXTERNAL_MODULE__RichList_js_64f3f04c__ from "../RichList.js";
-import * as __WEBPACK_EXTERNAL_MODULE__shared_js_cc7b7cda__ from "./shared.js";
 const people = [
     {
         id: "p1",
         name: "Andy Samson",
-        imageUrl: (0, __WEBPACK_EXTERNAL_MODULE__shared_js_cc7b7cda__.avatarUrl)(12),
+        imageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(12),
         position: "COO",
         department: "Head Office",
         badgeNames: [
@@ -27,7 +27,7 @@ const people = [
     {
         id: "p2",
         name: "Badai Khan",
-        imageUrl: (0, __WEBPACK_EXTERNAL_MODULE__shared_js_cc7b7cda__.avatarUrl)(5),
+        imageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(5),
         position: "Accounts Payable",
         department: "Remote",
         badgeNames: [
@@ -44,7 +44,7 @@ const people = [
     {
         id: "p3",
         name: "Caity Dewer",
-        imageUrl: (0, __WEBPACK_EXTERNAL_MODULE__shared_js_cc7b7cda__.avatarUrl)(7),
+        imageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(7),
         position: "Located",
         department: "Factory",
         badgeNames: [
@@ -61,7 +61,7 @@ const people = [
     {
         id: "p4",
         name: "Candice Berry",
-        imageUrl: (0, __WEBPACK_EXTERNAL_MODULE__shared_js_cc7b7cda__.avatarUrl)(3),
+        imageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(3),
         position: "CMO",
         department: "Head Office",
         badgeNames: [
@@ -79,7 +79,7 @@ const people = [
     {
         id: "p5",
         name: "Daisy Smith",
-        imageUrl: (0, __WEBPACK_EXTERNAL_MODULE__shared_js_cc7b7cda__.avatarUrl)(1),
+        imageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(1),
         position: "CFO",
         department: "Head Office",
         badgeNames: [],
@@ -90,7 +90,7 @@ const people = [
     {
         id: "p6",
         name: "Daniel Turner",
-        imageUrl: (0, __WEBPACK_EXTERNAL_MODULE__shared_js_cc7b7cda__.avatarUrl)(9),
+        imageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(9),
         position: "Accounts Receivable",
         department: "Head Office",
         badgeNames: [
@@ -107,7 +107,7 @@ const people = [
     {
         id: "p7",
         name: "Ernie White",
-        imageUrl: (0, __WEBPACK_EXTERNAL_MODULE__shared_js_cc7b7cda__.avatarUrl)(22),
+        imageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(22),
         position: "Truck Driver",
         department: "Head Office",
         badgeNames: [
@@ -129,7 +129,7 @@ const people = [
     {
         id: "p8",
         name: "Evan Baker",
-        imageUrl: (0, __WEBPACK_EXTERNAL_MODULE__shared_js_cc7b7cda__.avatarUrl)(2),
+        imageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(2),
         position: "Digital Brand Marketer",
         department: "Head Office",
         badgeNames: [],
@@ -141,7 +141,7 @@ const people = [
     {
         id: "p9",
         name: "Fiona Gallagher",
-        imageUrl: (0, __WEBPACK_EXTERNAL_MODULE__shared_js_cc7b7cda__.avatarUrl)(23),
+        imageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(23),
         position: "Product Manager",
         department: "Remote",
         badgeNames: [],
@@ -152,7 +152,7 @@ const people = [
     {
         id: "p10",
         name: "George Lin",
-        imageUrl: (0, __WEBPACK_EXTERNAL_MODULE__shared_js_cc7b7cda__.avatarUrl)(24),
+        imageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(24),
         position: "Software Engineer",
         department: "Head Office",
         badgeNames: [
@@ -169,7 +169,7 @@ const people = [
     {
         id: "p11",
         name: "Hannah Abbott",
-        imageUrl: (0, __WEBPACK_EXTERNAL_MODULE__shared_js_cc7b7cda__.avatarUrl)(8),
+        imageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(8),
         position: "HR Specialist",
         department: "Head Office",
         badgeNames: [
@@ -187,7 +187,7 @@ const people = [
     {
         id: "p12",
         name: "Ian MacLeod",
-        imageUrl: (0, __WEBPACK_EXTERNAL_MODULE__shared_js_cc7b7cda__.avatarUrl)(11),
+        imageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(11),
         position: "Operations Manager",
         department: "Factory",
         badgeNames: [
@@ -202,7 +202,7 @@ const people = [
     {
         id: "p13",
         name: "Jasmine Kaur",
-        imageUrl: (0, __WEBPACK_EXTERNAL_MODULE__shared_js_cc7b7cda__.avatarUrl)(25),
+        imageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(25),
         position: "UX Designer",
         department: "Remote",
         badgeNames: [],
@@ -213,7 +213,7 @@ const people = [
     {
         id: "p14",
         name: "Kevin O'Connor",
-        imageUrl: (0, __WEBPACK_EXTERNAL_MODULE__shared_js_cc7b7cda__.avatarUrl)(15),
+        imageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(15),
         position: "Sales Representative",
         department: "Remote",
         badgeNames: [
@@ -235,7 +235,7 @@ const people = [
     {
         id: "p15",
         name: "Liam Neeson",
-        imageUrl: (0, __WEBPACK_EXTERNAL_MODULE__shared_js_cc7b7cda__.avatarUrl)(26),
+        imageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(26),
         position: "Customer Support",
         department: "Head Office",
         badgeNames: [
@@ -252,7 +252,7 @@ const people = [
     {
         id: "p16",
         name: "Mia Wong",
-        imageUrl: (0, __WEBPACK_EXTERNAL_MODULE__shared_js_cc7b7cda__.avatarUrl)(27),
+        imageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(27),
         position: "Marketing Associate",
         department: "Head Office",
         badgeNames: [],
@@ -294,7 +294,7 @@ const PeopleList = ({ compactBreakpoint, contentAlignment, enableSorting, rowHei
     };
     const avatarSlot = {
         id: "av",
-        render: (r)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__PersonAvatar_js_0117b3ba__["default"], {
+        render: (r)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__Avatar_js_1229b6e4__["default"], {
                 id: r.id,
                 name: r.name,
                 imageUrl: r.imageUrl,

package/dist/presentation/RichList/stories/PeopleTags.js

@@ -59,6 +59,7 @@ const rowActions = ()=>[
                 symbol: "Edit"
             }),
             alwaysVisible: false,
+            type: "onClick",
             onClick: ()=>void 0
         }
     ];

package/dist/presentation/RichList/stories/Positions.js

@@ -1,28 +1,12 @@
 "use client";
 import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__ from "../../../utils/storybook.js";
 import * as __WEBPACK_EXTERNAL_MODULE__utils_useNextContext_js_b4604910__ from "../../../utils/useNextContext.js";
+import * as __WEBPACK_EXTERNAL_MODULE__Avatar_js_1229b6e4__ from "../../Avatar.js";
 import * as __WEBPACK_EXTERNAL_MODULE__HStack_js_d2f77bae__ from "../../HStack.js";
 import * as __WEBPACK_EXTERNAL_MODULE__Icon_js_b85e52f7__ from "../../Icon.js";
-import * as __WEBPACK_EXTERNAL_MODULE__PersonAvatar_js_0117b3ba__ from "../../PersonAvatar.js";
 import * as __WEBPACK_EXTERNAL_MODULE__PlainText_js_acfb96d1__ from "../../PlainText.js";
 import * as __WEBPACK_EXTERNAL_MODULE__RichList_js_64f3f04c__ from "../RichList.js";
-import * as __WEBPACK_EXTERNAL_MODULE__shared_js_cc7b7cda__ from "./shared.js";
-const MissingAvatar = ()=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
-        style: {
-            background: "var(--color-grey-t10)",
-            border: "1px solid var(--color-grey-t08)",
-            borderRadius: "50%",
-            height: 48,
-            padding: "10px 15px",
-            marginRight: "var(--size-n4)",
-            width: 48
-        },
-        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__Icon_js_b85e52f7__["default"], {
-            symbol: "Profile",
-            size: "large",
-            tone: "muted"
-        })
-    });
 const positions = [
     {
         id: "pos-1",
@@ -32,7 +16,7 @@ const positions = [
         department: "Executive",
         assignee: {
             name: "Janice Martin",
-            imageUrl: (0, __WEBPACK_EXTERNAL_MODULE__shared_js_cc7b7cda__.avatarUrl)(1)
+            imageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(1)
         },
         manager: null
     },
@@ -44,11 +28,11 @@ const positions = [
         department: "Finance",
         assignee: {
             name: "Daisy Smith",
-            imageUrl: (0, __WEBPACK_EXTERNAL_MODULE__shared_js_cc7b7cda__.avatarUrl)(2)
+            imageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(2)
         },
         manager: {
             name: "Janice Martin",
-            imageUrl: (0, __WEBPACK_EXTERNAL_MODULE__shared_js_cc7b7cda__.avatarUrl)(1)
+            imageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(1)
         }
     },
     {
@@ -59,11 +43,11 @@ const positions = [
         department: "Marketing",
         assignee: {
             name: "Candice Berry",
-            imageUrl: (0, __WEBPACK_EXTERNAL_MODULE__shared_js_cc7b7cda__.avatarUrl)(3)
+            imageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(3)
         },
         manager: {
             name: "Janice Martin",
-            imageUrl: (0, __WEBPACK_EXTERNAL_MODULE__shared_js_cc7b7cda__.avatarUrl)(1)
+            imageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(1)
         }
     },
     {
@@ -74,11 +58,11 @@ const positions = [
         department: "Operations",
         assignee: {
             name: "Andy Samson",
-            imageUrl: (0, __WEBPACK_EXTERNAL_MODULE__shared_js_cc7b7cda__.avatarUrl)(4)
+            imageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(4)
         },
         manager: {
             name: "Janice Martin",
-            imageUrl: (0, __WEBPACK_EXTERNAL_MODULE__shared_js_cc7b7cda__.avatarUrl)(1)
+            imageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(1)
         }
     },
     {
@@ -90,7 +74,7 @@ const positions = [
         assignee: "vacant",
         manager: {
             name: "Janice Martin",
-            imageUrl: (0, __WEBPACK_EXTERNAL_MODULE__shared_js_cc7b7cda__.avatarUrl)(1)
+            imageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(1)
         }
     },
     {
@@ -101,11 +85,11 @@ const positions = [
         department: "Product",
         assignee: {
             name: "Fiona Gallagher",
-            imageUrl: (0, __WEBPACK_EXTERNAL_MODULE__shared_js_cc7b7cda__.avatarUrl)(5)
+            imageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(5)
         },
         manager: {
             name: "Janice Martin",
-            imageUrl: (0, __WEBPACK_EXTERNAL_MODULE__shared_js_cc7b7cda__.avatarUrl)(1)
+            imageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(1)
         }
     },
     {
@@ -116,11 +100,11 @@ const positions = [
         department: "Design",
         assignee: {
             name: "Jasmine Kaur",
-            imageUrl: (0, __WEBPACK_EXTERNAL_MODULE__shared_js_cc7b7cda__.avatarUrl)(6)
+            imageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(6)
         },
         manager: {
             name: "Janice Martin",
-            imageUrl: (0, __WEBPACK_EXTERNAL_MODULE__shared_js_cc7b7cda__.avatarUrl)(1)
+            imageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(1)
         }
     },
     {
@@ -131,11 +115,11 @@ const positions = [
         department: "People & Culture",
         assignee: {
             name: "Hannah Abbott",
-            imageUrl: (0, __WEBPACK_EXTERNAL_MODULE__shared_js_cc7b7cda__.avatarUrl)(7)
+            imageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(7)
         },
         manager: {
             name: "Daisy Smith",
-            imageUrl: (0, __WEBPACK_EXTERNAL_MODULE__shared_js_cc7b7cda__.avatarUrl)(2)
+            imageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(2)
         }
     },
     {
@@ -146,11 +130,11 @@ const positions = [
         department: "Finance",
         assignee: {
             name: "Badai Khan",
-            imageUrl: (0, __WEBPACK_EXTERNAL_MODULE__shared_js_cc7b7cda__.avatarUrl)(9)
+            imageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(9)
         },
         manager: {
             name: "Daisy Smith",
-            imageUrl: (0, __WEBPACK_EXTERNAL_MODULE__shared_js_cc7b7cda__.avatarUrl)(2)
+            imageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(2)
         }
     },
     {
@@ -161,11 +145,11 @@ const positions = [
         department: "Finance",
         assignee: {
             name: "Henry Jones",
-            imageUrl: (0, __WEBPACK_EXTERNAL_MODULE__shared_js_cc7b7cda__.avatarUrl)(8)
+            imageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(8)
         },
         manager: {
             name: "Badai Khan",
-            imageUrl: (0, __WEBPACK_EXTERNAL_MODULE__shared_js_cc7b7cda__.avatarUrl)(9)
+            imageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(9)
         }
     },
     {
@@ -176,11 +160,11 @@ const positions = [
         department: "Finance",
         assignee: {
             name: "Priya Nair",
-            imageUrl: (0, __WEBPACK_EXTERNAL_MODULE__shared_js_cc7b7cda__.avatarUrl)(10)
+            imageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(10)
         },
         manager: {
             name: "Daisy Smith",
-            imageUrl: (0, __WEBPACK_EXTERNAL_MODULE__shared_js_cc7b7cda__.avatarUrl)(2)
+            imageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(2)
         }
     },
     {
@@ -191,11 +175,11 @@ const positions = [
         department: "Operations",
         assignee: {
             name: "Ian MacLeod",
-            imageUrl: (0, __WEBPACK_EXTERNAL_MODULE__shared_js_cc7b7cda__.avatarUrl)(11)
+            imageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(11)
         },
         manager: {
             name: "Andy Samson",
-            imageUrl: (0, __WEBPACK_EXTERNAL_MODULE__shared_js_cc7b7cda__.avatarUrl)(4)
+            imageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(4)
         }
     },
     {
@@ -207,7 +191,7 @@ const positions = [
         assignee: "vacant",
         manager: {
             name: "Candice Berry",
-            imageUrl: (0, __WEBPACK_EXTERNAL_MODULE__shared_js_cc7b7cda__.avatarUrl)(3)
+            imageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(3)
         }
     },
     {
@@ -218,7 +202,7 @@ const positions = [
         department: "Technology",
         assignee: {
             name: "Evan Baker",
-            imageUrl: (0, __WEBPACK_EXTERNAL_MODULE__shared_js_cc7b7cda__.avatarUrl)(12)
+            imageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(12)
         },
         manager: "vacant"
     },
@@ -239,7 +223,7 @@ const positions = [
         department: "Production",
         assignee: {
             name: "Janet Siddens",
-            imageUrl: (0, __WEBPACK_EXTERNAL_MODULE__shared_js_cc7b7cda__.avatarUrl)(13)
+            imageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(13)
         },
         manager: "vacant"
     },
@@ -251,11 +235,11 @@ const positions = [
         department: "Production",
         assignee: {
             name: "Rowe Innes",
-            imageUrl: (0, __WEBPACK_EXTERNAL_MODULE__shared_js_cc7b7cda__.avatarUrl)(14)
+            imageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(14)
         },
         manager: {
             name: "Lena Voss",
-            imageUrl: (0, __WEBPACK_EXTERNAL_MODULE__shared_js_cc7b7cda__.avatarUrl)(15)
+            imageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(15)
         }
     },
     {
@@ -266,11 +250,11 @@ const positions = [
         department: "Production",
         assignee: {
             name: "Greg Evans",
-            imageUrl: (0, __WEBPACK_EXTERNAL_MODULE__shared_js_cc7b7cda__.avatarUrl)(16)
+            imageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(16)
         },
         manager: {
             name: "Marcus Dale",
-            imageUrl: (0, __WEBPACK_EXTERNAL_MODULE__shared_js_cc7b7cda__.avatarUrl)(17)
+            imageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(17)
         }
     }
 ];
@@ -304,7 +288,12 @@ const PositionsList = ({ compactBreakpoint, contentAlignment, enableSorting, row
                 spacing: "n2",
                 tagName: "div",
                 children: [
-                    /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(MissingAvatar, {}),
+                    /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__Avatar_js_1229b6e4__["default"], {
+                        id: `${r.id}-assign-vacant`,
+                        size: "small",
+                        href: `#assignee-${r.id}`,
+                        hoverIcon: "Edit"
+                    }),
                     /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__PlainText_js_acfb96d1__["default"], {
                         font: "small",
                         tone: "muted",
@@ -322,12 +311,14 @@ const PositionsList = ({ compactBreakpoint, contentAlignment, enableSorting, row
                 spacing: "n2",
                 tagName: "div",
                 children: [
-                    /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__PersonAvatar_js_0117b3ba__["default"], {
+                    /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__Avatar_js_1229b6e4__["default"], {
                         id: `${r.id}-assign`,
                         name: r.assignee.name,
                         imageUrl: r.assignee.imageUrl,
                         size: "small",
-                        hue: "200"
+                        hue: "200",
+                        href: `#assignee-${r.id}`,
+                        hoverIcon: "Edit"
                     }),
                     /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__PlainText_js_acfb96d1__["default"], {
                         font: "small",
@@ -343,7 +334,13 @@ const PositionsList = ({ compactBreakpoint, contentAlignment, enableSorting, row
             href: `#manager-${r.id}`,
             onClick: (e)=>e.stopPropagation(),
             style: slotLinkStyle,
-            children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(MissingAvatar, {})
+            children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__Avatar_js_1229b6e4__["default"], {
+                id: `${r.id}-mgr-vacant`,
+                size: "small",
+                href: `#manager-${r.id}`,
+                hoverIcon: "Edit",
+                badgeIcon: "ArrowTurnLeftUp"
+            })
         });
         return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(Link, {
             href: `#manager-${r.id}`,
@@ -352,10 +349,13 @@ const PositionsList = ({ compactBreakpoint, contentAlignment, enableSorting, row
                 ...slotLinkStyle,
                 zIndex: 2
             },
-            children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__PersonAvatar_js_0117b3ba__["default"], {
+            children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__Avatar_js_1229b6e4__["default"], {
                 id: `${r.id}-mgr`,
                 name: r.manager.name,
                 imageUrl: r.manager.imageUrl,
+                href: `#manager-${r.id}`,
+                hoverIcon: "Edit",
+                badgeIcon: "ArrowTurnLeftUp",
                 size: "small",
                 hue: "200"
             })
@@ -473,7 +473,7 @@ const PositionsList = ({ compactBreakpoint, contentAlignment, enableSorting, row
         globalFiltering: true,
         render: (r)=>renderManager(r),
         align: "center",
-        size: 60,
+        size: 65,
         filter: {
             isMulti: true,
             label: "Reports to",

package/dist/presentation/RichList/stories/Reviews.js

@@ -1,8 +1,8 @@
 import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
-import * as __WEBPACK_EXTERNAL_MODULE__PersonAvatar_js_0117b3ba__ from "../../PersonAvatar.js";
+import * as __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__ from "../../../utils/storybook.js";
+import * as __WEBPACK_EXTERNAL_MODULE__Avatar_js_1229b6e4__ from "../../Avatar.js";
 import * as __WEBPACK_EXTERNAL_MODULE__PlainText_js_acfb96d1__ from "../../PlainText.js";
 import * as __WEBPACK_EXTERNAL_MODULE__RichList_js_64f3f04c__ from "../RichList.js";
-import * as __WEBPACK_EXTERNAL_MODULE__shared_js_cc7b7cda__ from "./shared.js";
 const formatListDate = (isoDate)=>{
     const d = new Date(`${isoDate}T12:00:00`);
     return new Intl.DateTimeFormat("en-GB", {
@@ -21,7 +21,7 @@ const reviewRows = [
         submittedAt: null,
         personName: "Alex Chen",
         personHue: "220",
-        personImageUrl: (0, __WEBPACK_EXTERNAL_MODULE__shared_js_cc7b7cda__.avatarUrl)(11)
+        personImageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(11)
     },
     {
         id: "pr-2",
@@ -32,7 +32,7 @@ const reviewRows = [
         submittedAt: null,
         personName: "Jordan Lee",
         personHue: "280",
-        personImageUrl: (0, __WEBPACK_EXTERNAL_MODULE__shared_js_cc7b7cda__.avatarUrl)(22)
+        personImageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(22)
     },
     {
         id: "pr-3",
@@ -43,7 +43,7 @@ const reviewRows = [
         submittedAt: null,
         personName: "Sam Rivera",
         personHue: "40",
-        personImageUrl: (0, __WEBPACK_EXTERNAL_MODULE__shared_js_cc7b7cda__.avatarUrl)(33)
+        personImageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(33)
     },
     {
         id: "pr-4",
@@ -54,7 +54,7 @@ const reviewRows = [
         submittedAt: "2026-03-10T09:00:00.000Z",
         personName: "Riley Nguyen",
         personHue: "160",
-        personImageUrl: (0, __WEBPACK_EXTERNAL_MODULE__shared_js_cc7b7cda__.avatarUrl)(11)
+        personImageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(11)
     },
     {
         id: "pr-5",
@@ -65,7 +65,7 @@ const reviewRows = [
         submittedAt: "2026-03-18T14:30:00.000Z",
         personName: "Morgan Blake",
         personHue: "300",
-        personImageUrl: (0, __WEBPACK_EXTERNAL_MODULE__shared_js_cc7b7cda__.avatarUrl)(22)
+        personImageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(22)
     },
     {
         id: "pr-6",
@@ -76,7 +76,7 @@ const reviewRows = [
         submittedAt: "2026-06-28T11:15:00.000Z",
         personName: "Casey Park",
         personHue: "100",
-        personImageUrl: (0, __WEBPACK_EXTERNAL_MODULE__shared_js_cc7b7cda__.avatarUrl)(33)
+        personImageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(33)
     },
     {
         id: "pr-7",
@@ -87,7 +87,7 @@ const reviewRows = [
         submittedAt: "2026-11-24T16:45:00.000Z",
         personName: "Taylor Brooks",
         personHue: "20",
-        personImageUrl: (0, __WEBPACK_EXTERNAL_MODULE__shared_js_cc7b7cda__.avatarUrl)(11)
+        personImageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(11)
     },
     {
         id: "pr-8",
@@ -98,7 +98,7 @@ const reviewRows = [
         submittedAt: "2026-11-29T08:20:00.000Z",
         personName: "Jamie Patel",
         personHue: "200",
-        personImageUrl: (0, __WEBPACK_EXTERNAL_MODULE__shared_js_cc7b7cda__.avatarUrl)(22)
+        personImageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(22)
     }
 ];
 const renderDueLine = (row)=>{
@@ -139,7 +139,7 @@ const renderDueLine = (row)=>{
 };
 const avatarSlot = {
     id: "reviewee",
-    render: (r)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__PersonAvatar_js_0117b3ba__["default"], {
+    render: (r)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__Avatar_js_1229b6e4__["default"], {
             hue: r.personHue,
             id: r.id,
             imageUrl: r.personImageUrl,

package/dist/presentation/RichList/stories/SavedQuestions.js

@@ -101,6 +101,7 @@ const rowActions = ()=>[
                 symbol: "Edit"
             }),
             alwaysVisible: false,
+            type: "onClick",
             onClick: ()=>void 0
         }
     ];