@arbor-education/design-system.components 0.25.9 → 1.0.1

package/dist/components/widget/Widget.stories.d.ts

@@ -0,0 +1,128 @@
+import type { StoryObj } from '@storybook/react-vite';
+import type { ComponentProps } from 'react';
+import { Widget } from './Widget.js';
+declare function WidgetDocsPage(): import("react/jsx-runtime").JSX.Element;
+declare const meta: {
+    title: string;
+    component: {
+        (props: import("./types.js").WidgetProps): React.JSX.Element;
+        Header: (props: import("./WidgetHeader.js").WidgetHeaderProps) => React.JSX.Element;
+        Body: (props: import("./WidgetBody.js").WidgetBodyProps) => React.JSX.Element;
+    };
+    parameters: {
+        layout: string;
+        docs: {
+            page: typeof WidgetDocsPage;
+        };
+    };
+    tags: string[];
+    argTypes: {
+        tooltip: {
+            control: "text";
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        isLoading: {
+            control: "boolean";
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        isEmpty: {
+            control: "boolean";
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        loadingLabel: {
+            control: "text";
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        live: {
+            control: "boolean";
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        collapsible: {
+            control: false;
+        };
+        href: {
+            control: false;
+        };
+        renderLink: {
+            control: false;
+        };
+        linkProps: {
+            control: false;
+        };
+        emptyState: {
+            control: false;
+        };
+        children: {
+            control: false;
+        };
+        className: {
+            control: false;
+        };
+        expanded: {
+            control: false;
+        };
+        defaultExpanded: {
+            control: false;
+        };
+        onExpandedChange: {
+            control: false;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof Widget>;
+export declare const Default: {
+    args: {
+        tooltip: string;
+        isLoading: boolean;
+        isEmpty: boolean;
+        loadingLabel: string;
+        live: boolean;
+    };
+    render: (args: ComponentProps<typeof Widget>) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const StaticWithEmptyState: Story;
+export declare const LinkedWithContent: Story;
+export declare const WithTooltip: Story;
+export declare const Collapsible: Story;
+export declare const Loading: Story;
+export declare const WithRenderLink: Story;
+export declare const FixedHeightOverflow: Story;
+//# sourceMappingURL=Widget.stories.d.ts.map

package/dist/components/widget/Widget.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Widget.stories.d.ts","sourceRoot":"","sources":["../../../src/components/widget/Widget.stories.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAG5D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAgHrC,iBAAS,cAAc,4CAuBtB;AAED,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2DqB,CAAC;AAEhC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAC;AAoIrC,eAAO,MAAM,OAAO;;;;;;;;mBAQH,cAAc,CAAC,OAAO,MAAM,CAAC;CAQ7C,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KA0ClC,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KA8B/B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KA8BzB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KA4BzB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KA0BrB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAiC5B,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAkCjC,CAAC"}

package/dist/components/widget/Widget.stories.js

@@ -0,0 +1,417 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Controls, Heading as DocHeading, Primary as DocPrimary, Markdown, Stories, Subheading, Subtitle, Title, } from '@storybook/addon-docs/blocks';
+import { EmptyState } from '../emptyState/EmptyState.js';
+import { Icon } from '../icon/Icon.js';
+import { Widget } from './Widget.js';
+const DESCRIPTION_INTRO = [
+    '`Widget` is a compound dashboard card built on [`Card`](?path=/docs/components-card--docs).',
+    'Compose it with `Widget.Header` and `Widget.Body` to show a titled region with optional link navigation,',
+    'collapsible body, header tooltip, and built-in loading or empty states.',
+    '',
+    '> **Built on [`TooltipWrapper`](?path=/docs/components-tooltip-tooltipwrapper--docs) for header tooltips.**',
+    'Tooltips render via a portal — do not place the widget inside a container with `overflow: hidden` if the tooltip is clipped.',
+].join('\n');
+const USAGE_GUIDANCE = [
+    '### When to use',
+    '',
+    '- Dashboard panels that summarise a dataset (alerts, favourites, attendance) inside a card shell',
+    '- Regions that need a linked header to drill into a full page (`href` + chevron)',
+    '- Collapsible summary widgets where the body can be hidden to save vertical space',
+    '- Async widgets that swap between loading, empty, and populated body content',
+    '',
+    '---',
+    '',
+    '### When NOT to use',
+    '',
+    '| Situation | Use instead |',
+    '|---|---|',
+    '| A single metric with label and value | [`KPICard`](?path=/docs/components-card-kpicard--docs) |',
+    '| A static content block with no header states | [`Card`](?path=/docs/components-card--docs) directly |',
+    '| Full-page section with action button in header | [`Section`](?path=/docs/components-section--docs) |',
+    '| Header navigates AND toggles collapse | Pick one — `href` and `collapsible` cannot be combined |',
+].join('\n');
+const DEVELOPER_NOTES = [
+    '### Critical usage patterns',
+    '',
+    '**Compound composition only.** Always render `Widget.Header` and `Widget.Body` inside `Widget`.',
+    'Sub-components read shared state from context — they throw if used outside the root.',
+    '',
+    '**`href` and `collapsible` are mutually exclusive.** TypeScript prevents both; a dev runtime error',
+    'is also thrown if both props are passed. A header cannot navigate and toggle body visibility.',
+    '',
+    '**Linked headers use a stretched link overlay.** When `href` is set, the anchor wraps the title text',
+    'and a CSS `::after` pseudo-element covers `slotStart`, the heading, and the end chevron.',
+    'The tooltip icon sits in `.ds-widget__header-heading-row` beside the heading, raised above the overlay.',
+    'A `chevron-right` is auto-injected at the header end.',
+    '',
+    '**Empty state is consumer-composed.** Pass `isEmpty` and an `emptyState` node — typically',
+    '[`<EmptyState />`](?path=/docs/components-emptystate--docs). The default heading outline is',
+    '`Widget.Header` → `h3`, nested `EmptyState` → `h4`. Override `EmptyState` `headingLevel` for other contexts.',
+    '',
+    '**Loading sets `aria-busy`.** When `isLoading` is true, the body shows a status indicator',
+    'and the body container sets `aria-busy="true"`.',
+    '',
+    '**Dense spacing is fixed.** Widget always renders with `Card` spacing `"dense"`.',
+    '',
+    '**Body overflow.** When the widget sits in a height-constrained parent (e.g. a dashboard grid cell),',
+    '`.ds-widget__body` scrolls vertically while the header stays pinned. Give the parent an explicit height',
+    'and place the widget inside a flex column container — the widget fills `height: 100%` automatically.',
+    '',
+    '---',
+    '',
+    '### Accessibility',
+    '',
+    '- Collapsible headers render an `h3` wrapping a toggle `button` (title span + chevron) with `aria-expanded` and `aria-controls` pointing at the body id',
+    '- `Widget.Header` renders the title via [`Heading`](?path=/docs/components-heading--docs) at level `3`',
+    '- Enter and Space toggle collapsible headers',
+    '- Tooltip trigger is a separate `<button>` beside the heading — it is not nested inside the link or collapse control',
+    '- Set `live={true}` when body content swaps dynamically after fetch',
+    '',
+    '---',
+    '',
+    '### TypeScript types',
+    '',
+    '```ts',
+    "import { Widget } from '@arbor-education/design-system.components';",
+    '',
+    'function AlertsWidget(props: Widget.Props) {',
+    '  return (',
+    '    <Widget {...props}>',
+    '      <Widget.Header>Alerts</Widget.Header>',
+    '      <Widget.Body />',
+    '    </Widget>',
+    '  );',
+    '}',
+    '```',
+].join('\n');
+const RELATED_COMPONENTS = [
+    '## Related components',
+    '',
+    '[Card](?path=/docs/components-card--docs) · [EmptyState](?path=/docs/components-emptystate--docs) · [Heading](?path=/docs/components-heading--docs) · [TooltipWrapper](?path=/docs/components-tooltip-tooltipwrapper--docs)',
+].join('\n');
+const PROPS_INTRO = [
+    'The preview below wires root-level props to the **Controls** panel.',
+    'Because `Widget` is compound, `Widget.Header` and `Widget.Body` props are documented in the manual tables below.',
+].join(' ');
+const HEADER_PROPS = [
+    '| Prop | Type | Default | Description |',
+    '|---|---|---|---|',
+    '| `children` | `ReactNode` | — | **Required.** Header title text |',
+    '| `slotStart` | `ReactNode` | — | Leading slot (e.g. avatar); included in linked header hit area |',
+    '| `className` | `string` | — | Additional CSS classes on the header wrapper |',
+].join('\n');
+const BODY_PROPS = [
+    '| Prop | Type | Default | Description |',
+    '|---|---|---|---|',
+    '| `children` | `ReactNode` | — | Main body content when not loading or empty |',
+    '| `className` | `string` | — | Additional CSS classes on the body wrapper |',
+].join('\n');
+function WidgetDocsPage() {
+    return (_jsxs(_Fragment, { children: [_jsx(Title, {}), _jsx(Subtitle, {}), _jsx(Markdown, { children: DESCRIPTION_INTRO }), _jsx(DocHeading, { children: "Interactive example" }), _jsx(Markdown, { children: PROPS_INTRO }), _jsx(DocPrimary, {}), _jsx(Controls, {}), _jsx(Subheading, { children: "Widget.Header props" }), _jsx(Markdown, { children: HEADER_PROPS }), _jsx(Subheading, { children: "Widget.Body props" }), _jsx(Markdown, { children: BODY_PROPS }), _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 meta = {
+    title: 'Components/Widget',
+    component: Widget,
+    parameters: {
+        layout: 'padded',
+        docs: {
+            page: WidgetDocsPage,
+        },
+    },
+    tags: ['autodocs'],
+    argTypes: {
+        tooltip: {
+            control: 'text',
+            description: 'Renders an info icon with tooltip beside the header title.',
+            table: { type: { summary: 'string' } },
+        },
+        isLoading: {
+            control: 'boolean',
+            description: 'Replaces body content with a loading indicator and sets `aria-busy` on the body.',
+            table: {
+                type: { summary: 'boolean' },
+                defaultValue: { summary: 'false' },
+            },
+        },
+        isEmpty: {
+            control: 'boolean',
+            description: 'Renders `emptyState` instead of body children.',
+            table: {
+                type: { summary: 'boolean' },
+                defaultValue: { summary: 'false' },
+            },
+        },
+        loadingLabel: {
+            control: 'text',
+            description: 'Accessible name for the loading status indicator.',
+            table: {
+                type: { summary: 'string' },
+                defaultValue: { summary: 'Loading' },
+            },
+        },
+        live: {
+            control: 'boolean',
+            description: 'Sets `aria-live="polite"` on the body when content swaps dynamically.',
+            table: {
+                type: { summary: 'boolean' },
+                defaultValue: { summary: 'false' },
+            },
+        },
+        collapsible: { control: false },
+        href: { control: false },
+        renderLink: { control: false },
+        linkProps: { control: false },
+        emptyState: { control: false },
+        children: { control: false },
+        className: { control: false },
+        expanded: { control: false },
+        defaultExpanded: { control: false },
+        onExpandedChange: { control: false },
+    },
+};
+export default meta;
+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 StaticWithEmptyStateTemplate = () => (_jsxs(Widget, { isEmpty: true, emptyState: (_jsx(EmptyState, { padding: "md", illustration: _jsx(Icon, { name: "circle-help", size: 24, color: "var(--color-grey-400)" }), heading: "All clear!", subHeading: (_jsxs(_Fragment, { children: ["There are no alerts for you right now. Find out how alerts work", ' ', _jsx("a", { className: "ds-link", href: "/help/alerts", children: "here" }), "."] })) })), children: [_jsx(Widget.Header, { children: "Alerts (0)" }), _jsx(Widget.Body, {})] }));
+const LinkedWithContentTemplate = () => (_jsxs(Widget, { href: "/alerts", children: [_jsx(Widget.Header, { children: "Alerts (2)" }), _jsx(Widget.Body, { children: _jsxs("ul", { style: { margin: 0, padding: 0, listStyle: 'none' }, children: [_jsx("li", { children: "New message from school head" }), _jsx("li", { children: "Parents evening begins in 5 days" })] }) })] }));
+const WithTooltipTemplate = () => (_jsxs(Widget, { tooltip: "Your starred items appear here", children: [_jsx(Widget.Header, { children: "Favourites" }), _jsx(Widget.Body, { children: _jsx("ul", { style: { margin: 0, padding: 0, listStyle: 'none' }, children: Array.from({ length: 6 }, (_, index) => (_jsx("li", { children: "Favourite" }, index))) }) })] }));
+const CollapsibleTemplate = () => (_jsxs(Widget, { collapsible: true, defaultExpanded: true, children: [_jsx(Widget.Header, { children: "Attendance summary" }), _jsx(Widget.Body, { children: _jsx("p", { style: { margin: 0 }, children: "Widget body content" }) })] }));
+const LoadingTemplate = () => (_jsxs(Widget, { isLoading: true, loadingLabel: "Loading alerts", children: [_jsx(Widget.Header, { children: "Alerts" }), _jsx(Widget.Body, { children: _jsx("p", { children: "Content hidden while loading" }) })] }));
+const WithRenderLinkTemplate = () => (_jsxs(Widget, { href: "/alerts", renderLink: ({ href, className, children, linkProps }) => (_jsx("a", { href: href, className: className, "data-router-link": "true", ...linkProps, children: children })), children: [_jsx(Widget.Header, { children: "Alerts (2)" }), _jsx(Widget.Body, { children: _jsx("p", { style: { margin: 0 }, children: "Linked via custom renderLink" }) })] }));
+const FixedHeightOverflowTemplate = () => (_jsx(FixedHeightWidgetContainer, { children: _jsxs(Widget, { isFloating: true, children: [_jsx(Widget.Header, { children: "Favourites" }), _jsx(Widget.Body, { children: _jsx("ul", { style: { margin: 0, padding: 0, listStyle: 'none' }, children: Array.from({ length: 20 }, (_, index) => (_jsx("li", { style: { padding: 'var(--spacing-xsmall) 0' }, children: `Favourite item ${index + 1}` }, index))) }) })] }) }));
+export const Default = {
+    args: {
+        tooltip: '',
+        isLoading: false,
+        isEmpty: false,
+        loadingLabel: 'Loading',
+        live: false,
+    },
+    render: (args) => (_jsxs(Widget, { ...args, children: [_jsx(Widget.Header, { children: "Attendance summary" }), _jsx(Widget.Body, { children: _jsx("p", { style: { margin: 0 }, children: "Widget body content" }) })] })),
+};
+export const StaticWithEmptyState = withDescription({
+    render: StaticWithEmptyStateTemplate,
+    parameters: {
+        controls: { disable: true },
+        docs: {
+            source: {
+                language: 'tsx',
+                code: `
+import { EmptyState, Icon, Widget } from '@arbor-education/design-system.components';
+
+function WidgetStaticEmptyExample() {
+  return (
+    <Widget
+      isEmpty
+      emptyState={
+        <EmptyState
+          padding="md"
+          illustration={<Icon name="circle-help" size={24} color="var(--color-grey-400)" />}
+          heading="All clear!"
+          subHeading={
+            <>
+              There are no alerts for you right now. Find out how alerts work{' '}
+              <a className="ds-link" href="/help/alerts">here</a>
+              .
+            </>
+          }
+        />
+      }
+    >
+      <Widget.Header>Alerts (0)</Widget.Header>
+      <Widget.Body />
+    </Widget>
+  );
+}
+export default WidgetStaticEmptyExample;
+`.trim(),
+            },
+        },
+    },
+}, 'Static header with no link or chevron. Body shows `emptyState` when `isEmpty` is true.');
+export const LinkedWithContent = withDescription({
+    render: LinkedWithContentTemplate,
+    parameters: {
+        controls: { disable: true },
+        docs: {
+            source: {
+                language: 'tsx',
+                code: `
+import { Widget } from '@arbor-education/design-system.components';
+
+function WidgetLinkedExample() {
+  return (
+    <Widget href="/alerts">
+      <Widget.Header>Alerts (2)</Widget.Header>
+      <Widget.Body>
+        <ul>
+          <li>New message from school head</li>
+        </ul>
+      </Widget.Body>
+    </Widget>
+  );
+}
+export default WidgetLinkedExample;
+`.trim(),
+            },
+        },
+    },
+}, 'Linked header: anchor wraps the title; a CSS overlay covers slotStart, heading, and end chevron. Tooltip stays above the overlay.');
+export const WithTooltip = withDescription({
+    render: WithTooltipTemplate,
+    parameters: {
+        controls: { disable: true },
+        docs: {
+            source: {
+                language: 'tsx',
+                code: `
+import { Widget } from '@arbor-education/design-system.components';
+
+function WidgetWithTooltipExample() {
+  return (
+    <Widget tooltip="Your starred items appear here">
+      <Widget.Header>Favourites</Widget.Header>
+      <Widget.Body>
+        <ul>
+          <li>Favourite</li>
+        </ul>
+      </Widget.Body>
+    </Widget>
+  );
+}
+export default WidgetWithTooltipExample;
+`.trim(),
+            },
+        },
+    },
+}, 'Info icon tooltip sits in the heading row immediately beside the title text.');
+export const Collapsible = withDescription({
+    render: CollapsibleTemplate,
+    parameters: {
+        controls: { disable: true },
+        docs: {
+            source: {
+                language: 'tsx',
+                code: `
+import { Widget } from '@arbor-education/design-system.components';
+
+function WidgetCollapsibleExample() {
+  return (
+    <Widget collapsible defaultExpanded>
+      <Widget.Header>Attendance summary</Widget.Header>
+      <Widget.Body>
+        <p>Widget body content</p>
+      </Widget.Body>
+    </Widget>
+  );
+}
+export default WidgetCollapsibleExample;
+`.trim(),
+            },
+        },
+    },
+}, 'Collapsible header toggles body visibility. Chevron rotates when expanded.');
+export const Loading = withDescription({
+    render: LoadingTemplate,
+    parameters: {
+        controls: { disable: true },
+        docs: {
+            source: {
+                language: 'tsx',
+                code: `
+import { Widget } from '@arbor-education/design-system.components';
+
+function WidgetLoadingExample() {
+  return (
+    <Widget isLoading loadingLabel="Loading alerts">
+      <Widget.Header>Alerts</Widget.Header>
+      <Widget.Body />
+    </Widget>
+  );
+}
+export default WidgetLoadingExample;
+`.trim(),
+            },
+        },
+    },
+}, 'Loading replaces body content and sets `aria-busy="true"` on the body container.');
+export const WithRenderLink = withDescription({
+    render: WithRenderLinkTemplate,
+    parameters: {
+        controls: { disable: true },
+        docs: {
+            source: {
+                language: 'tsx',
+                code: `
+import { Widget } from '@arbor-education/design-system.components';
+
+function WidgetRenderLinkExample() {
+  return (
+    <Widget
+      href="/alerts"
+      renderLink={({ href, className, children, linkProps }) => (
+        <a href={href} className={className} {...linkProps}>
+          {children}
+        </a>
+      )}
+    >
+      <Widget.Header>Alerts (2)</Widget.Header>
+      <Widget.Body />
+    </Widget>
+  );
+}
+export default WidgetRenderLinkExample;
+`.trim(),
+            },
+        },
+    },
+}, 'Inject a custom router link via `renderLink` — same pattern as SidebarNav.');
+export const FixedHeightOverflow = withDescription({
+    render: FixedHeightOverflowTemplate,
+    parameters: {
+        controls: { disable: true },
+        docs: {
+            source: {
+                language: 'tsx',
+                code: `
+import { Widget } from '@arbor-education/design-system.components';
+
+function WidgetFixedHeightOverflowExample() {
+  return (
+    <div style={{ height: 280, display: 'flex', flexDirection: 'column' }}>
+      <Widget isFloating>
+        <Widget.Header>Favourites</Widget.Header>
+        <Widget.Body>
+          <ul>
+            {Array.from({ length: 20 }, (_, index) => (
+              <li key={index}>Favourite item {index + 1}</li>
+            ))}
+          </ul>
+        </Widget.Body>
+      </Widget>
+    </div>
+  );
+}
+export default WidgetFixedHeightOverflowExample;
+`.trim(),
+            },
+        },
+    },
+}, 'Parent container constrains height; the widget header stays pinned while `.ds-widget__body` scrolls overflow content.');
+//# sourceMappingURL=Widget.stories.js.map

package/dist/components/widget/Widget.stories.js.map

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

package/dist/components/widget/Widget.test.d.ts

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

package/dist/components/widget/Widget.test.d.ts.map

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