@worknice/whiteboard 0.52.0 → 0.53.0

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

@@ -0,0 +1,300 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE__controls_Button_js_237a92ad__ from "../../../controls/Button.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__PlainText_js_acfb96d1__ from "../../PlainText.js";
+import * as __WEBPACK_EXTERNAL_MODULE__VStack_js_c336f579__ from "../../VStack.js";
+import * as __WEBPACK_EXTERNAL_MODULE__RichList_js_64f3f04c__ from "../RichList.js";
+const items = [
+    {
+        id: "c1",
+        title: "Bullying, discrimination & harassment policy",
+        statusBadge: {
+            text: "Missing",
+            color: "red"
+        },
+        statusDetail: "Required 2 weeks ago"
+    },
+    {
+        id: "c2",
+        title: "CPR Certificate",
+        statusBadge: {
+            text: "Missing",
+            color: "red"
+        },
+        statusDetail: "Required 1 week ago"
+    },
+    {
+        id: "c3",
+        title: "NDIS Code of Conduct",
+        statusBadge: {
+            text: "Missing",
+            color: "red"
+        },
+        statusDetail: "Required 2 weeks ago"
+    },
+    {
+        id: "c4",
+        title: "Photo ID",
+        statusBadge: {
+            text: "Expired",
+            color: "red"
+        },
+        statusDetail: "Expired 10 days ago"
+    }
+];
+const complianceStatusItems = [
+    {
+        id: "cat-1",
+        title: "Annual Security Training",
+        progress: "2 of 2 requirements met",
+        compliant: true
+    },
+    {
+        id: "cat-2",
+        title: "Company Policies",
+        progress: "5 of 9 requirements met",
+        compliant: false
+    },
+    {
+        id: "cat-3",
+        title: "Health & Safety Protocols",
+        progress: "4 of 4 requirements met",
+        compliant: true
+    }
+];
+const leadingSlot = {
+    id: "alert",
+    label: "Alert",
+    render: ()=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+            style: {
+                alignItems: "center",
+                backgroundColor: "var(--color-red-t10)",
+                borderRadius: "var(--size-n2)",
+                display: "flex",
+                height: "100%",
+                justifyContent: "center",
+                minHeight: "var(--size-p1)",
+                minWidth: "var(--size-p1)",
+                padding: "var(--size-n2)"
+            },
+            children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__Icon_js_b85e52f7__["default"], {
+                symbol: "Warning",
+                size: "default",
+                tone: "danger"
+            })
+        }),
+    size: 40
+};
+const complianceStatusHeader = ()=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(__WEBPACK_EXTERNAL_MODULE__VStack_js_c336f579__["default"], {
+        spacing: "n2",
+        tagName: "div",
+        children: [
+            /*#__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: "Warning",
+                        tone: "danger"
+                    }),
+                    /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__PlainText_js_acfb96d1__["default"], {
+                        font: "h5",
+                        children: "Compliance status"
+                    })
+                ]
+            }),
+            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+                children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__Badge_js_56d6dba9__["default"], {
+                    color: "red",
+                    id: "compliance-status-overall",
+                    children: "Non compliant"
+                })
+            }),
+            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__PlainText_js_acfb96d1__["default"], {
+                font: "small",
+                tone: "muted",
+                children: "4 mandatory requirements are currently missing or expired."
+            }),
+            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+                style: {
+                    alignItems: "stretch",
+                    display: "flex",
+                    flexDirection: "column",
+                    width: "100%"
+                },
+                children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__controls_Button_js_237a92ad__["default"], {
+                    id: "compliance-send-reminder-all",
+                    icon: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__Icon_js_b85e52f7__["default"], {
+                        symbol: "Email",
+                        size: "small"
+                    }),
+                    onClick: ()=>{},
+                    type: "secondary",
+                    children: "Send reminder for all"
+                })
+            })
+        ]
+    });
+const EmployeeComplianceList = ({ compactBreakpoint, contentAlignment, rowHeight, enableSorting })=>{
+    const titleField = {
+        label: "Policy",
+        value: (r)=>r.title,
+        globalFiltering: false,
+        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
+            })
+    };
+    const subtitleField = ()=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__PlainText_js_acfb96d1__["default"], {
+            font: "small",
+            tone: "muted",
+            children: "Company Policies"
+        });
+    const trailingSlot = {
+        id: "compliance",
+        label: "Status",
+        value: (r)=>`${r.statusBadge.text} ${r.statusDetail}`,
+        globalFiltering: false,
+        render: (r)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
+                style: {
+                    alignItems: "flex-end",
+                    display: "flex",
+                    flexDirection: "column",
+                    gap: "var(--size-n2)"
+                },
+                children: [
+                    /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__Badge_js_56d6dba9__["default"], {
+                        color: r.statusBadge.color,
+                        id: `${r.id}-status`,
+                        children: r.statusBadge.text
+                    }),
+                    /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__PlainText_js_acfb96d1__["default"], {
+                        font: "small",
+                        tone: "muted",
+                        children: r.statusDetail
+                    })
+                ]
+            }),
+        align: "end",
+        size: 200
+    };
+    const statusTitleField = {
+        label: "Category",
+        value: (r)=>r.title,
+        globalFiltering: false,
+        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
+            })
+    };
+    const statusSubtitleField = {
+        label: "Progress",
+        value: (r)=>r.progress,
+        globalFiltering: false,
+        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.progress
+            })
+    };
+    const statusTrailingSlot = {
+        id: "rollup",
+        label: "Status",
+        value: (r)=>r.compliant ? "Compliant" : "Non-compliant",
+        globalFiltering: false,
+        render: (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)("span", {
+                        "aria-hidden": true,
+                        style: {
+                            background: r.compliant ? "var(--color-green-000)" : "var(--color-red-000)",
+                            borderRadius: "50%",
+                            flexShrink: 0,
+                            height: "8px",
+                            width: "8px"
+                        }
+                    }),
+                    /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__PlainText_js_acfb96d1__["default"], {
+                        font: "small",
+                        tone: r.compliant ? "success" : "danger",
+                        children: r.compliant ? "Compliant" : "Non-compliant"
+                    })
+                ]
+            }),
+        align: "end",
+        size: 160
+    };
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
+        style: {
+            boxSizing: "border-box",
+            display: "flex",
+            flex: 1,
+            flexDirection: "row",
+            gap: "var(--size-n2)",
+            minHeight: 0,
+            minWidth: 0,
+            width: "100%"
+        },
+        children: [
+            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+                style: {
+                    display: "flex",
+                    flex: "6 1 0",
+                    flexDirection: "column",
+                    minHeight: 0,
+                    minWidth: 0
+                },
+                children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__RichList_js_64f3f04c__["default"], {
+                    data: items,
+                    fillContainerHeight: true,
+                    compactBreakpoint: compactBreakpoint,
+                    contentAlignment: contentAlignment,
+                    enableSorting: enableSorting,
+                    href: ()=>"#",
+                    getRowId: (r)=>r.id,
+                    header: ()=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__PlainText_js_acfb96d1__["default"], {
+                            font: "h5",
+                            children: "Action Required"
+                        }),
+                    leadingSlot: leadingSlot,
+                    mainSlot: {
+                        primary: titleField,
+                        secondary: subtitleField
+                    },
+                    rowHeight: rowHeight,
+                    trailingSlot: trailingSlot
+                })
+            }),
+            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+                style: {
+                    display: "flex",
+                    flex: "4 1 0",
+                    flexDirection: "column",
+                    minHeight: 0,
+                    minWidth: 0
+                },
+                children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__RichList_js_64f3f04c__["default"], {
+                    data: complianceStatusItems,
+                    fillContainerHeight: true,
+                    compactBreakpoint: compactBreakpoint,
+                    contentAlignment: contentAlignment,
+                    enableSorting: false,
+                    getRowId: (r)=>r.id,
+                    header: complianceStatusHeader,
+                    rowHeight: rowHeight,
+                    mainSlot: {
+                        primary: statusTitleField,
+                        secondary: statusSubtitleField
+                    },
+                    trailingSlot: statusTrailingSlot
+                })
+            })
+        ]
+    });
+};
+const EmployeeCompliance_rslib_entry_ = EmployeeComplianceList;
+export { EmployeeCompliance_rslib_entry_ as default };

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

@@ -0,0 +1,21 @@
+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 EmployeePaperworkRow = {
+    id: string;
+    title: string;
+    leadingSymbol: IconSymbol;
+    statusBadge: {
+        id: string;
+        text: string;
+        color: NameBadgeColor;
+    } | null;
+    /** PlainText tone for the status line (matches urgency for red vs neutral rows). */
+    statusTone: "danger" | "muted" | "warning";
+    statusLine: string;
+};
+declare const EmployeePaperworkList: ({ compactBreakpoint, contentAlignment, enableSorting, rowHeight, }: CommonProps) => import("react/jsx-runtime").JSX.Element;
+export default EmployeePaperworkList;

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

@@ -0,0 +1,225 @@
+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__PlainText_js_acfb96d1__ from "../../PlainText.js";
+import * as __WEBPACK_EXTERNAL_MODULE__RichList_js_64f3f04c__ from "../RichList.js";
+import * as __WEBPACK_EXTERNAL_MODULE__shared_bulkActionStubs_js_0d607dd0__ from "./shared/bulkActionStubs.js";
+const items = [
+    {
+        id: "doc-1",
+        title: "Superannuation Choice Form",
+        leadingSymbol: "AssignmentQuestionnaire",
+        statusBadge: {
+            id: "s1",
+            text: "Missing",
+            color: "red"
+        },
+        statusTone: "danger",
+        statusLine: "Missing 9 days ago"
+    },
+    {
+        id: "doc-2",
+        title: "Code of Conduct",
+        leadingSymbol: "AssignmentDocument",
+        statusBadge: {
+            id: "s1",
+            text: "Expired",
+            color: "red"
+        },
+        statusTone: "danger",
+        statusLine: "Expired 12 days ago"
+    },
+    {
+        id: "doc-3",
+        title: "Work Rights Entitlement Certificate",
+        leadingSymbol: "AssignmentCertificate",
+        statusBadge: {
+            id: "s1",
+            text: "Expiring soon",
+            color: "orange"
+        },
+        statusTone: "warning",
+        statusLine: "Expires in 14 days"
+    },
+    {
+        id: "doc-4",
+        title: "Payroll Form",
+        leadingSymbol: "AssignmentQuestionnaire",
+        statusBadge: {
+            id: "s1",
+            text: "Assigned",
+            color: "orange"
+        },
+        statusTone: "warning",
+        statusLine: "Assigned 2 days ago"
+    },
+    {
+        id: "doc-5",
+        title: "TFN Declaration",
+        leadingSymbol: "AssignmentQuestionnaire",
+        statusBadge: {
+            id: "s1",
+            text: "Submitted",
+            color: "blue"
+        },
+        statusTone: "muted",
+        statusLine: "Submitted 1 day ago"
+    },
+    {
+        id: "doc-6",
+        title: "Working from Home Policy",
+        leadingSymbol: "Paperwork",
+        statusBadge: null,
+        statusTone: "muted",
+        statusLine: "Expires in 8 months"
+    },
+    {
+        id: "doc-7",
+        title: "National Police Check",
+        leadingSymbol: "AssignmentCertificate",
+        statusBadge: null,
+        statusTone: "muted",
+        statusLine: "Expires in 9 months"
+    },
+    {
+        id: "doc-8",
+        title: "Policy - IT Use and Internet",
+        leadingSymbol: "Paperwork",
+        statusBadge: null,
+        statusTone: "muted",
+        statusLine: "Expires in 6 months"
+    },
+    {
+        id: "doc-9",
+        title: "Fair Work Information Statement",
+        leadingSymbol: "Paperwork",
+        statusBadge: null,
+        statusTone: "muted",
+        statusLine: "Expires in 11 months"
+    }
+];
+function statusLineIconForRow(statusTone) {
+    return "muted" === statusTone ? "Calendar" : "Warning";
+}
+const EmployeePaperworkList = ({ compactBreakpoint, contentAlignment, enableSorting, rowHeight })=>{
+    const titleField = {
+        label: "Title",
+        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.statusBadge ? /*#__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
+            }) : null
+    };
+    const compactStatusField = {
+        layoutVisibility: "whenCompact",
+        globalFiltering: false,
+        csvExport: false,
+        render: (r)=>{
+            const lineIcon = statusLineIconForRow(r.statusTone);
+            return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(__WEBPACK_EXTERNAL_MODULE__HStack_js_d2f77bae__["default"], {
+                spacing: "n3",
+                align: "center",
+                tagName: "span",
+                children: [
+                    /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__Icon_js_b85e52f7__["default"], {
+                        symbol: lineIcon,
+                        size: "small",
+                        tone: r.statusTone
+                    }),
+                    /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__PlainText_js_acfb96d1__["default"], {
+                        font: "danger" === r.statusTone ? "small-bold" : "small",
+                        tone: r.statusTone,
+                        children: r.statusLine
+                    })
+                ]
+            });
+        }
+    };
+    const leadingSlot = {
+        id: "type",
+        label: "Type",
+        render: (r)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+                style: {
+                    backgroundColor: "var(--color-grey-t09)",
+                    borderRadius: "var(--size-n2)",
+                    padding: "var(--size-n2)"
+                },
+                children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__Icon_js_b85e52f7__["default"], {
+                    symbol: r.leadingSymbol,
+                    size: "default"
+                })
+            }),
+        size: 32
+    };
+    const statusSlot = {
+        id: "status",
+        label: "Status",
+        value: (r)=>r.statusLine,
+        globalFiltering: true,
+        render: (r)=>{
+            const lineIcon = statusLineIconForRow(r.statusTone);
+            return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(__WEBPACK_EXTERNAL_MODULE__HStack_js_d2f77bae__["default"], {
+                spacing: "n2",
+                align: "center",
+                children: [
+                    /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__Icon_js_b85e52f7__["default"], {
+                        symbol: lineIcon,
+                        size: "Warning" === lineIcon ? "default" : "small",
+                        tone: r.statusTone
+                    }),
+                    /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__PlainText_js_acfb96d1__["default"], {
+                        font: "danger" === r.statusTone ? "small-bold" : "small",
+                        tone: r.statusTone,
+                        children: r.statusLine
+                    })
+                ]
+            });
+        },
+        layoutVisibility: "whenWide",
+        align: "end",
+        size: 240,
+        compactSize: 100
+    };
+    const compactStatusBadgeSlot = {
+        id: "compactStatusBadge",
+        layoutVisibility: "whenCompact",
+        render: (r)=>r.statusBadge ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__Badge_js_56d6dba9__["default"], {
+                id: `${r.id}-${r.statusBadge.id}-compact`,
+                color: r.statusBadge.color,
+                children: r.statusBadge.text
+            }) : null,
+        align: "end"
+    };
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__RichList_js_64f3f04c__["default"], {
+        data: items,
+        getRowId: (r)=>r.id,
+        fillContainerHeight: true,
+        bulkActions: (0, __WEBPACK_EXTERNAL_MODULE__shared_bulkActionStubs_js_0d607dd0__.richListStoryPrimaryBulkActions)(),
+        secondaryBulkActions: (0, __WEBPACK_EXTERNAL_MODULE__shared_bulkActionStubs_js_0d607dd0__.richListStorySecondaryBulkActions)(),
+        compactBreakpoint: compactBreakpoint,
+        contentAlignment: contentAlignment,
+        enableSorting: enableSorting,
+        rowHeight: rowHeight,
+        csvFilename: "employee-paperwork.csv",
+        mainSlot: {
+            size: 400,
+            primary: titleField,
+            secondary: compactStatusField
+        },
+        leadingSlot: leadingSlot,
+        trailingSlot: [
+            statusSlot,
+            compactStatusBadgeSlot
+        ],
+        href: ()=>"#"
+    });
+};
+const EmployeePaperwork_rslib_entry_ = EmployeePaperworkList;
+export { EmployeePaperwork_rslib_entry_ as default };

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

@@ -0,0 +1,10 @@
+import { type CommonProps } from "./shared";
+export type EmployeePeopleRow = {
+    id: string;
+    name: string;
+    imageUrl: string | null;
+    /** “Role at location” (single line, may truncate in the list). */
+    line: string;
+};
+declare const EmployeePeopleList: ({ compactBreakpoint, contentAlignment, enableSorting, rowHeight, }: CommonProps) => import("react/jsx-runtime").JSX.Element;
+export default EmployeePeopleList;