@arbor-education/design-system.components 0.25.9 → 1.0.1

package/dist/components/sideNavigation/SideNavigation.stories.js

@@ -0,0 +1,298 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Controls, Heading as DocHeading, Primary as DocPrimary, Markdown, Stories, Subtitle, Title, } from '@storybook/addon-docs/blocks';
+import { Button } from '../button/Button.js';
+import { Icon } from '../icon/Icon.js';
+import { useState } from 'react';
+import { Sidebar } from '../sidebar/Sidebar.js';
+import { SidebarItem } from '../sidebar/SidebarItem.js';
+import { SideNavigation } from './SideNavigation.js';
+// ---------------------------------------------------------------------------
+// Docs page content
+// ---------------------------------------------------------------------------
+const DESCRIPTION_INTRO = [
+    'SideNavigation is a labelled navigation panel — the companion to the separate icon-only `Sidebar` rail.',
+    'Where `Sidebar` is a slim column of icon-only top-level destinations, `SideNavigation` is the fuller panel',
+    'that shows readable labels, nested groups, and per-item "favourite" stars.',
+    '',
+    'SideNavigation supports two mutually exclusive APIs:',
+    '',
+    '1. **Data-driven** — pass an `items` array of `SideNavigation.Node` objects and let the component render the tree.',
+    '2. **Composable** — build the tree yourself from `SideNavigation.Title`, `SideNavigation.Group`, and',
+    '   `SideNavigation.Item` as JSX children.',
+    '',
+    '> **`items` and `children` are mutually exclusive.** If both are passed, `items` silently wins and `children`',
+    '> is dropped entirely — no warning, no error.',
+    '',
+    '> **Built on [Radix UI Tooltip](https://www.radix-ui.com/primitives/docs/components/tooltip).**',
+    '> The whole tree is wrapped in a `Tooltip.Provider` internally so the favourite-star buttons can show their',
+    '> tooltips without any extra setup.',
+].join('\n');
+const USAGE_GUIDANCE = [
+    '### When to use',
+    '',
+    '- **Persistent navigation with readable labels** — school registers, reports, settings sub-pages',
+    '- **Grouped destinations** — related links nested under a collapsible, labelled group',
+    '- **Favouritable destinations** — let users pin frequently-used pages for quick access',
+    '- **Alongside the icon-only `Sidebar` rail** — as the detail panel that opens once a rail item is selected',
+    '',
+    '---',
+    '',
+    '### When NOT to use',
+    '',
+    '| Situation | Use instead |',
+    '|---|---|',
+    '| Switching between views of the *same* page content | [`Tabs`](?path=/docs/components-tabs--docs) |',
+    '| Compact, on-demand action menu | [`Dropdown`](?path=/docs/components-dropdown--docs) |',
+    '| Top-level icon-only rail with a handful of destinations | [`Sidebar`](?path=/docs/components-sidebar--docs) |',
+    '| A single flat list with no grouping or favouriting | A plain `<nav>` with a `<ul>` may be simpler |',
+].join('\n');
+const PROPS_INTRO = 'The preview below is wired to the **Controls** panel — tweak any prop to see the story update in real time.';
+const DEVELOPER_NOTES = [
+    '### Critical usage patterns',
+    '',
+    '**`items` and `children` are mutually exclusive.** Passing both means `children` is silently discarded in',
+    'favour of `items` — there is no runtime warning. Pick one API per instance.',
+    '',
+    '**`itemId` is required and load-bearing.** It drives `data-testid="side-navigation-item-{itemId}"` on the',
+    'list item, and `data-testid="side-navigation-item-favourite-{itemId}"` on the favourite button when',
+    '`canFavourite` is set.',
+    '',
+    '**`canFavourite: true` requires `favouriteTooltip`** via a TypeScript discriminated union — the compiler',
+    'enforces this before you ever open a browser.',
+    '',
+    '**Favourite clicks never bubble to the parent link/button.** `SideNavigationItemFavourite` calls',
+    '`stopPropagation` and `preventDefault` internally, so favouriting an item never triggers navigation.',
+    '',
+    '**`aria-current="page"` applies on both link and button item variants** when `current` is true — it is not',
+    'a link-only affordance.',
+    '',
+    '**`renderLink` is root-level only.** It is configured once on `<SideNavigation>` and threaded to every',
+    'descendant item via context. There is no per-item override.',
+    '',
+    '**Groups can be controlled or uncontrolled.** Pass `expanded` + `onExpandedChange` for controlled state,',
+    'or `defaultExpanded` (default `false`) for uncontrolled.',
+    '',
+    '**Known limitation — nested indentation does not deepen per level.** The CSS rule for items inside a group',
+    'reasserts the *same* `padding-left` value as a top-level item, rather than adding to it — an item nested two',
+    'groups deep sits at the same indent as an item nested one group deep. See the NestedIndentationLimitation',
+    'story for a faithful demonstration; do not attempt to "fix" this locally with inline padding.',
+    '',
+    '**The current-item highlight uses base brand tokens, not semantic ones.** `--color-brand-050`/',
+    '`--color-brand-800` is a proper AA-safe pairing, but this design system does not yet have a semantic',
+    '"selected" token family to reach for instead.',
+    '',
+    '---',
+    '',
+    '### Accessibility',
+    '',
+    '- The root renders a `<nav aria-label>` (default `"Side navigation"`) — override with a meaningful value',
+    '  when a page has more than one nav landmark',
+    '- Groups render `aria-expanded` + `aria-controls` on the toggle button, with a genuinely `aria-hidden`',
+    '  child list when collapsed',
+    '- The favourite button exposes `aria-pressed` and uses `favouriteTooltip` as its `aria-label` — the tooltip',
+    '  text doubles as the sole accessible name for the icon-only button',
+    '- `aria-current="page"` marks the active destination on both link and button item variants',
+    '',
+    '---',
+    '',
+    '### TypeScript types',
+    '',
+    '```ts',
+    "import { SideNavigation } from '@arbor-education/design-system.components';",
+    '',
+    'function MyPanel(props: SideNavigation.Props) { ... }',
+    '```',
+    '',
+    '| Type | Description |',
+    '|---|---|',
+    '| `SideNavigation.Props` | Root component props |',
+    '| `SideNavigation.GroupProps` | `SideNavigation.Group` props |',
+    '| `SideNavigation.ItemProps` | `SideNavigation.Item` props |',
+    '| `SideNavigation.TitleProps` | `SideNavigation.Title` props |',
+    '| `SideNavigation.Node` | Data-driven `items` array element (item or group) |',
+    '| `SideNavigation.ItemNode` | Data-driven leaf item node |',
+    '| `SideNavigation.GroupNode` | Data-driven group node |',
+    '| `SideNavigation.RenderLinkArgs` | Shape passed to a `renderLink` function |',
+].join('\n');
+const RELATED_COMPONENTS = [
+    '## Related components',
+    '',
+    '[Sidebar](?path=/docs/components-sidebar--docs) — the companion icon-only navigation rail SideNavigation',
+    'typically sits alongside · [Tooltip](?path=/docs/components-tooltip--docs) — powers the favourite button\'s',
+    'tooltip internally',
+].join('\n');
+function SideNavigationDocsPage() {
+    return (_jsxs(_Fragment, { children: [_jsx(Title, {}), _jsx(Subtitle, {}), _jsx(Markdown, { children: DESCRIPTION_INTRO }), _jsx(DocHeading, { children: "Interactive example" }), _jsx(Markdown, { children: PROPS_INTRO }), _jsx(DocPrimary, {}), _jsx(Controls, {}), _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 })] }));
+}
+const meta = {
+    title: 'Components/SideNavigation',
+    component: SideNavigation,
+    parameters: {
+        layout: 'padded',
+        docs: { page: SideNavigationDocsPage },
+    },
+    tags: ['autodocs'],
+    argTypes: {
+        ariaLabel: {
+            control: 'text',
+            description: 'Accessible label for the `<nav>` landmark.',
+            table: { type: { summary: 'string' }, defaultValue: { summary: '"Side navigation"' } },
+        },
+        items: {
+            control: false,
+            description: [
+                'Data-driven tree of `SideNavigationNode` objects (item and group nodes).',
+                'Mutually exclusive with `children` — if both are supplied, `items` wins and `children` is silently dropped.',
+            ].join(' '),
+            table: { type: { summary: 'SideNavigationNode[]' } },
+        },
+        renderLink: {
+            control: false,
+            description: [
+                'Render-prop for swapping the internal `<a>` for a router-aware Link component.',
+                'Configured once at the root and shared by every descendant item via context — there is no per-item override.',
+            ].join(' '),
+            table: { type: { summary: '(args: SideNavigationRenderLinkArgs) => React.ReactElement' } },
+        },
+        children: {
+            control: false,
+            description: [
+                'Composable JSX tree built from `SideNavigation.Title`, `SideNavigation.Group`, and `SideNavigation.Item`.',
+                'Mutually exclusive with `items`.',
+            ].join(' '),
+            table: { type: { summary: 'ReactNode' } },
+        },
+    },
+};
+export default meta;
+const withDescription = (story, description) => ({
+    ...story,
+    parameters: {
+        ...story.parameters,
+        docs: { ...story.parameters?.docs, description: { story: description } },
+    },
+});
+// ---------------------------------------------------------------------------
+// Shared data
+// ---------------------------------------------------------------------------
+const dataDrivenItems = [
+    { type: 'item', id: 'daily-attendance', label: 'Daily Attendance', href: '#daily-attendance', current: true },
+    { type: 'item', id: 'covid-dashboard', label: 'Covid-19 Dashboard', href: '#covid-dashboard' },
+    { type: 'item', id: 'latecomers', label: 'Latecomers', href: '#latecomers' },
+    { type: 'item', id: 'quick-follow-up', label: 'Quick Follow-Up', href: '#quick-follow-up' },
+];
+// ---------------------------------------------------------------------------
+// Templates
+// ---------------------------------------------------------------------------
+const DefaultTemplate = () => (_jsxs(SideNavigation, { children: [_jsx(SideNavigation.Title, { children: "Attendance" }), _jsx(SideNavigation.Item, { itemId: "daily-attendance", href: "#daily-attendance", current: true, children: "Daily Attendance" }), _jsx(SideNavigation.Item, { itemId: "covid-dashboard", href: "#covid-dashboard", children: "Covid-19 Dashboard" }), _jsx(SideNavigation.Item, { itemId: "latecomers", href: "#latecomers", children: "Latecomers" }), _jsx(SideNavigation.Item, { itemId: "quick-follow-up", href: "#quick-follow-up", children: "Quick Follow-Up" })] }));
+const DataDrivenTemplate = () => (_jsx(SideNavigation, { ariaLabel: "Attendance", items: dataDrivenItems }));
+const WithGroupsTemplate = () => (_jsxs(SideNavigation, { children: [_jsx(SideNavigation.Title, { children: "Registers & Attendance" }), _jsxs(SideNavigation.Group, { label: "Registers", defaultExpanded: true, children: [_jsx(SideNavigation.Item, { itemId: "daily-attendance", href: "#daily-attendance", current: true, children: "Daily Attendance" }), _jsx(SideNavigation.Item, { itemId: "covid-dashboard", href: "#covid-dashboard", children: "Covid-19 Dashboard" })] }), _jsxs(SideNavigation.Group, { label: "Absentees", children: [_jsx(SideNavigation.Item, { itemId: "latecomers", href: "#latecomers", children: "Latecomers" }), _jsx(SideNavigation.Item, { itemId: "statistics", href: "#statistics", children: "Statistics" })] })] }));
+const ControlledGroupExpansionTemplate = () => {
+    const [expanded, setExpanded] = useState(false);
+    return (_jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: 'var(--spacing-medium)' }, children: [_jsx(Button, { variant: "secondary", size: "S", onClick: () => setExpanded(prev => !prev), children: expanded ? 'Collapse "Absentees" externally' : 'Expand "Absentees" externally' }), _jsxs(SideNavigation, { children: [_jsx(SideNavigation.Title, { children: "Registers & Attendance" }), _jsxs(SideNavigation.Group, { label: "Absentees", expanded: expanded, onExpandedChange: setExpanded, children: [_jsx(SideNavigation.Item, { itemId: "latecomers", href: "#latecomers", children: "Latecomers" }), _jsx(SideNavigation.Item, { itemId: "statistics", href: "#statistics", children: "Statistics" })] })] })] }));
+};
+const interactiveNavItems = [
+    { id: 'daily-attendance', label: 'Daily Attendance' },
+    { id: 'covid-dashboard', label: 'Covid-19 Dashboard' },
+    { id: 'latecomers', label: 'Latecomers' },
+    { id: 'statistics', label: 'Statistics' },
+];
+const InteractiveCurrentItemTemplate = () => {
+    const [activeItemId, setActiveItemId] = useState('daily-attendance');
+    return (_jsxs(SideNavigation, { children: [_jsx(SideNavigation.Title, { children: "Registers" }), interactiveNavItems.map(item => (_jsx(SideNavigation.Item, { itemId: item.id, linkElement: "button", current: activeItemId === item.id, linkElementProps: { onClick: () => setActiveItemId(item.id) }, children: item.label }, item.id)))] }));
+};
+const FavouritableItemsTemplate = () => {
+    const [favourites, setFavourites] = useState({
+        'daily-attendance': true,
+        'covid-dashboard': false,
+        'latecomers': false,
+    });
+    const toggleFavourite = (id) => {
+        setFavourites(prev => ({ ...prev, [id]: !prev[id] }));
+    };
+    return (_jsxs(SideNavigation, { children: [_jsx(SideNavigation.Title, { children: "Registers" }), _jsx(SideNavigation.Item, { itemId: "daily-attendance", href: "#daily-attendance", canFavourite: true, isPressed: favourites['daily-attendance'], favouriteTooltip: favourites['daily-attendance'] ? 'Remove from favourites' : 'Add to favourites', onFavouriteClick: () => toggleFavourite('daily-attendance'), children: "Daily Attendance" }), _jsx(SideNavigation.Item, { itemId: "covid-dashboard", href: "#covid-dashboard", canFavourite: true, isPressed: favourites['covid-dashboard'], favouriteTooltip: favourites['covid-dashboard'] ? 'Remove from favourites' : 'Add to favourites', onFavouriteClick: () => toggleFavourite('covid-dashboard'), children: "Covid-19 Dashboard" }), _jsx(SideNavigation.Item, { itemId: "latecomers", href: "#latecomers", canFavourite: true, isPressed: favourites.latecomers, favouriteTooltip: favourites.latecomers ? 'Remove from favourites' : 'Add to favourites', onFavouriteClick: () => toggleFavourite('latecomers'), children: "Latecomers" })] }));
+};
+const MixedLinkAndButtonItemsTemplate = () => (_jsxs(SideNavigation, { children: [_jsx(SideNavigation.Title, { children: "My Account" }), _jsx(SideNavigation.Item, { itemId: "settings", href: "#settings", current: true, children: "Settings" }), _jsx(SideNavigation.Item, { itemId: "quick-follow-up", href: "#quick-follow-up", children: "Quick Follow-Up" }), _jsx(SideNavigation.Item, { itemId: "log-out", linkElement: "button", linkElementProps: { onClick: () => { } }, children: "Log out" })] }));
+function MockRouterLink(args) {
+    const { href, className, children, ariaCurrent, onClick, linkProps, linkElementProps } = args;
+    return (_jsx("a", { href: href, className: className, "aria-current": ariaCurrent, onClick: onClick, "data-mock-router-link": "true", ...linkProps, ...linkElementProps, children: children }));
+}
+const RenderLinkIntegrationTemplate = () => (_jsxs(SideNavigation, { renderLink: args => _jsx(MockRouterLink, { ...args }), children: [_jsx(SideNavigation.Title, { children: "Registers" }), _jsx(SideNavigation.Item, { itemId: "daily-attendance", href: "#daily-attendance", current: true, children: "Daily Attendance" }), _jsx(SideNavigation.Item, { itemId: "covid-dashboard", href: "#covid-dashboard", children: "Covid-19 Dashboard" })] }));
+const NestedIndentationLimitationTemplate = () => (_jsxs(SideNavigation, { children: [_jsx(SideNavigation.Title, { children: "Registers" }), _jsxs(SideNavigation.Group, { label: "Registers", defaultExpanded: true, children: [_jsx(SideNavigation.Item, { itemId: "daily-attendance", href: "#daily-attendance", children: "Daily Attendance (nested one level)" }), _jsxs(SideNavigation.Group, { label: "Absentees", defaultExpanded: true, children: [_jsx(SideNavigation.Item, { itemId: "latecomers", href: "#latecomers", children: "Latecomers (nested two levels)" }), _jsx(SideNavigation.Item, { itemId: "statistics", href: "#statistics", children: "Statistics (nested two levels)" })] })] })] }));
+const WithSidebarRailTemplate = () => (_jsxs("div", { style: { display: 'flex', gap: 'var(--spacing-large)' }, children: [_jsxs(Sidebar, { ariaLabel: "Primary navigation", children: [_jsx(SidebarItem, { href: "#attendance", "aria-label": "Attendance", selected: true, children: _jsx(Icon, { name: "date", size: 24 }) }), _jsx(SidebarItem, { href: "#settings", "aria-label": "Settings", children: _jsx(Icon, { name: "settings", size: 24 }) })] }), _jsxs(SideNavigation, { children: [_jsx(SideNavigation.Title, { children: "Attendance" }), _jsx(SideNavigation.Item, { itemId: "daily-attendance", href: "#daily-attendance", current: true, children: "Daily Attendance" }), _jsx(SideNavigation.Item, { itemId: "covid-dashboard", href: "#covid-dashboard", children: "Covid-19 Dashboard" }), _jsx(SideNavigation.Item, { itemId: "latecomers", href: "#latecomers", children: "Latecomers" })] })] }));
+// ---------------------------------------------------------------------------
+// Stories
+// ---------------------------------------------------------------------------
+export const Default = withDescription({ render: DefaultTemplate }, 'The composable JSX API: build the tree by hand from `SideNavigation.Title` and `SideNavigation.Item`. Reach for this when hand-authoring a navigation panel directly in a page component.');
+export const DataDriven = withDescription({
+    render: DataDrivenTemplate,
+    parameters: {
+        controls: { disable: true },
+        docs: {
+            source: {
+                language: 'tsx',
+                code: `
+import { SideNavigation } from '@arbor-education/design-system.components';
+
+const items: SideNavigation.Node[] = [
+  { type: 'item', id: 'daily-attendance', label: 'Daily Attendance', href: '#daily-attendance', current: true },
+  { type: 'item', id: 'covid-dashboard', label: 'Covid-19 Dashboard', href: '#covid-dashboard' },
+  { type: 'item', id: 'latecomers', label: 'Latecomers', href: '#latecomers' },
+  { type: 'item', id: 'quick-follow-up', label: 'Quick Follow-Up', href: '#quick-follow-up' },
+];
+
+function DataDrivenExample() {
+  return <SideNavigation ariaLabel="Attendance" items={items} />;
+}
+export default DataDrivenExample;
+`.trim(),
+            },
+        },
+    },
+}, 'The same visual result as Default, built from a data-driven `items` array of `SideNavigation.Node` objects instead of hand-written JSX. Ideal when your navigation tree comes from config, a CMS, or is generated at runtime.');
+export const WithGroups = withDescription({ render: WithGroupsTemplate, parameters: { controls: { disable: true } } }, 'Group related destinations under a collapsible, labelled group with `SideNavigation.Group`. "Registers" is expanded by default (`defaultExpanded`); "Absentees" starts collapsed — click its label to expand it.');
+export const ControlledGroupExpansion = withDescription({ render: ControlledGroupExpansionTemplate, parameters: { controls: { disable: true } } }, 'A group can be fully controlled by passing both `expanded` and `onExpandedChange` instead of `defaultExpanded`. The external button proves this genuinely mirrors outside state — clicking the group\'s own label still works too, via `onExpandedChange`.');
+export const InteractiveCurrentItem = withDescription({ render: InteractiveCurrentItemTemplate, parameters: { controls: { disable: true } } }, 'Click any item to see `current` (and the `aria-current="page"` it drives) move with it — simulating real navigation selection without needing a router in Storybook. `linkElement="button"` is used here specifically so clicking stays on this page.');
+export const FavouritableItems = withDescription({ render: FavouritableItemsTemplate, parameters: { controls: { disable: true } } }, 'Setting `canFavourite` requires `favouriteTooltip` at compile time via a TypeScript discriminated union. Clicking the star calls `onFavouriteClick` without ever triggering the item\'s own link/button navigation — the click is stopped and prevented internally.');
+export const MixedLinkAndButtonItems = withDescription({ render: MixedLinkAndButtonItemsTemplate, parameters: { controls: { disable: true } } }, 'A realistic navigation panel combining `href`-based items that genuinely navigate with a `linkElement="button"` item for an action like "Log out" that should never be a link. Both variants share the same visual styling and support `current`/`aria-current`.');
+export const RenderLinkIntegration = withDescription({
+    render: RenderLinkIntegrationTemplate,
+    parameters: {
+        controls: { disable: true },
+        docs: {
+            source: {
+                language: 'tsx',
+                code: `
+import { SideNavigation } from '@arbor-education/design-system.components';
+
+// Stand-in for a router's Link component (e.g. React Router's <Link>).
+function MockRouterLink({ href, className, children, ariaCurrent, onClick, linkProps, linkElementProps }: SideNavigation.RenderLinkArgs) {
+  return (
+    <a href={href} className={className} aria-current={ariaCurrent} onClick={onClick} {...linkProps} {...linkElementProps}>
+      {children}
+    </a>
+  );
+}
+
+function RenderLinkIntegrationExample() {
+  return (
+    <SideNavigation renderLink={args => <MockRouterLink {...args} />}>
+      <SideNavigation.Title>Registers</SideNavigation.Title>
+      <SideNavigation.Item itemId="daily-attendance" href="#daily-attendance" current>
+        Daily Attendance
+      </SideNavigation.Item>
+      <SideNavigation.Item itemId="covid-dashboard" href="#covid-dashboard">
+        Covid-19 Dashboard
+      </SideNavigation.Item>
+    </SideNavigation>
+  );
+}
+export default RenderLinkIntegrationExample;
+`.trim(),
+            },
+        },
+    },
+}, '`renderLink` is set once, at the root, and every descendant item uses it via context — there is no per-item override. In a real app, pass your router\'s `<Link>` component here instead of the `MockRouterLink` stand-in shown in this story.');
+export const NestedIndentationLimitation = withDescription({ render: NestedIndentationLimitationTemplate, parameters: { controls: { disable: true } } }, '**Known limitation, documented honestly rather than hidden:** the styling for an item link inside a group reasserts the exact same `padding-left` as a top-level item link — it does not accumulate per nesting level. "Latecomers", nested two groups deep, sits at the same indent as "Daily Attendance", nested one group deep. This is a genuine limitation of the current CSS, not a mistake in this story — do not fix it locally with inline padding, as that would only mask the underlying rule.');
+export const WithSidebarRail = withDescription({ render: WithSidebarRailTemplate, parameters: { controls: { disable: true } } }, 'The realistic paired layout: the icon-only `Sidebar` rail alongside a fuller, labelled `SideNavigation` panel. `SideNavigation` is styled as a panel by default — width (`--sidebar-nav-panel-width`), gap, and overflow are all built in, so no wrapper styling is needed here.');
+//# sourceMappingURL=SideNavigation.stories.js.map

package/dist/components/sideNavigation/SideNavigation.stories.js.map

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

package/dist/components/sideNavigation/SideNavigation.test.d.ts

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

package/dist/components/sideNavigation/SideNavigation.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SideNavigation.test.d.ts","sourceRoot":"","sources":["../../../src/components/sideNavigation/SideNavigation.test.tsx"],"names":[],"mappings":"AAAA,OAAO,kCAAkC,CAAC"}

package/dist/components/sideNavigation/SideNavigation.test.js

@@ -0,0 +1,74 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import '@testing-library/jest-dom/vitest';
+import { render, screen } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+import { describe, expect, test, vi } from 'vitest';
+import { SideNavigation } from './SideNavigation.js';
+import { SideNavigationItem } from './SideNavigationItem.js';
+describe('SideNavigation', () => {
+    test('renders a nav with the default ariaLabel', () => {
+        render(_jsx(SideNavigation, { items: [] }));
+        expect(screen.getByRole('navigation', { name: 'Side navigation' })).toBeInTheDocument();
+    });
+    test('renders a nav with a custom ariaLabel', () => {
+        render(_jsx(SideNavigation, { ariaLabel: "Attendance navigation", items: [] }));
+        expect(screen.getByRole('navigation', { name: 'Attendance navigation' })).toBeInTheDocument();
+    });
+    test('renders composable children when items is omitted', () => {
+        render(_jsx(SideNavigation, { children: _jsx(SideNavigationItem, { itemId: "daily", href: "/daily", children: "Daily Attendance" }) }));
+        expect(screen.getByRole('link', { name: 'Daily Attendance' })).toBeInTheDocument();
+    });
+    test('renders leaf items from the data-driven items prop', () => {
+        render(_jsx(SideNavigation, { items: [
+                { type: 'item', id: 'daily', label: 'Daily Attendance', href: '/daily' },
+            ] }));
+        expect(screen.getByRole('link', { name: 'Daily Attendance' })).toHaveAttribute('href', '/daily');
+    });
+    test('renders groups from the data-driven items prop and expands them on click', async () => {
+        render(_jsx(SideNavigation, { items: [
+                {
+                    type: 'group',
+                    id: 'registers',
+                    label: 'Registers',
+                    children: [
+                        { type: 'item', id: 'daily', label: 'Daily Attendance', href: '/daily' },
+                    ],
+                },
+            ] }));
+        const trigger = screen.getByRole('button', { name: 'Registers' });
+        expect(trigger).toHaveAttribute('aria-expanded', 'false');
+        await userEvent.click(trigger);
+        expect(trigger).toHaveAttribute('aria-expanded', 'true');
+        expect(screen.getByRole('link', { name: 'Daily Attendance' })).toBeInTheDocument();
+    });
+    test('renders nested groups from the data-driven items prop', () => {
+        render(_jsx(SideNavigation, { items: [
+                {
+                    type: 'group',
+                    id: 'a',
+                    label: 'A',
+                    defaultExpanded: true,
+                    children: [
+                        {
+                            type: 'group',
+                            id: 'b',
+                            label: 'B',
+                            defaultExpanded: true,
+                            children: [
+                                { type: 'item', id: 'c', label: 'C', href: '/c' },
+                            ],
+                        },
+                    ],
+                },
+            ] }));
+        expect(screen.getByRole('button', { name: 'A' })).toBeInTheDocument();
+        expect(screen.getByRole('button', { name: 'B' })).toBeInTheDocument();
+        expect(screen.getByRole('link', { name: 'C' })).toBeInTheDocument();
+    });
+    test('applies renderLink to items produced from the items prop', () => {
+        const renderLink = vi.fn(({ href, className, children }) => (_jsx("a", { href: href, className: className, "data-custom-link": "true", children: children })));
+        render(_jsx(SideNavigation, { renderLink: renderLink, items: [{ type: 'item', id: 'daily', label: 'Daily Attendance', href: '/daily' }] }));
+        expect(screen.getByText('Daily Attendance').closest('a')).toHaveAttribute('data-custom-link', 'true');
+    });
+});
+//# sourceMappingURL=SideNavigation.test.js.map

package/dist/components/sideNavigation/SideNavigation.test.js.map

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

package/dist/components/sideNavigation/SideNavigationContext.d.ts

@@ -0,0 +1,10 @@
+import type { SideNavigationRenderLinkArgs } from './types.js';
+export type SideNavigationContextValue = {
+    renderLink?: (args: SideNavigationRenderLinkArgs) => React.ReactElement;
+};
+export declare function SideNavigationProvider(props: {
+    value: SideNavigationContextValue;
+    children: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function useSideNavigationContext(): SideNavigationContextValue;
+//# sourceMappingURL=SideNavigationContext.d.ts.map

package/dist/components/sideNavigation/SideNavigationContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SideNavigationContext.d.ts","sourceRoot":"","sources":["../../../src/components/sideNavigation/SideNavigationContext.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,YAAY,CAAC;AAE/D,MAAM,MAAM,0BAA0B,GAAG;IACvC,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,4BAA4B,KAAK,KAAK,CAAC,YAAY,CAAC;CACzE,CAAC;AAIF,wBAAgB,sBAAsB,CAAC,KAAK,EAAE;IAAE,KAAK,EAAE,0BAA0B,CAAC;IAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,2CAO7G;AAED,wBAAgB,wBAAwB,+BAMvC"}

package/dist/components/sideNavigation/SideNavigationContext.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext } from 'react';
+const SideNavigationContext = createContext(null);
+export function SideNavigationProvider(props) {
+    const { value, children } = props;
+    return (_jsx(SideNavigationContext.Provider, { value: value, children: children }));
+}
+export function useSideNavigationContext() {
+    const ctx = useContext(SideNavigationContext);
+    if (!ctx) {
+        throw new Error('SideNavigation components must be used within <SideNavigation>.');
+    }
+    return ctx;
+}
+//# sourceMappingURL=SideNavigationContext.js.map

package/dist/components/sideNavigation/SideNavigationContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SideNavigationContext.js","sourceRoot":"","sources":["../../../src/components/sideNavigation/SideNavigationContext.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAOlD,MAAM,qBAAqB,GAAG,aAAa,CAAoC,IAAI,CAAC,CAAC;AAErF,MAAM,UAAU,sBAAsB,CAAC,KAAuE;IAC5G,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAClC,OAAO,CACL,KAAC,qBAAqB,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,YACzC,QAAQ,GACsB,CAClC,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,wBAAwB;IACtC,MAAM,GAAG,GAAG,UAAU,CAAC,qBAAqB,CAAC,CAAC;IAC9C,IAAI,CAAC,GAAG,EAAE,CAAC;QACT,MAAM,IAAI,KAAK,CAAC,iEAAiE,CAAC,CAAC;IACrF,CAAC;IACD,OAAO,GAAG,CAAC;AACb,CAAC"}

package/dist/components/{sidebarNav/SidebarNavGroup.d.ts → sideNavigation/SideNavigationGroup.d.ts}

@@ -1,10 +1,10 @@
 import type { HTMLAttributes } from 'react';
-export type SidebarNavGroupProps = {
+export type SideNavigationGroupProps = {
     label: string;
     expanded?: boolean;
     defaultExpanded?: boolean;
     onExpandedChange?: (expanded: boolean) => void;
     children: React.ReactNode;
 } & Omit<HTMLAttributes<HTMLLIElement>, 'children'>;
-export declare const SidebarNavGroup: (props: SidebarNavGroupProps) => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=SidebarNavGroup.d.ts.map
+export declare const SideNavigationGroup: (props: SideNavigationGroupProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SideNavigationGroup.d.ts.map

package/dist/components/sideNavigation/SideNavigationGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SideNavigationGroup.d.ts","sourceRoot":"","sources":["../../../src/components/sideNavigation/SideNavigationGroup.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAI5C,MAAM,MAAM,wBAAwB,GAAG;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,GAAG,IAAI,CAAC,cAAc,CAAC,aAAa,CAAC,EAAE,UAAU,CAAC,CAAC;AAEpD,eAAO,MAAM,mBAAmB,GAAI,OAAO,wBAAwB,4CA4ClE,CAAC"}

package/dist/components/sideNavigation/SideNavigationGroup.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Icon } from '../icon/Icon.js';
+import classNames from 'classnames';
+import { useId } from 'react';
+import { useControllableBoolean } from '../../utils/hooks/useControllableBoolean.js';
+export const SideNavigationGroup = (props) => {
+    const { label, expanded, defaultExpanded = false, onExpandedChange, className, children, ...rest } = props;
+    const ulId = useId();
+    const { value: isExpanded, set: setExpanded } = useControllableBoolean({
+        value: expanded,
+        defaultValue: defaultExpanded,
+        onChange: onExpandedChange,
+    });
+    return (_jsxs("li", { className: classNames('ds-side-navigation__list-item', 'ds-side-navigation__group', className), ...rest, children: [_jsxs("button", { type: "button", className: "ds-side-navigation__group-link", "aria-expanded": isExpanded, "aria-controls": ulId, onClick: () => setExpanded(!isExpanded), children: [_jsx(Icon, { name: "chevron-right", size: 16, className: "ds-side-navigation__group-chevron" }), _jsx("span", { className: "ds-side-navigation__group-label", children: label })] }), _jsx("ul", { id: ulId, "aria-hidden": !isExpanded, className: "ds-side-navigation__group-children", children: children })] }));
+};
+//# sourceMappingURL=SideNavigationGroup.js.map

package/dist/components/sideNavigation/SideNavigationGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SideNavigationGroup.js","sourceRoot":"","sources":["../../../src/components/sideNavigation/SideNavigationGroup.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AAC9B,OAAO,EAAE,sBAAsB,EAAE,MAAM,oCAAoC,CAAC;AAU5E,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,KAA+B,EAAE,EAAE;IACrE,MAAM,EACJ,KAAK,EACL,QAAQ,EACR,eAAe,GAAG,KAAK,EACvB,gBAAgB,EAChB,SAAS,EACT,QAAQ,EACR,GAAG,IAAI,EACR,GAAG,KAAK,CAAC;IAEV,MAAM,IAAI,GAAG,KAAK,EAAE,CAAC;IACrB,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,EAAE,WAAW,EAAE,GAAG,sBAAsB,CAAC;QACrE,KAAK,EAAE,QAAQ;QACf,YAAY,EAAE,eAAe;QAC7B,QAAQ,EAAE,gBAAgB;KAC3B,CAAC,CAAC;IAEH,OAAO,CACL,cAAI,SAAS,EAAE,UAAU,CAAC,+BAA+B,EAAE,2BAA2B,EAAE,SAAS,CAAC,KAAM,IAAI,aAC1G,kBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,gCAAgC,mBAC3B,UAAU,mBACV,IAAI,EACnB,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,CAAC,UAAU,CAAC,aAEvC,KAAC,IAAI,IACH,IAAI,EAAC,eAAe,EACpB,IAAI,EAAE,EAAE,EACR,SAAS,EAAC,mCAAmC,GAC7C,EACF,eAAM,SAAS,EAAC,iCAAiC,YAAE,KAAK,GAAQ,IACzD,EAET,aACE,EAAE,EAAE,IAAI,iBACK,CAAC,UAAU,EACxB,SAAS,EAAC,oCAAoC,YAE7C,QAAQ,GACN,IACF,CACN,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/sideNavigation/SideNavigationGroup.test.d.ts

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

package/dist/components/sideNavigation/SideNavigationGroup.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SideNavigationGroup.test.d.ts","sourceRoot":"","sources":["../../../src/components/sideNavigation/SideNavigationGroup.test.tsx"],"names":[],"mappings":"AAAA,OAAO,kCAAkC,CAAC"}

package/dist/components/sideNavigation/SideNavigationGroup.test.js

@@ -0,0 +1,58 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import '@testing-library/jest-dom/vitest';
+import { render, screen } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+import { describe, expect, test, vi } from 'vitest';
+import { SideNavigationGroup } from './SideNavigationGroup.js';
+describe('SideNavigationGroup', () => {
+    test('renders the label on a button with aria-expanded reflecting the collapsed state', () => {
+        render(_jsx(SideNavigationGroup, { label: "Registers", children: _jsx("li", { children: "Daily attendance" }) }));
+        const trigger = screen.getByRole('button', { name: 'Registers' });
+        expect(trigger).toHaveAttribute('aria-expanded', 'false');
+    });
+    test('defaults to expanded when defaultExpanded is true', () => {
+        render(_jsx(SideNavigationGroup, { label: "Registers", defaultExpanded: true, children: _jsx("li", { children: "Daily attendance" }) }));
+        expect(screen.getByRole('button', { name: 'Registers' })).toHaveAttribute('aria-expanded', 'true');
+    });
+    test('toggles aria-expanded and the children list aria-hidden when clicked (uncontrolled)', async () => {
+        render(_jsx(SideNavigationGroup, { label: "Registers", children: _jsx("li", { children: "Daily attendance" }) }));
+        const trigger = screen.getByRole('button', { name: 'Registers' });
+        const childrenList = document.getElementById(trigger.getAttribute('aria-controls'));
+        expect(childrenList).toHaveAttribute('aria-hidden', 'true');
+        await userEvent.click(trigger);
+        expect(trigger).toHaveAttribute('aria-expanded', 'true');
+        expect(childrenList).toHaveAttribute('aria-hidden', 'false');
+        await userEvent.click(trigger);
+        expect(trigger).toHaveAttribute('aria-expanded', 'false');
+        expect(childrenList).toHaveAttribute('aria-hidden', 'true');
+    });
+    test('calls onExpandedChange when toggled', async () => {
+        const onExpandedChange = vi.fn();
+        render(_jsx(SideNavigationGroup, { label: "Registers", onExpandedChange: onExpandedChange, children: _jsx("li", { children: "Daily attendance" }) }));
+        await userEvent.click(screen.getByRole('button', { name: 'Registers' }));
+        expect(onExpandedChange).toHaveBeenCalledWith(true);
+    });
+    test('is fully controlled via the expanded prop', async () => {
+        const onExpandedChange = vi.fn();
+        const { rerender } = render(_jsx(SideNavigationGroup, { label: "Registers", expanded: false, onExpandedChange: onExpandedChange, children: _jsx("li", { children: "Daily attendance" }) }));
+        const trigger = screen.getByRole('button', { name: 'Registers' });
+        await userEvent.click(trigger);
+        expect(onExpandedChange).toHaveBeenCalledWith(true);
+        expect(trigger).toHaveAttribute('aria-expanded', 'false');
+        rerender(_jsx(SideNavigationGroup, { label: "Registers", expanded: true, onExpandedChange: onExpandedChange, children: _jsx("li", { children: "Daily attendance" }) }));
+        expect(trigger).toHaveAttribute('aria-expanded', 'true');
+    });
+    test('supports nested groups collapsing independently', async () => {
+        render(_jsx(SideNavigationGroup, { label: "A", children: _jsx(SideNavigationGroup, { label: "B", children: _jsx("li", { children: "C" }) }) }));
+        const triggerA = screen.getByRole('button', { name: 'A' });
+        const triggerB = screen.getByRole('button', { name: 'B', hidden: true });
+        const groupBChildren = document.getElementById(triggerB.getAttribute('aria-controls'));
+        expect(groupBChildren).toHaveAttribute('aria-hidden', 'true');
+        await userEvent.click(triggerA);
+        expect(groupBChildren).toHaveAttribute('aria-hidden', 'true');
+        await userEvent.click(screen.getByRole('button', { name: 'B' }));
+        expect(groupBChildren).toHaveAttribute('aria-hidden', 'false');
+        expect(screen.getByText('C')).toBeInTheDocument();
+    });
+});
+//# sourceMappingURL=SideNavigationGroup.test.js.map

package/dist/components/sideNavigation/SideNavigationGroup.test.js.map

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