npm - @arbor-education/design-system.components - Versions diffs - 4.2.0 → 4.4.0 - Mend

@arbor-education/design-system.components 4.2.0 → 4.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (39) hide show

package/.storybook/preview.ts CHANGED Viewed

@@ -39,7 +39,17 @@ const preview: Preview = {
       // 'todo' - show a11y violations in the test UI only
       // 'error' - fail CI on a11y violations
       // 'off' - skip a11y checks entirely
+      // Deliberately 'todo' (warn) until a11y violations are fixed. Flip to 'error' in MIS-75900.
       test: 'todo',
+      options: {
+        runOnly: {
+          type: 'tag',
+          values: ['wcag2a', 'wcag2aa', 'wcag21a', 'wcag21aa', 'wcag22a', 'wcag22aa'],
+        },
+        rules: {
+          'label-content-name-mismatch': { enabled: true },
+        },
+      },
     },
     docs: {
       page: DocsTemplate,

package/CHANGELOG.md CHANGED Viewed

@@ -1,5 +1,21 @@
 # Changelog
+## 4.4.0
+### Minor Changes
+- [#285](https://github.com/arbor-education/design-system.components/pull/285) [`7f8a61d`](https://github.com/arbor-education/design-system.components/commit/7f8a61db6270c99b2dd18d2da1590fd55c3dff88) Thanks [@rickbairstow](https://github.com/rickbairstow)! - MIS-73686 ✨ Add Slideover back hook, header actions and close transition
+### Patch Changes
+- [#286](https://github.com/arbor-education/design-system.components/pull/286) [`6269d2f`](https://github.com/arbor-education/design-system.components/commit/6269d2f6ba2ed584344ed65bde3bc663a914878f) Thanks [@rickbairstow](https://github.com/rickbairstow)! - MIS-75775 Configure Storybook axe-core accessibility checks to WCAG 2.2 A/AA and enable the label-content-name-mismatch rule. Checks run at warn level and do not fail the build.
+## 4.3.0
+### Minor Changes
+- [#284](https://github.com/arbor-education/design-system.components/pull/284) [`d745bee`](https://github.com/arbor-education/design-system.components/commit/d745beea22de9c726abaf950c7cfee0b178ce2b7) Thanks [@angusmglfraser](https://github.com/angusmglfraser)! - MIS-74946 ✨ Add more colours for events in the WidgetCalendar component
 ## 4.2.0
 ### Minor Changes

package/dist/components/slideover/Slideover.d.ts CHANGED Viewed

@@ -1,13 +1,18 @@
 import type { IconName } from '../icon/allowedIcons.js';
-import { type ReactNode } from 'react';
+import { type HTMLAttributes, type ReactNode } from 'react';
 export type SlideoverProps = {
     title?: string;
     children?: ReactNode;
     footerContents?: ReactNode;
     headerIcon?: IconName;
+    headerActions?: ReactNode;
     centerHeaderText?: boolean;
     hideBackButton?: boolean;
-};
+    backButtonText?: string;
+    onBack?: () => void;
+    isClosing?: boolean;
+    onCloseTransitionEnd?: () => void;
+} & Omit<HTMLAttributes<HTMLElement>, 'title' | 'children' | 'className' | 'onTransitionEnd'>;
 export declare const Slideover: (props: SlideoverProps) => import("react").JSX.Element;
 export declare namespace Slideover {
     type Props = SlideoverProps;

package/dist/components/slideover/Slideover.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Slideover.d.ts","sourceRoot":"","sources":["../../../src/components/slideover/Slideover.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAE7D,OAAO,~~EAAY~~,KAAK,~~SAAS~~,EAAE,MAAM,OAAO,CAAC;~~AAIjD~~,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,UAAU,CAAC,EAAE,QAAQ,CAAC;IACtB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,cAAc,CAAC,EAAE,OAAO,CAAC;~~CAC1B~~,CAAC;~~AAEF~~,eAAO,MAAM,SAAS,GAAI,OAAO,cAAc,~~gCA2C9C~~,CAAC;AAEF,yBAAiB,SAAS,CAAC;IACzB,KAAY,KAAK,GAAG,cAAc,CAAC;CACpC"}
1	+ {"version":3,"file":"Slideover.d.ts","sourceRoot":"","sources":["../../../src/components/slideover/Slideover.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAE7D,OAAO,EAA+B,KAAK,cAAc,EAAE,KAAK,SAAS,EAAwB,MAAM,OAAO,CAAC;AAO/G,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,UAAU,CAAC,EAAE,QAAQ,CAAC;IACtB,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,oBAAoB,CAAC,EAAE,MAAM,IAAI,CAAC;CACnC,GAAG,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,WAAW,GAAG,iBAAiB,CAAC,CAAC;AAE9F,eAAO,MAAM,SAAS,GAAI,OAAO,cAAc,gCAkF9C,CAAC;AAEF,yBAAiB,SAAS,CAAC;IACzB,KAAY,KAAK,GAAG,cAAc,CAAC;CACpC"}

package/dist/components/slideover/Slideover.js CHANGED Viewed

@@ -3,17 +3,44 @@ import classNames from 'classnames';
 import { Button } from '../button/Button.js';
 import { Heading } from '../heading/Heading.js';
 import { Icon } from '../icon/Icon.js';
-import { useState } from 'react';
+import { useEffect, useRef, useState } from 'react';
 import { useComponentDidMount } from '../../utils/hooks/useComponentDidMount.js';
 import { SlideoverUtils } from '../../utils/SlideoverUtils.js';
+// just over the 300ms transition in slideover.scss
+const CLOSE_TRANSITION_FALLBACK_MS = 400;
 export const Slideover = (props) => {
-    const { title, children, footerContents, headerIcon, centerHeaderText = true, hideBackButton, } = props;
+    const { title, children, footerContents, headerIcon, headerActions, centerHeaderText = true, hideBackButton, backButtonText = 'Back', onBack = SlideoverUtils.removeSlideover, isClosing = false, onCloseTransitionEnd, ...rest } = props;
     const [isFirstRender, setIsFirstRender] = useState(true);
     useComponentDidMount(() => {
         setIsFirstRender(false);
     });
-    return (_jsxs("aside", { className: classNames('ds-slideover', {
+    const hasFinishedClosingRef = useRef(false);
+    const onCloseTransitionEndRef = useRef(onCloseTransitionEnd);
+    onCloseTransitionEndRef.current = onCloseTransitionEnd;
+    const finishClosing = () => {
+        if (hasFinishedClosingRef.current) {
+            return;
+        }
+        hasFinishedClosingRef.current = true;
+        onCloseTransitionEndRef.current?.();
+    };
+    // transitionend does not fire if the slide-out never runs, so also finish on a timer
+    useEffect(() => {
+        if (!isClosing) {
+            hasFinishedClosingRef.current = false;
+            return;
+        }
+        const timeout = setTimeout(finishClosing, CLOSE_TRANSITION_FALLBACK_MS);
+        return () => clearTimeout(timeout);
+    }, [isClosing]);
+    const handleTransitionEnd = (event) => {
+        if (isClosing && event.target === event.currentTarget && event.propertyName === 'right') {
+            finishClosing();
+        }
+    };
+    return (_jsxs("aside", { ...rest, className: classNames('ds-slideover', {
             'ds-slideover--initial': isFirstRender,
-        }), children: [_jsxs("div", { className: classNames('ds-slideover__header', { 'ds-slideover__header--center': centerHeaderText }), children: [!hideBackButton && (_jsxs(Button, { variant: "tertiary", onClick: SlideoverUtils.removeSlideover, children: [_jsx(Icon, { name: "chevrons-left" }), "Back"] })), _jsxs(Heading, { level: 2, children: [title, headerIcon && _jsx(Icon, { name: headerIcon })] })] }), _jsx("div", { className: "ds-slideover__contents", children: children }), footerContents && _jsx("div", { className: "ds-slideover__footer", children: footerContents })] }));
+            'ds-slideover--closing': isClosing,
+        }), onTransitionEnd: handleTransitionEnd, children: [_jsxs("div", { className: classNames('ds-slideover__header', { 'ds-slideover__header--center': centerHeaderText }), children: [!hideBackButton && (_jsxs(Button, { variant: "tertiary", onClick: () => onBack(), children: [_jsx(Icon, { name: "chevrons-left" }), backButtonText] })), _jsxs(Heading, { level: 2, children: [title, headerIcon && _jsx(Icon, { name: headerIcon })] }), headerActions && _jsx("div", { className: "ds-slideover__header-actions", children: headerActions })] }), _jsx("div", { className: "ds-slideover__contents", children: children }), footerContents && _jsx("div", { className: "ds-slideover__footer", children: footerContents })] }));
 };
 //# sourceMappingURL=Slideover.js.map

package/dist/components/slideover/Slideover.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Slideover.js","sourceRoot":"","sources":["../../../src/components/slideover/Slideover.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AAErD,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,QAAQ,~~EAAkB~~,MAAM,OAAO,CAAC;~~AACjD~~,OAAO,EAAE,oBAAoB,EAAE,MAAM,kCAAkC,CAAC;AACxE,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;~~AAWtD~~,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,KAAqB,EAAE,EAAE;IACjD,MAAM,EACJ,KAAK,EACL,QAAQ,EACR,cAAc,EACd,UAAU,EACV,gBAAgB,GAAG,IAAI,EACvB,cAAc,~~GACf~~,GAAG,KAAK,CAAC;IAEV,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAEzD,oBAAoB,CAAC,GAAG,EAAE;QACxB,gBAAgB,CAAC,KAAK,CAAC,CAAC;IAC1B,CAAC,CAAC,CAAC;IAEH,OAAO,CACL,~~iBAAO~~,SAAS,EAAE,UAAU,CAAC,cAAc,~~EACzC~~;YACE,uBAAuB,EAAE,aAAa;~~SACvC~~,CACF,~~aAEC~~,eAAK,SAAS,EAAE,UAAU,CAAC,sBAAsB,EAAE,EAAE,8BAA8B,EAAE,gBAAgB,EAAE,CAAC,aAEpG,CAAC,cAAc,IAAI,CACjB,MAAC,MAAM,IAAC,OAAO,EAAC,UAAU,EAAC,OAAO,EAAE,~~cAAc~~,CAAC,~~eAAe~~,~~aAChE~~,KAAC,IAAI,IAAC,IAAI,EAAC,eAAe,GAAG,~~YAEtB~~,CACV,EAEH,MAAC,OAAO,IAAC,KAAK,EAAE,CAAC,aACd,KAAK,EACL,UAAU,IAAI,KAAC,IAAI,IAAC,IAAI,EAAE,UAAU,GAAI,IACjC,~~IACN~~,EAEN,cAAK,SAAS,EAAC,wBAAwB,YAAE,QAAQ,GAAO,EAEvD,cAAc,IAAI,cAAK,SAAS,EAAC,sBAAsB,YAAE,cAAc,GAAO,IACzE,CACT,CAAC;AACJ,CAAC,CAAC"}
1	+ {"version":3,"file":"Slideover.js","sourceRoot":"","sources":["../../../src/components/slideover/Slideover.tsx"],"names":[],"mappings":"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"}

package/dist/components/slideover/Slideover.test.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { expect, test, describe, vi } from 'vitest';
-import { render, screen, fireEvent } from '@testing-library/react';
+import { expect, test, describe, vi, beforeEach, afterEach } from 'vitest';
+import { render, screen, fireEvent, createEvent, act } from '@testing-library/react';
 import { Slideover } from './Slideover.js';
 import '@testing-library/jest-dom/vitest';
 import { SlideoverUtils } from '../../utils/SlideoverUtils.js';
@@ -9,7 +9,15 @@ vi.mock('Utils/SlideoverUtils', () => ({
         removeSlideover: vi.fn(),
     },
 }));
+const fireTransitionEnd = (element, propertyName) => {
+    const event = createEvent.transitionEnd(element);
+    Object.defineProperty(event, 'propertyName', { value: propertyName });
+    fireEvent(element, event);
+};
 describe('Slideover', () => {
+    beforeEach(() => {
+        vi.mocked(SlideoverUtils.removeSlideover).mockClear();
+    });
     test('renders the title and children', () => {
         render(_jsx(Slideover, { title: "My Test Slideover", children: _jsx("div", { children: "My Content" }) }));
         expect(screen.getByText('My Test Slideover')).toBeInTheDocument();
@@ -29,5 +37,111 @@ describe('Slideover', () => {
         fireEvent.click(backButton);
         expect(SlideoverUtils.removeSlideover).toHaveBeenCalled();
     });
+    describe('onBack', () => {
+        test('calls onBack instead of removeSlideover when provided', () => {
+            const onBack = vi.fn();
+            render(_jsx(Slideover, { onBack: onBack }));
+            fireEvent.click(screen.getByRole('button', { name: /Back/i }));
+            expect(onBack).toHaveBeenCalledTimes(1);
+            expect(SlideoverUtils.removeSlideover).not.toHaveBeenCalled();
+        });
+    });
+    describe('backButtonText', () => {
+        test('labels the back button with backButtonText', () => {
+            render(_jsx(Slideover, { backButtonText: "Yn \u00F4l" }));
+            expect(screen.getByRole('button', { name: 'Yn ôl' })).toBeInTheDocument();
+            expect(screen.queryByRole('button', { name: 'Back' })).not.toBeInTheDocument();
+        });
+        test('defaults the label to Back', () => {
+            render(_jsx(Slideover, {}));
+            expect(screen.getByRole('button', { name: 'Back' })).toBeInTheDocument();
+        });
+    });
+    describe('headerActions', () => {
+        test('renders header actions in the header', () => {
+            render(_jsx(Slideover, { title: "Student", headerActions: _jsx("button", { type: "button", children: "Edit" }) }));
+            const header = screen.getByRole('heading', { name: 'Student' }).parentElement;
+            expect(header).toContainElement(screen.getByRole('button', { name: 'Edit' }));
+        });
+        test('renders no header actions container when headerActions is not provided', () => {
+            const { container } = render(_jsx(Slideover, {}));
+            expect(container.querySelector('.ds-slideover__header-actions')).not.toBeInTheDocument();
+        });
+    });
+    describe('closing', () => {
+        test('is not marked as closing by default', () => {
+            const { container } = render(_jsx(Slideover, {}));
+            expect(container.querySelector('.ds-slideover')).not.toHaveClass('ds-slideover--closing');
+        });
+        test('is marked as closing when isClosing is set', () => {
+            const { container } = render(_jsx(Slideover, { isClosing: true }));
+            expect(container.querySelector('.ds-slideover')).toHaveClass('ds-slideover--closing');
+        });
+        test('calls onCloseTransitionEnd when the closing slide-out finishes', () => {
+            const onCloseTransitionEnd = vi.fn();
+            const { container } = render(_jsx(Slideover, { isClosing: true, onCloseTransitionEnd: onCloseTransitionEnd }));
+            fireTransitionEnd(container.querySelector('.ds-slideover'), 'right');
+            expect(onCloseTransitionEnd).toHaveBeenCalledTimes(1);
+        });
+        test('does not call onCloseTransitionEnd when the enter slide-in finishes', () => {
+            const onCloseTransitionEnd = vi.fn();
+            const { container } = render(_jsx(Slideover, { onCloseTransitionEnd: onCloseTransitionEnd }));
+            fireTransitionEnd(container.querySelector('.ds-slideover'), 'right');
+            expect(onCloseTransitionEnd).not.toHaveBeenCalled();
+        });
+        describe('when the slide-out transition never runs', () => {
+            beforeEach(() => {
+                vi.useFakeTimers();
+            });
+            afterEach(() => {
+                vi.useRealTimers();
+            });
+            test('still calls onCloseTransitionEnd once the transition time has passed', () => {
+                const onCloseTransitionEnd = vi.fn();
+                render(_jsx(Slideover, { isClosing: true, onCloseTransitionEnd: onCloseTransitionEnd }));
+                act(() => {
+                    vi.advanceTimersByTime(299);
+                });
+                expect(onCloseTransitionEnd).not.toHaveBeenCalled();
+                act(() => {
+                    vi.advanceTimersByTime(200);
+                });
+                expect(onCloseTransitionEnd).toHaveBeenCalledTimes(1);
+            });
+            test('calls onCloseTransitionEnd once when the transition does finish', () => {
+                const onCloseTransitionEnd = vi.fn();
+                const { container } = render(_jsx(Slideover, { isClosing: true, onCloseTransitionEnd: onCloseTransitionEnd }));
+                fireTransitionEnd(container.querySelector('.ds-slideover'), 'right');
+                act(() => {
+                    vi.advanceTimersByTime(1000);
+                });
+                expect(onCloseTransitionEnd).toHaveBeenCalledTimes(1);
+            });
+            test('does not call onCloseTransitionEnd if closing is cancelled first', () => {
+                const onCloseTransitionEnd = vi.fn();
+                const { rerender } = render(_jsx(Slideover, { isClosing: true, onCloseTransitionEnd: onCloseTransitionEnd }));
+                rerender(_jsx(Slideover, { onCloseTransitionEnd: onCloseTransitionEnd }));
+                act(() => {
+                    vi.advanceTimersByTime(1000);
+                });
+                expect(onCloseTransitionEnd).not.toHaveBeenCalled();
+            });
+        });
+        test('ignores transitions of other properties and of child elements', () => {
+            const onCloseTransitionEnd = vi.fn();
+            const { container } = render(_jsx(Slideover, { isClosing: true, onCloseTransitionEnd: onCloseTransitionEnd, children: _jsx("div", { "data-testid": "child" }) }));
+            fireTransitionEnd(container.querySelector('.ds-slideover'), 'opacity');
+            fireTransitionEnd(screen.getByTestId('child'), 'right');
+            expect(onCloseTransitionEnd).not.toHaveBeenCalled();
+        });
+    });
+    describe('accessibility attributes', () => {
+        test('forwards role and aria attributes to the panel', () => {
+            render(_jsx(Slideover, { title: "Student", role: "dialog", "aria-label": "Student details", "aria-modal": true }));
+            const panel = screen.getByRole('dialog', { name: 'Student details' });
+            expect(panel).toHaveAttribute('aria-modal', 'true');
+            expect(panel).toHaveClass('ds-slideover');
+        });
+    });
 });
 //# sourceMappingURL=Slideover.test.js.map

package/dist/components/slideover/Slideover.test.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Slideover.test.js","sourceRoot":"","sources":["../../../src/components/slideover/Slideover.test.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAC;~~AACpD~~,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;~~AACnE~~,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,kCAAkC,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAEtD,EAAE,CAAC,IAAI,CAAC,sBAAsB,EAAE,GAAG,EAAE,CAAC,CAAC;IACrC,cAAc,EAAE;QACd,eAAe,EAAE,EAAE,CAAC,EAAE,EAAE;KACzB;CACF,CAAC,CAAC,CAAC;AAEJ,QAAQ,CAAC,WAAW,EAAE,GAAG,EAAE;IACzB,IAAI,CAAC,gCAAgC,EAAE,GAAG,EAAE;QAC1C,MAAM,CAAC,KAAC,SAAS,IAAC,KAAK,EAAC,mBAAmB,YAAC,uCAAqB,GAAY,CAAC,CAAC;QAC/E,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,mBAAmB,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QAClE,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IAC7D,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,uCAAuC,EAAE,GAAG,EAAE;QACjD,MAAM,CAAC,KAAC,SAAS,IAAC,cAAc,EAAE,yCAAuB,GAAI,CAAC,CAAC;QAC/D,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IAC/D,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,4DAA4D,EAAE,GAAG,EAAE;QACtE,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,KAAC,SAAS,KAAG,CAAC,CAAC;QAC5C,MAAM,CAAC,SAAS,CAAC,aAAa,CAAC,uBAAuB,CAAC,CAAC,CAAC,GAAG,CAAC,iBAAiB,EAAE,CAAC;IACnF,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,uDAAuD,EAAE,GAAG,EAAE;QACjE,MAAM,CAAC,KAAC,SAAS,KAAG,CAAC,CAAC;QACtB,MAAM,UAAU,GAAG,MAAM,CAAC,SAAS,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,CAAC;QACjE,SAAS,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;QAC5B,MAAM,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC,gBAAgB,EAAE,CAAC;IAC5D,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
1	+ {"version":3,"file":"Slideover.test.js","sourceRoot":"","sources":["../../../src/components/slideover/Slideover.test.tsx"],"names":[],"mappings":"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"}

package/dist/components/slideoverManager/SlideoverManager.stories.d.ts CHANGED Viewed

@@ -33,4 +33,7 @@ export declare const Default: Story;
 export declare const WithFooterActions: Story;
 export declare const StackedSlideovers: Story;
 export declare const HideBackButton: Story;
+export declare const ConfirmOnBack: Story;
+export declare const HeaderActions: Story;
+export declare const ClosingTransition: Story;
 //# sourceMappingURL=SlideoverManager.stories.d.ts.map

package/dist/components/slideoverManager/SlideoverManager.stories.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SlideoverManager.stories.d.ts","sourceRoot":"","sources":["../../../src/components/slideoverManager/SlideoverManager.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;~~AAuI5D~~,iBAAS,wBAAwB,~~gCAehC~~;AAMD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;CAoB+B,CAAC;AAE1C,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;~~AAmNnC~~,eAAO,MAAM,OAAO,EAAE,KA4CrB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAqD/B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KA4D/B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAkD5B,CAAC"}
1	+ {"version":3,"file":"SlideoverManager.stories.d.ts","sourceRoot":"","sources":["../../../src/components/slideoverManager/SlideoverManager.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AA+J5D,iBAAS,wBAAwB,gCAgBhC;AAMD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;CAoB+B,CAAC;AAE1C,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAsSnC,eAAO,MAAM,OAAO,EAAE,KA4CrB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAqD/B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KA4D/B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAkD5B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAU3B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAU3B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAU/B,CAAC"}

package/dist/components/slideoverManager/SlideoverManager.stories.js CHANGED Viewed

@@ -5,6 +5,10 @@ import { SlideoverUtils } from '../../utils/SlideoverUtils.js';
 import { Button } from '../button/Button.js';
 import { FormField } from '../formField/FormField.js';
 import { Section } from '../section/Section.js';
+import { Slideover } from '../slideover/Slideover.js';
+import { Icon } from '../icon/Icon.js';
+import { useState } from 'react';
+import { fn } from 'storybook/test';
 // ---------------------------------------------------------------------------
 // Docs page content
 // ---------------------------------------------------------------------------
@@ -40,8 +44,15 @@ const USAGE_GUIDANCE = [
     '| `children` | `ReactNode` | — | Main scrollable content |',
     '| `footerContents` | `ReactNode` | — | Sticky footer — use for primary actions (Save / Cancel) |',
     '| `headerIcon` | `IconName` | — | Icon rendered next to the title |',
+    '| `headerActions` | `ReactNode` | — | Actions rendered at the end of the header, e.g. an Edit button |',
     '| `centerHeaderText` | `boolean` | `true` | Whether the header text is centred |',
     '| `hideBackButton` | `boolean` | — | Hides the Back chevron button in the header |',
+    '| `backButtonText` | `string` | `\'Back\'` | Label for the Back button — pass a translated string |',
+    '| `onBack` | `() => void` | `SlideoverUtils.removeSlideover` | Replaces what the Back button does, e.g. to confirm unsaved changes before closing |',
+    '| `isClosing` | `boolean` | `false` | Plays the slide-out transition. Keep the panel mounted until `onCloseTransitionEnd` fires |',
+    '| `onCloseTransitionEnd` | `() => void` | — | Called once the slide-out transition started by `isClosing` has finished |',
+    '',
+    'Any other HTML attribute (`role`, `aria-label`, `aria-modal`, `id`, …) is forwarded to the panel\'s `<aside>` element.',
     '',
     '---',
     '',
@@ -108,9 +119,21 @@ const DEVELOPER_NOTES = [
     '',
     '### Accessibility',
     '',
-    '- The overlay dims the background and traps focus inside the active slideover panel.',
-    '- The Back button is keyboard accessible and labelled.',
-    '- Ensure the `title` prop is always set — it is the visible and accessible heading for the panel.',
+    '- The overlay dims the background. It does **not** trap focus, move focus into the panel on open, or close on Escape — consumers that need modal behaviour must provide it.',
+    '- The panel renders as an `<aside>`. Pass `role="dialog"`, `aria-modal` and an `aria-label` when the slideover is used as a dialog.',
+    '- The Back button is keyboard accessible and labelled. Pass `backButtonText` to translate it.',
+    '- Ensure the `title` prop is always set — it is the visible heading for the panel.',
+].join('\n');
+const CUSTOM_BEHAVIOUR_NOTES = [
+    '### Intercepting Back',
+    '',
+    'By default the Back button pops the top panel. Pass `onBack` to run your own logic first — for example, asking the user to confirm before unsaved changes are lost — and call `SlideoverUtils.removeSlideover()` yourself when it is safe to close.',
+    '',
+    '### Animating a panel out',
+    '',
+    'Panels slide in on mount. To slide one out, set `isClosing` and remove it from your stack in `onCloseTransitionEnd`. This is for consumers rendering `Slideover` from their own stack; `SlideoverUtils.addSlideover` does not accept these props, because `SlideoverManager` cannot update a panel once it is added.',
+    '',
+    '`onCloseTransitionEnd` fires when the slide-out finishes, or after a short fallback delay if no transition runs (for example when the panel is hidden or motion is reduced), so a closing panel is never left mounted.',
 ].join('\n');
 const RELATED_COMPONENTS = [
     '## Related components',
@@ -121,7 +144,7 @@ const RELATED_COMPONENTS = [
 // Docs page
 // ---------------------------------------------------------------------------
 function SlideoverManagerDocsPage() {
-    return (_jsxs(_Fragment, { children: [_jsx(Title, {}), _jsx(Subtitle, {}), _jsx(Markdown, { children: DESCRIPTION_INTRO }), _jsx(DocHeading, { children: "Usage guidance" }), _jsx(Markdown, { children: USAGE_GUIDANCE }), _jsx(DocHeading, { children: "Developer notes" }), _jsx(Markdown, { children: DEVELOPER_NOTES }), _jsx(DocHeading, { children: "Examples" }), _jsx(Stories, { title: "" }), _jsx(Markdown, { children: RELATED_COMPONENTS })] }));
+    return (_jsxs(_Fragment, { children: [_jsx(Title, {}), _jsx(Subtitle, {}), _jsx(Markdown, { children: DESCRIPTION_INTRO }), _jsx(DocHeading, { children: "Usage guidance" }), _jsx(Markdown, { children: USAGE_GUIDANCE }), _jsx(DocHeading, { children: "Developer notes" }), _jsx(Markdown, { children: DEVELOPER_NOTES }), _jsx(Markdown, { children: CUSTOM_BEHAVIOUR_NOTES }), _jsx(DocHeading, { children: "Examples" }), _jsx(Stories, { title: "" }), _jsx(Markdown, { children: RELATED_COMPONENTS })] }));
 }
 // ---------------------------------------------------------------------------
 // Meta
@@ -193,6 +216,29 @@ const HideBackButtonTemplate = () => (_jsxs(PageBackground, { children: [_jsx(Sl
                 children: (_jsxs("p", { children: ["Are you sure you want to remove", ' ', _jsx("strong", { children: "Alex Johnson" }), ' ', "from Year 5? This cannot be undone."] })),
                 footerContents: (_jsxs("div", { style: { display: 'flex', gap: 'var(--spacing-small)', justifyContent: 'flex-end' }, children: [_jsx(Button, { variant: "secondary", onClick: SlideoverUtils.removeSlideover, children: "Cancel" }), _jsx(Button, { variant: "primary-destructive", onClick: SlideoverUtils.removeSlideover, children: "Remove pupil" })] })),
             }), children: "Remove pupil" })] }));
+const ConfirmOnBackTemplate = () => (_jsxs(PageBackground, { children: [_jsx(SlideoverManager, { slideovers: [] }), _jsx(Button, { onClick: () => SlideoverUtils.addSlideover({
+                title: 'Edit Pupil Details',
+                onBack: () => {
+                    if (window.confirm('You have unsaved changes. Leave without saving?')) {
+                        SlideoverUtils.removeSlideover();
+                    }
+                },
+                children: (_jsx(FormField, { id: "pupil-name-confirm", label: "Full name", inputType: "text", inputProps: { defaultValue: 'Alex Johnson' } })),
+            }), children: "Edit pupil details" })] }));
+const handleEditClick = fn().mockName('headerActions Edit onClick');
+const HeaderActionsTemplate = () => (_jsxs(PageBackground, { children: [_jsx(SlideoverManager, { slideovers: [] }), _jsx(Button, { onClick: () => SlideoverUtils.addSlideover({
+                title: 'Pupil: Alex Johnson',
+                headerActions: (_jsxs(Button, { variant: "secondary", size: "S", onClick: handleEditClick, children: [_jsx(Icon, { name: "pencil" }), "Edit"] })),
+                children: _jsx("p", { children: "Year 5 \u00B7 Registration group 5B" }),
+            }), children: "View pupil record" })] }));
+const ClosingTransitionTemplate = () => {
+    const [isOpen, setIsOpen] = useState(false);
+    const [isClosing, setIsClosing] = useState(false);
+    return (_jsxs(PageBackground, { children: [_jsx(Button, { onClick: () => {
+                    setIsClosing(false);
+                    setIsOpen(true);
+                }, children: "Open slideover" }), isOpen && (_jsx("div", { className: "ds-slideover-manager ds-slideover-manager--active", children: _jsx(Slideover, { title: "Pupil Record", onBack: () => setIsClosing(true), isClosing: isClosing, onCloseTransitionEnd: () => setIsOpen(false), role: "dialog", "aria-modal": true, "aria-label": "Pupil Record", children: _jsx("p", { children: "Press Back to watch the panel slide out before it is removed." }) }) }))] }));
+};
 // ---------------------------------------------------------------------------
 // Stories
 // ---------------------------------------------------------------------------
@@ -395,4 +441,28 @@ export default RemovePupilButton;
     'Set `hideBackButton={true}` when the panel represents an action the user must explicitly confirm or cancel.',
     'Without a Back button, the user must interact with the footer actions — reducing accidental dismissal.',
 ].join(' '));
+export const ConfirmOnBack = withDescription({
+    render: ConfirmOnBackTemplate,
+    parameters: { controls: { disable: true } },
+}, [
+    'Pass `onBack` to replace what the Back button does.',
+    'Here it asks for confirmation before closing, the pattern for protecting unsaved changes.',
+    'Call `SlideoverUtils.removeSlideover()` yourself once it is safe to close.',
+].join(' '));
+export const HeaderActions = withDescription({
+    render: HeaderActionsTemplate,
+    parameters: { controls: { disable: true } },
+}, [
+    'Use `headerActions` to place actions such as Edit at the end of the header.',
+    'Clicking Edit here logs to the Actions panel.',
+    'Pass `backButtonText` to replace the Back label, for example with a translated string.',
+].join(' '));
+export const ClosingTransition = withDescription({
+    render: ClosingTransitionTemplate,
+    parameters: { controls: { disable: true } },
+}, [
+    'Set `isClosing` to slide a panel out, and unmount it in `onCloseTransitionEnd`.',
+    'This example renders `Slideover` from its own state rather than through `SlideoverManager`,',
+    'and forwards `role`, `aria-modal` and `aria-label` to use the panel as a dialog.',
+].join(' '));
 //# sourceMappingURL=SlideoverManager.stories.js.map

package/dist/components/slideoverManager/SlideoverManager.stories.js.map CHANGED Viewed

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

package/dist/components/widgetCalendar/WidgetCalendar.stories.d.ts CHANGED Viewed

@@ -136,6 +136,7 @@ export declare const Interactive: Story;
 export declare const WithHeadingLinkProps: Story;
 export declare const PrimaryEventType: Story;
 export declare const SecondaryEventType: Story;
+export declare const AllEventTypes: Story;
 export declare const NonInteractiveItems: Story;
 export declare const WithoutLocation: Story;
 export declare const CustomSecondaryContent: Story;

package/dist/components/widgetCalendar/WidgetCalendar.stories.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"WidgetCalendar.stories.d.ts","sourceRoot":"","sources":["../../../src/components/widgetCalendar/WidgetCalendar.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAa5D,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;~~AAwOrD~~,iBAAS,sBAAsB,gCAmB9B;AAMD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiG6B,CAAC;AAExC,eAAe,IAAI,CAAC;AAGpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,cAAc,CAAC,CAAC;AAoJ7C,eAAO,MAAM,OAAO,EAAE,KAgBrB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAsCzB,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAgDlC,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KA6B9B,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KA6BhC,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KA6BjC,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAwB7B,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,KA0BpC,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAoBzB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAwC9B,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAUnB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAiB9B,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAmBjC,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAkDxB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAwCrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAoCvB,CAAC"}
1	+ {"version":3,"file":"WidgetCalendar.stories.d.ts","sourceRoot":"","sources":["../../../src/components/widgetCalendar/WidgetCalendar.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAa5D,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AA2OrD,iBAAS,sBAAsB,gCAmB9B;AAMD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiG6B,CAAC;AAExC,eAAe,IAAI,CAAC;AAGpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,cAAc,CAAC,CAAC;AAoJ7C,eAAO,MAAM,OAAO,EAAE,KAgBrB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAsCzB,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAgDlC,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KA6B9B,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KA6BhC,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAwE3B,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KA6BjC,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAwB7B,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,KA0BpC,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAoBzB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAwC9B,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAUnB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAiB9B,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAmBjC,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAkDxB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAwCrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAoCvB,CAAC"}

package/dist/components/widgetCalendar/WidgetCalendar.stories.js CHANGED Viewed

@@ -151,7 +151,7 @@ const groupedItems = [
 // ---------------------------------------------------------------------------
 const DESCRIPTION_INTRO = [
     '`WidgetCalendar` is a pre-composed dashboard widget for date/time-anchored calendar events.',
-    'It wraps [`Widget`](?path=/docs/components-widget--docs) with an event list, primary/secondary type indicators, and',
+    'It wraps [`Widget`](?path=/docs/components-widget--docs) with an event list, an eight-value event type indicator, and',
     'optional heading navigation. Each item renders a semantic `<time>` element from an ISO `eventDateTime` and a',
     'human-readable `eventTimeLabel`.',
 ].join('\n');
@@ -196,9 +196,12 @@ const DEVELOPER_NOTES = [
     'fall into the ungrouped bucket, which renders above all groups to prevent ambiguity about which group',
     'an item belongs to. Groups appear in the order their labels are first declared.',
     '',
-    '**The type-bar colour is semantic, not decorative.** `eventType="primary"` renders the brand-green bar',
-    '(`--widget-calendar-type-primary-color`), `"secondary"` renders neutral grey',
-    '(`--widget-calendar-type-secondary-color`). Choose deliberately — don\'t treat it as a purely visual toggle.',
+    '**`eventType` selects one of eight type-bar colours.** The accepted values are `primary` (the default),',
+    '`secondary`, `destructive`, `caution`, `info`, `warning`, `green`, and `purple`, matching the eight index',
+    'colours in the design. The colour is chosen by the school per event and carries no meaning of its own —',
+    '`WidgetCalendar` attaches no semantics to the value, so the same colour can represent different event',
+    'categories in different schools. Pass the value the data source supplies rather than inferring one from',
+    'the event content.',
     '',
     '**No loading, disabled, or error state exists on this component.** Handle those states in the consumer',
     '(e.g. render a Skeleton in place of `WidgetCalendar` while data loads). `isLoading` and `loadingLabel` are',
@@ -538,6 +541,76 @@ export const SecondaryEventType = withDescription({
     render: args => _jsx(WidgetCalendar, { ...args }),
     parameters: { controls: { disable: true } },
 }, 'Isolates `eventType="secondary"` — the neutral grey type bar, used for lower-priority or generic events.');
+export const AllEventTypes = withDescription({
+    args: {
+        heading: 'Calendar',
+        items: [
+            {
+                id: 'type-primary',
+                eventType: 'primary',
+                eventPrimaryTerm: 'Class',
+                eventPrimaryDefinition: 'Year 10: 10G',
+                ...classEventTime,
+            },
+            {
+                id: 'type-secondary',
+                eventType: 'secondary',
+                eventPrimaryTerm: 'Class',
+                eventPrimaryDefinition: 'Year 8: 8B',
+                ...classEventTime,
+            },
+            {
+                id: 'type-destructive',
+                eventType: 'destructive',
+                eventPrimaryTerm: 'Exam',
+                eventPrimaryDefinition: 'GCSE Maths: Paper 1',
+                ...classEventTime,
+            },
+            {
+                id: 'type-caution',
+                eventType: 'caution',
+                eventPrimaryTerm: 'Trip',
+                eventPrimaryDefinition: 'Geography field trip',
+                ...classEventTime,
+            },
+            {
+                id: 'type-info',
+                eventType: 'info',
+                eventPrimaryTerm: 'Meeting',
+                eventPrimaryDefinition: 'Parents\' evening',
+                ...classEventTime,
+            },
+            {
+                id: 'type-warning',
+                eventType: 'warning',
+                eventPrimaryTerm: 'Deadline',
+                eventPrimaryDefinition: 'Reports due to head of year',
+                ...classEventTime,
+            },
+            {
+                id: 'type-green',
+                eventType: 'green',
+                eventPrimaryTerm: 'Club',
+                eventPrimaryDefinition: 'Football: Year 9',
+                ...classEventTime,
+            },
+            {
+                id: 'type-purple',
+                eventType: 'purple',
+                eventPrimaryTerm: 'Assembly',
+                eventPrimaryDefinition: 'Whole-school assembly',
+                ...classEventTime,
+            },
+        ],
+        onItemClick: fn(),
+    },
+    render: args => _jsx(WidgetCalendar, { ...args }),
+    parameters: { controls: { disable: true } },
+}, [
+    'All eight `eventType` values side by side, so the full set of type-bar colours can be compared in one view.',
+    'The colour is chosen by the school per event — `WidgetCalendar` attaches no semantics to any of the eight',
+    'values. See the Developer notes above for the full list.',
+].join(' '));
 export const NonInteractiveItems = withDescription({
     args: {
         heading: 'Calendar',