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

package/dist/pages/assessmentBuilderPage/AssessmentBuilderPage.test.js

@@ -0,0 +1,160 @@
+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 { AssessmentBuilderPage } from './AssessmentBuilderPage.js';
+describe('AssessmentBuilderPage', () => {
+    const mockMarksheetColumns = [
+        {
+            id: 1,
+            name: 'Student Name',
+            dataCollection: undefined,
+            visibility: 'show',
+        },
+        {
+            id: 2,
+            name: 'Autumn',
+            children: [
+                {
+                    id: 3,
+                    name: 'English Language',
+                    dataCollection: 'teacher',
+                    visibility: 'auto-visible',
+                },
+                {
+                    id: 4,
+                    name: 'Maths',
+                    dataCollection: 'admin',
+                    visibility: 'auto-visible',
+                },
+            ],
+        },
+    ];
+    it('renders the assessment name as heading', () => {
+        render(_jsx(AssessmentBuilderPage, { assessmentName: "KS4 Assessment 2025/26" }));
+        expect(screen.getByRole('heading', { name: /ks4 assessment 2025\/26/i, level: 1 })).toBeInTheDocument();
+    });
+    it('renders breadcrumb navigation', () => {
+        render(_jsx(AssessmentBuilderPage, {}));
+        const breadcrumbNav = screen.getByRole('navigation', { name: /breadcrumb/i });
+        expect(breadcrumbNav).toBeInTheDocument();
+        expect(screen.getByRole('button', { name: /assessments/i })).toBeInTheDocument();
+        expect(screen.getByText(/create new assessment/i)).toBeInTheDocument();
+    });
+    it('renders Build Mode and Preview tabs', () => {
+        render(_jsx(AssessmentBuilderPage, {}));
+        expect(screen.getByRole('tab', { name: /build mode/i })).toBeInTheDocument();
+        expect(screen.getByRole('tab', { name: /preview/i })).toBeInTheDocument();
+    });
+    it('shows Build Mode tab as active by default', () => {
+        render(_jsx(AssessmentBuilderPage, {}));
+        const buildTab = screen.getByRole('tab', { name: /build mode/i });
+        expect(buildTab).toHaveAttribute('aria-selected', 'true');
+    });
+    it('switches to Preview tab when clicked', async () => {
+        const user = userEvent.setup();
+        render(_jsx(AssessmentBuilderPage, {}));
+        const previewTab = screen.getByRole('tab', { name: /preview/i });
+        await user.click(previewTab);
+        expect(previewTab).toHaveAttribute('aria-selected', 'true');
+        expect(screen.getByText(/preview mode - coming soon/i)).toBeInTheDocument();
+    });
+    it('renders the marksheet columns section', () => {
+        render(_jsx(AssessmentBuilderPage, { marksheetColumns: mockMarksheetColumns }));
+        expect(screen.getByRole('heading', { name: /marksheet columns/i, level: 2 })).toBeInTheDocument();
+    });
+    it('renders the contextual sidebar', () => {
+        render(_jsx(AssessmentBuilderPage, {}));
+        expect(screen.getByRole('heading', { name: /contextual columns/i, level: 2 })).toBeInTheDocument();
+    });
+    it('renders search bar in sidebar', () => {
+        render(_jsx(AssessmentBuilderPage, {}));
+        // SearchBar starts collapsed as a button - look for the button instead
+        expect(screen.getByTestId('search-bar-inactive')).toBeInTheDocument();
+    });
+    it('renders filter button in sidebar', () => {
+        render(_jsx(AssessmentBuilderPage, {}));
+        expect(screen.getByRole('button', { name: /filter/i })).toBeInTheDocument();
+    });
+    it('renders all collapsible sections in sidebar', () => {
+        render(_jsx(AssessmentBuilderPage, {}));
+        expect(screen.getByRole('heading', { name: /demographics/i, level: 3 })).toBeInTheDocument();
+        expect(screen.getByRole('heading', { name: /student identifier/i, level: 3 })).toBeInTheDocument();
+        expect(screen.getByRole('heading', { name: /assessment periods/i, level: 3 })).toBeInTheDocument();
+        expect(screen.getByRole('heading', { name: /subjects/i, level: 3 })).toBeInTheDocument();
+    });
+    it('renders pill checkboxes in Demographics section', () => {
+        render(_jsx(AssessmentBuilderPage, {}));
+        // Pill checkboxes render with text labels
+        expect(screen.getByText(/student name/i)).toBeInTheDocument();
+        expect(screen.getByText(/gender/i)).toBeInTheDocument();
+        expect(screen.getByText(/year group/i)).toBeInTheDocument();
+    });
+    it('renders checkboxes in Student Identifier section', () => {
+        render(_jsx(AssessmentBuilderPage, {}));
+        expect(screen.getByRole('checkbox', { name: /upn/i })).toBeInTheDocument();
+        expect(screen.getByRole('checkbox', { name: /admission number/i })).toBeInTheDocument();
+        expect(screen.getByRole('checkbox', { name: /student id/i })).toBeInTheDocument();
+    });
+    it('renders checkboxes in Assessment Periods section', () => {
+        render(_jsx(AssessmentBuilderPage, {}));
+        expect(screen.getByRole('checkbox', { name: /autumn/i })).toBeInTheDocument();
+        expect(screen.getByRole('checkbox', { name: /spring/i })).toBeInTheDocument();
+        expect(screen.getByRole('checkbox', { name: /summer/i })).toBeInTheDocument();
+    });
+    it('renders Proceed to Marksheets button', () => {
+        render(_jsx(AssessmentBuilderPage, {}));
+        expect(screen.getByRole('button', { name: /proceed to marksheets/i })).toBeInTheDocument();
+    });
+    it('calls onNavigateToAssessments when Assessments breadcrumb is clicked', async () => {
+        const user = userEvent.setup();
+        const mockNavigate = vi.fn();
+        render(_jsx(AssessmentBuilderPage, { onNavigateToAssessments: mockNavigate }));
+        const assessmentsButton = screen.getByRole('button', { name: /assessments/i });
+        await user.click(assessmentsButton);
+        expect(mockNavigate).toHaveBeenCalledTimes(1);
+    });
+    it('calls onProceedToMarksheets when Proceed button is clicked', async () => {
+        const user = userEvent.setup();
+        const mockProceed = vi.fn();
+        render(_jsx(AssessmentBuilderPage, { onProceedToMarksheets: mockProceed }));
+        const proceedButton = screen.getByRole('button', { name: /proceed to marksheets/i });
+        await user.click(proceedButton);
+        expect(mockProceed).toHaveBeenCalledTimes(1);
+    });
+    it('enables editing of assessment name when edit button is clicked', async () => {
+        const user = userEvent.setup();
+        render(_jsx(AssessmentBuilderPage, { assessmentName: "Test Assessment" }));
+        const editButton = screen.getByRole('button', { name: /edit assessment name/i });
+        await user.click(editButton);
+        const input = screen.getByDisplayValue('Test Assessment');
+        expect(input).toBeInTheDocument();
+        expect(input).toHaveFocus();
+    });
+    it('applies custom className when provided', () => {
+        const { container } = render(_jsx(AssessmentBuilderPage, { className: "custom-class" }));
+        const pageElement = container.querySelector('.ds-assessment-builder-page');
+        expect(pageElement).toHaveClass('ds-assessment-builder-page');
+        expect(pageElement).toHaveClass('custom-class');
+    });
+    it('renders empty state when no marksheet columns provided', () => {
+        render(_jsx(AssessmentBuilderPage, { marksheetColumns: [] }));
+        // Table should still render, just with no data
+        expect(screen.getByRole('heading', { name: /marksheet columns/i })).toBeInTheDocument();
+    });
+    it.skip('updates search input when user types', async () => {
+        // Skipped: SearchBar component test behavior issue
+        // SearchBar starts collapsed and expansion timing makes this test flaky
+        const user = userEvent.setup();
+        render(_jsx(AssessmentBuilderPage, {}));
+        // Click to expand SearchBar first
+        const searchButton = screen.getByTestId('search-bar-inactive');
+        await user.click(searchButton);
+        // Now find the input and type
+        const searchInput = screen.getByPlaceholderText(/search columns/i);
+        await user.type(searchInput, 'English');
+        expect(searchInput).toHaveValue('English');
+    });
+});
+//# sourceMappingURL=AssessmentBuilderPage.test.js.map

package/dist/pages/assessmentBuilderPage/AssessmentBuilderPage.test.js.map

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

package/dist/pages/assessmentSettingsPage/AssessmentSettingsPage.d.ts

@@ -0,0 +1,11 @@
+export type AssessmentSettingsPageProps = {
+    onGradeSetsClick?: () => void;
+    onSubjectsClick?: () => void;
+    onAssessmentComponentClick?: () => void;
+    onAssessmentPeriodsClick?: () => void;
+    onCommentBanksClick?: () => void;
+    onAssessmentLookupsClick?: () => void;
+    className?: string;
+};
+export declare const AssessmentSettingsPage: ({ onGradeSetsClick, onSubjectsClick, onAssessmentComponentClick, onAssessmentPeriodsClick, onCommentBanksClick, onAssessmentLookupsClick, className, }: AssessmentSettingsPageProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=AssessmentSettingsPage.d.ts.map

package/dist/pages/assessmentSettingsPage/AssessmentSettingsPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssessmentSettingsPage.d.ts","sourceRoot":"","sources":["../../../src/pages/assessmentSettingsPage/AssessmentSettingsPage.tsx"],"names":[],"mappings":"AASA,MAAM,MAAM,2BAA2B,GAAG;IACxC,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,0BAA0B,CAAC,EAAE,MAAM,IAAI,CAAC;IACxC,wBAAwB,CAAC,EAAE,MAAM,IAAI,CAAC;IACtC,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAC;IACjC,wBAAwB,CAAC,EAAE,MAAM,IAAI,CAAC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,sBAAsB,GAAI,wJAQpC,2BAA2B,4CA+E7B,CAAC"}

package/dist/pages/assessmentSettingsPage/AssessmentSettingsPage.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * AssessmentSettingsPage - The Assessment Settings homepage.
+ * Displays two groups of navigable settings cards: Basic and Advanced.
+ */
+import classNames from 'classnames';
+import { Card } from '../../components/card/Card.js';
+import { Heading } from '../../components/heading/Heading.js';
+import { Icon } from '../../components/icon/Icon.js';
+export const AssessmentSettingsPage = ({ onGradeSetsClick, onSubjectsClick, onAssessmentComponentClick, onAssessmentPeriodsClick, onCommentBanksClick, onAssessmentLookupsClick, className, }) => {
+    return (_jsxs("div", { className: classNames('ds-assessment-settings-page', className), children: [_jsx("nav", { "aria-label": "Breadcrumb", className: "ds-assessment-settings-page__breadcrumbs", children: _jsxs("ol", { className: "ds-assessment-settings-page__breadcrumb-list", children: [_jsx("li", { className: "ds-assessment-settings-page__breadcrumb-item", children: _jsx("a", { href: "/assessments", className: "ds-assessment-settings-page__breadcrumb-link", children: "Assessments" }) }), _jsxs("li", { className: "ds-assessment-settings-page__breadcrumb-item ds-assessment-settings-page__breadcrumb-item--current", "aria-current": "page", children: ["Settings", _jsx(Icon, { name: "link", size: 16, screenReaderText: "Permalink" })] })] }) }), _jsx("header", { className: "ds-assessment-settings-page__header", children: _jsx(Heading, { level: 1, children: "Assessment settings" }) }), _jsxs("main", { className: "ds-assessment-settings-page__content", children: [_jsxs("section", { "aria-labelledby": "basic-settings-heading", className: "ds-assessment-settings-page__group", children: [_jsx(Heading, { level: 2, id: "basic-settings-heading", children: "Basic" }), _jsxs("div", { className: "ds-assessment-settings-page__group-cards", children: [_jsx(Card, { title: "Grade Sets", paragraph: "Manage Grade Sets: Quickly view, edit, or create lists of grades (e.g., Below/At/Above, GCSE 9 to 1).", onClick: onGradeSetsClick }), _jsx(Card, { title: "Subjects", paragraph: "Manage Assessment Subjects: Quickly manage the assessment subjects you are collecting data for.", onClick: onSubjectsClick }), _jsx(Card, { title: "Assessment Component", paragraph: "Manage Assessment Components: Quickly view, edit, or create components (e.g., Teacher Assessments or Targets).", onClick: onAssessmentComponentClick }), _jsx(Card, { title: "Assessment Periods (Data Drops)", paragraph: "Manage Assessment Periods (e.g. Autumn, Spring, Data Drop 1 or Mocks).", onClick: onAssessmentPeriodsClick })] })] }), _jsxs("section", { "aria-labelledby": "advanced-settings-heading", className: "ds-assessment-settings-page__group", children: [_jsx(Heading, { level: 2, id: "advanced-settings-heading", children: "Advanced" }), _jsxs("div", { className: "ds-assessment-settings-page__group-cards", children: [_jsx(Card, { title: "Comment Banks", paragraph: "Manage Comment Banks", onClick: onCommentBanksClick }), _jsx(Card, { title: "Assessment Lookups", paragraph: "Manage Assessment Lookups", onClick: onAssessmentLookupsClick })] })] })] })] }));
+};
+//# sourceMappingURL=AssessmentSettingsPage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AssessmentSettingsPage.js","sourceRoot":"","sources":["../../../src/pages/assessmentSettingsPage/AssessmentSettingsPage.tsx"],"names":[],"mappings":";AAAA;;;GAGG;AACH,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAY5C,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,EACrC,gBAAgB,EAChB,eAAe,EACf,0BAA0B,EAC1B,wBAAwB,EACxB,mBAAmB,EACnB,wBAAwB,EACxB,SAAS,GACmB,EAAE,EAAE;IAChC,OAAO,CACL,eAAK,SAAS,EAAE,UAAU,CAAC,6BAA6B,EAAE,SAAS,CAAC,aAClE,4BAAgB,YAAY,EAAC,SAAS,EAAC,0CAA0C,YAC/E,cAAI,SAAS,EAAC,8CAA8C,aAC1D,aAAI,SAAS,EAAC,8CAA8C,YAC1D,YAAG,IAAI,EAAC,cAAc,EAAC,SAAS,EAAC,8CAA8C,4BAE3E,GACD,EACL,cACE,SAAS,EAAC,oGAAoG,kBACjG,MAAM,yBAGnB,KAAC,IAAI,IAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAE,EAAE,EAAE,gBAAgB,EAAC,WAAW,GAAG,IACxD,IACF,GACD,EAEN,iBAAQ,SAAS,EAAC,qCAAqC,YACrD,KAAC,OAAO,IAAC,KAAK,EAAE,CAAC,oCAA+B,GACzC,EAET,gBAAM,SAAS,EAAC,sCAAsC,aACpD,sCACkB,wBAAwB,EACxC,SAAS,EAAC,oCAAoC,aAE9C,KAAC,OAAO,IAAC,KAAK,EAAE,CAAC,EAAE,EAAE,EAAC,wBAAwB,sBAEpC,EACV,eAAK,SAAS,EAAC,0CAA0C,aACvD,KAAC,IAAI,IACH,KAAK,EAAC,YAAY,EAClB,SAAS,EAAC,uGAAuG,EACjH,OAAO,EAAE,gBAAgB,GACzB,EACF,KAAC,IAAI,IACH,KAAK,EAAC,UAAU,EAChB,SAAS,EAAC,iGAAiG,EAC3G,OAAO,EAAE,eAAe,GACxB,EACF,KAAC,IAAI,IACH,KAAK,EAAC,sBAAsB,EAC5B,SAAS,EAAC,gHAAgH,EAC1H,OAAO,EAAE,0BAA0B,GACnC,EACF,KAAC,IAAI,IACH,KAAK,EAAC,iCAAiC,EACvC,SAAS,EAAC,wEAAwE,EAClF,OAAO,EAAE,wBAAwB,GACjC,IACE,IACE,EAEV,sCACkB,2BAA2B,EAC3C,SAAS,EAAC,oCAAoC,aAE9C,KAAC,OAAO,IAAC,KAAK,EAAE,CAAC,EAAE,EAAE,EAAC,2BAA2B,yBAEvC,EACV,eAAK,SAAS,EAAC,0CAA0C,aACvD,KAAC,IAAI,IACH,KAAK,EAAC,eAAe,EACrB,SAAS,EAAC,sBAAsB,EAChC,OAAO,EAAE,mBAAmB,GAC5B,EACF,KAAC,IAAI,IACH,KAAK,EAAC,oBAAoB,EAC1B,SAAS,EAAC,2BAA2B,EACrC,OAAO,EAAE,wBAAwB,GACjC,IACE,IACE,IACL,IACH,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/pages/assessmentSettingsPage/AssessmentSettingsPage.stories.d.ts

@@ -0,0 +1,174 @@
+import type { StoryObj } from '@storybook/react-vite';
+/**
+ * Well, picture it: St. Olaf, 1983.
+ *
+ * Every spring, the town council would hold what we called the "Settings Gathering" -
+ * a big meeting in the community hall where you could sign up for all the different
+ * town programmes. You had your basic programmes on one side of the room: the
+ * grade-book committee, the subjects board, the assessment calendar - things
+ * everyone needed. And then on the other side, tucked in the back near the
+ * refreshment table, were the advanced programmes: the comment-writing circle and
+ * the great lookup ledger society. Nobody quite knew what the great lookup ledger
+ * society did, but Helga Lindqvist swore by it and won a blue ribbon at the county
+ * fair three years running.
+ *
+ * The AssessmentSettingsPage is exactly that community hall. It is the central hub
+ * for configuring everything about how assessments work in a school. Two clearly
+ * labelled groups - **Basic** and **Advanced** - each containing clickable Card
+ * components that navigate administrators to the relevant sub-page.
+ *
+ * **Basic settings (4 cards):**
+ * - **Grade Sets** - View, edit, or create lists of grades (e.g., Below/At/Above, GCSE 9-1)
+ * - **Subjects** - Manage the assessment subjects being collected
+ * - **Assessment Component** - View, edit, or create components (e.g., Teacher Assessments, Targets)
+ * - **Assessment Periods (Data Drops)** - Manage periods like Autumn, Spring, Data Drop 1, Mocks
+ *
+ * **Advanced settings (2 cards):**
+ * - **Comment Banks** - Manage banks of reusable report comments
+ * - **Assessment Lookups** - Manage lookup tables for assessment data
+ *
+ * **How cards become interactive:**
+ * Each Card automatically shows a chevron-right icon (and an arrow-right icon on hover)
+ * when an `onClick` prop is provided. Cards without an `onClick` render in a static,
+ * non-interactive state - no chevron, no keyboard focus, no pointer cursor. So if a
+ * particular sub-page is not yet available (or the user lacks permission), simply omit
+ * the corresponding callback and the card will gracefully sit there, still informative
+ * but not clickable. Just like Helga's ledger society - present, but mysterious.
+ *
+ * **Accessibility:**
+ * - Breadcrumb uses `<nav aria-label="Breadcrumb">` with `aria-current="page"` on the current item
+ * - The two settings sections use `<section aria-labelledby>` pointing to their respective headings,
+ *   giving screen readers labelled region landmarks ("Basic" and "Advanced")
+ * - Each clickable Card has `tabIndex={0}` and responds to keyboard activation
+ * - Page structure uses semantic `<header>` and `<main>` landmarks
+ * - Heading hierarchy is strict: h1 (Assessment settings) -> h2 (Basic / Advanced)
+ */
+declare const meta: {
+    title: string;
+    component: ({ onGradeSetsClick, onSubjectsClick, onAssessmentComponentClick, onAssessmentPeriodsClick, onCommentBanksClick, onAssessmentLookupsClick, className, }: import("./AssessmentSettingsPage.js").AssessmentSettingsPageProps) => import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    tags: string[];
+    args: {
+        onGradeSetsClick: import("@vitest/spy").Mock<(...args: any[]) => any>;
+        onSubjectsClick: import("@vitest/spy").Mock<(...args: any[]) => any>;
+        onAssessmentComponentClick: import("@vitest/spy").Mock<(...args: any[]) => any>;
+        onAssessmentPeriodsClick: import("@vitest/spy").Mock<(...args: any[]) => any>;
+        onCommentBanksClick: import("@vitest/spy").Mock<(...args: any[]) => any>;
+        onAssessmentLookupsClick: import("@vitest/spy").Mock<(...args: any[]) => any>;
+    };
+    argTypes: {
+        onGradeSetsClick: {
+            description: string;
+        };
+        onSubjectsClick: {
+            description: string;
+        };
+        onAssessmentComponentClick: {
+            description: string;
+        };
+        onAssessmentPeriodsClick: {
+            description: string;
+        };
+        onCommentBanksClick: {
+            description: string;
+        };
+        onAssessmentLookupsClick: {
+            description: string;
+        };
+        className: {
+            control: "text";
+            description: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+/**
+ * The default state: all six cards are fully interactive, all callbacks wired up.
+ *
+ * Oh, this is the full community hall experience! Every door is open, every
+ * booth is staffed, and Helga is at the refreshment table. All six settings
+ * cards - Grade Sets, Subjects, Assessment Component, Assessment Periods,
+ * Comment Banks, and Assessment Lookups - are clickable and will fire their
+ * respective callbacks when activated.
+ *
+ * Notice that each card displays a chevron-right icon on the right-hand side,
+ * which transitions to an arrow-right on hover - a clear visual cue that the
+ * card is a navigation destination. Click any card (or focus it and press Enter
+ * or Space) and watch the action appear in the Storybook Actions panel below.
+ *
+ * The breadcrumb at the top reads "Assessments / Settings", orienting the user
+ * within the broader app hierarchy.
+ */
+export declare const Default: Story;
+/**
+ * All callbacks omitted - every card renders in its static, non-interactive state.
+ *
+ * You know, this reminds me of the time in St. Olaf when the community hall
+ * ran out of sign-up sheets for half the booths. The tables were still there,
+ * the banners still hung beautifully, but nobody could actually sign up for
+ * anything. We all just stood around reading the descriptions and nodding
+ * appreciatively.
+ *
+ * This story shows what the page looks like when no `onClick` callbacks are
+ * provided at all. Each Card is rendered without a chevron, without keyboard
+ * focusability, and without a pointer cursor. The titles and descriptions are
+ * still visible and informative - they just do not navigate anywhere.
+ *
+ * This state might occur if a user role does not have permission to access any
+ * settings sub-pages, or during a loading state before permissions have resolved.
+ */
+export declare const AllCardsStatic: Story;
+/**
+ * Only the Basic settings cards are interactive; Advanced cards are static.
+ *
+ * Back in St. Olaf, the community hall Settings Gathering had a tiered system.
+ * Everyone could sign up for the basic programmes, but the advanced ones - oh,
+ * those required a special pass from Mayor Gustafsson. If you did not have the
+ * pass, you could still read all about the great lookup ledger society, but you
+ * could not actually join. Very exclusive. Very mysterious.
+ *
+ * This story simulates a permission scenario where the current user has access
+ * to all four Basic settings (Grade Sets, Subjects, Assessment Component, and
+ * Assessment Periods) but not to the Advanced ones (Comment Banks and Assessment
+ * Lookups). The Advanced cards render statically - titles and descriptions visible,
+ * but no chevron and no navigation.
+ */
+export declare const OnlyBasicInteractive: Story;
+/**
+ * Only the Advanced settings cards are interactive; Basic cards are static.
+ *
+ * This is the reverse of the previous story - a somewhat unusual permission
+ * configuration where a user can access the advanced sub-pages but not the
+ * basic ones. Perhaps they are a specialist brought in solely to manage
+ * comment banks and lookup tables. In St. Olaf we once hired a man named
+ * Sven Thorvaldsen specifically to maintain the herring festival's judging
+ * criteria ledger. He had no other duties. He was very good at it.
+ *
+ * The four Basic cards (Grade Sets, Subjects, Assessment Component, Assessment
+ * Periods) render statically, while Comment Banks and Assessment Lookups are
+ * fully clickable and show their chevron icons.
+ */
+export declare const OnlyAdvancedInteractive: Story;
+/**
+ * A single card is interactive - Grade Sets only.
+ *
+ * This story demonstrates the finest granularity of permission control: a single
+ * card within a group is interactive while all others remain static. This could
+ * represent the very first day of a gradual feature rollout, or a user account
+ * with a very specific, narrow permission set.
+ *
+ * Notice that even with just one interactive card, the chevron icon makes it
+ * immediately obvious which card can be navigated to. The visual language is
+ * clear and consistent: chevron means "you can go here", no chevron means
+ * "this is for your information only".
+ */
+export declare const SingleCardInteractive: Story;
+//# sourceMappingURL=AssessmentSettingsPage.stories.d.ts.map

package/dist/pages/assessmentSettingsPage/AssessmentSettingsPage.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssessmentSettingsPage.stories.d.ts","sourceRoot":"","sources":["../../../src/pages/assessmentSettingsPage/AssessmentSettingsPage.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAI5D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2CG;AACH,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmDqC,CAAC;AAEhD,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAMnC;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,cAAc,EAAE,KAU5B,CAAC;AAEF;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,oBAAoB,EAAE,KAMlC,CAAC;AAEF;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,uBAAuB,EAAE,KAQrC,CAAC;AAEF;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,qBAAqB,EAAE,KASnC,CAAC"}

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

@@ -0,0 +1,212 @@
+import { fn } from 'storybook/test';
+import { AssessmentSettingsPage } from './AssessmentSettingsPage.js';
+/**
+ * Well, picture it: St. Olaf, 1983.
+ *
+ * Every spring, the town council would hold what we called the "Settings Gathering" -
+ * a big meeting in the community hall where you could sign up for all the different
+ * town programmes. You had your basic programmes on one side of the room: the
+ * grade-book committee, the subjects board, the assessment calendar - things
+ * everyone needed. And then on the other side, tucked in the back near the
+ * refreshment table, were the advanced programmes: the comment-writing circle and
+ * the great lookup ledger society. Nobody quite knew what the great lookup ledger
+ * society did, but Helga Lindqvist swore by it and won a blue ribbon at the county
+ * fair three years running.
+ *
+ * The AssessmentSettingsPage is exactly that community hall. It is the central hub
+ * for configuring everything about how assessments work in a school. Two clearly
+ * labelled groups - **Basic** and **Advanced** - each containing clickable Card
+ * components that navigate administrators to the relevant sub-page.
+ *
+ * **Basic settings (4 cards):**
+ * - **Grade Sets** - View, edit, or create lists of grades (e.g., Below/At/Above, GCSE 9-1)
+ * - **Subjects** - Manage the assessment subjects being collected
+ * - **Assessment Component** - View, edit, or create components (e.g., Teacher Assessments, Targets)
+ * - **Assessment Periods (Data Drops)** - Manage periods like Autumn, Spring, Data Drop 1, Mocks
+ *
+ * **Advanced settings (2 cards):**
+ * - **Comment Banks** - Manage banks of reusable report comments
+ * - **Assessment Lookups** - Manage lookup tables for assessment data
+ *
+ * **How cards become interactive:**
+ * Each Card automatically shows a chevron-right icon (and an arrow-right icon on hover)
+ * when an `onClick` prop is provided. Cards without an `onClick` render in a static,
+ * non-interactive state - no chevron, no keyboard focus, no pointer cursor. So if a
+ * particular sub-page is not yet available (or the user lacks permission), simply omit
+ * the corresponding callback and the card will gracefully sit there, still informative
+ * but not clickable. Just like Helga's ledger society - present, but mysterious.
+ *
+ * **Accessibility:**
+ * - Breadcrumb uses `<nav aria-label="Breadcrumb">` with `aria-current="page"` on the current item
+ * - The two settings sections use `<section aria-labelledby>` pointing to their respective headings,
+ *   giving screen readers labelled region landmarks ("Basic" and "Advanced")
+ * - Each clickable Card has `tabIndex={0}` and responds to keyboard activation
+ * - Page structure uses semantic `<header>` and `<main>` landmarks
+ * - Heading hierarchy is strict: h1 (Assessment settings) -> h2 (Basic / Advanced)
+ */
+const meta = {
+    title: 'Pages/AssessmentSettingsPage',
+    component: AssessmentSettingsPage,
+    parameters: {
+        layout: 'fullscreen',
+        docs: {
+            description: {
+                component: 'The Assessment Settings homepage. Displays two groups of navigable settings cards - Basic (4 cards) and Advanced (2 cards) - each of which navigates an administrator to the relevant configuration sub-page. Back in St. Olaf they called this sort of thing the "Settings Gathering", held annually in the community hall. Same idea, but with considerably fewer refreshments and much better keyboard navigation.',
+            },
+        },
+    },
+    tags: ['autodocs'],
+    args: {
+        onGradeSetsClick: fn(),
+        onSubjectsClick: fn(),
+        onAssessmentComponentClick: fn(),
+        onAssessmentPeriodsClick: fn(),
+        onCommentBanksClick: fn(),
+        onAssessmentLookupsClick: fn(),
+    },
+    argTypes: {
+        onGradeSetsClick: {
+            description: 'Called when the Grade Sets card is clicked. When provided, the card becomes interactive and shows a chevron-right navigation icon.',
+        },
+        onSubjectsClick: {
+            description: 'Called when the Subjects card is clicked. When provided, the card becomes interactive and shows a chevron-right navigation icon.',
+        },
+        onAssessmentComponentClick: {
+            description: 'Called when the Assessment Component card is clicked. When provided, the card becomes interactive and shows a chevron-right navigation icon.',
+        },
+        onAssessmentPeriodsClick: {
+            description: 'Called when the Assessment Periods (Data Drops) card is clicked. When provided, the card becomes interactive and shows a chevron-right navigation icon.',
+        },
+        onCommentBanksClick: {
+            description: 'Called when the Comment Banks card is clicked. When provided, the card becomes interactive and shows a chevron-right navigation icon.',
+        },
+        onAssessmentLookupsClick: {
+            description: 'Called when the Assessment Lookups card is clicked. When provided, the card becomes interactive and shows a chevron-right navigation icon.',
+        },
+        className: {
+            control: 'text',
+            description: 'Optional additional CSS class name(s) to apply to the page root element.',
+        },
+    },
+};
+export default meta;
+// ---------------------------------------------------------------------------
+// Stories
+// ---------------------------------------------------------------------------
+/**
+ * The default state: all six cards are fully interactive, all callbacks wired up.
+ *
+ * Oh, this is the full community hall experience! Every door is open, every
+ * booth is staffed, and Helga is at the refreshment table. All six settings
+ * cards - Grade Sets, Subjects, Assessment Component, Assessment Periods,
+ * Comment Banks, and Assessment Lookups - are clickable and will fire their
+ * respective callbacks when activated.
+ *
+ * Notice that each card displays a chevron-right icon on the right-hand side,
+ * which transitions to an arrow-right on hover - a clear visual cue that the
+ * card is a navigation destination. Click any card (or focus it and press Enter
+ * or Space) and watch the action appear in the Storybook Actions panel below.
+ *
+ * The breadcrumb at the top reads "Assessments / Settings", orienting the user
+ * within the broader app hierarchy.
+ */
+export const Default = {
+    name: 'Default (All Interactive)',
+};
+/**
+ * All callbacks omitted - every card renders in its static, non-interactive state.
+ *
+ * You know, this reminds me of the time in St. Olaf when the community hall
+ * ran out of sign-up sheets for half the booths. The tables were still there,
+ * the banners still hung beautifully, but nobody could actually sign up for
+ * anything. We all just stood around reading the descriptions and nodding
+ * appreciatively.
+ *
+ * This story shows what the page looks like when no `onClick` callbacks are
+ * provided at all. Each Card is rendered without a chevron, without keyboard
+ * focusability, and without a pointer cursor. The titles and descriptions are
+ * still visible and informative - they just do not navigate anywhere.
+ *
+ * This state might occur if a user role does not have permission to access any
+ * settings sub-pages, or during a loading state before permissions have resolved.
+ */
+export const AllCardsStatic = {
+    name: 'All Cards Static (No Callbacks)',
+    args: {
+        onGradeSetsClick: undefined,
+        onSubjectsClick: undefined,
+        onAssessmentComponentClick: undefined,
+        onAssessmentPeriodsClick: undefined,
+        onCommentBanksClick: undefined,
+        onAssessmentLookupsClick: undefined,
+    },
+};
+/**
+ * Only the Basic settings cards are interactive; Advanced cards are static.
+ *
+ * Back in St. Olaf, the community hall Settings Gathering had a tiered system.
+ * Everyone could sign up for the basic programmes, but the advanced ones - oh,
+ * those required a special pass from Mayor Gustafsson. If you did not have the
+ * pass, you could still read all about the great lookup ledger society, but you
+ * could not actually join. Very exclusive. Very mysterious.
+ *
+ * This story simulates a permission scenario where the current user has access
+ * to all four Basic settings (Grade Sets, Subjects, Assessment Component, and
+ * Assessment Periods) but not to the Advanced ones (Comment Banks and Assessment
+ * Lookups). The Advanced cards render statically - titles and descriptions visible,
+ * but no chevron and no navigation.
+ */
+export const OnlyBasicInteractive = {
+    name: 'Only Basic Settings Interactive',
+    args: {
+        onCommentBanksClick: undefined,
+        onAssessmentLookupsClick: undefined,
+    },
+};
+/**
+ * Only the Advanced settings cards are interactive; Basic cards are static.
+ *
+ * This is the reverse of the previous story - a somewhat unusual permission
+ * configuration where a user can access the advanced sub-pages but not the
+ * basic ones. Perhaps they are a specialist brought in solely to manage
+ * comment banks and lookup tables. In St. Olaf we once hired a man named
+ * Sven Thorvaldsen specifically to maintain the herring festival's judging
+ * criteria ledger. He had no other duties. He was very good at it.
+ *
+ * The four Basic cards (Grade Sets, Subjects, Assessment Component, Assessment
+ * Periods) render statically, while Comment Banks and Assessment Lookups are
+ * fully clickable and show their chevron icons.
+ */
+export const OnlyAdvancedInteractive = {
+    name: 'Only Advanced Settings Interactive',
+    args: {
+        onGradeSetsClick: undefined,
+        onSubjectsClick: undefined,
+        onAssessmentComponentClick: undefined,
+        onAssessmentPeriodsClick: undefined,
+    },
+};
+/**
+ * A single card is interactive - Grade Sets only.
+ *
+ * This story demonstrates the finest granularity of permission control: a single
+ * card within a group is interactive while all others remain static. This could
+ * represent the very first day of a gradual feature rollout, or a user account
+ * with a very specific, narrow permission set.
+ *
+ * Notice that even with just one interactive card, the chevron icon makes it
+ * immediately obvious which card can be navigated to. The visual language is
+ * clear and consistent: chevron means "you can go here", no chevron means
+ * "this is for your information only".
+ */
+export const SingleCardInteractive = {
+    name: 'Single Card Interactive (Grade Sets Only)',
+    args: {
+        onSubjectsClick: undefined,
+        onAssessmentComponentClick: undefined,
+        onAssessmentPeriodsClick: undefined,
+        onCommentBanksClick: undefined,
+        onAssessmentLookupsClick: undefined,
+    },
+};
+//# sourceMappingURL=AssessmentSettingsPage.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AssessmentSettingsPage.stories.js","sourceRoot":"","sources":["../../../src/pages/assessmentSettingsPage/AssessmentSettingsPage.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAC;AACpC,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAElE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2CG;AACH,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,8BAA8B;IACrC,SAAS,EAAE,sBAAsB;IACjC,UAAU,EAAE;QACV,MAAM,EAAE,YAAY;QACpB,IAAI,EAAE;YACJ,WAAW,EAAE;gBACX,SAAS,EACP,uZAAuZ;aAC1Z;SACF;KACF;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,IAAI,EAAE;QACJ,gBAAgB,EAAE,EAAE,EAAE;QACtB,eAAe,EAAE,EAAE,EAAE;QACrB,0BAA0B,EAAE,EAAE,EAAE;QAChC,wBAAwB,EAAE,EAAE,EAAE;QAC9B,mBAAmB,EAAE,EAAE,EAAE;QACzB,wBAAwB,EAAE,EAAE,EAAE;KAC/B;IACD,QAAQ,EAAE;QACR,gBAAgB,EAAE;YAChB,WAAW,EACT,oIAAoI;SACvI;QACD,eAAe,EAAE;YACf,WAAW,EACT,kIAAkI;SACrI;QACD,0BAA0B,EAAE;YAC1B,WAAW,EACT,8IAA8I;SACjJ;QACD,wBAAwB,EAAE;YACxB,WAAW,EACT,yJAAyJ;SAC5J;QACD,mBAAmB,EAAE;YACnB,WAAW,EACT,uIAAuI;SAC1I;QACD,wBAAwB,EAAE;YACxB,WAAW,EACT,4IAA4I;SAC/I;QACD,SAAS,EAAE;YACT,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,0EAA0E;SACxF;KACF;CAC4C,CAAC;AAEhD,eAAe,IAAI,CAAC;AAGpB,8EAA8E;AAC9E,UAAU;AACV,8EAA8E;AAE9E;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE,2BAA2B;CAClC,CAAC;AAEF;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,CAAC,MAAM,cAAc,GAAU;IACnC,IAAI,EAAE,iCAAiC;IACvC,IAAI,EAAE;QACJ,gBAAgB,EAAE,SAAS;QAC3B,eAAe,EAAE,SAAS;QAC1B,0BAA0B,EAAE,SAAS;QACrC,wBAAwB,EAAE,SAAS;QACnC,mBAAmB,EAAE,SAAS;QAC9B,wBAAwB,EAAE,SAAS;KACpC;CACF,CAAC;AAEF;;;;;;;;;;;;;;GAcG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAU;IACzC,IAAI,EAAE,iCAAiC;IACvC,IAAI,EAAE;QACJ,mBAAmB,EAAE,SAAS;QAC9B,wBAAwB,EAAE,SAAS;KACpC;CACF,CAAC;AAEF;;;;;;;;;;;;;GAaG;AACH,MAAM,CAAC,MAAM,uBAAuB,GAAU;IAC5C,IAAI,EAAE,oCAAoC;IAC1C,IAAI,EAAE;QACJ,gBAAgB,EAAE,SAAS;QAC3B,eAAe,EAAE,SAAS;QAC1B,0BAA0B,EAAE,SAAS;QACrC,wBAAwB,EAAE,SAAS;KACpC;CACF,CAAC;AAEF;;;;;;;;;;;;GAYG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAU;IAC1C,IAAI,EAAE,2CAA2C;IACjD,IAAI,EAAE;QACJ,eAAe,EAAE,SAAS;QAC1B,0BAA0B,EAAE,SAAS;QACrC,wBAAwB,EAAE,SAAS;QACnC,mBAAmB,EAAE,SAAS;QAC9B,wBAAwB,EAAE,SAAS;KACpC;CACF,CAAC"}

package/dist/pages/assessmentSettingsPage/AssessmentSettingsPage.test.d.ts

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

package/dist/pages/assessmentSettingsPage/AssessmentSettingsPage.test.d.ts.map

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