@arbor-education/design-system.components 4.5.0 → 4.7.0-alpha.0

package/dist/pages/assessmentSettingsPage/AssessmentSettingsPage.test.js

@@ -0,0 +1,84 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { describe, it, expect, vi } from 'vitest';
+import { render, screen } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+import '@testing-library/jest-dom/vitest';
+import { AssessmentSettingsPage } from './AssessmentSettingsPage.js';
+describe('AssessmentSettingsPage', () => {
+    it('renders the page heading', () => {
+        render(_jsx(AssessmentSettingsPage, {}));
+        expect(screen.getByRole('heading', { name: /assessment settings/i, level: 1 })).toBeInTheDocument();
+    });
+    it('renders breadcrumb navigation', () => {
+        render(_jsx(AssessmentSettingsPage, {}));
+        expect(screen.getByRole('navigation', { name: /breadcrumb/i })).toBeInTheDocument();
+        expect(screen.getByRole('link', { name: /assessments/i })).toBeInTheDocument();
+    });
+    it('renders the Basic section heading', () => {
+        render(_jsx(AssessmentSettingsPage, {}));
+        expect(screen.getByRole('heading', { name: /basic/i, level: 2 })).toBeInTheDocument();
+    });
+    it('renders the Advanced section heading', () => {
+        render(_jsx(AssessmentSettingsPage, {}));
+        expect(screen.getByRole('heading', { name: /advanced/i, level: 2 })).toBeInTheDocument();
+    });
+    it('renders all Basic settings cards', () => {
+        render(_jsx(AssessmentSettingsPage, {}));
+        expect(screen.getByText('Grade Sets')).toBeInTheDocument();
+        expect(screen.getByText('Subjects')).toBeInTheDocument();
+        expect(screen.getByText('Assessment Component')).toBeInTheDocument();
+        expect(screen.getByText('Assessment Periods (Data Drops)')).toBeInTheDocument();
+    });
+    it('renders all Advanced settings cards', () => {
+        render(_jsx(AssessmentSettingsPage, {}));
+        expect(screen.getByText('Comment Banks')).toBeInTheDocument();
+        expect(screen.getByText('Assessment Lookups')).toBeInTheDocument();
+    });
+    it('renders card descriptions', () => {
+        render(_jsx(AssessmentSettingsPage, {}));
+        expect(screen.getByText(/manage grade sets/i)).toBeInTheDocument();
+        expect(screen.getByText(/manage assessment subjects/i)).toBeInTheDocument();
+        expect(screen.getByText(/manage comment banks/i)).toBeInTheDocument();
+    });
+    it('calls onGradeSetsClick when Grade Sets card is clicked', async () => {
+        const onGradeSetsClick = vi.fn();
+        render(_jsx(AssessmentSettingsPage, { onGradeSetsClick: onGradeSetsClick }));
+        await userEvent.click(screen.getByText('Grade Sets'));
+        expect(onGradeSetsClick).toHaveBeenCalledTimes(1);
+    });
+    it('calls onSubjectsClick when Subjects card is clicked', async () => {
+        const onSubjectsClick = vi.fn();
+        render(_jsx(AssessmentSettingsPage, { onSubjectsClick: onSubjectsClick }));
+        await userEvent.click(screen.getByText('Subjects'));
+        expect(onSubjectsClick).toHaveBeenCalledTimes(1);
+    });
+    it('calls onAssessmentComponentClick when Assessment Component card is clicked', async () => {
+        const onAssessmentComponentClick = vi.fn();
+        render(_jsx(AssessmentSettingsPage, { onAssessmentComponentClick: onAssessmentComponentClick }));
+        await userEvent.click(screen.getByText('Assessment Component'));
+        expect(onAssessmentComponentClick).toHaveBeenCalledTimes(1);
+    });
+    it('calls onAssessmentPeriodsClick when Assessment Periods card is clicked', async () => {
+        const onAssessmentPeriodsClick = vi.fn();
+        render(_jsx(AssessmentSettingsPage, { onAssessmentPeriodsClick: onAssessmentPeriodsClick }));
+        await userEvent.click(screen.getByText('Assessment Periods (Data Drops)'));
+        expect(onAssessmentPeriodsClick).toHaveBeenCalledTimes(1);
+    });
+    it('calls onCommentBanksClick when Comment Banks card is clicked', async () => {
+        const onCommentBanksClick = vi.fn();
+        render(_jsx(AssessmentSettingsPage, { onCommentBanksClick: onCommentBanksClick }));
+        await userEvent.click(screen.getByText('Comment Banks'));
+        expect(onCommentBanksClick).toHaveBeenCalledTimes(1);
+    });
+    it('calls onAssessmentLookupsClick when Assessment Lookups card is clicked', async () => {
+        const onAssessmentLookupsClick = vi.fn();
+        render(_jsx(AssessmentSettingsPage, { onAssessmentLookupsClick: onAssessmentLookupsClick }));
+        await userEvent.click(screen.getByText('Assessment Lookups'));
+        expect(onAssessmentLookupsClick).toHaveBeenCalledTimes(1);
+    });
+    it('renders without crashing when no callbacks are provided', () => {
+        render(_jsx(AssessmentSettingsPage, {}));
+        expect(screen.getByRole('heading', { name: /assessment settings/i, level: 1 })).toBeInTheDocument();
+    });
+});
+//# sourceMappingURL=AssessmentSettingsPage.test.js.map

package/dist/pages/assessmentSettingsPage/AssessmentSettingsPage.test.js.map

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

package/dist/pages/assessmentsPage/AssessmentsPage.d.ts

@@ -0,0 +1,16 @@
+export type Assessment = {
+    id: string;
+    name: string;
+    completionPercentage: number;
+    status: 'active' | 'draft' | 'archived';
+};
+export type AssessmentsPageProps = {
+    assessments?: Assessment[];
+    onCreateNewAssessment?: () => void;
+    onOpenMarksheetSettings?: () => void;
+    onEditAssessment?: (id: string) => void;
+    onOpenMarksheets?: (id: string) => void;
+    className?: string;
+};
+export declare const AssessmentsPage: ({ assessments, onCreateNewAssessment, onOpenMarksheetSettings, onEditAssessment, onOpenMarksheets, className, }: AssessmentsPageProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=AssessmentsPage.d.ts.map

package/dist/pages/assessmentsPage/AssessmentsPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssessmentsPage.d.ts","sourceRoot":"","sources":["../../../src/pages/assessmentsPage/AssessmentsPage.tsx"],"names":[],"mappings":"AAcA,MAAM,MAAM,UAAU,GAAG;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,oBAAoB,EAAE,MAAM,CAAC;IAC7B,MAAM,EAAE,QAAQ,GAAG,OAAO,GAAG,UAAU,CAAC;CACzC,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IACjC,WAAW,CAAC,EAAE,UAAU,EAAE,CAAC;IAC3B,qBAAqB,CAAC,EAAE,MAAM,IAAI,CAAC;IACnC,uBAAuB,CAAC,EAAE,MAAM,IAAI,CAAC;IACrC,gBAAgB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,gBAAgB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,iHAO7B,oBAAoB,4CA4HtB,CAAC"}

package/dist/pages/assessmentsPage/AssessmentsPage.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * AssessmentsPage - The main Assessments Homepage.
+ * Displays a filterable, searchable list of assessments with edit and marksheet actions.
+ */
+import classNames from 'classnames';
+import { useState } from 'react';
+import { Button } from '../../components/button/Button.js';
+import { Heading } from '../../components/heading/Heading.js';
+import { Icon } from '../../components/icon/Icon.js';
+import { Pill } from '../../components/pill/Pill.js';
+import { Section } from '../../components/section/Section.js';
+import { Separator } from '../../components/separator/Separator.js';
+import { TextInput } from '../../components/formField/inputs/text/TextInput.js';
+export const AssessmentsPage = ({ assessments = [], onCreateNewAssessment, onOpenMarksheetSettings, onEditAssessment, onOpenMarksheets, className, }) => {
+    const [showAllActive, setShowAllActive] = useState(true);
+    const [showDraft, setShowDraft] = useState(false);
+    const [showArchived, setShowArchived] = useState(false);
+    const [searchQuery, setSearchQuery] = useState('');
+    const filteredAssessments = assessments.filter((assessment) => {
+        const matchesSearch = assessment.name
+            .toLowerCase()
+            .includes(searchQuery.toLowerCase());
+        const matchesFilter = (showAllActive && assessment.status === 'active')
+            || (showDraft && assessment.status === 'draft')
+            || (showArchived && assessment.status === 'archived');
+        return matchesSearch && matchesFilter;
+    });
+    return (_jsxs("div", { className: classNames('ds-assessments-page', className), children: [_jsx("nav", { "aria-label": "Breadcrumb", className: "ds-assessments-page__breadcrumbs", children: _jsxs("ol", { className: "ds-assessments-page__breadcrumb-list", children: [_jsx("li", { className: "ds-assessments-page__breadcrumb-item", children: _jsx("a", { href: "/assessments", className: "ds-assessments-page__breadcrumb-link", children: "Assessments" }) }), _jsxs("li", { className: "ds-assessments-page__breadcrumb-item ds-assessments-page__breadcrumb-item--current", "aria-current": "page", children: ["Assessments Homepage", _jsx(Icon, { name: "link", size: 16, screenReaderText: "Permalink" })] })] }) }), _jsxs("header", { className: "ds-assessments-page__header", children: [_jsx(Heading, { level: 1, children: "Assessments" }), _jsxs("div", { className: "ds-assessments-page__header-actions", children: [_jsx(Button, { variant: "secondary", iconLeftName: "settings", onClick: onOpenMarksheetSettings, children: "Marksheet Settings" }), _jsx(Button, { variant: "primary", iconLeftName: "plus", onClick: onCreateNewAssessment, children: "Create New Assessment" })] })] }), _jsxs("div", { className: "ds-assessments-page__filter-bar", children: [_jsxs("div", { className: "ds-assessments-page__filters", children: [_jsx(Pill, { text: "All Active", initialValue: showAllActive, onclick: setShowAllActive }), _jsx(Pill, { text: "Draft", initialValue: showDraft, onclick: setShowDraft }), _jsx(Pill, { text: "Archived", initialValue: showArchived, onclick: setShowArchived })] }), _jsx(TextInput, { placeholder: "Search Marksheets", "aria-label": "Search Marksheets", value: searchQuery, onChange: e => setSearchQuery(e.target.value), size: "S" })] }), _jsx("main", { className: "ds-assessments-page__content", children: _jsx("div", { className: "ds-assessments-page__assessment-list", children: filteredAssessments.map((assessment, index) => (_jsxs("div", { className: "ds-assessments-page__assessment-item", children: [_jsx(Section, { collapsible: true, title: assessment.name, headingLevel: 2, children: _jsxs("div", { className: "ds-assessments-page__assessment-details", children: [_jsxs("span", { className: "ds-assessments-page__assessment-completion", children: [assessment.completionPercentage, "% completed"] }), _jsxs("div", { className: "ds-assessments-page__assessment-actions", children: [_jsx(Button, { variant: "secondary", size: "S", onClick: () => onEditAssessment?.(assessment.id), children: "Edit" }), _jsx(Button, { variant: "secondary", size: "S", onClick: () => onOpenMarksheets?.(assessment.id), children: "Open Marksheets" })] })] }) }), index < filteredAssessments.length - 1 && _jsx(Separator, {})] }, assessment.id))) }) })] }));
+};
+//# sourceMappingURL=AssessmentsPage.js.map

package/dist/pages/assessmentsPage/AssessmentsPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssessmentsPage.js","sourceRoot":"","sources":["../../../src/pages/assessmentsPage/AssessmentsPage.tsx"],"names":[],"mappings":";AAAA;;;GAGG;AACH,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,4CAA4C,CAAC;AAkBvE,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAC9B,WAAW,GAAG,EAAE,EAChB,qBAAqB,EACrB,uBAAuB,EACvB,gBAAgB,EAChB,gBAAgB,EAChB,SAAS,GACY,EAAE,EAAE;IACzB,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IACzD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClD,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAEnD,MAAM,mBAAmB,GAAG,WAAW,CAAC,MAAM,CAAC,CAAC,UAAU,EAAE,EAAE;QAC5D,MAAM,aAAa,GAAG,UAAU,CAAC,IAAI;aAClC,WAAW,EAAE;aACb,QAAQ,CAAC,WAAW,CAAC,WAAW,EAAE,CAAC,CAAC;QAEvC,MAAM,aAAa,GACf,CAAC,aAAa,IAAI,UAAU,CAAC,MAAM,KAAK,QAAQ,CAAC;eAC9C,CAAC,SAAS,IAAI,UAAU,CAAC,MAAM,KAAK,OAAO,CAAC;eAC5C,CAAC,YAAY,IAAI,UAAU,CAAC,MAAM,KAAK,UAAU,CAAC,CAAC;QAE1D,OAAO,aAAa,IAAI,aAAa,CAAC;IACxC,CAAC,CAAC,CAAC;IAEH,OAAO,CACL,eAAK,SAAS,EAAE,UAAU,CAAC,qBAAqB,EAAE,SAAS,CAAC,aAC1D,4BAAgB,YAAY,EAAC,SAAS,EAAC,kCAAkC,YACvE,cAAI,SAAS,EAAC,sCAAsC,aAClD,aAAI,SAAS,EAAC,sCAAsC,YAClD,YAAG,IAAI,EAAC,cAAc,EAAC,SAAS,EAAC,sCAAsC,4BAEnE,GACD,EACL,cACE,SAAS,EAAC,oFAAoF,kBACjF,MAAM,qCAGnB,KAAC,IAAI,IAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAE,EAAE,EAAE,gBAAgB,EAAC,WAAW,GAAG,IACxD,IACF,GACD,EAEN,kBAAQ,SAAS,EAAC,6BAA6B,aAC7C,KAAC,OAAO,IAAC,KAAK,EAAE,CAAC,4BAAuB,EACxC,eAAK,SAAS,EAAC,qCAAqC,aAClD,KAAC,MAAM,IACL,OAAO,EAAC,WAAW,EACnB,YAAY,EAAC,UAAU,EACvB,OAAO,EAAE,uBAAuB,mCAGzB,EACT,KAAC,MAAM,IACL,OAAO,EAAC,SAAS,EACjB,YAAY,EAAC,MAAM,EACnB,OAAO,EAAE,qBAAqB,sCAGvB,IACL,IACC,EAET,eAAK,SAAS,EAAC,iCAAiC,aAC9C,eAAK,SAAS,EAAC,8BAA8B,aAC3C,KAAC,IAAI,IACH,IAAI,EAAC,YAAY,EACjB,YAAY,EAAE,aAAa,EAC3B,OAAO,EAAE,gBAAgB,GACzB,EACF,KAAC,IAAI,IACH,IAAI,EAAC,OAAO,EACZ,YAAY,EAAE,SAAS,EACvB,OAAO,EAAE,YAAY,GACrB,EACF,KAAC,IAAI,IACH,IAAI,EAAC,UAAU,EACf,YAAY,EAAE,YAAY,EAC1B,OAAO,EAAE,eAAe,GACxB,IACE,EACN,KAAC,SAAS,IACR,WAAW,EAAC,mBAAmB,gBACpB,mBAAmB,EAC9B,KAAK,EAAE,WAAW,EAClB,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAC7C,IAAI,EAAC,GAAG,GACR,IACE,EAEN,eAAM,SAAS,EAAC,8BAA8B,YAC5C,cAAK,SAAS,EAAC,sCAAsC,YAClD,mBAAmB,CAAC,GAAG,CAAC,CAAC,UAAU,EAAE,KAAK,EAAE,EAAE,CAAC,CAC9C,eAAyB,SAAS,EAAC,sCAAsC,aACvE,KAAC,OAAO,IACN,WAAW,QACX,KAAK,EAAE,UAAU,CAAC,IAAI,EACtB,YAAY,EAAE,CAAC,YAEf,eAAK,SAAS,EAAC,yCAAyC,aACtD,gBAAM,SAAS,EAAC,4CAA4C,aACzD,UAAU,CAAC,oBAAoB,mBAE3B,EACP,eAAK,SAAS,EAAC,yCAAyC,aACtD,KAAC,MAAM,IACL,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,GAAG,EACR,OAAO,EAAE,GAAG,EAAE,CAAC,gBAAgB,EAAE,CAAC,UAAU,CAAC,EAAE,CAAC,qBAGzC,EACT,KAAC,MAAM,IACL,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,GAAG,EACR,OAAO,EAAE,GAAG,EAAE,CAAC,gBAAgB,EAAE,CAAC,UAAU,CAAC,EAAE,CAAC,gCAGzC,IACL,IACF,GACE,EACT,KAAK,GAAG,mBAAmB,CAAC,MAAM,GAAG,CAAC,IAAI,KAAC,SAAS,KAAG,KA7BhD,UAAU,CAAC,EAAE,CA8BjB,CACP,CAAC,GACE,GACD,IACH,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/pages/assessmentsPage/AssessmentsPage.stories.d.ts

@@ -0,0 +1,162 @@
+import type { StoryObj } from '@storybook/react-vite';
+/**
+ * Well, picture it: a school in St. Olaf, circa 1987.
+ *
+ * Every term, the teachers had to manage dozens of assessments - tracking which ones were
+ * active, which were still drafts, and which had been lovingly archived for posterity.
+ * Back then, Gunnar Gustafsson kept them all on index cards in a shoebox. It took him
+ * three days to find anything, and once he lost an entire set of phonics assessments
+ * between a jar of aquavit and a picture of the school mascot (a very distinguished herring).
+ *
+ * The AssessmentsPage is the digital solution that Gunnar never had. It is the main
+ * homepage for browsing, filtering, and actioning assessments - with a beautiful
+ * search input, status-based filter pills (All Active, Draft, Archived), and collapsible
+ * assessment rows powered by the Section component.
+ *
+ * Each assessment row is a collapsible Section. Sections start **expanded** by default,
+ * so the completion percentage and Edit / Open Marksheets action buttons are immediately
+ * visible. A user can click the assessment name (the Section heading) or the chevron
+ * button to collapse an individual row and tuck it away - just like folding up a card
+ * in Gunnar's shoebox when you're done with it. The Section component manages its own
+ * collapsed state internally, so each row collapses and expands independently.
+ *
+ * **Features:**
+ * - Breadcrumb navigation for orientation within the app
+ * - Page-level actions: Create New Assessment and Marksheet Settings
+ * - Filter pills for All Active, Draft, and Archived statuses (independent toggles)
+ * - Live search filtering by assessment name
+ * - Collapsible assessment rows via the Section component (start expanded by default)
+ * - Completion percentage display per assessment (visible in the expanded Section body)
+ * - Per-assessment Edit and Open Marksheets action buttons (visible in the expanded Section body)
+ *
+ * **Collapse / Expand behaviour:**
+ * - Each assessment row is a `<Section collapsible>` with no `collapsed` prop, so it
+ *   initialises in the **expanded** state.
+ * - Clicking the Section heading or the chevron button toggles that row's collapsed state.
+ * - The Section's internal `aria-expanded` attribute on the chevron button updates
+ *   automatically (`true` = expanded, `false` = collapsed).
+ * - The chevron icon switches between `chevron-up` (expanded) and `chevron-down` (collapsed).
+ * - Each row's state is fully independent - collapsing one does not affect the others.
+ *
+ * **Accessibility:**
+ * - Breadcrumb uses `<nav aria-label="Breadcrumb">` with `aria-current="page"` on the current item
+ * - The Section component's collapse button has `aria-expanded` to communicate state to screen readers
+ * - Screen-reader-only text on the chevron icon reads "Expand section" or "Collapse section"
+ * - The Section heading is keyboard-focusable and responds to Space and Enter to toggle collapse
+ * - Search input has an explicit `aria-label`
+ * - Page structure uses semantic `<header>` and `<main>` landmarks
+ * - Each `<section>` element has an implicit ARIA role of "region" via its `aria-label`
+ */
+declare const meta: {
+    title: string;
+    component: ({ assessments, onCreateNewAssessment, onOpenMarksheetSettings, onEditAssessment, onOpenMarksheets, className, }: import("./AssessmentsPage.js").AssessmentsPageProps) => import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    tags: string[];
+    args: {
+        onCreateNewAssessment: import("@vitest/spy").Mock<(...args: any[]) => any>;
+        onOpenMarksheetSettings: import("@vitest/spy").Mock<(...args: any[]) => any>;
+        onEditAssessment: import("@vitest/spy").Mock<(...args: any[]) => any>;
+        onOpenMarksheets: import("@vitest/spy").Mock<(...args: any[]) => any>;
+    };
+    argTypes: {
+        assessments: {
+            control: "object";
+            description: string;
+        };
+        onCreateNewAssessment: {
+            description: string;
+        };
+        onOpenMarksheetSettings: {
+            description: string;
+        };
+        onEditAssessment: {
+            description: string;
+        };
+        onOpenMarksheets: {
+            description: string;
+        };
+        className: {
+            control: "text";
+            description: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+/**
+ * The empty state - no assessments have been created yet.
+ *
+ * Oh, this is like arriving in St. Olaf for the first time. The town square is
+ * quiet, nothing is happening yet, but you can feel the potential! The page
+ * renders all its chrome - breadcrumbs, header actions, filter bar, and search -
+ * but the assessment list is gloriously empty. This is your starting point.
+ *
+ * Note: by default the "All Active" filter pill is toggled on, so no assessments
+ * means no assessments are shown (rather than an unfiltered full list).
+ */
+export declare const Default: Story;
+/**
+ * The page with active assessments loaded and the default "All Active" filter.
+ *
+ * Back in St. Olaf, when we finally got the assessments organised, the first
+ * thing everyone wanted to see was the active ones - the live, in-progress work.
+ * This story shows the AssessmentsPage in its most common real-world state:
+ * a short list of active assessments, each rendered as a collapsible Section.
+ *
+ * Notice that both rows start **fully expanded** - the completion percentage
+ * and the Edit / Open Marksheets buttons are right there, visible and ready,
+ * like a barn door thrown open on a sunny St. Olaf morning. Click an assessment
+ * name or the chevron button on the right to collapse that row and tuck the
+ * details away. Click again to expand it back. Each row is completely independent.
+ *
+ * The Section component handles all of this internally using its own useState -
+ * no expand/collapse wiring is needed in AssessmentsPage itself.
+ */
+export declare const WithActiveAssessments: Story;
+/**
+ * A realistic scenario with assessments across all three statuses.
+ *
+ * You know, this reminds me of the time in St. Olaf when we were sorting the
+ * annual herring festival entries into "active", "still marinating" (draft),
+ * and "last year's" (archived). You had to toggle each category yourself -
+ * just like these independent filter pills!
+ *
+ * By default only "All Active" is on, so you will only see the active
+ * assessments. Toggle the Draft and Archived pills in the controls panel
+ * (or right there in the Storybook canvas!) to reveal the other statuses.
+ * Each pill is completely independent of the others.
+ *
+ * Every visible assessment row starts in the expanded state. Try clicking an
+ * assessment heading or the chevron to collapse it - then toggle in more statuses
+ * to see fresh rows appear, also expanded and ready to go.
+ */
+export declare const WithMixedStatuses: Story;
+/**
+ * A larger dataset to verify list rendering, separators, and scroll behaviour.
+ *
+ * Oh my stars, ten whole assessments! Back in St. Olaf, Ingrid Nordstrom once
+ * catalogued every single assessment in the district - all forty-seven of them -
+ * in a single afternoon. We were all very impressed, but also slightly concerned
+ * because she forgot to eat lunch. Ten is a much more manageable number, and it
+ * lets you see how the list looks with separators between rows and all sections
+ * starting expanded.
+ *
+ * With all rows expanded by default, you can really appreciate how the list
+ * fills out - completion percentages and action buttons visible for every
+ * assessment all at once. Try collapsing a few rows to see how much space
+ * you can reclaim, then use the search box (try typing "KS") or the filter
+ * pills to narrow the list down. Rows that disappear from the filter and
+ * come back will start expanded again, fresh as a St. Olaf morning.
+ *
+ * Note: By default only "All Active" assessments are shown. Toggle the Draft
+ * and Archived pills to see the full ten-assessment dataset.
+ */
+export declare const WithManyAssessments: Story;
+//# sourceMappingURL=AssessmentsPage.stories.d.ts.map

package/dist/pages/assessmentsPage/AssessmentsPage.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssessmentsPage.stories.d.ts","sourceRoot":"","sources":["../../../src/pages/assessmentsPage/AssessmentsPage.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAK5D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+CG;AACH,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4C8B,CAAC;AAEzC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAmHnC;;;;;;;;;;GAUG;AACH,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,qBAAqB,EAAE,KAKnC,CAAC;AAEF;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAK/B,CAAC;AAEF;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,mBAAmB,EAAE,KAKjC,CAAC"}

package/dist/pages/assessmentsPage/AssessmentsPage.stories.js

@@ -0,0 +1,290 @@
+import { fn } from 'storybook/test';
+import { AssessmentsPage } from './AssessmentsPage.js';
+/**
+ * Well, picture it: a school in St. Olaf, circa 1987.
+ *
+ * Every term, the teachers had to manage dozens of assessments - tracking which ones were
+ * active, which were still drafts, and which had been lovingly archived for posterity.
+ * Back then, Gunnar Gustafsson kept them all on index cards in a shoebox. It took him
+ * three days to find anything, and once he lost an entire set of phonics assessments
+ * between a jar of aquavit and a picture of the school mascot (a very distinguished herring).
+ *
+ * The AssessmentsPage is the digital solution that Gunnar never had. It is the main
+ * homepage for browsing, filtering, and actioning assessments - with a beautiful
+ * search input, status-based filter pills (All Active, Draft, Archived), and collapsible
+ * assessment rows powered by the Section component.
+ *
+ * Each assessment row is a collapsible Section. Sections start **expanded** by default,
+ * so the completion percentage and Edit / Open Marksheets action buttons are immediately
+ * visible. A user can click the assessment name (the Section heading) or the chevron
+ * button to collapse an individual row and tuck it away - just like folding up a card
+ * in Gunnar's shoebox when you're done with it. The Section component manages its own
+ * collapsed state internally, so each row collapses and expands independently.
+ *
+ * **Features:**
+ * - Breadcrumb navigation for orientation within the app
+ * - Page-level actions: Create New Assessment and Marksheet Settings
+ * - Filter pills for All Active, Draft, and Archived statuses (independent toggles)
+ * - Live search filtering by assessment name
+ * - Collapsible assessment rows via the Section component (start expanded by default)
+ * - Completion percentage display per assessment (visible in the expanded Section body)
+ * - Per-assessment Edit and Open Marksheets action buttons (visible in the expanded Section body)
+ *
+ * **Collapse / Expand behaviour:**
+ * - Each assessment row is a `<Section collapsible>` with no `collapsed` prop, so it
+ *   initialises in the **expanded** state.
+ * - Clicking the Section heading or the chevron button toggles that row's collapsed state.
+ * - The Section's internal `aria-expanded` attribute on the chevron button updates
+ *   automatically (`true` = expanded, `false` = collapsed).
+ * - The chevron icon switches between `chevron-up` (expanded) and `chevron-down` (collapsed).
+ * - Each row's state is fully independent - collapsing one does not affect the others.
+ *
+ * **Accessibility:**
+ * - Breadcrumb uses `<nav aria-label="Breadcrumb">` with `aria-current="page"` on the current item
+ * - The Section component's collapse button has `aria-expanded` to communicate state to screen readers
+ * - Screen-reader-only text on the chevron icon reads "Expand section" or "Collapse section"
+ * - The Section heading is keyboard-focusable and responds to Space and Enter to toggle collapse
+ * - Search input has an explicit `aria-label`
+ * - Page structure uses semantic `<header>` and `<main>` landmarks
+ * - Each `<section>` element has an implicit ARIA role of "region" via its `aria-label`
+ */
+const meta = {
+    title: 'Pages/AssessmentsPage',
+    component: AssessmentsPage,
+    parameters: {
+        layout: 'fullscreen',
+        docs: {
+            description: {
+                component: 'The main Assessments Homepage. Displays a filterable, searchable list of assessments with collapsible rows, edit, and marksheet actions. Each assessment row is a Section component that starts expanded - users can collapse individual rows by clicking the heading or chevron. Back in St. Olaf they did this with index cards in a shoebox - we do it with this lovely page component.',
+            },
+        },
+    },
+    tags: ['autodocs'],
+    args: {
+        onCreateNewAssessment: fn(),
+        onOpenMarksheetSettings: fn(),
+        onEditAssessment: fn(),
+        onOpenMarksheets: fn(),
+    },
+    argTypes: {
+        assessments: {
+            control: 'object',
+            description: 'The list of assessments to display. Each assessment has an id, name, completionPercentage, and status. Each assessment is rendered as a collapsible Section that starts expanded.',
+        },
+        onCreateNewAssessment: {
+            description: 'Called when the "Create New Assessment" header button is clicked.',
+        },
+        onOpenMarksheetSettings: {
+            description: 'Called when the "Marksheet Settings" header button is clicked.',
+        },
+        onEditAssessment: {
+            description: 'Called with the assessment id when the "Edit" button inside an assessment\'s expanded Section is clicked.',
+        },
+        onOpenMarksheets: {
+            description: 'Called with the assessment id when the "Open Marksheets" button inside an assessment\'s expanded Section is clicked.',
+        },
+        className: {
+            control: 'text',
+            description: 'Optional additional CSS class name(s) to apply to the page root element.',
+        },
+    },
+};
+export default meta;
+// ---------------------------------------------------------------------------
+// Shared data fixtures - think of these as St. Olaf's finest assessment records
+// ---------------------------------------------------------------------------
+const activeAssessments = [
+    {
+        id: '1',
+        name: 'Internal Progress Tracking (Years 7-11)',
+        completionPercentage: 66,
+        status: 'active',
+    },
+    {
+        id: '2',
+        name: 'KS3 History (ARE)',
+        completionPercentage: 79,
+        status: 'active',
+    },
+];
+const mixedAssessments = [
+    {
+        id: '1',
+        name: 'Internal Progress Tracking (Years 7-11)',
+        completionPercentage: 66,
+        status: 'active',
+    },
+    {
+        id: '2',
+        name: 'KS3 History (ARE)',
+        completionPercentage: 79,
+        status: 'active',
+    },
+    {
+        id: '3',
+        name: 'KS4 Assessment 2025/26',
+        completionPercentage: 50,
+        status: 'draft',
+    },
+    {
+        id: '4',
+        name: 'Year 1 Phonics Screening Check',
+        completionPercentage: 48,
+        status: 'archived',
+    },
+];
+const manyAssessments = [
+    {
+        id: '1',
+        name: 'Internal Progress Tracking (Years 7-11)',
+        completionPercentage: 66,
+        status: 'active',
+    },
+    {
+        id: '2',
+        name: 'KS3 History (ARE)',
+        completionPercentage: 79,
+        status: 'active',
+    },
+    {
+        id: '3',
+        name: 'KS4 Maths Foundation',
+        completionPercentage: 34,
+        status: 'active',
+    },
+    {
+        id: '4',
+        name: 'Year 9 Science Mid-Year Review',
+        completionPercentage: 91,
+        status: 'active',
+    },
+    {
+        id: '5',
+        name: 'Year 11 English Literature Mock',
+        completionPercentage: 55,
+        status: 'active',
+    },
+    {
+        id: '6',
+        name: 'KS4 Assessment 2025/26',
+        completionPercentage: 50,
+        status: 'draft',
+    },
+    {
+        id: '7',
+        name: 'Year 10 Geography Coursework Tracker',
+        completionPercentage: 20,
+        status: 'draft',
+    },
+    {
+        id: '8',
+        name: 'Year 1 Phonics Screening Check',
+        completionPercentage: 48,
+        status: 'archived',
+    },
+    {
+        id: '9',
+        name: 'KS2 SATs Preparation 2024',
+        completionPercentage: 100,
+        status: 'archived',
+    },
+    {
+        id: '10',
+        name: 'Year 7 Baseline Assessment',
+        completionPercentage: 100,
+        status: 'archived',
+    },
+];
+// ---------------------------------------------------------------------------
+// Stories
+// ---------------------------------------------------------------------------
+/**
+ * The empty state - no assessments have been created yet.
+ *
+ * Oh, this is like arriving in St. Olaf for the first time. The town square is
+ * quiet, nothing is happening yet, but you can feel the potential! The page
+ * renders all its chrome - breadcrumbs, header actions, filter bar, and search -
+ * but the assessment list is gloriously empty. This is your starting point.
+ *
+ * Note: by default the "All Active" filter pill is toggled on, so no assessments
+ * means no assessments are shown (rather than an unfiltered full list).
+ */
+export const Default = {
+    name: 'Default (Empty)',
+    args: {
+        assessments: [],
+    },
+};
+/**
+ * The page with active assessments loaded and the default "All Active" filter.
+ *
+ * Back in St. Olaf, when we finally got the assessments organised, the first
+ * thing everyone wanted to see was the active ones - the live, in-progress work.
+ * This story shows the AssessmentsPage in its most common real-world state:
+ * a short list of active assessments, each rendered as a collapsible Section.
+ *
+ * Notice that both rows start **fully expanded** - the completion percentage
+ * and the Edit / Open Marksheets buttons are right there, visible and ready,
+ * like a barn door thrown open on a sunny St. Olaf morning. Click an assessment
+ * name or the chevron button on the right to collapse that row and tuck the
+ * details away. Click again to expand it back. Each row is completely independent.
+ *
+ * The Section component handles all of this internally using its own useState -
+ * no expand/collapse wiring is needed in AssessmentsPage itself.
+ */
+export const WithActiveAssessments = {
+    name: 'With Active Assessments',
+    args: {
+        assessments: activeAssessments,
+    },
+};
+/**
+ * A realistic scenario with assessments across all three statuses.
+ *
+ * You know, this reminds me of the time in St. Olaf when we were sorting the
+ * annual herring festival entries into "active", "still marinating" (draft),
+ * and "last year's" (archived). You had to toggle each category yourself -
+ * just like these independent filter pills!
+ *
+ * By default only "All Active" is on, so you will only see the active
+ * assessments. Toggle the Draft and Archived pills in the controls panel
+ * (or right there in the Storybook canvas!) to reveal the other statuses.
+ * Each pill is completely independent of the others.
+ *
+ * Every visible assessment row starts in the expanded state. Try clicking an
+ * assessment heading or the chevron to collapse it - then toggle in more statuses
+ * to see fresh rows appear, also expanded and ready to go.
+ */
+export const WithMixedStatuses = {
+    name: 'With Mixed Statuses',
+    args: {
+        assessments: mixedAssessments,
+    },
+};
+/**
+ * A larger dataset to verify list rendering, separators, and scroll behaviour.
+ *
+ * Oh my stars, ten whole assessments! Back in St. Olaf, Ingrid Nordstrom once
+ * catalogued every single assessment in the district - all forty-seven of them -
+ * in a single afternoon. We were all very impressed, but also slightly concerned
+ * because she forgot to eat lunch. Ten is a much more manageable number, and it
+ * lets you see how the list looks with separators between rows and all sections
+ * starting expanded.
+ *
+ * With all rows expanded by default, you can really appreciate how the list
+ * fills out - completion percentages and action buttons visible for every
+ * assessment all at once. Try collapsing a few rows to see how much space
+ * you can reclaim, then use the search box (try typing "KS") or the filter
+ * pills to narrow the list down. Rows that disappear from the filter and
+ * come back will start expanded again, fresh as a St. Olaf morning.
+ *
+ * Note: By default only "All Active" assessments are shown. Toggle the Draft
+ * and Archived pills to see the full ten-assessment dataset.
+ */
+export const WithManyAssessments = {
+    name: 'With Many Assessments',
+    args: {
+        assessments: manyAssessments,
+    },
+};
+//# sourceMappingURL=AssessmentsPage.stories.js.map

package/dist/pages/assessmentsPage/AssessmentsPage.stories.js.map

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

package/dist/pages/assessmentsPage/AssessmentsPage.test.d.ts

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

package/dist/pages/assessmentsPage/AssessmentsPage.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssessmentsPage.test.d.ts","sourceRoot":"","sources":["../../../src/pages/assessmentsPage/AssessmentsPage.test.tsx"],"names":[],"mappings":"AAGA,OAAO,kCAAkC,CAAC"}