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

package/dist/pages/customReportWriterPage/CustomReportWriterPage.stories.js

@@ -0,0 +1,318 @@
+import { fn } from 'storybook/test';
+import { CustomReportWriterPage } from './CustomReportWriterPage.js';
+/**
+ * Well, picture it: St. Olaf, 1989.
+ *
+ * Every year, the town hall would commission a big batch of reports - attendance
+ * of the yodeling classes, staff contracts for the eel wranglers, medical events
+ * from the annual lutefisk tasting incident. Old Sigrid Petersen was in charge
+ * of keeping track of them all, and she did it by stacking them in three different
+ * drawers: Active reports (currently useful), Archived reports (lovingly retired),
+ * and Expired reports (the ones that had gone stale because the student groups
+ * they referenced no longer existed). Every few months someone would open the
+ * Expired drawer and a warning note would fall out saying "Fix the filters, Sigrid!"
+ * It was very stressful. Poor Sigrid.
+ *
+ * The CustomReportWriterPage is the digital solution that would have saved Sigrid
+ * years of drawer-related anxiety. It is the main page for browsing and managing
+ * custom reports in the Arbor system - three clear tabs (Active, Archived, Expired),
+ * a warning banner about expired filters, a download dropdown, scheduling and
+ * duplication tooling, and a powerful AG Grid table showing all reports at a glance.
+ *
+ * **Features:**
+ * - Placeholder SVGs for TopNav and SideNav (app shell components not yet in library)
+ * - Composed breadcrumb navigation: School / Custom Report Writer
+ * - Page heading "Custom Report Writer - All Reports" with a "Create New Report" primary button
+ * - Placeholder SVG for Banner/Alert (no Banner component in library yet)
+ * - Tab navigation to switch between Active, Archived, and Expired views
+ * - AG Grid table with: checkbox selection, Title (text-link), Type (with icon), Created By,
+ *   Context, Created Date, Modified Date, Accessed Date, and a row-actions dropdown (Duplicate / Edit)
+ * - Primary toolbar with: Download dropdown (CSV / PDF), Schedule, Duplicate, Edit buttons
+ * - Bulk actions toolbar with: BulkActionsDropdown, HideColumnsDropdown, Export, Settings, Help,
+ *   and Expand Table icon buttons (all with tooltips)
+ * - Filter row footer with a funnel icon, live row count, and a "Change" text-link button
+ *
+ * **Tab behaviour:**
+ * - The Active tab is selected by default on first render
+ * - Tab state is managed internally via useState - no external wiring needed
+ * - All three tabs (Active, Archived, Expired) display the same `reports` array -
+ *   the consuming application is responsible for passing the correct subset per tab
+ *
+ * **Placeholder SVG components:**
+ *
+ * | Placeholder      | Reason                                                              |
+ * |------------------|---------------------------------------------------------------------|
+ * | TopNav           | App shell component - not yet available in the design system library |
+ * | SideNavIcons     | App shell component - not yet available in the design system library |
+ * | SideNavText      | App shell component - not yet available in the design system library |
+ * | Banner           | No Banner/Alert component in library yet                             |
+ *
+ * **Composed (not library) components:**
+ *
+ * | Interim pattern  | Reason                                                              |
+ * |------------------|---------------------------------------------------------------------|
+ * | Breadcrumb nav   | No Breadcrumbs component in library yet - composed with nav/ol/li   |
+ *
+ * **Callbacks:**
+ * - `onCreateNewReport` - fired when the "Create New Report" header button is clicked
+ * - `onSchedule` - fired when the "Schedule" toolbar button is clicked
+ * - `onDuplicateSelected` - fired when the primary toolbar "Duplicate" button is clicked
+ * - `onEditSelected` - fired when the primary toolbar "Edit" button is clicked
+ * - `onDownloadCsv` - fired when "Download as CSV" is selected from the Download dropdown
+ * - `onDownloadPdf` - fired when "Download as PDF" is selected from the Download dropdown
+ * - `onChangeFilters` - fired when the "Change" text-link in the filter footer is clicked
+ * - `onOpenReport` - fired with the report id when a report title link in the table is clicked
+ * - `onDuplicateReport` - fired with the full ReportRow object when "Duplicate" is chosen in a row dropdown
+ * - `onEditReport` - fired with the full ReportRow object when "Edit" is chosen in a row dropdown
+ *
+ * **Accessibility:**
+ * - Breadcrumb uses `<nav aria-label="Breadcrumb">` with `aria-current="page"` on the current item
+ * - The separator chevrons have `aria-hidden="true"` so screen readers skip them
+ * - All icon-only buttons have `iconLeftScreenReaderText` for screen reader users
+ * - Tooltip wrappers provide visible labels for Export, Settings, Help, and Expand Table buttons
+ * - Page structure uses semantic `<main>`, `<header>`, and `<nav>` landmarks
+ * - All placeholder SVGs have `role="img"` with descriptive `aria-label` attributes
+ */
+const meta = {
+    title: 'Pages/CustomReportWriterPage',
+    component: CustomReportWriterPage,
+    parameters: {
+        layout: 'fullscreen',
+        docs: {
+            description: {
+                component: 'The Custom Report Writer page for browsing and managing custom reports across Active, Archived, and Expired views. Features a warning banner for expired filters, a Download dropdown, scheduling and duplication tooling, and an AG Grid table with per-row actions. App shell components (TopNav, SideNav) are represented as placeholder SVGs pending their implementation. Back in St. Olaf, Sigrid Petersen kept all her custom reports in three separate drawers and a warning note kept falling out of the Expired one. This page fixes all of that.',
+            },
+        },
+    },
+    tags: ['autodocs'],
+    args: {
+        onCreateNewReport: fn(),
+        onSchedule: fn(),
+        onDuplicateSelected: fn(),
+        onEditSelected: fn(),
+        onDownloadCsv: fn(),
+        onDownloadPdf: fn(),
+        onChangeFilters: fn(),
+        onOpenReport: fn(),
+        onDuplicateReport: fn(),
+        onEditReport: fn(),
+    },
+    argTypes: {
+        reports: {
+            control: 'object',
+            description: 'The list of reports to display in the AG Grid table. Each report has an id, title, type, createdBy, context, createdDate, modifiedDate, and accessedDate. Defaults to a built-in set of six realistic example reports when not provided.',
+        },
+        bulkActions: {
+            control: 'object',
+            description: 'The list of bulk actions available in the BulkActionsDropdown toolbar. Each action has a displayName, a callback (receives the GridApi), and an optional disabled flag. Defaults to Archive and Delete actions.',
+        },
+        onCreateNewReport: {
+            description: 'Called when the "Create New Report" button in the page header is clicked. Wire this up to open a report creation form or navigate to a creation wizard.',
+        },
+        onSchedule: {
+            description: 'Called when the "Schedule" button in the primary toolbar is clicked. Use this to open a scheduling modal for the selected report(s).',
+        },
+        onDuplicateSelected: {
+            description: 'Called when the "Duplicate" button in the primary toolbar is clicked. Use this to duplicate the currently selected report row(s).',
+        },
+        onEditSelected: {
+            description: 'Called when the "Edit" button in the primary toolbar is clicked. Use this to open the edit form for the currently selected report row(s).',
+        },
+        onDownloadCsv: {
+            description: 'Called when "Download as CSV" is selected from the Download dropdown. Wire this up to trigger a CSV export of the current report data.',
+        },
+        onDownloadPdf: {
+            description: 'Called when "Download as PDF" is selected from the Download dropdown. Wire this up to trigger a PDF export of the current report data.',
+        },
+        onChangeFilters: {
+            description: 'Called when the "Change" text-link button in the filter footer row is clicked. Use this to open a filter configuration panel or modal.',
+        },
+        onOpenReport: {
+            description: 'Called with the report id (string) when a report title text-link is clicked in the table. Use this to navigate to the report detail or run the report.',
+        },
+        onDuplicateReport: {
+            description: 'Called with the full ReportRow object when "Duplicate" is selected from a row\'s actions dropdown (ellipsis menu). Use this to duplicate that specific report.',
+        },
+        onEditReport: {
+            description: 'Called with the full ReportRow object when "Edit" is selected from a row\'s actions dropdown (ellipsis menu). Use this to open the edit form for that specific report.',
+        },
+        className: {
+            control: 'text',
+            description: 'Optional additional CSS class name(s) to apply to the page root element.',
+        },
+    },
+};
+export default meta;
+// ---------------------------------------------------------------------------
+// Shared data fixtures - the finest custom reports this side of St. Olaf
+// ---------------------------------------------------------------------------
+/**
+ * A small, realistic set of reports spanning different types and contexts.
+ * Enough to show the table working without overwhelming the viewer.
+ */
+const customReports = [
+    {
+        id: 'cr-1',
+        title: 'Year 11 Attendance Summary',
+        type: 'Student',
+        createdBy: 'Margaret Thornton',
+        context: 'Classes',
+        createdDate: '3rd Sep 2023',
+        modifiedDate: '14th Nov 2023',
+        accessedDate: '5th Feb 2026',
+    },
+    {
+        id: 'cr-2',
+        title: 'Staff Absence Overview',
+        type: 'Staff',
+        createdBy: 'David Hughes',
+        context: 'Staff Contract Port',
+        createdDate: '15th Jan 2024',
+        modifiedDate: '22nd Jan 2024',
+        accessedDate: '10th Feb 2026',
+    },
+    {
+        id: 'cr-3',
+        title: 'Whole School Behaviour Report',
+        type: 'School',
+        createdBy: 'Arbor Admin',
+        context: 'Single Group Staff',
+        createdDate: '1st Apr 2024',
+        modifiedDate: '1st Apr 2024',
+        accessedDate: '12th Jan 2026',
+    },
+];
+/**
+ * Bulk actions wired to fn() so they appear in the Actions panel.
+ * In a real integration these would call into the application logic.
+ */
+const customBulkActions = [
+    {
+        displayName: 'Archive',
+        callback: fn(),
+    },
+    {
+        displayName: 'Move to Folder',
+        callback: fn(),
+    },
+    {
+        displayName: 'Delete',
+        callback: fn(),
+        disabled: false,
+    },
+];
+// ---------------------------------------------------------------------------
+// Stories
+// ---------------------------------------------------------------------------
+/**
+ * The default state, using the component's built-in example reports.
+ *
+ * Oh, this is just like St. Olaf on a perfectly ordinary Tuesday! Everything
+ * is in its place, the reports are all there, the warning banner is kindly
+ * reminding you about those expired filters, and the three tabs are lined up
+ * waiting for you to choose: Active, Archived, or Expired.
+ *
+ * This story renders with no props at all (well, the callback `fn()` spies are
+ * there, but they come from the meta args). The component's own built-in default
+ * data takes over: six realistic example reports including attendance records,
+ * student contacts, school name stamps, aptitude reports, a staff contract port,
+ * and a medical events report. Just a lovely cross-section of school life.
+ *
+ * Things to try:
+ * - Click the "Active", "Archived", or "Expired" tabs to switch views
+ * - Click "Create New Report" to fire `onCreateNewReport` (see the Actions panel)
+ * - Click the "Download" dropdown to access CSV and PDF export options
+ * - Click any report title link to fire `onOpenReport` with that report's id
+ * - Click the ellipsis icon on any row to access "Duplicate" or "Edit" row actions
+ */
+export const Default = {
+    name: 'Default (Built-in Data)',
+};
+/**
+ * The page loaded with a custom set of reports.
+ *
+ * You know, this reminds me of the time in St. Olaf when the new school
+ * secretary, Ingrid Bergsen, came in and said "I'm going to reorganise all
+ * the reports my way." And she did! Three beautiful new reports: an attendance
+ * summary for Year 11, a staff absence overview, and a whole-school behaviour
+ * report. Each one was relevant, well-named, and lovingly created by a real
+ * person (well, two real people and Arbor Admin, but that counts).
+ *
+ * This story demonstrates passing your own `reports` array to the component.
+ * Three reports of different types (Student, Staff, School) are shown, each
+ * with a different creator and context. The Type column correctly shows the
+ * matching icon for each type - a person icon for Student and Staff, a house
+ * for School.
+ *
+ * Click any report title to fire `onOpenReport`. Use the ellipsis row dropdown
+ * to fire `onDuplicateReport` or `onEditReport` with the full report object.
+ */
+export const WithCustomReports = {
+    name: 'With Custom Reports',
+    args: {
+        reports: customReports,
+    },
+};
+/**
+ * The empty state - no reports have been created yet.
+ *
+ * Oh, this is like arriving at the St. Olaf town hall on the very first day
+ * before anyone has filed a single thing. The breadcrumbs are there, the header
+ * is gleaming, the three tabs are ready and waiting, the banner placeholder is still
+ * dutifully occupying its space (even though there are no expired filters yet,
+ * which is a little philosophical if you think about it), and the table
+ * is absolutely, beautifully empty. The AG Grid dutifully shows zero rows.
+ *
+ * This is your starting point. A fresh system with no custom reports yet.
+ * Click "Create New Report" to begin populating the list. The toolbar buttons
+ * and filter footer render correctly even with an empty table, so you can
+ * verify the overall page layout without needing any data.
+ *
+ * Notice that the warning banner still renders - in a real application you
+ * would likely hide it conditionally when there are no expired reports, but
+ * this story shows the full page chrome regardless so you can inspect every element.
+ */
+export const EmptyState = {
+    name: 'Empty State (No Reports)',
+    args: {
+        reports: [],
+    },
+};
+/**
+ * All callbacks wired to Storybook action spies so you can watch them fire.
+ *
+ * Back in St. Olaf, when something important happened - say, someone opened
+ * a report or clicked "Create New Report" - we would ring the town bell so
+ * the whole village knew. In Storybook, we use the Actions panel at the bottom
+ * of the screen instead! It is very much like a town bell, only quieter and
+ * with more TypeScript.
+ *
+ * Since all callbacks are already wired via `fn()` in the meta `args` above,
+ * every story technically has them. But this story is named "With Callbacks
+ * Logged" so it is easy to find when you want to specifically focus on testing
+ * the interaction wiring. It uses the custom report set so there is something
+ * interesting to interact with.
+ *
+ * Open the "Actions" panel at the bottom of Storybook and try these interactions:
+ * - Click "Create New Report" --> `onCreateNewReport` fires
+ * - Open the Download dropdown and click "Download as CSV" --> `onDownloadCsv` fires
+ * - Open the Download dropdown and click "Download as PDF" --> `onDownloadPdf` fires
+ * - Click the "Schedule" button --> `onSchedule` fires
+ * - Click the primary toolbar "Duplicate" --> `onDuplicateSelected` fires
+ * - Click the primary toolbar "Edit" --> `onEditSelected` fires
+ * - Click the "Change" link in the filter footer --> `onChangeFilters` fires
+ * - Click a report title text-link --> `onOpenReport` fires with the report id
+ * - Click an ellipsis row button and choose "Duplicate" --> `onDuplicateReport` fires with the ReportRow
+ * - Click an ellipsis row button and choose "Edit" --> `onEditReport` fires with the ReportRow
+ *
+ * It is most excellent for verifying integration with parent components or
+ * application routing logic, hunni!
+ */
+export const WithCallbacksLogged = {
+    name: 'With Callbacks Logged',
+    args: {
+        reports: customReports,
+        bulkActions: customBulkActions,
+    },
+};
+//# sourceMappingURL=CustomReportWriterPage.stories.js.map

package/dist/pages/customReportWriterPage/CustomReportWriterPage.stories.js.map

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

package/dist/pages/customReportWriterPage/CustomReportWriterPage.test.d.ts

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

package/dist/pages/customReportWriterPage/CustomReportWriterPage.test.d.ts.map

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

package/dist/pages/customReportWriterPage/CustomReportWriterPage.test.js

@@ -0,0 +1,183 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { render, screen } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+import '@testing-library/jest-dom/vitest';
+import { describe, it, expect, vi } from 'vitest';
+import { CustomReportWriterPage } from './CustomReportWriterPage.js';
+// AG Grid requires a license key — mock Table to avoid license errors in tests.
+// The factory must be self-contained (vi.mock is hoisted above imports).
+vi.mock('Components/table/Table', () => {
+    const Table = ({ rowData, headerContent, footerContent, }) => (_jsxs("div", { children: [headerContent, _jsx("div", { role: "grid", "aria-label": "Reports table", children: rowData.map(row => (_jsxs("div", { role: "row", children: [_jsx("span", { children: row.title }), _jsx("span", { children: row.type }), _jsx("span", { children: row.createdBy })] }, row.id))) }), footerContent] }));
+    const BulkActionsDropdown = () => _jsx("div", {});
+    BulkActionsDropdown.displayName = 'Table.BulkActionsDropdown';
+    Table.BulkActionsDropdown = BulkActionsDropdown;
+    const HideColumnsDropdown = () => _jsx("div", {});
+    HideColumnsDropdown.displayName = 'Table.HideColumnsDropdown';
+    Table.HideColumnsDropdown = HideColumnsDropdown;
+    const RowCountInfo = () => _jsx("span", { children: "Showing results" });
+    RowCountInfo.displayName = 'Table.RowCountInfo';
+    Table.RowCountInfo = RowCountInfo;
+    return { Table };
+});
+describe('CustomReportWriterPage', () => {
+    describe('page structure', () => {
+        it('renders the page heading', () => {
+            render(_jsx(CustomReportWriterPage, {}));
+            expect(screen.getByRole('heading', { name: 'Custom Report Writer - All Reports' })).toBeInTheDocument();
+        });
+        it('renders placeholder SVGs for missing components', () => {
+            render(_jsx(CustomReportWriterPage, {}));
+            expect(screen.getByRole('img', { name: /TopNav placeholder/i })).toBeInTheDocument();
+            expect(screen.getByRole('img', { name: /SideNavIcons placeholder/i })).toBeInTheDocument();
+            expect(screen.getByRole('img', { name: /SideNavText placeholder/i })).toBeInTheDocument();
+        });
+        it('renders with a main landmark', () => {
+            render(_jsx(CustomReportWriterPage, {}));
+            expect(screen.getByRole('main')).toBeInTheDocument();
+        });
+        it('applies custom className to the root element', () => {
+            const { container } = render(_jsx(CustomReportWriterPage, { className: "my-custom-class" }));
+            expect(container.firstChild).toHaveClass('my-custom-class');
+        });
+    });
+    describe('breadcrumbs', () => {
+        it('renders breadcrumb navigation', () => {
+            render(_jsx(CustomReportWriterPage, {}));
+            expect(screen.getByRole('navigation', { name: /Breadcrumb/i })).toBeInTheDocument();
+        });
+        it('renders the School breadcrumb link', () => {
+            render(_jsx(CustomReportWriterPage, {}));
+            expect(screen.getByRole('button', { name: /School/i })).toBeInTheDocument();
+        });
+        it('renders the current page breadcrumb item', () => {
+            render(_jsx(CustomReportWriterPage, {}));
+            expect(screen.getByText('Custom Report Writer')).toBeInTheDocument();
+        });
+    });
+    describe('warning banner', () => {
+        it('renders the banner placeholder SVG', () => {
+            render(_jsx(CustomReportWriterPage, {}));
+            expect(screen.getByRole('img', { name: /Banner placeholder/i })).toBeInTheDocument();
+        });
+    });
+    describe('tabs', () => {
+        it('renders the Active, Archived, and Expired tabs', () => {
+            render(_jsx(CustomReportWriterPage, {}));
+            expect(screen.getByRole('tab', { name: /Active/i })).toBeInTheDocument();
+            expect(screen.getByRole('tab', { name: /Archived/i })).toBeInTheDocument();
+            expect(screen.getByRole('tab', { name: /Expired/i })).toBeInTheDocument();
+        });
+        it('renders Active tab as selected by default', () => {
+            render(_jsx(CustomReportWriterPage, {}));
+            expect(screen.getByRole('tab', { name: /Active/i })).toHaveAttribute('aria-selected', 'true');
+        });
+        it('switches to Archived tab when clicked', async () => {
+            const user = userEvent.setup();
+            render(_jsx(CustomReportWriterPage, {}));
+            await user.click(screen.getByRole('tab', { name: /Archived/i }));
+            expect(screen.getByRole('tab', { name: /Archived/i })).toHaveAttribute('aria-selected', 'true');
+            expect(screen.getByRole('tab', { name: /Active/i })).toHaveAttribute('aria-selected', 'false');
+        });
+        it('switches to Expired tab when clicked', async () => {
+            const user = userEvent.setup();
+            render(_jsx(CustomReportWriterPage, {}));
+            await user.click(screen.getByRole('tab', { name: /Expired/i }));
+            expect(screen.getByRole('tab', { name: /Expired/i })).toHaveAttribute('aria-selected', 'true');
+        });
+    });
+    describe('toolbar actions', () => {
+        it('renders the Create New Report button', () => {
+            render(_jsx(CustomReportWriterPage, {}));
+            expect(screen.getByRole('button', { name: /Create New Report/i })).toBeInTheDocument();
+        });
+        it('calls onCreateNewReport when Create New Report is clicked', async () => {
+            const user = userEvent.setup();
+            const onCreateNewReport = vi.fn();
+            render(_jsx(CustomReportWriterPage, { onCreateNewReport: onCreateNewReport }));
+            await user.click(screen.getByRole('button', { name: /Create New Report/i }));
+            expect(onCreateNewReport).toHaveBeenCalledTimes(1);
+        });
+        it('renders the Schedule button', () => {
+            render(_jsx(CustomReportWriterPage, {}));
+            expect(screen.getByRole('button', { name: /^Schedule$/i })).toBeInTheDocument();
+        });
+        it('calls onSchedule when Schedule is clicked', async () => {
+            const user = userEvent.setup();
+            const onSchedule = vi.fn();
+            render(_jsx(CustomReportWriterPage, { onSchedule: onSchedule }));
+            await user.click(screen.getByRole('button', { name: /^Schedule$/i }));
+            expect(onSchedule).toHaveBeenCalledTimes(1);
+        });
+        it('renders the Duplicate button', () => {
+            render(_jsx(CustomReportWriterPage, {}));
+            expect(screen.getByRole('button', { name: /^Duplicate$/i })).toBeInTheDocument();
+        });
+        it('calls onDuplicateSelected when Duplicate is clicked', async () => {
+            const user = userEvent.setup();
+            const onDuplicateSelected = vi.fn();
+            render(_jsx(CustomReportWriterPage, { onDuplicateSelected: onDuplicateSelected }));
+            await user.click(screen.getByRole('button', { name: /^Duplicate$/i }));
+            expect(onDuplicateSelected).toHaveBeenCalledTimes(1);
+        });
+        it('renders the Edit button', () => {
+            render(_jsx(CustomReportWriterPage, {}));
+            expect(screen.getByRole('button', { name: /^Edit$/i })).toBeInTheDocument();
+        });
+        it('calls onEditSelected when Edit is clicked', async () => {
+            const user = userEvent.setup();
+            const onEditSelected = vi.fn();
+            render(_jsx(CustomReportWriterPage, { onEditSelected: onEditSelected }));
+            await user.click(screen.getByRole('button', { name: /^Edit$/i }));
+            expect(onEditSelected).toHaveBeenCalledTimes(1);
+        });
+        it('renders the Change filters button', () => {
+            render(_jsx(CustomReportWriterPage, {}));
+            expect(screen.getByRole('button', { name: /^Change$/i })).toBeInTheDocument();
+        });
+        it('calls onChangeFilters when Change is clicked', async () => {
+            const user = userEvent.setup();
+            const onChangeFilters = vi.fn();
+            render(_jsx(CustomReportWriterPage, { onChangeFilters: onChangeFilters }));
+            await user.click(screen.getByRole('button', { name: /^Change$/i }));
+            expect(onChangeFilters).toHaveBeenCalledTimes(1);
+        });
+    });
+    describe('icon toolbar buttons', () => {
+        it('renders Export, Settings, Help, and Expand icon buttons', () => {
+            render(_jsx(CustomReportWriterPage, {}));
+            expect(screen.getByRole('button', { name: /Export/i })).toBeInTheDocument();
+            expect(screen.getByRole('button', { name: /Settings/i })).toBeInTheDocument();
+            expect(screen.getByRole('button', { name: /Help/i })).toBeInTheDocument();
+            expect(screen.getByRole('button', { name: /Expand table/i })).toBeInTheDocument();
+        });
+    });
+    describe('table', () => {
+        it('renders the reports table', () => {
+            render(_jsx(CustomReportWriterPage, {}));
+            expect(screen.getByRole('grid', { name: /Reports table/i })).toBeInTheDocument();
+        });
+        it('renders default report data', () => {
+            render(_jsx(CustomReportWriterPage, {}));
+            expect(screen.getByText('Attendance of All Groups')).toBeInTheDocument();
+            expect(screen.getByText('Student Contact Reports')).toBeInTheDocument();
+            expect(screen.getByText('Medical Events')).toBeInTheDocument();
+        });
+        it('renders custom reports when provided', () => {
+            const customReports = [
+                {
+                    id: '99',
+                    title: 'My Custom Report',
+                    type: 'Student',
+                    createdBy: 'Test User',
+                    context: 'School',
+                    createdDate: '1st Jan 2025',
+                    modifiedDate: '1st Jan 2025',
+                    accessedDate: '1st Jan 2025',
+                },
+            ];
+            render(_jsx(CustomReportWriterPage, { reports: customReports }));
+            expect(screen.getByText('My Custom Report')).toBeInTheDocument();
+        });
+    });
+});
+//# sourceMappingURL=CustomReportWriterPage.test.js.map

package/dist/pages/customReportWriterPage/CustomReportWriterPage.test.js.map

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

package/dist/pages/gradeSetsPage/GradeSetsPage.d.ts

@@ -0,0 +1,26 @@
+/**
+ * GradeSetsPage - Browse and manage Grade Sets.
+ * Displays active and archived grade sets in an AG Grid table with tab navigation.
+ */
+import type { GridApi } from 'ag-grid-enterprise';
+export type GradeSet = {
+    id: string;
+    longName: string;
+    shortName: string;
+};
+export type GradeSetBulkAction = {
+    displayName: string;
+    callback: (api: GridApi | null) => void;
+    disabled?: boolean;
+};
+export type GradeSetsPageProps = {
+    activeGradeSets?: GradeSet[];
+    archivedGradeSets?: GradeSet[];
+    bulkActions?: GradeSetBulkAction[];
+    onCreateGradeSet?: () => void;
+    onRowClick?: (gradeSet: GradeSet) => void;
+    onExpandTable?: () => void;
+    className?: string;
+};
+export declare const GradeSetsPage: ({ activeGradeSets, archivedGradeSets, bulkActions, onCreateGradeSet, onRowClick, onExpandTable, className, }: GradeSetsPageProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=GradeSetsPage.d.ts.map

package/dist/pages/gradeSetsPage/GradeSetsPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GradeSetsPage.d.ts","sourceRoot":"","sources":["../../../src/pages/gradeSetsPage/GradeSetsPage.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,KAAK,EAAU,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAU1D,MAAM,MAAM,QAAQ,GAAG;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,CAAC,GAAG,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,eAAe,CAAC,EAAE,QAAQ,EAAE,CAAC;IAC7B,iBAAiB,CAAC,EAAE,QAAQ,EAAE,CAAC;IAC/B,WAAW,CAAC,EAAE,kBAAkB,EAAE,CAAC;IACnC,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,UAAU,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,KAAK,IAAI,CAAC;IAC1C,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAeF,eAAO,MAAM,aAAa,GAAI,8GAQ3B,kBAAkB,4CA4FpB,CAAC"}

package/dist/pages/gradeSetsPage/GradeSetsPage.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+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 { Section } from '../../components/section/Section.js';
+import { Table } from '../../components/table/Table.js';
+import { Tabs } from '../../components/tabs/Tabs.js';
+const columnDefs = [
+    {
+        field: 'longName',
+        headerName: 'Grade Set Long Name',
+        flex: 1,
+    },
+    {
+        field: 'shortName',
+        headerName: 'Grade Set Short Name',
+        flex: 1,
+    },
+];
+export const GradeSetsPage = ({ activeGradeSets = [], archivedGradeSets = [], bulkActions = [], onCreateGradeSet, onRowClick, onExpandTable, className, }) => {
+    const [activeTab, setActiveTab] = useState('active');
+    const rowData = activeTab === 'active' ? activeGradeSets : archivedGradeSets;
+    const tableHeaderContent = (_jsxs(_Fragment, { children: [_jsx(Table.BulkActionsDropdown, { actions: bulkActions }), _jsx(Button, { variant: "dropdown", size: "S", children: "Hide" })] }));
+    const tableFooterContent = (_jsxs(_Fragment, { children: [_jsxs("span", { children: ["Showing", ' ', rowData.length, ' ', rowData.length === 1 ? 'result' : 'results'] }), _jsx(Button, { variant: "secondary", size: "S", onClick: onExpandTable, children: "Expand Table" })] }));
+    return (_jsxs("div", { className: classNames('ds-grade-sets-page', className), children: [_jsx("nav", { "aria-label": "Breadcrumb", className: "ds-grade-sets-page__breadcrumbs", children: _jsxs("ol", { className: "ds-grade-sets-page__breadcrumb-list", children: [_jsx("li", { className: "ds-grade-sets-page__breadcrumb-item", children: _jsx("a", { href: "/assessments", className: "ds-grade-sets-page__breadcrumb-link", children: "Assessments" }) }), _jsx("li", { className: "ds-grade-sets-page__breadcrumb-item", children: _jsx("a", { href: "/assessments/settings", className: "ds-grade-sets-page__breadcrumb-link", children: "Settings" }) }), _jsxs("li", { className: "ds-grade-sets-page__breadcrumb-item ds-grade-sets-page__breadcrumb-item--current", "aria-current": "page", children: ["Grade Sets", _jsx(Icon, { name: "link", size: 16, screenReaderText: "Permalink" })] })] }) }), _jsxs("header", { className: "ds-grade-sets-page__header", children: [_jsx(Heading, { level: 1, children: "Grade Sets" }), _jsx(Button, { variant: "secondary", onClick: onCreateGradeSet, children: "Create Grade Set" })] }), _jsxs(Tabs, { children: [_jsx(Tabs.Item, { active: activeTab === 'active', tabElementProps: { onClick: () => setActiveTab('active') }, children: "Active" }), _jsx(Tabs.Item, { active: activeTab === 'archived', tabElementProps: { onClick: () => setActiveTab('archived') }, children: "Archived" })] }), _jsx(Section, { className: "ds-grade-sets-page__content", children: _jsx(Table, { rowData: rowData, columnDefs: columnDefs, domLayout: "autoHeight", headerContent: tableHeaderContent, footerContent: tableFooterContent, hasSearch: false, onRowClicked: (event) => {
+                        if (event.data) {
+                            onRowClick?.(event.data);
+                        }
+                    } }) })] }));
+};
+//# sourceMappingURL=GradeSetsPage.js.map

package/dist/pages/gradeSetsPage/GradeSetsPage.js.map

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