@worknice/whiteboard 0.56.0 → 0.58.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
         }
     ];

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

@@ -1,11 +1,11 @@
 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__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 rows = [
     {
         id: "t1",
@@ -14,8 +14,8 @@ const rows = [
         dueText: "in 3 days",
         dueStyle: "soon",
         assigneeName: "Caity Dewer",
-        assigneeImageUrl: (0, __WEBPACK_EXTERNAL_MODULE__shared_js_cc7b7cda__.avatarUrl)(7),
-        secondaryImageUrl: (0, __WEBPACK_EXTERNAL_MODULE__shared_js_cc7b7cda__.avatarUrl)(8)
+        assigneeImageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(7),
+        secondaryImageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(8)
     },
     {
         id: "t2",
@@ -24,8 +24,8 @@ const rows = [
         dueText: "in 2 months",
         dueStyle: "later",
         assigneeName: "James Ford",
-        assigneeImageUrl: (0, __WEBPACK_EXTERNAL_MODULE__shared_js_cc7b7cda__.avatarUrl)(30),
-        secondaryImageUrl: (0, __WEBPACK_EXTERNAL_MODULE__shared_js_cc7b7cda__.avatarUrl)(12)
+        assigneeImageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(30),
+        secondaryImageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(12)
     },
     {
         id: "t3",
@@ -34,8 +34,8 @@ const rows = [
         dueText: "2 days ago",
         dueStyle: "overdue",
         assigneeName: "Greg Evans",
-        assigneeImageUrl: (0, __WEBPACK_EXTERNAL_MODULE__shared_js_cc7b7cda__.avatarUrl)(31),
-        secondaryImageUrl: (0, __WEBPACK_EXTERNAL_MODULE__shared_js_cc7b7cda__.avatarUrl)(5)
+        assigneeImageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(31),
+        secondaryImageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(5)
     },
     {
         id: "t4",
@@ -44,8 +44,8 @@ const rows = [
         dueText: "in 5 days",
         dueStyle: "soon",
         assigneeName: "Daisy Smith",
-        assigneeImageUrl: (0, __WEBPACK_EXTERNAL_MODULE__shared_js_cc7b7cda__.avatarUrl)(1),
-        secondaryImageUrl: (0, __WEBPACK_EXTERNAL_MODULE__shared_js_cc7b7cda__.avatarUrl)(2)
+        assigneeImageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(1),
+        secondaryImageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(2)
     },
     {
         id: "t5",
@@ -54,8 +54,8 @@ const rows = [
         dueText: "tomorrow",
         dueStyle: "soon",
         assigneeName: "Daisy Smith",
-        assigneeImageUrl: (0, __WEBPACK_EXTERNAL_MODULE__shared_js_cc7b7cda__.avatarUrl)(1),
-        secondaryImageUrl: (0, __WEBPACK_EXTERNAL_MODULE__shared_js_cc7b7cda__.avatarUrl)(3)
+        assigneeImageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(1),
+        secondaryImageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(3)
     },
     {
         id: "t6",
@@ -64,8 +64,8 @@ const rows = [
         dueText: "No due date",
         dueStyle: "later",
         assigneeName: "Jane Dawson",
-        assigneeImageUrl: (0, __WEBPACK_EXTERNAL_MODULE__shared_js_cc7b7cda__.avatarUrl)(32),
-        secondaryImageUrl: (0, __WEBPACK_EXTERNAL_MODULE__shared_js_cc7b7cda__.avatarUrl)(14)
+        assigneeImageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(32),
+        secondaryImageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(14)
     },
     {
         id: "t7",
@@ -74,8 +74,8 @@ const rows = [
         dueText: "in 2 weeks",
         dueStyle: "later",
         assigneeName: "Jane Dawson",
-        assigneeImageUrl: (0, __WEBPACK_EXTERNAL_MODULE__shared_js_cc7b7cda__.avatarUrl)(32),
-        secondaryImageUrl: (0, __WEBPACK_EXTERNAL_MODULE__shared_js_cc7b7cda__.avatarUrl)(15)
+        assigneeImageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(32),
+        secondaryImageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(15)
     },
     {
         id: "t8",
@@ -84,8 +84,8 @@ const rows = [
         dueText: "in 14 days",
         dueStyle: "later",
         assigneeName: "Nadia Ora",
-        assigneeImageUrl: (0, __WEBPACK_EXTERNAL_MODULE__shared_js_cc7b7cda__.avatarUrl)(6),
-        secondaryImageUrl: (0, __WEBPACK_EXTERNAL_MODULE__shared_js_cc7b7cda__.avatarUrl)(16)
+        assigneeImageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(6),
+        secondaryImageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(16)
     },
     {
         id: "t9",
@@ -94,8 +94,8 @@ const rows = [
         dueText: "in 1 month",
         dueStyle: "later",
         assigneeName: "Andy Samson",
-        assigneeImageUrl: (0, __WEBPACK_EXTERNAL_MODULE__shared_js_cc7b7cda__.avatarUrl)(4),
-        secondaryImageUrl: (0, __WEBPACK_EXTERNAL_MODULE__shared_js_cc7b7cda__.avatarUrl)(11)
+        assigneeImageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(4),
+        secondaryImageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(11)
     },
     {
         id: "t10",
@@ -104,8 +104,8 @@ const rows = [
         dueText: "No due date",
         dueStyle: "later",
         assigneeName: "Andy Samson",
-        assigneeImageUrl: (0, __WEBPACK_EXTERNAL_MODULE__shared_js_cc7b7cda__.avatarUrl)(4),
-        secondaryImageUrl: (0, __WEBPACK_EXTERNAL_MODULE__shared_js_cc7b7cda__.avatarUrl)(12)
+        assigneeImageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(4),
+        secondaryImageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(12)
     },
     {
         id: "t11",
@@ -114,8 +114,8 @@ const rows = [
         dueText: "No due date",
         dueStyle: "later",
         assigneeName: "Jessica Smith",
-        assigneeImageUrl: (0, __WEBPACK_EXTERNAL_MODULE__shared_js_cc7b7cda__.avatarUrl)(33),
-        secondaryImageUrl: (0, __WEBPACK_EXTERNAL_MODULE__shared_js_cc7b7cda__.avatarUrl)(18)
+        assigneeImageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(33),
+        secondaryImageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(18)
     },
     {
         id: "t12",
@@ -124,8 +124,8 @@ const rows = [
         dueText: "1 week ago",
         dueStyle: "overdue",
         assigneeName: "Sarah Cruden",
-        assigneeImageUrl: (0, __WEBPACK_EXTERNAL_MODULE__shared_js_cc7b7cda__.avatarUrl)(35),
-        secondaryImageUrl: (0, __WEBPACK_EXTERNAL_MODULE__shared_js_cc7b7cda__.avatarUrl)(19)
+        assigneeImageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(35),
+        secondaryImageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(19)
     },
     {
         id: "t13",
@@ -134,8 +134,8 @@ const rows = [
         dueText: "in 1 week",
         dueStyle: "later",
         assigneeName: "Matthew Knee",
-        assigneeImageUrl: (0, __WEBPACK_EXTERNAL_MODULE__shared_js_cc7b7cda__.avatarUrl)(36),
-        secondaryImageUrl: (0, __WEBPACK_EXTERNAL_MODULE__shared_js_cc7b7cda__.avatarUrl)(20)
+        assigneeImageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(36),
+        secondaryImageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(20)
     },
     {
         id: "t14",
@@ -144,8 +144,8 @@ const rows = [
         dueText: "in 3 weeks",
         dueStyle: "later",
         assigneeName: "Jake Smith",
-        assigneeImageUrl: (0, __WEBPACK_EXTERNAL_MODULE__shared_js_cc7b7cda__.avatarUrl)(37),
-        secondaryImageUrl: (0, __WEBPACK_EXTERNAL_MODULE__shared_js_cc7b7cda__.avatarUrl)(22)
+        assigneeImageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(37),
+        secondaryImageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(22)
     },
     {
         id: "t15",
@@ -154,8 +154,8 @@ const rows = [
         dueText: "in 4 days",
         dueStyle: "soon",
         assigneeName: "Iris Sing",
-        assigneeImageUrl: (0, __WEBPACK_EXTERNAL_MODULE__shared_js_cc7b7cda__.avatarUrl)(38),
-        secondaryImageUrl: (0, __WEBPACK_EXTERNAL_MODULE__shared_js_cc7b7cda__.avatarUrl)(23)
+        assigneeImageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(38),
+        secondaryImageUrl: (0, __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__.avatarUrl)(23)
     }
 ];
 const uniqueAssigneeNames = [
@@ -279,7 +279,7 @@ const TasksList = ({ compactBreakpoint, contentAlignment, enableSorting, rowHeig
                 align: "center",
                 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}-as`,
                         name: r.assigneeName,
                         imageUrl: r.assigneeImageUrl,
@@ -305,7 +305,7 @@ const TasksList = ({ compactBreakpoint, contentAlignment, enableSorting, rowHeig
                     display: "flex",
                     justifyContent: "flex-end"
                 },
-                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}-sec`,
                     name: "Secondary",
                     imageUrl: r.secondaryImageUrl,

package/dist/presentation/RichList/stories/shared.d.ts

@@ -1,5 +1,4 @@
 import type { CSSProperties } from "react";
-export declare const avatarUrl: (img: number) => string;
 export type CommonProps = {
     compactBreakpoint?: number;
     contentAlignment?: NonNullable<CSSProperties["justifyContent"]>;

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

@@ -1,2 +0,0 @@
-const avatarUrl = (img)=>`https://i.pravatar.cc/50?img=${img}`;
-export { avatarUrl };

package/dist/presentation/RichList/types.d.ts

@@ -306,13 +306,18 @@ export type RichListRowAction<Type> = {
      * @default `false` (falsy/omitted: overflow menu only)
      */
     alwaysVisible?: boolean;
-    onClick: (row: Type) => void;
     /**
      * If set, the action is not offered when this returns `false` for that row.
      * @default (omitted) the action is always considered for the row.
      */
     predicate?: (row: Type) => boolean;
-};
+} & ({
+    onClick: (row: Type) => void;
+    type: "onClick";
+} | {
+    render: (onClose: () => void) => ReactNode;
+    type: "render";
+});
 /**
  * An action on the **selected** rows. Used with `bulkActions` on the list. The `render`
  * function usually returns a panel (confirm, form, etc.) and receives the matching

package/dist/utils/storybook.d.ts

@@ -1,2 +1,4 @@
 import type { ArgTypes } from "@storybook/nextjs-vite";
+/** Demo image URLs for Storybook stories (fixtures). Not for production. */
+export declare const avatarUrl: (img: number) => string;
 export declare const iconStoryControl: () => ArgTypes[string];

package/dist/utils/storybook.js

@@ -1,6 +1,7 @@
 import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
 import * as __WEBPACK_EXTERNAL_MODULE__icons_index_js_d6af4ddb__ from "../icons/index.js";
 import * as __WEBPACK_EXTERNAL_MODULE__presentation_Icon_js_6961aa57__ from "../presentation/Icon.js";
+const avatarUrl = (img)=>`https://i.pravatar.cc/100?img=${img}`;
 const iconStoryControl = ()=>{
     const availableIcons = Object.keys(__WEBPACK_EXTERNAL_MODULE__icons_index_js_d6af4ddb__);
     const options = [
@@ -23,4 +24,4 @@ const iconStoryControl = ()=>{
         }
     };
 };
-export { iconStoryControl };
+export { avatarUrl, iconStoryControl };