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

package/dist/pages/assessmentBuilderPage/AssessmentBuilderPage.stories.d.ts

@@ -0,0 +1,184 @@
+import type { StoryObj } from '@storybook/react-vite';
+/**
+ * Well, picture it: St. Olaf, 1982.
+ *
+ * The school district needed to build a new system for tracking student assessments across
+ * all the different periods and subjects. Gunnar Gustafsson spent three weeks drawing
+ * columns on giant sheets of graph paper, organising them into groups by term (Autumn,
+ * Spring, Summer), and then trying to figure out who would collect which pieces of data -
+ * teachers, administrators, or the automatic tallying machine that counted lutefisk portions.
+ * It was exhausting work, but when it was done, oh my stars, it was beautiful! Every
+ * column was in its place, every subject was accounted for, and you could see the whole
+ * structure laid out like a magnificent hierarchical tree.
+ *
+ * The AssessmentBuilderPage is the digital version of Gunnar's graph paper masterpiece.
+ * It is a complex page for configuring assessment marksheet columns with a hierarchical,
+ * tree-based structure. Teachers and administrators can build out their assessment columns,
+ * organise them into groups (like assessment periods), configure who collects each piece
+ * of data, and control visibility settings - all in one place.
+ *
+ * **Features:**
+ * - Breadcrumb navigation showing "Assessments / Create New Assessment" with a copy link button
+ * - Inline-editable page heading (click the edit icon to rename the assessment)
+ * - Tab navigation to switch between "Build Mode" and "Preview" (preview is a placeholder)
+ * - Hierarchical Table (AG Grid) with tree data structure:
+ *   - Parent rows (assessment period groups like "Autumn", "Spring", "Summer")
+ *   - Child rows (individual subject columns like "English Language", "Maths")
+ *   - Auto-expand all groups by default (`groupDefaultExpanded={-1}`)
+ *   - Editable "Column Name" field via inline text editing
+ *   - Dropdown cell editors for "Data Collection" (Teacher / Admin / Automatic)
+ *   - Dropdown cell editors for "Visibility" (Auto-visibility / Visible / Hidden)
+ *   - Undo button in each row to revert changes
+ *   - Multi-row selection with checkbox column
+ * - Contextual sidebar for selecting which columns to add:
+ *   - SearchBar for filtering available columns
+ *   - Filter dropdown (All Columns / Selected Only / Unselected Only)
+ *   - Collapsible sections: Demographics, Student Identifier, Assessment Periods, Subjects
+ *   - Pill checkboxes for Demographics and Subjects (with "See more" buttons)
+ *   - CheckboxGroup for Student Identifier and Assessment Periods
+ *   - "Proceed to Marksheets" primary action button at the bottom
+ *
+ * **Build Mode vs Preview:**
+ * - Build Mode (default tab): shows the full marksheet columns table and sidebar
+ * - Preview: placeholder content ("Preview mode - coming soon")
+ *
+ * **Accessibility:**
+ * - Breadcrumb uses `<nav aria-label="Breadcrumb">` for clear navigation context
+ * - Heading is editable via a button with `iconLeftScreenReaderText="Edit assessment name"`
+ * - Tabs are keyboard-navigable and ARIA-compliant via the Tabs component
+ * - Table uses AG Grid's built-in accessibility features (keyboard navigation, screen reader support)
+ * - Sidebar sections are collapsible via the Section component's accessible toggle buttons
+ * - SearchBar has proper labelling via placeholder text
+ *
+ * **Usage:**
+ * This is a PAGE component, not a library component - it demonstrates how to compose
+ * multiple Arbor design system components (Button, Heading, Tabs, Section, Table, Pill,
+ * SearchBar, CheckboxGroup, Dropdown) into a complete application page. It is part of
+ * the KS4 Assessment Builder workflow, typically reached from the AssessmentsPage after
+ * clicking "Create New Assessment".
+ */
+declare const meta: {
+    title: string;
+    component: import("react").FC<import("./AssessmentBuilderPage.js").AssessmentBuilderPageProps>;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    tags: string[];
+    args: {
+        onSave: import("@vitest/spy").Mock<(...args: any[]) => any>;
+        onProceedToMarksheets: import("@vitest/spy").Mock<(...args: any[]) => any>;
+        onNavigateToAssessments: import("@vitest/spy").Mock<(...args: any[]) => any>;
+    };
+    argTypes: {
+        assessmentName: {
+            control: "text";
+            description: string;
+        };
+        marksheetColumns: {
+            control: "object";
+            description: string;
+        };
+        onSave: {
+            description: string;
+        };
+        onProceedToMarksheets: {
+            description: string;
+        };
+        onNavigateToAssessments: {
+            description: string;
+        };
+        className: {
+            control: "text";
+            description: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+/**
+ * The default state with a realistic set of marksheet columns.
+ *
+ * Oh, this is just lovely, hunni! You've got your three assessment periods
+ * (Autumn, Spring, Summer), each with three subjects (English Language,
+ * English Literature, and Maths). It reminds me of the time in St. Olaf
+ * when we organised the annual school assessment fair - we had three tents,
+ * each representing a term, and inside each tent were the different subject
+ * stations. It was so organised that even the tourists got involved!
+ *
+ * The table shows all groups fully expanded by default, so you can see
+ * every single column right away. Try clicking the dropdown cells to change
+ * the "Data Collection" or "Visibility" values. The inline text editor lets
+ * you rename any column - just click on a column name to edit it.
+ *
+ * Over in the sidebar, you can see all the available contextual columns
+ * organised into collapsible sections. The Demographics and Subjects sections
+ * use pill checkboxes (so nice and compact!), while the Student Identifier
+ * and Assessment Periods sections use traditional checkbox groups. Click
+ * "Proceed to Marksheets" when you are ready to move forward.
+ */
+export declare const Default: Story;
+/**
+ * The empty state - no marksheet columns have been added yet.
+ *
+ * You know, this reminds me of the time in St. Olaf when we started building
+ * a brand new assessment system from scratch. The first day, we just had an
+ * empty table and a lot of hope. But oh my stars, hunni, by the end of the
+ * week we had filled it with the most beautiful hierarchical structure you
+ * ever did see!
+ *
+ * This story shows the page with no marksheet columns loaded yet - just the
+ * empty table waiting to be populated. The sidebar is still fully functional,
+ * so you can explore the available contextual columns and imagine what your
+ * assessment structure will look like once you start adding columns.
+ *
+ * Notice how the breadcrumbs, page heading, tabs, and sidebar all render
+ * perfectly even without any table data. The page is ready and waiting for
+ * you to start building!
+ */
+export declare const EmptyState: Story;
+/**
+ * A more complex scenario with additional subjects and demographic columns.
+ *
+ * Oh my stars, this is like the time in St. Olaf when the school board decided
+ * to track EVERYTHING - not just the core subjects, but also demographics,
+ * student identifiers, effort grades, and even which students brought the best
+ * herring sandwiches to lunch (that last one might have been unofficial).
+ *
+ * This story shows a more realistic, complex assessment structure with:
+ * - A Demographics group containing Gender, Year Group, and UPN
+ * - Three full assessment periods (Autumn, Spring, Summer) with six subjects each
+ * - A Final Grades group with Overall Grade and Effort Grade
+ *
+ * All groups are expanded by default, so you can see the full tree structure
+ * at a glance. Try collapsing a few groups (click the group row name) to see
+ * how much more manageable the list becomes. Then expand them again to see
+ * all the beautiful detail.
+ *
+ * The sidebar lets you add even MORE columns - Demographics pills, Student
+ * Identifier checkboxes, Assessment Period checkboxes, and Subject pills.
+ * It is like a buffet of contextual columns, hunni!
+ */
+export declare const WithComplexData: Story;
+/**
+ * A story with action callbacks wired up to Storybook actions.
+ *
+ * Back in St. Olaf, whenever something important happened - like finishing
+ * the assessment setup or clicking the Save button - we would ring the town
+ * bell so everyone knew. In Storybook, we use the Actions panel instead!
+ *
+ * This story demonstrates all the interactive callbacks on the page:
+ * - Click the "Assessments" breadcrumb link to trigger `onNavigateToAssessments`
+ * - Click "Proceed to Marksheets" in the sidebar to trigger `onProceedToMarksheets`
+ * - The `onSave` callback is available (though not currently wired to a visible button)
+ *
+ * Open the "Actions" panel at the bottom of Storybook to see each callback
+ * fire when you interact with the page. It is most excellent for testing
+ * integration with parent components or routing logic, hunni!
+ */
+export declare const WithCallbacks: Story;
+//# sourceMappingURL=AssessmentBuilderPage.stories.d.ts.map

package/dist/pages/assessmentBuilderPage/AssessmentBuilderPage.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssessmentBuilderPage.stories.d.ts","sourceRoot":"","sources":["../../../src/pages/assessmentBuilderPage/AssessmentBuilderPage.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAK5D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyDG;AACH,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8CoC,CAAC;AAE/C,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAmHnC;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,UAAU,EAAE,KAMxB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,eAAe,EAAE,KAM7B,CAAC;AAEF;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,aAAa,EAAE,KAM3B,CAAC"}

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

@@ -0,0 +1,317 @@
+import { fn } from 'storybook/test';
+import { AssessmentBuilderPage } from './AssessmentBuilderPage.js';
+/**
+ * Well, picture it: St. Olaf, 1982.
+ *
+ * The school district needed to build a new system for tracking student assessments across
+ * all the different periods and subjects. Gunnar Gustafsson spent three weeks drawing
+ * columns on giant sheets of graph paper, organising them into groups by term (Autumn,
+ * Spring, Summer), and then trying to figure out who would collect which pieces of data -
+ * teachers, administrators, or the automatic tallying machine that counted lutefisk portions.
+ * It was exhausting work, but when it was done, oh my stars, it was beautiful! Every
+ * column was in its place, every subject was accounted for, and you could see the whole
+ * structure laid out like a magnificent hierarchical tree.
+ *
+ * The AssessmentBuilderPage is the digital version of Gunnar's graph paper masterpiece.
+ * It is a complex page for configuring assessment marksheet columns with a hierarchical,
+ * tree-based structure. Teachers and administrators can build out their assessment columns,
+ * organise them into groups (like assessment periods), configure who collects each piece
+ * of data, and control visibility settings - all in one place.
+ *
+ * **Features:**
+ * - Breadcrumb navigation showing "Assessments / Create New Assessment" with a copy link button
+ * - Inline-editable page heading (click the edit icon to rename the assessment)
+ * - Tab navigation to switch between "Build Mode" and "Preview" (preview is a placeholder)
+ * - Hierarchical Table (AG Grid) with tree data structure:
+ *   - Parent rows (assessment period groups like "Autumn", "Spring", "Summer")
+ *   - Child rows (individual subject columns like "English Language", "Maths")
+ *   - Auto-expand all groups by default (`groupDefaultExpanded={-1}`)
+ *   - Editable "Column Name" field via inline text editing
+ *   - Dropdown cell editors for "Data Collection" (Teacher / Admin / Automatic)
+ *   - Dropdown cell editors for "Visibility" (Auto-visibility / Visible / Hidden)
+ *   - Undo button in each row to revert changes
+ *   - Multi-row selection with checkbox column
+ * - Contextual sidebar for selecting which columns to add:
+ *   - SearchBar for filtering available columns
+ *   - Filter dropdown (All Columns / Selected Only / Unselected Only)
+ *   - Collapsible sections: Demographics, Student Identifier, Assessment Periods, Subjects
+ *   - Pill checkboxes for Demographics and Subjects (with "See more" buttons)
+ *   - CheckboxGroup for Student Identifier and Assessment Periods
+ *   - "Proceed to Marksheets" primary action button at the bottom
+ *
+ * **Build Mode vs Preview:**
+ * - Build Mode (default tab): shows the full marksheet columns table and sidebar
+ * - Preview: placeholder content ("Preview mode - coming soon")
+ *
+ * **Accessibility:**
+ * - Breadcrumb uses `<nav aria-label="Breadcrumb">` for clear navigation context
+ * - Heading is editable via a button with `iconLeftScreenReaderText="Edit assessment name"`
+ * - Tabs are keyboard-navigable and ARIA-compliant via the Tabs component
+ * - Table uses AG Grid's built-in accessibility features (keyboard navigation, screen reader support)
+ * - Sidebar sections are collapsible via the Section component's accessible toggle buttons
+ * - SearchBar has proper labelling via placeholder text
+ *
+ * **Usage:**
+ * This is a PAGE component, not a library component - it demonstrates how to compose
+ * multiple Arbor design system components (Button, Heading, Tabs, Section, Table, Pill,
+ * SearchBar, CheckboxGroup, Dropdown) into a complete application page. It is part of
+ * the KS4 Assessment Builder workflow, typically reached from the AssessmentsPage after
+ * clicking "Create New Assessment".
+ */
+const meta = {
+    title: 'Pages/AssessmentBuilderPage',
+    component: AssessmentBuilderPage,
+    parameters: {
+        layout: 'fullscreen',
+        docs: {
+            description: {
+                component: 'The Assessment Builder page for configuring marksheet columns. Features a hierarchical table (tree data with parent/child rows), inline editing, dropdown cell editors, and a contextual sidebar for selecting which columns to include. Back in St. Olaf, Gunnar did this with graph paper and a protractor - we do it with AG Grid and a whole lot of love.',
+            },
+        },
+    },
+    tags: ['autodocs'],
+    args: {
+        onSave: fn(),
+        onProceedToMarksheets: fn(),
+        onNavigateToAssessments: fn(),
+    },
+    argTypes: {
+        assessmentName: {
+            control: 'text',
+            description: 'The name of the assessment being built. Displayed in the page heading and editable via the inline edit button.',
+        },
+        marksheetColumns: {
+            control: 'object',
+            description: 'The hierarchical list of marksheet columns. Each column can have child columns (via the children array), forming a tree structure. Parent rows typically represent assessment periods (Autumn, Spring, Summer), and child rows represent individual subjects or data points.',
+        },
+        onSave: {
+            description: 'Called when the user saves the assessment. (Currently not wired to a visible Save button, but available for future use.)',
+        },
+        onProceedToMarksheets: {
+            description: 'Called when the "Proceed to Marksheets" button in the sidebar is clicked. This typically navigates the user to the marksheet data entry screen.',
+        },
+        onNavigateToAssessments: {
+            description: 'Called when the "Assessments" breadcrumb link is clicked. This typically navigates back to the AssessmentsPage (the assessments list homepage).',
+        },
+        className: {
+            control: 'text',
+            description: 'Optional additional CSS class name(s) to apply to the page root element.',
+        },
+    },
+};
+export default meta;
+// ---------------------------------------------------------------------------
+// Shared data fixtures - just like St. Olaf's finest assessment records
+// ---------------------------------------------------------------------------
+/**
+ * A realistic set of marksheet columns with three assessment periods,
+ * each containing three subject columns.
+ */
+const sampleMarksheetColumns = [
+    {
+        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: 'English Literature', dataCollection: 'admin', visibility: 'auto-visible' },
+            { id: 5, name: 'Maths', dataCollection: 'teacher', visibility: 'auto-visible' },
+        ],
+    },
+    {
+        id: 6,
+        name: 'Spring',
+        children: [
+            { id: 7, name: 'English Language', dataCollection: 'teacher', visibility: 'auto-visible' },
+            { id: 8, name: 'English Literature', dataCollection: 'admin', visibility: 'auto-visible' },
+            { id: 9, name: 'Maths', dataCollection: 'teacher', visibility: 'auto-visible' },
+        ],
+    },
+    {
+        id: 10,
+        name: 'Summer',
+        children: [
+            { id: 11, name: 'English Language', dataCollection: 'teacher', visibility: 'auto-visible' },
+            { id: 12, name: 'English Literature', dataCollection: 'admin', visibility: 'auto-visible' },
+            { id: 13, name: 'Maths', dataCollection: 'automatic', visibility: 'hidden' },
+        ],
+    },
+];
+/**
+ * A larger, more complex dataset with additional subjects and assessment periods.
+ */
+const complexMarksheetColumns = [
+    {
+        id: 1,
+        name: 'Student Name',
+        dataCollection: undefined,
+        visibility: 'show',
+    },
+    {
+        id: 2,
+        name: 'Demographics',
+        children: [
+            { id: 3, name: 'Gender', dataCollection: 'automatic', visibility: 'visible' },
+            { id: 4, name: 'Year Group', dataCollection: 'automatic', visibility: 'visible' },
+            { id: 5, name: 'UPN', dataCollection: 'automatic', visibility: 'auto-visible' },
+        ],
+    },
+    {
+        id: 6,
+        name: 'Autumn Term',
+        children: [
+            { id: 7, name: 'English Language', dataCollection: 'teacher', visibility: 'auto-visible' },
+            { id: 8, name: 'English Literature', dataCollection: 'teacher', visibility: 'auto-visible' },
+            { id: 9, name: 'Maths', dataCollection: 'teacher', visibility: 'auto-visible' },
+            { id: 10, name: 'Science', dataCollection: 'teacher', visibility: 'auto-visible' },
+            { id: 11, name: 'History', dataCollection: 'admin', visibility: 'auto-visible' },
+            { id: 12, name: 'Geography', dataCollection: 'admin', visibility: 'hidden' },
+        ],
+    },
+    {
+        id: 13,
+        name: 'Spring Term',
+        children: [
+            { id: 14, name: 'English Language', dataCollection: 'teacher', visibility: 'auto-visible' },
+            { id: 15, name: 'English Literature', dataCollection: 'teacher', visibility: 'auto-visible' },
+            { id: 16, name: 'Maths', dataCollection: 'teacher', visibility: 'auto-visible' },
+            { id: 17, name: 'Science', dataCollection: 'teacher', visibility: 'auto-visible' },
+            { id: 18, name: 'History', dataCollection: 'admin', visibility: 'auto-visible' },
+            { id: 19, name: 'Geography', dataCollection: 'admin', visibility: 'hidden' },
+        ],
+    },
+    {
+        id: 20,
+        name: 'Summer Term',
+        children: [
+            { id: 21, name: 'English Language', dataCollection: 'teacher', visibility: 'auto-visible' },
+            { id: 22, name: 'English Literature', dataCollection: 'teacher', visibility: 'auto-visible' },
+            { id: 23, name: 'Maths', dataCollection: 'teacher', visibility: 'auto-visible' },
+            { id: 24, name: 'Science', dataCollection: 'teacher', visibility: 'auto-visible' },
+            { id: 25, name: 'History', dataCollection: 'admin', visibility: 'auto-visible' },
+            { id: 26, name: 'Geography', dataCollection: 'automatic', visibility: 'hidden' },
+        ],
+    },
+    {
+        id: 27,
+        name: 'Final Grades',
+        children: [
+            { id: 28, name: 'Overall Grade', dataCollection: 'automatic', visibility: 'visible' },
+            { id: 29, name: 'Effort Grade', dataCollection: 'teacher', visibility: 'visible' },
+        ],
+    },
+];
+// ---------------------------------------------------------------------------
+// Stories
+// ---------------------------------------------------------------------------
+/**
+ * The default state with a realistic set of marksheet columns.
+ *
+ * Oh, this is just lovely, hunni! You've got your three assessment periods
+ * (Autumn, Spring, Summer), each with three subjects (English Language,
+ * English Literature, and Maths). It reminds me of the time in St. Olaf
+ * when we organised the annual school assessment fair - we had three tents,
+ * each representing a term, and inside each tent were the different subject
+ * stations. It was so organised that even the tourists got involved!
+ *
+ * The table shows all groups fully expanded by default, so you can see
+ * every single column right away. Try clicking the dropdown cells to change
+ * the "Data Collection" or "Visibility" values. The inline text editor lets
+ * you rename any column - just click on a column name to edit it.
+ *
+ * Over in the sidebar, you can see all the available contextual columns
+ * organised into collapsible sections. The Demographics and Subjects sections
+ * use pill checkboxes (so nice and compact!), while the Student Identifier
+ * and Assessment Periods sections use traditional checkbox groups. Click
+ * "Proceed to Marksheets" when you are ready to move forward.
+ */
+export const Default = {
+    name: 'Default (With Sample Data)',
+    args: {
+        assessmentName: 'KS4 Assessment 2025/26',
+        marksheetColumns: sampleMarksheetColumns,
+    },
+};
+/**
+ * The empty state - no marksheet columns have been added yet.
+ *
+ * You know, this reminds me of the time in St. Olaf when we started building
+ * a brand new assessment system from scratch. The first day, we just had an
+ * empty table and a lot of hope. But oh my stars, hunni, by the end of the
+ * week we had filled it with the most beautiful hierarchical structure you
+ * ever did see!
+ *
+ * This story shows the page with no marksheet columns loaded yet - just the
+ * empty table waiting to be populated. The sidebar is still fully functional,
+ * so you can explore the available contextual columns and imagine what your
+ * assessment structure will look like once you start adding columns.
+ *
+ * Notice how the breadcrumbs, page heading, tabs, and sidebar all render
+ * perfectly even without any table data. The page is ready and waiting for
+ * you to start building!
+ */
+export const EmptyState = {
+    name: 'Empty State (No Columns)',
+    args: {
+        assessmentName: 'New Assessment',
+        marksheetColumns: [],
+    },
+};
+/**
+ * A more complex scenario with additional subjects and demographic columns.
+ *
+ * Oh my stars, this is like the time in St. Olaf when the school board decided
+ * to track EVERYTHING - not just the core subjects, but also demographics,
+ * student identifiers, effort grades, and even which students brought the best
+ * herring sandwiches to lunch (that last one might have been unofficial).
+ *
+ * This story shows a more realistic, complex assessment structure with:
+ * - A Demographics group containing Gender, Year Group, and UPN
+ * - Three full assessment periods (Autumn, Spring, Summer) with six subjects each
+ * - A Final Grades group with Overall Grade and Effort Grade
+ *
+ * All groups are expanded by default, so you can see the full tree structure
+ * at a glance. Try collapsing a few groups (click the group row name) to see
+ * how much more manageable the list becomes. Then expand them again to see
+ * all the beautiful detail.
+ *
+ * The sidebar lets you add even MORE columns - Demographics pills, Student
+ * Identifier checkboxes, Assessment Period checkboxes, and Subject pills.
+ * It is like a buffet of contextual columns, hunni!
+ */
+export const WithComplexData = {
+    name: 'Complex Data (Multiple Periods & Subjects)',
+    args: {
+        assessmentName: 'KS4 Full Year Assessment 2025/26',
+        marksheetColumns: complexMarksheetColumns,
+    },
+};
+/**
+ * A story with action callbacks wired up to Storybook actions.
+ *
+ * Back in St. Olaf, whenever something important happened - like finishing
+ * the assessment setup or clicking the Save button - we would ring the town
+ * bell so everyone knew. In Storybook, we use the Actions panel instead!
+ *
+ * This story demonstrates all the interactive callbacks on the page:
+ * - Click the "Assessments" breadcrumb link to trigger `onNavigateToAssessments`
+ * - Click "Proceed to Marksheets" in the sidebar to trigger `onProceedToMarksheets`
+ * - The `onSave` callback is available (though not currently wired to a visible button)
+ *
+ * Open the "Actions" panel at the bottom of Storybook to see each callback
+ * fire when you interact with the page. It is most excellent for testing
+ * integration with parent components or routing logic, hunni!
+ */
+export const WithCallbacks = {
+    name: 'With Action Callbacks',
+    args: {
+        assessmentName: 'Interactive Assessment Example',
+        marksheetColumns: sampleMarksheetColumns,
+    },
+};
+//# sourceMappingURL=AssessmentBuilderPage.stories.js.map

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

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

package/dist/pages/assessmentBuilderPage/AssessmentBuilderPage.test.d.ts

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

package/dist/pages/assessmentBuilderPage/AssessmentBuilderPage.test.d.ts.map

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