@worknice/whiteboard 0.52.0 → 0.53.0

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

@@ -0,0 +1,85 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+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__PlainText_js_acfb96d1__ from "../../PlainText.js";
+import * as __WEBPACK_EXTERNAL_MODULE__RichList_js_64f3f04c__ from "../RichList.js";
+const tables = [
+    {
+        id: "t1",
+        title: "Emergency contact information",
+        description: "A table capturing employee emergency contact details",
+        columnCount: 5
+    },
+    {
+        id: "t2",
+        title: "Employment details",
+        description: "A structured overview of each employee's role and reporting line.",
+        columnCount: 8
+    },
+    {
+        id: "t3",
+        title: "Compensation overview",
+        description: "A real-time view of compensation data synced from your payroll system",
+        columnCount: 7
+    },
+    {
+        id: "t4",
+        title: "Payroll report",
+        description: "A centralised view of employee payroll-related information.",
+        columnCount: 6
+    },
+    {
+        id: "t5",
+        title: "Current onboarders",
+        description: "Track employees who are currently onboarding",
+        columnCount: 4
+    },
+    {
+        id: "t6",
+        title: "Probation tracker",
+        description: "All employees currently under probation",
+        columnCount: 5
+    }
+];
+const TablesList = ({ compactBreakpoint, contentAlignment, enableSorting, rowHeight })=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__RichList_js_64f3f04c__["default"], {
+        data: tables,
+        fillContainerHeight: true,
+        compactBreakpoint: compactBreakpoint,
+        contentAlignment: contentAlignment,
+        enableSorting: enableSorting,
+        getRowId: (r)=>r.id,
+        href: ()=>"#",
+        rowHeight: rowHeight,
+        mainSlot: {
+            primary: (r)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__PlainText_js_acfb96d1__["default"], {
+                    font: "regular-bold",
+                    children: r.title
+                }),
+            secondary: (r)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__PlainText_js_acfb96d1__["default"], {
+                    font: "small",
+                    tone: "muted",
+                    children: r.description
+                })
+        },
+        trailingSlot: (r)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(__WEBPACK_EXTERNAL_MODULE__HStack_js_d2f77bae__["default"], {
+                align: "center",
+                spacing: "n2",
+                children: [
+                    /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__Icon_js_b85e52f7__["default"], {
+                        symbol: "Columns",
+                        size: "small",
+                        tone: "muted"
+                    }),
+                    /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(__WEBPACK_EXTERNAL_MODULE__PlainText_js_acfb96d1__["default"], {
+                        font: "small",
+                        tone: "muted",
+                        children: [
+                            r.columnCount,
+                            " columns"
+                        ]
+                    })
+                ]
+            })
+    });
+const Tables_rslib_entry_ = TablesList;
+export { Tables_rslib_entry_ as default };

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

@@ -0,0 +1,16 @@
+import { type CommonProps } from "./shared";
+type DueStyle = "soon" | "overdue" | "later";
+export type TasksRow = {
+    id: string;
+    title: string;
+    /** Row 11: Draft badge on the title. */
+    isDraft: boolean;
+    dueText: string;
+    dueStyle: DueStyle;
+    assigneeName: string;
+    assigneeImageUrl: string;
+    /** Far-right “secondary” person. */
+    secondaryImageUrl: string;
+};
+declare const TasksList: ({ compactBreakpoint, contentAlignment, enableSorting, rowHeight, }: CommonProps) => import("react/jsx-runtime").JSX.Element;
+export default TasksList;

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

@@ -0,0 +1,340 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+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",
+        title: "Equipment - assign desk",
+        isDraft: false,
+        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)
+    },
+    {
+        id: "t2",
+        title: "Equipment - assign laptop",
+        isDraft: false,
+        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)
+    },
+    {
+        id: "t3",
+        title: "Equipment - assign keyboard",
+        isDraft: false,
+        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)
+    },
+    {
+        id: "t4",
+        title: "Complete module 2 ISO certification",
+        isDraft: false,
+        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)
+    },
+    {
+        id: "t5",
+        title: "Complete module 2 ISO certification",
+        isDraft: false,
+        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)
+    },
+    {
+        id: "t6",
+        title: "Access - set up office access card",
+        isDraft: false,
+        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)
+    },
+    {
+        id: "t7",
+        title: "Systems - set up slack account",
+        isDraft: false,
+        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)
+    },
+    {
+        id: "t8",
+        title: "Collect access key card from front desk",
+        isDraft: false,
+        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)
+    },
+    {
+        id: "t9",
+        title: "Complete module 1 ISO certification",
+        isDraft: false,
+        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)
+    },
+    {
+        id: "t10",
+        title: "Complete module 2 ISO certification",
+        isDraft: false,
+        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)
+    },
+    {
+        id: "t11",
+        title: "Equipment - assign keyboard",
+        isDraft: true,
+        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)
+    },
+    {
+        id: "t12",
+        title: "Complete module 2 ISO certification",
+        isDraft: false,
+        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)
+    },
+    {
+        id: "t13",
+        title: "Collect keys for new hire front desk",
+        isDraft: false,
+        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)
+    },
+    {
+        id: "t14",
+        title: "Equipment - assign laptop",
+        isDraft: false,
+        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)
+    },
+    {
+        id: "t15",
+        title: "Equipment - assign laptop",
+        isDraft: false,
+        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)
+    }
+];
+const uniqueAssigneeNames = [
+    ...new Set(rows.map((r)=>r.assigneeName))
+].sort((a, b)=>a.localeCompare(b));
+function dueIconAndTones(style) {
+    if ("soon" === style) return {
+        symbol: "Leave",
+        textTone: "warning",
+        iconTone: "warning"
+    };
+    if ("overdue" === style) return {
+        symbol: "Warning",
+        textTone: "danger",
+        iconTone: "danger"
+    };
+    return {
+        symbol: "Calendar",
+        textTone: "muted",
+        iconTone: "muted"
+    };
+}
+const TasksList = ({ compactBreakpoint, contentAlignment, enableSorting, rowHeight })=>{
+    const titleField = {
+        label: "Task",
+        value: (r)=>r.title,
+        globalFiltering: true,
+        render: (r)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__PlainText_js_acfb96d1__["default"], {
+                font: "regular-bold",
+                children: r.title
+            }),
+        suffixOnWide: (r)=>r.isDraft ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__Badge_js_56d6dba9__["default"], {
+                id: `${r.id}-draft`,
+                color: "blue",
+                children: "Draft"
+            }) : null
+    };
+    const dueSlot = {
+        id: "due",
+        label: "Due",
+        canToggleVisibility: true,
+        value: (r)=>r.dueText,
+        globalFiltering: true,
+        filter: {
+            isMulti: true,
+            label: "Due",
+            options: [
+                {
+                    id: "due-soon",
+                    label: "Due soon",
+                    predicate: (r)=>"soon" === r.dueStyle
+                },
+                {
+                    id: "due-late",
+                    label: "Overdue",
+                    predicate: (r)=>"overdue" === r.dueStyle
+                },
+                {
+                    id: "due-later",
+                    label: "Later / none",
+                    predicate: (r)=>"later" === r.dueStyle
+                }
+            ]
+        },
+        render: (r)=>{
+            if ("No due date" === r.dueText) return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(__WEBPACK_EXTERNAL_MODULE__HStack_js_d2f77bae__["default"], {
+                spacing: "n2",
+                align: "center",
+                tagName: "div",
+                children: [
+                    /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__Icon_js_b85e52f7__["default"], {
+                        symbol: "PaperworkExpired",
+                        tone: "light"
+                    }),
+                    /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__PlainText_js_acfb96d1__["default"], {
+                        font: "small",
+                        tone: "muted",
+                        children: r.dueText
+                    })
+                ]
+            });
+            const { symbol, textTone, iconTone } = dueIconAndTones(r.dueStyle);
+            return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(__WEBPACK_EXTERNAL_MODULE__HStack_js_d2f77bae__["default"], {
+                spacing: "n2",
+                align: "center",
+                tagName: "div",
+                children: [
+                    /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__Icon_js_b85e52f7__["default"], {
+                        symbol: symbol,
+                        tone: iconTone
+                    }),
+                    /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__PlainText_js_acfb96d1__["default"], {
+                        font: "small",
+                        tone: textTone,
+                        children: r.dueText
+                    })
+                ]
+            });
+        },
+        align: "start",
+        size: 120,
+        compactSize: 80
+    };
+    const assigneeSlot = {
+        id: "assignee",
+        label: "Assignee",
+        canToggleVisibility: true,
+        value: (r)=>r.assigneeName,
+        globalFiltering: true,
+        filter: {
+            isMulti: true,
+            label: "Assignee",
+            options: uniqueAssigneeNames.map((name)=>({
+                    id: `as-${name}`,
+                    label: name,
+                    predicate: (r)=>r.assigneeName === name
+                }))
+        },
+        render: (r)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(__WEBPACK_EXTERNAL_MODULE__HStack_js_d2f77bae__["default"], {
+                spacing: "n2",
+                align: "center",
+                tagName: "div",
+                children: [
+                    /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__PersonAvatar_js_0117b3ba__["default"], {
+                        id: `${r.id}-as`,
+                        name: r.assigneeName,
+                        imageUrl: r.assigneeImageUrl,
+                        size: "small",
+                        hue: "200"
+                    }),
+                    /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__PlainText_js_acfb96d1__["default"], {
+                        font: "small",
+                        children: r.assigneeName
+                    })
+                ]
+            }),
+        align: "start",
+        size: 200,
+        compactSize: 100
+    };
+    const secondarySlot = {
+        id: "secondary",
+        label: "Owner",
+        value: (r)=>r.id,
+        render: (r)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+                style: {
+                    display: "flex",
+                    justifyContent: "flex-end"
+                },
+                children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__PersonAvatar_js_0117b3ba__["default"], {
+                    id: `${r.id}-sec`,
+                    name: "Secondary",
+                    imageUrl: r.secondaryImageUrl,
+                    size: "small",
+                    hue: "200"
+                })
+            }),
+        align: "end",
+        size: 48,
+        compactSize: 48
+    };
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__RichList_js_64f3f04c__["default"], {
+        compactBreakpoint: compactBreakpoint,
+        contentAlignment: contentAlignment,
+        contentSlots: [
+            dueSlot,
+            assigneeSlot
+        ],
+        data: rows,
+        enableSorting: enableSorting,
+        fillContainerHeight: true,
+        getRowId: (r)=>r.id,
+        rowHeight: rowHeight,
+        mainSlot: {
+            size: 320,
+            primary: titleField
+        },
+        trailingSlot: secondarySlot
+    });
+};
+const Tasks_rslib_entry_ = TasksList;
+export { Tasks_rslib_entry_ as default };

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

@@ -0,0 +1,9 @@
+import { type RichListBulkAction } from "../../RichList";
+export declare function richListStoryViewBulkAction<Type>(): RichListBulkAction<Type>;
+export declare function richListStoryEmailBulkAction<Type>(): RichListBulkAction<Type>;
+export declare function richListStoryExportBulkAction<Type>(): RichListBulkAction<Type>;
+export declare function richListStoryArchiveBulkAction<Type>(): RichListBulkAction<Type>;
+/** Primary bar: View, Email. */
+export declare function richListStoryPrimaryBulkActions<Type>(): Array<RichListBulkAction<Type>>;
+/** Overflow: Export, Archive. */
+export declare function richListStorySecondaryBulkActions<Type>(): Array<RichListBulkAction<Type>>;

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

@@ -0,0 +1,122 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE__controls_Button_js_5f9dd2b4__ from "../../../../controls/Button.js";
+import * as __WEBPACK_EXTERNAL_MODULE__Card_js_a31a1396__ from "../../../Card.js";
+import * as __WEBPACK_EXTERNAL_MODULE__CardContent_js_3505c994__ from "../../../CardContent.js";
+import * as __WEBPACK_EXTERNAL_MODULE__HStack_js_836c9c03__ from "../../../HStack.js";
+import * as __WEBPACK_EXTERNAL_MODULE__Icon_js_0a12b1b9__ from "../../../Icon.js";
+import * as __WEBPACK_EXTERNAL_MODULE__Modal_js_473ea137__ from "../../../Modal.js";
+import * as __WEBPACK_EXTERNAL_MODULE__PlainText_js_8f4f405b__ from "../../../PlainText.js";
+function dismissBulkActionStub({ onClose, resetRowSelection }) {
+    return ()=>{
+        resetRowSelection();
+        onClose();
+    };
+}
+function RichListStoryStubBulkActionModal({ id, body, onClose }) {
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__Modal_js_473ea137__["default"], {
+        onClose: onClose,
+        size: "small",
+        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__Card_js_a31a1396__["default"], {
+            footer: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__HStack_js_836c9c03__["default"], {
+                justify: "end",
+                children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__controls_Button_js_5f9dd2b4__["default"], {
+                    id: id,
+                    onClick: onClose,
+                    type: "primary",
+                    children: "Close"
+                })
+            }),
+            children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__CardContent_js_3505c994__["default"], {
+                children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__PlainText_js_8f4f405b__["default"], {
+                    font: "h5",
+                    children: body
+                })
+            })
+        })
+    });
+}
+function richListStoryViewBulkAction() {
+    return {
+        key: "view",
+        label: "View",
+        icon: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__Icon_js_0a12b1b9__["default"], {
+            symbol: "Visible",
+            size: "small"
+        }),
+        render: ({ rows, onClose, resetRowSelection })=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(RichListStoryStubBulkActionModal, {
+                id: "richlist-story-bulk-view-close",
+                onClose: dismissBulkActionStub({
+                    onClose,
+                    resetRowSelection
+                }),
+                body: "View — " + rows.length + " " + (1 === rows.length ? "row" : "rows") + " selected."
+            })
+    };
+}
+function richListStoryEmailBulkAction() {
+    return {
+        key: "email",
+        label: "Email",
+        icon: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__Icon_js_0a12b1b9__["default"], {
+            symbol: "Email",
+            size: "small"
+        }),
+        render: ({ rows, onClose, resetRowSelection })=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(RichListStoryStubBulkActionModal, {
+                id: "richlist-story-bulk-email-close",
+                onClose: dismissBulkActionStub({
+                    onClose,
+                    resetRowSelection
+                }),
+                body: "Email — " + rows.length + " " + (1 === rows.length ? "row" : "rows") + " selected."
+            })
+    };
+}
+function richListStoryExportBulkAction() {
+    return {
+        key: "export",
+        label: "Export",
+        icon: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__Icon_js_0a12b1b9__["default"], {
+            symbol: "Download",
+            size: "small"
+        }),
+        render: ({ rows, onClose, resetRowSelection })=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(RichListStoryStubBulkActionModal, {
+                id: "richlist-story-bulk-export-close",
+                onClose: dismissBulkActionStub({
+                    onClose,
+                    resetRowSelection
+                }),
+                body: "Export — " + rows.length + " " + (1 === rows.length ? "row" : "rows") + " selected."
+            })
+    };
+}
+function richListStoryArchiveBulkAction() {
+    return {
+        key: "archive",
+        label: "Archive",
+        icon: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__Icon_js_0a12b1b9__["default"], {
+            symbol: "Archive",
+            size: "small"
+        }),
+        render: ({ rows, onClose, resetRowSelection })=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(RichListStoryStubBulkActionModal, {
+                id: "richlist-story-bulk-archive-close",
+                onClose: dismissBulkActionStub({
+                    onClose,
+                    resetRowSelection
+                }),
+                body: "Archive — " + rows.length + " " + (1 === rows.length ? "row" : "rows") + " would be archived."
+            })
+    };
+}
+function richListStoryPrimaryBulkActions() {
+    return [
+        richListStoryViewBulkAction(),
+        richListStoryEmailBulkAction()
+    ];
+}
+function richListStorySecondaryBulkActions() {
+    return [
+        richListStoryExportBulkAction(),
+        richListStoryArchiveBulkAction()
+    ];
+}
+export { richListStoryArchiveBulkAction, richListStoryEmailBulkAction, richListStoryExportBulkAction, richListStoryPrimaryBulkActions, richListStorySecondaryBulkActions, richListStoryViewBulkAction };

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

@@ -0,0 +1,8 @@
+import type { CSSProperties } from "react";
+export declare const avatarUrl: (img: number) => string;
+export type CommonProps = {
+    compactBreakpoint?: number;
+    contentAlignment?: NonNullable<CSSProperties["justifyContent"]>;
+    enableSorting?: boolean;
+    rowHeight?: number | "large" | "medium" | "small";
+};

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

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