@arbor-education/design-system.components 0.25.8 → 1.0.0

package/dist/components/widgetFavourites/WidgetFavouritesItem.d.ts

@@ -0,0 +1,3 @@
+import type { WidgetFavouritesItemProps } from './types.js';
+export declare const WidgetFavouritesItem: (props: WidgetFavouritesItemProps) => React.JSX.Element;
+//# sourceMappingURL=WidgetFavouritesItem.d.ts.map

package/dist/components/widgetFavourites/WidgetFavouritesItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WidgetFavouritesItem.d.ts","sourceRoot":"","sources":["../../../src/components/widgetFavourites/WidgetFavouritesItem.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,YAAY,CAAC;AAI5D,eAAO,MAAM,oBAAoB,GAAI,OAAO,yBAAyB,KAAG,KAAK,CAAC,GAAG,CAAC,OA6BjF,CAAC"}

package/dist/components/widgetFavourites/WidgetFavouritesItem.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import classNames from 'classnames';
+import { FavouriteButton } from '../favourite/FavouriteButton.js';
+import { FAVOURITE_TOOLTIP } from '../../utils/favourites/favouriteConstants.js';
+const linkClassName = 'ds-widget-favourites__link';
+export const WidgetFavouritesItem = (props) => {
+    const { id, label, href, removeLabel = FAVOURITE_TOOLTIP.remove, onRemove, className, } = props;
+    return (_jsxs("li", { className: classNames('ds-widget-favourites__item', className), "data-testid": `widget-favourites-item-${id}`, children: [_jsx("a", { href: href, className: linkClassName, children: label }), onRemove && (_jsx(FavouriteButton, { variant: "remove", label: removeLabel, className: "remove-default-button-styles", "data-testid": `widget-favourites-remove-${id}`, onClick: onRemove }))] }));
+};
+//# sourceMappingURL=WidgetFavouritesItem.js.map

package/dist/components/widgetFavourites/WidgetFavouritesItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WidgetFavouritesItem.js","sourceRoot":"","sources":["../../../src/components/widgetFavourites/WidgetFavouritesItem.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,eAAe,EAAE,MAAM,sCAAsC,CAAC;AACvE,OAAO,EAAE,iBAAiB,EAAE,MAAM,qCAAqC,CAAC;AAGxE,MAAM,aAAa,GAAG,4BAA4B,CAAC;AAEnD,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,KAAgC,EAAqB,EAAE;IAC1F,MAAM,EACJ,EAAE,EACF,KAAK,EACL,IAAI,EACJ,WAAW,GAAG,iBAAiB,CAAC,MAAM,EACtC,QAAQ,EACR,SAAS,GACV,GAAG,KAAK,CAAC;IAEV,OAAO,CACL,cACE,SAAS,EAAE,UAAU,CAAC,4BAA4B,EAAE,SAAS,CAAC,iBACjD,0BAA0B,EAAE,EAAE,aAE3C,YAAG,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,aAAa,YACpC,KAAK,GACJ,EACH,QAAQ,IAAI,CACX,KAAC,eAAe,IACd,OAAO,EAAC,QAAQ,EAChB,KAAK,EAAE,WAAW,EAClB,SAAS,EAAC,8BAA8B,iBAC3B,4BAA4B,EAAE,EAAE,EAC7C,OAAO,EAAE,QAAQ,GACjB,CACH,IACE,CACN,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/widgetFavourites/types.d.ts

@@ -0,0 +1,25 @@
+export type WidgetFavouritesItemData = {
+    id: string;
+    label: string;
+    href: string;
+    removeLabel?: string;
+};
+export type WidgetFavouritesProps = {
+    heading: React.ReactNode;
+    tooltip?: string;
+    items: WidgetFavouritesItemData[];
+    headingHref?: string;
+    isFloating?: boolean;
+    onRemoveItem?: (id: string) => void;
+    emptyState?: React.ReactNode;
+    className?: string;
+};
+export type WidgetFavouritesItemProps = {
+    id: string;
+    label: string;
+    href: string;
+    removeLabel?: string;
+    onRemove?: () => void;
+    className?: string;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/components/widgetFavourites/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/widgetFavourites/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,wBAAwB,GAAG;IACrC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG;IAClC,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,wBAAwB,EAAE,CAAC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG;IACtC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC"}

package/dist/components/widgetFavourites/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/components/widgetFavourites/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/widgetFavourites/types.ts"],"names":[],"mappings":""}

package/dist/components/widgetNotifications/WidgetNotifications.d.ts

@@ -0,0 +1,33 @@
+import type { WidgetNotificationsItemProps } from './WidgetNotificationsItem.js';
+type WidgetNotificationsItemData = {
+    id: string;
+    title: string;
+    description?: string;
+    dateTime: string;
+    timeLabel: string;
+    isRead?: boolean;
+    clearLabel?: string;
+};
+type WidgetNotificationsProps = {
+    heading: React.ReactNode;
+    tooltip?: string;
+    items: WidgetNotificationsItemData[];
+    isFloating?: boolean;
+    onItemClick?: (id: string) => void;
+    onClearItem?: (id: string) => void;
+    onMarkAllAsRead?: () => void;
+    markAllAsReadLabel?: string;
+    emptyState?: React.ReactNode;
+    className?: string;
+};
+export declare const WidgetNotifications: {
+    (props: WidgetNotificationsProps): React.JSX.Element;
+    Item: (props: WidgetNotificationsItemProps) => React.JSX.Element;
+};
+export declare namespace WidgetNotifications {
+    type Props = WidgetNotificationsProps;
+    type ItemProps = WidgetNotificationsItemProps;
+    type ItemData = WidgetNotificationsItemData;
+}
+export {};
+//# sourceMappingURL=WidgetNotifications.d.ts.map

package/dist/components/widgetNotifications/WidgetNotifications.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WidgetNotifications.d.ts","sourceRoot":"","sources":["../../../src/components/widgetNotifications/WidgetNotifications.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,8BAA8B,CAAC;AAGjF,KAAK,2BAA2B,GAAG;IACjC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,KAAK,wBAAwB,GAAG;IAC9B,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,2BAA2B,EAAE,CAAC;IACrC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,WAAW,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAWF,eAAO,MAAM,mBAAmB;YAAW,wBAAwB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO;;CAgEtF,CAAC;AAIF,yBAAiB,mBAAmB,CAAC;IACnC,KAAY,KAAK,GAAG,wBAAwB,CAAC;IAC7C,KAAY,SAAS,GAAG,4BAA4B,CAAC;IACrD,KAAY,QAAQ,GAAG,2BAA2B,CAAC;CACpD"}

package/dist/components/widgetNotifications/WidgetNotifications.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from '../button/Button.js';
+import { EmptyState } from '../emptyState/EmptyState.js';
+import { Icon } from '../icon/Icon.js';
+import { Widget } from '../widget/Widget.js';
+import { WidgetNotificationsItem } from './WidgetNotificationsItem.js';
+const defaultEmptyState = (_jsx(EmptyState, { padding: "md", illustration: _jsx(Icon, { name: "message-square-more", size: 24 }), heading: "No notifications", subHeading: "You're all caught up." }));
+export const WidgetNotifications = (props) => {
+    const { heading, tooltip, items, isFloating = false, onItemClick, onClearItem, onMarkAllAsRead, markAllAsReadLabel = 'Mark all as read', emptyState = defaultEmptyState, className, } = props;
+    const isEmpty = items.length === 0;
+    const hasUnread = items.some(item => !item.isRead);
+    const showMarkAllAsRead = Boolean(onMarkAllAsRead) && !isEmpty && hasUnread;
+    return (_jsxs(Widget, { tooltip: tooltip, isFloating: isFloating, isEmpty: isEmpty, emptyState: emptyState, className: className, children: [_jsx(Widget.Header, { slotEnd: showMarkAllAsRead
+                    ? (_jsx(Button, { variant: "text-link", type: "button", hasHorizontalPadding: false, onClick: onMarkAllAsRead, children: markAllAsReadLabel }))
+                    : undefined, children: heading }), _jsx(Widget.Body, { children: !isEmpty && (_jsx("ol", { className: "ds-widget-notifications__list", children: items.map(item => (_jsx(WidgetNotificationsItem, { id: item.id, title: item.title, description: item.description, dateTime: item.dateTime, timeLabel: item.timeLabel, isRead: item.isRead, clearLabel: item.clearLabel, onItemClick: onItemClick ? () => onItemClick(item.id) : undefined, onClear: onClearItem ? () => onClearItem(item.id) : undefined }, item.id))) })) })] }));
+};
+WidgetNotifications.Item = WidgetNotificationsItem;
+//# sourceMappingURL=WidgetNotifications.js.map

package/dist/components/widgetNotifications/WidgetNotifications.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WidgetNotifications.js","sourceRoot":"","sources":["../../../src/components/widgetNotifications/WidgetNotifications.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAC;AAC9D,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAElD,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;AAyBvE,MAAM,iBAAiB,GAAG,CACxB,KAAC,UAAU,IACT,OAAO,EAAC,IAAI,EACZ,YAAY,EAAE,KAAC,IAAI,IAAC,IAAI,EAAC,qBAAqB,EAAC,IAAI,EAAE,EAAE,GAAI,EAC3D,OAAO,EAAC,kBAAkB,EAC1B,UAAU,EAAC,uBAAuB,GAClC,CACH,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,KAA+B,EAAqB,EAAE;IACxF,MAAM,EACJ,OAAO,EACP,OAAO,EACP,KAAK,EACL,UAAU,GAAG,KAAK,EAClB,WAAW,EACX,WAAW,EACX,eAAe,EACf,kBAAkB,GAAG,kBAAkB,EACvC,UAAU,GAAG,iBAAiB,EAC9B,SAAS,GACV,GAAG,KAAK,CAAC;IAEV,MAAM,OAAO,GAAG,KAAK,CAAC,MAAM,KAAK,CAAC,CAAC;IACnC,MAAM,SAAS,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IACnD,MAAM,iBAAiB,GAAG,OAAO,CAAC,eAAe,CAAC,IAAI,CAAC,OAAO,IAAI,SAAS,CAAC;IAE5E,OAAO,CACL,MAAC,MAAM,IACL,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,aAEpB,KAAC,MAAM,CAAC,MAAM,IACZ,OAAO,EAAE,iBAAiB;oBACxB,CAAC,CAAC,CACE,KAAC,MAAM,IACL,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,QAAQ,EACb,oBAAoB,EAAE,KAAK,EAC3B,OAAO,EAAE,eAAe,YAEvB,kBAAkB,GACZ,CACV;oBACH,CAAC,CAAC,SAAS,YAEZ,OAAO,GACM,EAChB,KAAC,MAAM,CAAC,IAAI,cACT,CAAC,OAAO,IAAI,CACX,aAAI,SAAS,EAAC,+BAA+B,YAC1C,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CACjB,KAAC,uBAAuB,IAEtB,EAAE,EAAE,IAAI,CAAC,EAAE,EACX,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,UAAU,EAAE,IAAI,CAAC,UAAU,EAC3B,WAAW,EAAE,WAAW,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS,EACjE,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS,IATxD,IAAI,CAAC,EAAE,CAUZ,CACH,CAAC,GACC,CACN,GACW,IACP,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,mBAAmB,CAAC,IAAI,GAAG,uBAAuB,CAAC"}

package/dist/components/widgetNotifications/WidgetNotifications.stories.d.ts

@@ -0,0 +1,60 @@
+import type { StoryObj } from '@storybook/react-vite';
+declare function WidgetNotificationsDocsPage(): import("react/jsx-runtime").JSX.Element;
+declare const meta: {
+    title: string;
+    component: {
+        (props: {
+            heading: React.ReactNode;
+            tooltip?: string;
+            items: {
+                id: string;
+                title: string;
+                description?: string;
+                dateTime: string;
+                timeLabel: string;
+                isRead?: boolean;
+                clearLabel?: string;
+            }[];
+            isFloating?: boolean;
+            onItemClick?: (id: string) => void;
+            onClearItem?: (id: string) => void;
+            onMarkAllAsRead?: () => void;
+            markAllAsReadLabel?: string;
+            emptyState?: React.ReactNode;
+            className?: string;
+        }): React.JSX.Element;
+        Item: (props: import("./WidgetNotificationsItem.js").WidgetNotificationsItemProps) => React.JSX.Element;
+    };
+    parameters: {
+        layout: string;
+        docs: {
+            page: typeof WidgetNotificationsDocsPage;
+        };
+    };
+    tags: string[];
+    args: {
+        heading: string;
+        isFloating: true;
+        items: {
+            id: string;
+            title: string;
+            description?: string;
+            dateTime: string;
+            timeLabel: string;
+            isRead?: boolean;
+            clearLabel?: string;
+        }[];
+        onItemClick: import("vitest").Mock<(...args: any[]) => any>;
+        onClearItem: import("vitest").Mock<(...args: any[]) => any>;
+        onMarkAllAsRead: import("vitest").Mock<(...args: any[]) => any>;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const AllRead: Story;
+export declare const Empty: Story;
+export declare const CustomEmptyState: Story;
+export declare const Composable: Story;
+export declare const FixedHeightOverflow: Story;
+//# sourceMappingURL=WidgetNotifications.stories.d.ts.map

package/dist/components/widgetNotifications/WidgetNotifications.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WidgetNotifications.stories.d.ts","sourceRoot":"","sources":["../../../src/components/widgetNotifications/WidgetNotifications.stories.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAoF5D,iBAAS,2BAA2B,4CAkBnC;AAgMD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgBkC,CAAC;AAE7C,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAMnB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAM9B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAyBxB,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAgCjC,CAAC"}

package/dist/components/widgetNotifications/WidgetNotifications.stories.js

@@ -0,0 +1,269 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Controls, Heading as DocHeading, Primary as DocPrimary, Markdown, Stories, Subtitle, Title, } from '@storybook/addon-docs/blocks';
+import { EmptyState } from '../emptyState/EmptyState.js';
+import { Icon } from '../icon/Icon.js';
+import { useState } from 'react';
+import { fn } from 'storybook/test';
+import { Widget } from '../widget/Widget.js';
+import { WidgetNotifications } from './WidgetNotifications.js';
+const initialItems = [
+    {
+        id: 'email-complete',
+        title: 'Sending email message is complete',
+        description: 'Click here to see the message and check delivery status.',
+        dateTime: '2026-06-08T10:54:00Z',
+        timeLabel: '6 minutes ago',
+        isRead: false,
+    },
+    {
+        id: 'sms-failed',
+        title: 'SMS failed to be sent',
+        description: 'The SMS to Tim Jones failed to be sent',
+        dateTime: '2026-06-08T09:30:00Z',
+        timeLabel: '1 hour ago',
+        isRead: false,
+    },
+    {
+        id: 'report-ready',
+        title: 'Assessment report generated',
+        description: 'Your requested report is ready to download.',
+        dateTime: '2026-06-07T09:00:00Z',
+        timeLabel: '1 day ago',
+        isRead: true,
+    },
+];
+const DESCRIPTION_INTRO = [
+    '`WidgetNotifications` is a pre-composed dashboard widget for in-app notifications.',
+    'It wraps [`Widget`](?path=/docs/components-widget--docs) with a header action, a list of notification rows,',
+    'and a built-in empty state when there are no items.',
+].join(' ');
+const USAGE_GUIDANCE = [
+    '### When to use',
+    '',
+    '- Dashboard home panels summarising recent notifications',
+    '- Notification feeds where users can mark all as read, open a detail view, or clear individual items',
+    '',
+    '---',
+    '',
+    '### When NOT to use',
+    '',
+    '| Situation | Use instead |',
+    '|---|---|',
+    '| Real-time toast feedback for a single action | [`Toast`](?path=/docs/components-toast--docs) |',
+    '| A generic list without notification-specific chrome | [`Widget`](?path=/docs/components-widget--docs) with custom body |',
+].join('\n');
+const DEVELOPER_NOTES = [
+    '### Critical usage patterns',
+    '',
+    '**Handlers are opt-in.** Pass `onItemClick`, `onClearItem`, and `onMarkAllAsRead` to wire product behaviour.',
+    'The parent owns persistence and navigation.',
+    '',
+    '**Time labels are presentational.** Pass ISO `dateTime` for the `<time>` element and a pre-formatted `timeLabel`',
+    '(e.g. "6 minutes ago") from your application layer.',
+    '',
+    '**Read state is parent-owned.** Set `isRead` on each item in `items` data. Use `onItemClick` to navigate',
+    'and update `isRead` in your state (e.g. mark as read when the user opens a notification).',
+    '',
+    '**Mark all as read** hides automatically when the list is empty or every item is read.',
+    '',
+    '**Empty list** uses Widget `isEmpty` with the default or custom `emptyState` ReactNode.',
+    '',
+    '**Body overflow.** When the widget sits in a height-constrained dashboard cell, the notification list',
+    'scrolls inside `Widget.Body` while the header (and mark-all-as-read action) stays pinned.',
+    'Give the parent an explicit height — the widget fills `height: 100%` automatically.',
+].join('\n');
+const RELATED_COMPONENTS = [
+    '## Related components',
+    '',
+    '[Widget](?path=/docs/components-widget--docs) · [EmptyState](?path=/docs/components-emptystate--docs)',
+].join('\n');
+function WidgetNotificationsDocsPage() {
+    return (_jsxs(_Fragment, { children: [_jsx(Title, {}), _jsx(Subtitle, {}), _jsx(Markdown, { children: DESCRIPTION_INTRO }), _jsx(DocHeading, { children: "Interactive example" }), _jsx(DocPrimary, {}), _jsx(Controls, {}), _jsx(DocHeading, { children: "Usage guidance" }), _jsx(Markdown, { children: USAGE_GUIDANCE }), _jsx(DocHeading, { children: "Developer notes" }), _jsx(Markdown, { children: DEVELOPER_NOTES }), _jsx(DocHeading, { children: "Examples" }), _jsx(Stories, { title: "" }), _jsx(Markdown, { children: RELATED_COMPONENTS })] }));
+}
+const withDescription = (story, description) => ({
+    ...story,
+    parameters: {
+        ...story.parameters,
+        docs: {
+            ...story.parameters?.docs,
+            description: { story: description },
+        },
+    },
+});
+function FixedHeightWidgetContainer({ children, height = 280, }) {
+    return (_jsx("div", { style: {
+            height,
+            display: 'flex',
+            flexDirection: 'column',
+            border: '1px dashed var(--color-grey-300)',
+        }, children: children }));
+}
+const overflowItems = [
+    ...initialItems,
+    {
+        id: 'attendance-alert',
+        title: 'Attendance threshold reached',
+        description: 'Year 9 attendance has dropped below 90% this week.',
+        dateTime: '2026-06-06T14:00:00Z',
+        timeLabel: '2 days ago',
+        isRead: false,
+    },
+    {
+        id: 'parent-message',
+        title: 'New parent message',
+        description: 'Sarah Chen sent a message about the school trip.',
+        dateTime: '2026-06-06T09:15:00Z',
+        timeLabel: '2 days ago',
+        isRead: true,
+    },
+    {
+        id: 'timetable-change',
+        title: 'Timetable change published',
+        description: 'Room 12 has been reassigned for Period 4 on Thursday.',
+        dateTime: '2026-06-05T16:30:00Z',
+        timeLabel: '3 days ago',
+        isRead: false,
+    },
+    {
+        id: 'exam-results',
+        title: 'Exam results uploaded',
+        description: 'GCSE mock results are ready for review.',
+        dateTime: '2026-06-05T11:00:00Z',
+        timeLabel: '3 days ago',
+        isRead: true,
+    },
+    {
+        id: 'staff-absence',
+        title: 'Staff absence notification',
+        description: 'Mr Patel is absent today — cover assigned.',
+        dateTime: '2026-06-04T08:00:00Z',
+        timeLabel: '4 days ago',
+        isRead: false,
+    },
+    {
+        id: 'behaviour-incident',
+        title: 'Behaviour incident logged',
+        description: 'A minor incident was recorded during lunch break.',
+        dateTime: '2026-06-03T13:45:00Z',
+        timeLabel: '5 days ago',
+        isRead: true,
+    },
+    {
+        id: 'data-export',
+        title: 'Data export complete',
+        description: 'Your requested pupil export is ready to download.',
+        dateTime: '2026-06-02T17:20:00Z',
+        timeLabel: '6 days ago',
+        isRead: false,
+    },
+    {
+        id: 'calendar-reminder',
+        title: 'Calendar reminder',
+        description: 'Parents evening begins in 5 days.',
+        dateTime: '2026-06-01T10:00:00Z',
+        timeLabel: '1 week ago',
+        isRead: true,
+    },
+    {
+        id: 'system-update',
+        title: 'System update scheduled',
+        description: 'Maintenance window this Saturday 02:00–04:00.',
+        dateTime: '2026-05-30T09:00:00Z',
+        timeLabel: '1 week ago',
+        isRead: false,
+    },
+];
+const DefaultTemplate = () => {
+    const [items, setItems] = useState(initialItems);
+    return (_jsx(WidgetNotifications, { heading: "Notifications", isFloating: true, items: items, onItemClick: (id) => {
+            window.alert(`Opened notification: ${id}`);
+            setItems(current => current.map(item => item.id === id ? { ...item, isRead: true } : item));
+        }, onClearItem: (id) => {
+            setItems(current => current.filter(item => item.id !== id));
+        }, onMarkAllAsRead: () => {
+            setItems(current => current.map(item => ({ ...item, isRead: true })));
+        } }));
+};
+const AllReadTemplate = () => (_jsx(WidgetNotifications, { heading: "Notifications", isFloating: true, items: initialItems.map(item => ({ ...item, isRead: true })), onClearItem: fn() }));
+const EmptyTemplate = () => (_jsx(WidgetNotifications, { heading: "Notifications", isFloating: true, items: [] }));
+const CustomEmptyStateTemplate = () => (_jsx(WidgetNotifications, { heading: "Notifications", isFloating: true, items: [], emptyState: (_jsx(EmptyState, { padding: "md", illustration: _jsx(Icon, { name: "mail", size: 24 }), heading: "Inbox zero", subHeading: "No new notifications right now." })) }));
+const FixedHeightOverflowTemplate = () => {
+    const [items, setItems] = useState(overflowItems);
+    return (_jsx(FixedHeightWidgetContainer, { children: _jsx(WidgetNotifications, { heading: "Notifications", isFloating: true, items: items, onItemClick: (id) => {
+                window.alert(`Opened notification: ${id}`);
+                setItems(current => current.map(item => item.id === id ? { ...item, isRead: true } : item));
+            }, onClearItem: (id) => {
+                setItems(current => current.filter(item => item.id !== id));
+            }, onMarkAllAsRead: () => {
+                setItems(current => current.map(item => ({ ...item, isRead: true })));
+            } }) }));
+};
+const meta = {
+    title: 'Components/Widget/WidgetNotifications',
+    component: WidgetNotifications,
+    parameters: {
+        layout: 'padded',
+        docs: { page: WidgetNotificationsDocsPage },
+    },
+    tags: ['autodocs'],
+    args: {
+        heading: 'Notifications',
+        isFloating: true,
+        items: initialItems,
+        onItemClick: fn(),
+        onClearItem: fn(),
+        onMarkAllAsRead: fn(),
+    },
+};
+export default meta;
+export const Default = withDescription({
+    render: DefaultTemplate,
+    parameters: { controls: { disable: true } },
+}, 'Click a notification to open it (alert demo) and mark it read — unread rows use brand-tinted styling until `isRead` is true.');
+export const AllRead = withDescription({
+    render: AllReadTemplate,
+    parameters: { controls: { disable: true } },
+}, 'All items marked read — unread background styling is not applied.');
+export const Empty = withDescription({
+    render: EmptyTemplate,
+    parameters: { controls: { disable: true } },
+}, 'Empty items array shows the default EmptyState inside the Widget body.');
+export const CustomEmptyState = withDescription({
+    render: CustomEmptyStateTemplate,
+    parameters: { controls: { disable: true } },
+}, 'Pass a custom `emptyState` ReactNode to override the default empty presentation.');
+export const Composable = withDescription({
+    render: () => (_jsxs(Widget, { isFloating: true, children: [_jsx(Widget.Header, { children: "Notifications" }), _jsx(Widget.Body, { children: _jsx("ol", { className: "ds-widget-notifications__list", children: initialItems.map(item => (_jsx(WidgetNotifications.Item, { id: item.id, title: item.title, description: item.description, dateTime: item.dateTime, timeLabel: item.timeLabel, isRead: item.isRead }, item.id))) }) })] })),
+    parameters: { controls: { disable: true } },
+}, 'Compose manually with `WidgetNotifications.Item` inside `Widget.Body` when you need custom list logic beyond the `items` prop.');
+export const FixedHeightOverflow = withDescription({
+    render: FixedHeightOverflowTemplate,
+    parameters: {
+        controls: { disable: true },
+        docs: {
+            source: {
+                language: 'tsx',
+                code: `
+import { WidgetNotifications } from '@arbor-education/design-system.components';
+
+function WidgetNotificationsFixedHeightOverflowExample() {
+  return (
+    <div style={{ height: 280, display: 'flex', flexDirection: 'column' }}>
+      <WidgetNotifications
+        heading="Notifications"
+        isFloating
+        items={items}
+        onItemClick={handleItemClick}
+        onClearItem={handleClearItem}
+        onMarkAllAsRead={handleMarkAllAsRead}
+      />
+    </div>
+  );
+}
+export default WidgetNotificationsFixedHeightOverflowExample;
+`.trim(),
+            },
+        },
+    },
+}, 'Parent container constrains height; the header stays pinned while the notification list scrolls inside Widget.Body.');
+//# sourceMappingURL=WidgetNotifications.stories.js.map

package/dist/components/widgetNotifications/WidgetNotifications.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WidgetNotifications.stories.js","sourceRoot":"","sources":["../../../src/components/widgetNotifications/WidgetNotifications.stories.tsx"],"names":[],"mappings":"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"}

package/dist/components/widgetNotifications/WidgetNotifications.test.d.ts

@@ -0,0 +1,2 @@
+import '@testing-library/jest-dom/vitest';
+//# sourceMappingURL=WidgetNotifications.test.d.ts.map

package/dist/components/widgetNotifications/WidgetNotifications.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WidgetNotifications.test.d.ts","sourceRoot":"","sources":["../../../src/components/widgetNotifications/WidgetNotifications.test.tsx"],"names":[],"mappings":"AAAA,OAAO,kCAAkC,CAAC"}

package/dist/components/widgetNotifications/WidgetNotifications.test.js

@@ -0,0 +1,79 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import '@testing-library/jest-dom/vitest';
+import { fireEvent, render, screen } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+import { describe, expect, test, vi } from 'vitest';
+import { WidgetNotifications } from './WidgetNotifications.js';
+const mockItems = [
+    {
+        id: 'email-complete',
+        title: 'Sending email message is complete',
+        description: 'Click here to see the message and check delivery status.',
+        dateTime: '2026-06-08T10:54:00Z',
+        timeLabel: '6 minutes ago',
+        isRead: false,
+    },
+    {
+        id: 'sms-failed',
+        title: 'SMS failed to be sent',
+        description: 'The SMS to Tim Jones failed to be sent',
+        dateTime: '2026-06-08T09:30:00Z',
+        timeLabel: '1 hour ago',
+        isRead: true,
+    },
+];
+describe('WidgetNotifications', () => {
+    test('renders notification items with title, description, and time', () => {
+        render(_jsx(WidgetNotifications, { heading: "Notifications", items: mockItems }));
+        expect(screen.getByRole('heading', { name: 'Notifications' })).toBeInTheDocument();
+        expect(screen.getByText('Sending email message is complete')).toBeInTheDocument();
+        expect(screen.getByText('Click here to see the message and check delivery status.')).toBeInTheDocument();
+        expect(screen.getByText('6 minutes ago')).toBeInTheDocument();
+        expect(screen.getByText('6 minutes ago').closest('time')).toHaveAttribute('datetime', '2026-06-08T10:54:00Z');
+    });
+    test('applies unread and read modifier classes', () => {
+        const { container } = render(_jsx(WidgetNotifications, { heading: "Notifications", items: mockItems }));
+        expect(container.querySelector('.ds-widget-notifications__item--unread')).toBeInTheDocument();
+        expect(container.querySelector('.ds-widget-notifications__item--read')).toBeInTheDocument();
+    });
+    test('calls onItemClick with item id', async () => {
+        const user = userEvent.setup();
+        const onItemClick = vi.fn();
+        render(_jsx(WidgetNotifications, { heading: "Notifications", items: mockItems, onItemClick: onItemClick }));
+        await user.click(screen.getByRole('button', { name: /Sending email message is complete/ }));
+        expect(onItemClick).toHaveBeenCalledWith('email-complete');
+    });
+    test('clear button has accessible name', () => {
+        render(_jsx(WidgetNotifications, { heading: "Notifications", items: mockItems, onClearItem: vi.fn() }));
+        expect(screen.getByTestId('widget-notifications-clear-email-complete')).toHaveAttribute('aria-label', 'Clear notification');
+    });
+    test('calls onClearItem without triggering onItemClick', () => {
+        const onItemClick = vi.fn();
+        const onClearItem = vi.fn();
+        render(_jsx(WidgetNotifications, { heading: "Notifications", items: mockItems, onItemClick: onItemClick, onClearItem: onClearItem }));
+        fireEvent.click(screen.getByTestId('widget-notifications-clear-email-complete'));
+        expect(onClearItem).toHaveBeenCalledWith('email-complete');
+        expect(onItemClick).not.toHaveBeenCalled();
+    });
+    test('calls onMarkAllAsRead from header action when unread items exist', async () => {
+        const user = userEvent.setup();
+        const onMarkAllAsRead = vi.fn();
+        render(_jsx(WidgetNotifications, { heading: "Notifications", items: mockItems, onMarkAllAsRead: onMarkAllAsRead }));
+        await user.click(screen.getByRole('button', { name: 'Mark all as read' }));
+        expect(onMarkAllAsRead).toHaveBeenCalledTimes(1);
+    });
+    test('hides mark all as read when all items are read', () => {
+        render(_jsx(WidgetNotifications, { heading: "Notifications", items: mockItems.map(item => ({ ...item, isRead: true })), onMarkAllAsRead: vi.fn() }));
+        expect(screen.queryByRole('button', { name: 'Mark all as read' })).not.toBeInTheDocument();
+    });
+    test('hides mark all as read when items is empty', () => {
+        render(_jsx(WidgetNotifications, { heading: "Notifications", items: [], onMarkAllAsRead: vi.fn() }));
+        expect(screen.queryByRole('button', { name: 'Mark all as read' })).not.toBeInTheDocument();
+        expect(screen.getByRole('heading', { name: 'No notifications' })).toBeInTheDocument();
+    });
+    test('renders custom empty state', () => {
+        render(_jsx(WidgetNotifications, { heading: "Notifications", items: [], emptyState: _jsx("p", { children: "Custom empty" }) }));
+        expect(screen.getByText('Custom empty')).toBeInTheDocument();
+    });
+});
+//# sourceMappingURL=WidgetNotifications.test.js.map

package/dist/components/widgetNotifications/WidgetNotifications.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WidgetNotifications.test.js","sourceRoot":"","sources":["../../../src/components/widgetNotifications/WidgetNotifications.test.tsx"],"names":[],"mappings":"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"}

package/dist/components/widgetNotifications/WidgetNotificationsItem.d.ts

@@ -0,0 +1,14 @@
+export type WidgetNotificationsItemProps = {
+    id: string;
+    title: string;
+    description?: string;
+    dateTime: string;
+    timeLabel: string;
+    isRead?: boolean;
+    clearLabel?: string;
+    onItemClick?: () => void;
+    onClear?: () => void;
+    className?: string;
+};
+export declare const WidgetNotificationsItem: (props: WidgetNotificationsItemProps) => React.JSX.Element;
+//# sourceMappingURL=WidgetNotificationsItem.d.ts.map

package/dist/components/widgetNotifications/WidgetNotificationsItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WidgetNotificationsItem.d.ts","sourceRoot":"","sources":["../../../src/components/widgetNotifications/WidgetNotificationsItem.tsx"],"names":[],"mappings":"AAGA,MAAM,MAAM,4BAA4B,GAAG;IACzC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAIF,eAAO,MAAM,uBAAuB,GAAI,OAAO,4BAA4B,KAAG,KAAK,CAAC,GAAG,CAAC,OAqEvF,CAAC"}

package/dist/components/widgetNotifications/WidgetNotificationsItem.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import classNames from 'classnames';
+import { Icon } from '../icon/Icon.js';
+const DEFAULT_CLEAR_LABEL = 'Clear notification';
+export const WidgetNotificationsItem = (props) => {
+    const { id, title, description, dateTime, timeLabel, isRead = false, clearLabel = DEFAULT_CLEAR_LABEL, onItemClick, onClear, className, } = props;
+    const primaryContent = (_jsxs(_Fragment, { children: [_jsx("p", { className: "ds-widget-notifications__title", children: title }), description && (_jsx("p", { className: "ds-widget-notifications__description", children: description }))] }));
+    return (_jsxs("li", { className: classNames('ds-widget-notifications__item', isRead
+            ? 'ds-widget-notifications__item--read'
+            : 'ds-widget-notifications__item--unread', className), "data-testid": `widget-notifications-item-${id}`, children: [_jsx("div", { className: "ds-widget-notifications__primary", children: onItemClick
+                    ? (_jsx("button", { type: "button", className: "ds-widget-notifications__primary-button remove-default-button-styles", onClick: onItemClick, children: primaryContent }))
+                    : (_jsx("div", { className: "ds-widget-notifications__primary-content", children: primaryContent })) }), _jsxs("div", { className: "ds-widget-notifications__secondary", children: [onClear && (_jsx("button", { type: "button", className: "ds-widget-notifications__clear remove-default-button-styles", "aria-label": clearLabel, "data-testid": `widget-notifications-clear-${id}`, onClick: onClear, children: _jsx(Icon, { name: "x", size: 16 }) })), _jsx("time", { dateTime: dateTime, className: "ds-widget-notifications__time", children: timeLabel })] })] }));
+};
+//# sourceMappingURL=WidgetNotificationsItem.js.map

package/dist/components/widgetNotifications/WidgetNotificationsItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WidgetNotificationsItem.js","sourceRoot":"","sources":["../../../src/components/widgetNotifications/WidgetNotificationsItem.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAe5C,MAAM,mBAAmB,GAAG,oBAAoB,CAAC;AAEjD,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,KAAmC,EAAqB,EAAE;IAChG,MAAM,EACJ,EAAE,EACF,KAAK,EACL,WAAW,EACX,QAAQ,EACR,SAAS,EACT,MAAM,GAAG,KAAK,EACd,UAAU,GAAG,mBAAmB,EAChC,WAAW,EACX,OAAO,EACP,SAAS,GACV,GAAG,KAAK,CAAC;IAEV,MAAM,cAAc,GAAG,CACrB,8BACE,YAAG,SAAS,EAAC,gCAAgC,YAAE,KAAK,GAAK,EACxD,WAAW,IAAI,CACd,YAAG,SAAS,EAAC,sCAAsC,YAAE,WAAW,GAAK,CACtE,IACA,CACJ,CAAC;IAEF,OAAO,CACL,cACE,SAAS,EAAE,UAAU,CACnB,+BAA+B,EAC/B,MAAM;YACJ,CAAC,CAAC,qCAAqC;YACvC,CAAC,CAAC,uCAAuC,EAC3C,SAAS,CACV,iBACY,6BAA6B,EAAE,EAAE,aAE9C,cAAK,SAAS,EAAC,kCAAkC,YAC9C,WAAW;oBACV,CAAC,CAAC,CACE,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,sEAAsE,EAChF,OAAO,EAAE,WAAW,YAEnB,cAAc,GACR,CACV;oBACH,CAAC,CAAC,CACE,cAAK,SAAS,EAAC,0CAA0C,YACtD,cAAc,GACX,CACP,GACD,EACN,eAAK,SAAS,EAAC,oCAAoC,aAChD,OAAO,IAAI,CACV,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,6DAA6D,gBAC3D,UAAU,iBACT,8BAA8B,EAAE,EAAE,EAC/C,OAAO,EAAE,OAAO,YAEhB,KAAC,IAAI,IAAC,IAAI,EAAC,GAAG,EAAC,IAAI,EAAE,EAAE,GAAI,GACpB,CACV,EACD,eAAM,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAC,+BAA+B,YAChE,SAAS,GACL,IACH,IACH,CACN,CAAC;AACJ,CAAC,CAAC"}