@worknice/whiteboard 0.52.1 → 0.53.0

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

@@ -0,0 +1,170 @@
+"use client";
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+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 employees = [
+    {
+        id: "e1",
+        name: "Sarah Jenkins",
+        imageUrl: (0, __WEBPACK_EXTERNAL_MODULE__shared_js_cc7b7cda__.avatarUrl)(19),
+        line: "VP of Engineering at New York"
+    },
+    {
+        id: "e2",
+        name: "David Miller",
+        imageUrl: (0, __WEBPACK_EXTERNAL_MODULE__shared_js_cc7b7cda__.avatarUrl)(20),
+        line: "Product Manager at London"
+    },
+    {
+        id: "e3",
+        name: "Emily Chen",
+        imageUrl: (0, __WEBPACK_EXTERNAL_MODULE__shared_js_cc7b7cda__.avatarUrl)(21),
+        line: "Frontend Developer at Remote"
+    },
+    {
+        id: "e4",
+        name: "James Washington",
+        imageUrl: (0, __WEBPACK_EXTERNAL_MODULE__shared_js_cc7b7cda__.avatarUrl)(22),
+        line: "HR Specialist at Chicago"
+    },
+    {
+        id: "e5",
+        name: "Priya Shah",
+        imageUrl: (0, __WEBPACK_EXTERNAL_MODULE__shared_js_cc7b7cda__.avatarUrl)(23),
+        line: "Director of Finance at Sydney"
+    },
+    {
+        id: "e6",
+        name: "Marcus Webb",
+        imageUrl: (0, __WEBPACK_EXTERNAL_MODULE__shared_js_cc7b7cda__.avatarUrl)(24),
+        line: "Warehouse Lead at Melbourne"
+    },
+    {
+        id: "e7",
+        name: "Nina Okonkwo",
+        imageUrl: (0, __WEBPACK_EXTERNAL_MODULE__shared_js_cc7b7cda__.avatarUrl)(25),
+        line: "Legal Counsel at Head Office"
+    },
+    {
+        id: "e8",
+        name: "Oliver Grant",
+        imageUrl: (0, __WEBPACK_EXTERNAL_MODULE__shared_js_cc7b7cda__.avatarUrl)(26),
+        line: "Sales Manager at Remote"
+    },
+    {
+        id: "e9",
+        name: "Rachel Kim",
+        imageUrl: (0, __WEBPACK_EXTERNAL_MODULE__shared_js_cc7b7cda__.avatarUrl)(27),
+        line: "UX Researcher at San Francisco"
+    },
+    {
+        id: "e10",
+        name: "Samuel Ortiz",
+        imageUrl: (0, __WEBPACK_EXTERNAL_MODULE__shared_js_cc7b7cda__.avatarUrl)(28),
+        line: "DevOps Engineer at Austin"
+    },
+    {
+        id: "e11",
+        name: "Tessa Bloom",
+        imageUrl: (0, __WEBPACK_EXTERNAL_MODULE__shared_js_cc7b7cda__.avatarUrl)(29),
+        line: "Chief of Staff at Seattle"
+    },
+    {
+        id: "e12",
+        name: "Victor Ng",
+        imageUrl: (0, __WEBPACK_EXTERNAL_MODULE__shared_js_cc7b7cda__.avatarUrl)(30),
+        line: "Data Analyst at Singapore"
+    },
+    {
+        id: "e13",
+        name: "Yuki Tanaka",
+        imageUrl: (0, __WEBPACK_EXTERNAL_MODULE__shared_js_cc7b7cda__.avatarUrl)(31),
+        line: "Account Executive at Tokyo"
+    },
+    {
+        id: "e14",
+        name: "Zara Ali",
+        imageUrl: (0, __WEBPACK_EXTERNAL_MODULE__shared_js_cc7b7cda__.avatarUrl)(32),
+        line: "Customer Success at Dubai"
+    },
+    {
+        id: "e15",
+        name: "Ben Carter",
+        imageUrl: (0, __WEBPACK_EXTERNAL_MODULE__shared_js_cc7b7cda__.avatarUrl)(33),
+        line: "Facilities Coordinator at Manchester"
+    }
+];
+const rowActions = ()=>[
+        {
+            id: "email",
+            label: "Email",
+            alwaysVisible: true,
+            icon: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__Icon_js_b85e52f7__["default"], {
+                symbol: "Email"
+            }),
+            onClick: ()=>void 0
+        },
+        {
+            id: "phone",
+            label: "Call",
+            alwaysVisible: true,
+            icon: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__Icon_js_b85e52f7__["default"], {
+                symbol: "Phone"
+            }),
+            onClick: ()=>void 0
+        }
+    ];
+const leadingSlot = {
+    id: "avatar",
+    render: (r)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__PersonAvatar_js_0117b3ba__["default"], {
+            id: r.id,
+            name: r.name,
+            imageUrl: r.imageUrl,
+            size: "small",
+            hue: "200"
+        }),
+    size: 48
+};
+const EmployeePeopleList = ({ compactBreakpoint, contentAlignment, enableSorting, rowHeight })=>{
+    const titleField = {
+        label: "Name",
+        value: (r)=>r.name,
+        globalFiltering: true,
+        render: (r)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__PlainText_js_acfb96d1__["default"], {
+                font: "h6",
+                children: r.name
+            })
+    };
+    const subtitleField = {
+        label: "Role",
+        value: (r)=>r.line,
+        globalFiltering: true,
+        render: (r)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__PlainText_js_acfb96d1__["default"], {
+                font: "small",
+                tone: "muted",
+                children: r.line
+            })
+    };
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__RichList_js_64f3f04c__["default"], {
+        compactBreakpoint: compactBreakpoint,
+        contentAlignment: contentAlignment,
+        data: employees,
+        enableSorting: enableSorting,
+        fillContainerHeight: true,
+        getRowId: (r)=>r.id,
+        rowActions: rowActions,
+        rowHeight: rowHeight,
+        href: ()=>"#",
+        leadingSlot: leadingSlot,
+        mainSlot: {
+            size: 240,
+            primary: titleField,
+            secondary: subtitleField
+        }
+    });
+};
+const EmployeePeople_rslib_entry_ = EmployeePeopleList;
+export { EmployeePeople_rslib_entry_ as default };

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

@@ -0,0 +1,21 @@
+import type { ComponentProps } from "react";
+import Badge from "../../Badge";
+import { type CommonProps } from "./shared";
+type NameBadgeColor = NonNullable<ComponentProps<typeof Badge>["color"]>;
+export type LeaveRow = {
+    id: string;
+    kind: string;
+    statusBadge: {
+        id: string;
+        text: "Requested" | "Approved";
+        color: NameBadgeColor;
+    };
+    dateLine: string;
+    hasComment: boolean;
+    requesterName: string;
+    requesterImageUrl: string | null;
+    /** `null` means show an em dash (no approver). */
+    approverImageUrl: string | null;
+};
+declare const LeaveList: ({ compactBreakpoint, contentAlignment, enableSorting, rowHeight, }: CommonProps) => import("react/jsx-runtime").JSX.Element;
+export default LeaveList;

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

@@ -0,0 +1,332 @@
+"use client";
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE__utils_useNextContext_js_b4604910__ from "../../../utils/useNextContext.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: "lv1",
+        kind: "Annual Leave",
+        statusBadge: {
+            id: "st",
+            text: "Requested",
+            color: "grey"
+        },
+        dateLine: "17 - 31 Mar, 2026",
+        hasComment: true,
+        requesterName: "Candice Berry",
+        requesterImageUrl: (0, __WEBPACK_EXTERNAL_MODULE__shared_js_cc7b7cda__.avatarUrl)(3),
+        approverImageUrl: (0, __WEBPACK_EXTERNAL_MODULE__shared_js_cc7b7cda__.avatarUrl)(14)
+    },
+    {
+        id: "lv2",
+        kind: "Personal/Carer's Leave",
+        statusBadge: {
+            id: "st",
+            text: "Requested",
+            color: "grey"
+        },
+        dateLine: "16 Feb, 2026",
+        hasComment: true,
+        requesterName: "Daisy Smith",
+        requesterImageUrl: (0, __WEBPACK_EXTERNAL_MODULE__shared_js_cc7b7cda__.avatarUrl)(1),
+        approverImageUrl: (0, __WEBPACK_EXTERNAL_MODULE__shared_js_cc7b7cda__.avatarUrl)(15)
+    },
+    {
+        id: "lv3",
+        kind: "Annual Leave",
+        statusBadge: {
+            id: "st",
+            text: "Approved",
+            color: "green"
+        },
+        dateLine: "1 - 19 Feb, 2026",
+        hasComment: false,
+        requesterName: "Candice Berry",
+        requesterImageUrl: (0, __WEBPACK_EXTERNAL_MODULE__shared_js_cc7b7cda__.avatarUrl)(3),
+        approverImageUrl: (0, __WEBPACK_EXTERNAL_MODULE__shared_js_cc7b7cda__.avatarUrl)(16)
+    },
+    {
+        id: "lv4",
+        kind: "Annual Leave",
+        statusBadge: {
+            id: "st",
+            text: "Requested",
+            color: "grey"
+        },
+        dateLine: "22 - 23 Jan, 2026",
+        hasComment: false,
+        requesterName: "Candice Berry",
+        requesterImageUrl: (0, __WEBPACK_EXTERNAL_MODULE__shared_js_cc7b7cda__.avatarUrl)(3),
+        approverImageUrl: (0, __WEBPACK_EXTERNAL_MODULE__shared_js_cc7b7cda__.avatarUrl)(17)
+    },
+    {
+        id: "lv5",
+        kind: "Personal/Carer's Leave",
+        statusBadge: {
+            id: "st",
+            text: "Approved",
+            color: "green"
+        },
+        dateLine: "10 - 12 Dec, 2025",
+        hasComment: false,
+        requesterName: "Nadia Ora",
+        requesterImageUrl: (0, __WEBPACK_EXTERNAL_MODULE__shared_js_cc7b7cda__.avatarUrl)(6),
+        approverImageUrl: (0, __WEBPACK_EXTERNAL_MODULE__shared_js_cc7b7cda__.avatarUrl)(18)
+    },
+    {
+        id: "lv6",
+        kind: "Annual Leave",
+        statusBadge: {
+            id: "st",
+            text: "Approved",
+            color: "green"
+        },
+        dateLine: "14 Jul, 2025",
+        hasComment: true,
+        requesterName: "Evan Baker",
+        requesterImageUrl: (0, __WEBPACK_EXTERNAL_MODULE__shared_js_cc7b7cda__.avatarUrl)(12),
+        approverImageUrl: null
+    },
+    {
+        id: "lv7",
+        kind: "Personal/Carer's Leave",
+        statusBadge: {
+            id: "st",
+            text: "Requested",
+            color: "grey"
+        },
+        dateLine: "1 - 2 Apr, 2025",
+        hasComment: true,
+        requesterName: "Nadia Ora",
+        requesterImageUrl: (0, __WEBPACK_EXTERNAL_MODULE__shared_js_cc7b7cda__.avatarUrl)(6),
+        approverImageUrl: (0, __WEBPACK_EXTERNAL_MODULE__shared_js_cc7b7cda__.avatarUrl)(19)
+    },
+    {
+        id: "lv8",
+        kind: "Annual Leave",
+        statusBadge: {
+            id: "st",
+            text: "Approved",
+            color: "green"
+        },
+        dateLine: "15 - 16 Nov, 2024",
+        hasComment: true,
+        requesterName: "Haydn Ewers",
+        requesterImageUrl: (0, __WEBPACK_EXTERNAL_MODULE__shared_js_cc7b7cda__.avatarUrl)(10),
+        approverImageUrl: (0, __WEBPACK_EXTERNAL_MODULE__shared_js_cc7b7cda__.avatarUrl)(20)
+    },
+    {
+        id: "lv9",
+        kind: "Other (Unpaid)",
+        statusBadge: {
+            id: "st",
+            text: "Requested",
+            color: "grey"
+        },
+        dateLine: "7 Nov, 2024",
+        hasComment: false,
+        requesterName: "Janice Martin",
+        requesterImageUrl: (0, __WEBPACK_EXTERNAL_MODULE__shared_js_cc7b7cda__.avatarUrl)(1),
+        approverImageUrl: (0, __WEBPACK_EXTERNAL_MODULE__shared_js_cc7b7cda__.avatarUrl)(21)
+    },
+    {
+        id: "lv10",
+        kind: "Annual Leave",
+        statusBadge: {
+            id: "st",
+            text: "Approved",
+            color: "green"
+        },
+        dateLine: "5 Jun, 2024",
+        hasComment: false,
+        requesterName: "Daniel Turner",
+        requesterImageUrl: (0, __WEBPACK_EXTERNAL_MODULE__shared_js_cc7b7cda__.avatarUrl)(9),
+        approverImageUrl: (0, __WEBPACK_EXTERNAL_MODULE__shared_js_cc7b7cda__.avatarUrl)(22)
+    }
+];
+const statusFilterOptions = [
+    {
+        id: "st-requested",
+        text: "Requested"
+    },
+    {
+        id: "st-approved",
+        text: "Approved"
+    }
+];
+const requesterFilterNames = [
+    ...new Set(rows.map((r)=>r.requesterName))
+].sort((a, b)=>a.localeCompare(b));
+const personSlotLinkStyle = {
+    alignItems: "center",
+    color: "inherit",
+    display: "inline-flex",
+    gap: "var(--size-n2)",
+    minWidth: 0,
+    position: "relative",
+    textDecoration: "none",
+    zIndex: 2
+};
+const LeaveList = ({ compactBreakpoint, contentAlignment, enableSorting, rowHeight })=>{
+    const { Link } = (0, __WEBPACK_EXTERNAL_MODULE__utils_useNextContext_js_b4604910__["default"])();
+    const titleField = {
+        label: "Leave",
+        value: (r)=>r.kind,
+        globalFiltering: true,
+        filter: {
+            isMulti: true,
+            label: "Status",
+            options: statusFilterOptions.map(({ id, text })=>({
+                    id,
+                    label: text,
+                    predicate: (r)=>r.statusBadge.text === text
+                }))
+        },
+        render: (r)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__PlainText_js_acfb96d1__["default"], {
+                font: "regular-bold",
+                children: r.kind
+            }),
+        suffixOnWide: (r)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__Badge_js_56d6dba9__["default"], {
+                id: `${r.id}-${r.statusBadge.id}`,
+                color: r.statusBadge.color,
+                children: r.statusBadge.text
+            })
+    };
+    const subtitleField = {
+        label: "Dates",
+        value: (r)=>r.dateLine,
+        globalFiltering: true,
+        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__.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: "Calendar",
+                                size: "small",
+                                tone: "muted"
+                            }),
+                            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__PlainText_js_acfb96d1__["default"], {
+                                font: "small",
+                                tone: "muted",
+                                children: r.dateLine
+                            })
+                        ]
+                    }),
+                    r.hasComment ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__Icon_js_b85e52f7__["default"], {
+                        symbol: "Comment",
+                        size: "small",
+                        tone: "muted"
+                    }) : null
+                ]
+            })
+    };
+    const requesterSlot = {
+        id: "requester",
+        label: "Requester",
+        canToggleVisibility: true,
+        value: (r)=>r.requesterName,
+        globalFiltering: true,
+        filter: {
+            isMulti: true,
+            label: "Requester",
+            options: requesterFilterNames.map((name)=>({
+                    id: `req-${name}`,
+                    label: name,
+                    predicate: (r)=>r.requesterName === name
+                }))
+        },
+        render: (r)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(Link, {
+                href: `#requester-${r.id}`,
+                onClick: (e)=>e.stopPropagation(),
+                style: personSlotLinkStyle,
+                children: /*#__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}-req`,
+                            name: r.requesterName,
+                            imageUrl: r.requesterImageUrl,
+                            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.requesterName
+                        })
+                    ]
+                })
+            }),
+        align: "start",
+        size: 200,
+        compactSize: 100
+    };
+    const approverSlot = {
+        id: "approver",
+        label: "Approver",
+        value: (r)=>r.approverImageUrl ? "set" : "—",
+        globalFiltering: true,
+        render: (r)=>r.approverImageUrl ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+                style: {
+                    display: "flex",
+                    justifyContent: "center"
+                },
+                children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(Link, {
+                    href: `#approver-${r.id}`,
+                    onClick: (e)=>e.stopPropagation(),
+                    style: {
+                        ...personSlotLinkStyle,
+                        justifyContent: "center"
+                    },
+                    children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__PersonAvatar_js_0117b3ba__["default"], {
+                        id: `${r.id}-appr`,
+                        name: "Approver",
+                        imageUrl: r.approverImageUrl,
+                        size: "small",
+                        hue: "200"
+                    })
+                })
+            }) : /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__PlainText_js_acfb96d1__["default"], {
+                font: "small",
+                tone: "muted",
+                children: "—"
+            }),
+        align: "center",
+        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: [
+            requesterSlot
+        ],
+        data: rows,
+        enableSorting: enableSorting,
+        fillContainerHeight: true,
+        getRowId: (r)=>r.id,
+        href: ()=>"#",
+        rowHeight: rowHeight,
+        mainSlot: {
+            size: 260,
+            primary: titleField,
+            secondary: subtitleField
+        },
+        trailingSlot: approverSlot
+    });
+};
+const Leave_rslib_entry_ = LeaveList;
+export { Leave_rslib_entry_ as default };

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

@@ -0,0 +1,22 @@
+import type { ComponentProps } from "react";
+import Badge from "../../Badge";
+import Icon from "../../Icon";
+import { type CommonProps } from "./shared";
+type NameBadgeColor = NonNullable<ComponentProps<typeof Badge>["color"]>;
+type IconSymbol = ComponentProps<typeof Icon>["symbol"];
+export type PaperworkRow = {
+    id: string;
+    title: string;
+    leadingIcon: IconSymbol;
+    statusBadge: {
+        id: string;
+        text: string;
+        color: NameBadgeColor;
+    };
+    statusLine: string;
+    statusTone: "danger" | "muted" | "warning";
+    assigneeName: string;
+    assigneeImageUrl: string | null;
+};
+declare const PaperworkList: ({ compactBreakpoint, contentAlignment, enableSorting, rowHeight, }: CommonProps) => import("react/jsx-runtime").JSX.Element;
+export default PaperworkList;