@arbor-education/design-system.components 0.21.1 → 0.22.0

package/dist/components/tagList/TagList.stories.js

@@ -0,0 +1,443 @@
+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 { Icon } from '../icon/Icon.js';
+import { Modal } from '../modal/Modal.js';
+import { useRef, useState } from 'react';
+import { fn } from 'storybook/test';
+import { TagList } from './TagList.js';
+const DESCRIPTION_INTRO = [
+    '`TagList` lays out a sequence of shared `Tag` interactions, including optional remove buttons,',
+    'controlled highlight state, and single-row overflow collapsing. It is the shared building block',
+    'behind places like `FilterBar` and Combobox chip displays.',
+].join(' ');
+const USAGE_GUIDANCE = [
+    '### When to use',
+    '',
+    '- Applied-filter summaries where each tag can reopen or remove a criterion',
+    '- Token or chip lists that need shared keyboard movement between tag actions and remove buttons',
+    '- Constrained layouts where hidden items should collapse behind a summary instead of wrapping',
+    '',
+    '---',
+    '',
+    '### When NOT to use',
+    '',
+    '| Situation | Use instead |',
+    '|---|---|',
+    '| You need a single standalone chip | [`Tag`](?path=/docs/components-tag--docs) on its own |',
+    '| You want hidden items to wrap onto multiple lines | `wrap={true}` rather than `collapseOverflow` |',
+    '| You expect `+N more` to reveal hidden tags automatically | Wire `overflowOnClick` to your own disclosure or management surface |',
+].join('\n');
+const DEVELOPER_NOTES = [
+    '### Critical usage patterns',
+    '',
+    '**`wrap` and `collapseOverflow` are different modes.** `collapseOverflow` only applies when `wrap` is `false`.',
+    'If wrapping is enabled, the list expands onto multiple lines instead of collapsing behind `+N more`.',
+    '',
+    '**Overflow is callback-driven.** `+N more` is only interactive when `overflowOnClick` is provided.',
+    'Without that callback it is an informational summary, not an inline expansion control.',
+    '',
+    '**Keyboard movement follows interactive targets, not just items.** When a tag is removable, roving focus moves',
+    'from the tag action to its remove button before continuing to the next tag. `Home` and `End` jump to the first',
+    'and last interactive target. `Delete` and `Backspace` trigger removal for the focused removable item.',
+    '',
+    '**Use specific labels.** Give removable items a concrete `removeLabel`, and give overflow an',
+    '`overflowActionLabel` whenever it is clickable.',
+    '',
+    '**Provide a fallback focus target when removal can empty the list.** Pass `returnFocusRef` when the next',
+    'logical destination lives outside the tag list, such as a filter toolbar button or a combobox trigger.',
+    '',
+    '---',
+    '',
+    '### Accessibility',
+    '',
+    '- Provide `ariaLabel` when the list needs an accessible name',
+    '- Use `actionLabel` when the visible tag text is not descriptive enough for screen readers',
+    '- Use `removeLabel` for precise remove-button announcements instead of repeated generic “Remove” buttons',
+    '- When overflow reopens another surface, pass `overflowAriaControls` and `overflowAriaExpanded` to describe that relationship',
+    '',
+    '---',
+    '',
+    '### TypeScript types',
+    '',
+    '```ts',
+    "import { TagList, type TagListItem, type TagListProps } from '../tagList/TagList.js';",
+    '```',
+    '',
+    '| Type | Description |',
+    '|---|---|',
+    '| `TagListProps` | Full props interface for the list component |',
+    '| `TagListItem` | Item data shape for the rendered tags |',
+].join('\n');
+const RELATED_COMPONENTS = [
+    '## Related components',
+    '',
+    '[Tag](?path=/docs/components-tag--docs) · [FilterBar](?path=/docs/components-filterbar--docs) · [Combobox](?path=/docs/components-combobox--docs)',
+].join('\n');
+const PROPS_INTRO = 'The preview below is wired to the **Controls** panel for the main layout and overflow props. Complex item data and callbacks are supplied by the story templates.';
+const STORY_SHELL_STYLE = {
+    width: '100%',
+    maxWidth: 'min(100%, 48rem)',
+    padding: 'var(--spacing-large)',
+    boxSizing: 'border-box',
+};
+const NARROW_SHELL_STYLE = {
+    width: '22.5rem',
+    maxWidth: '100%',
+    padding: 'var(--spacing-medium)',
+    boxSizing: 'border-box',
+    backgroundColor: 'var(--color-mono-white)',
+};
+const DEFAULT_ITEMS = [
+    {
+        id: 'date',
+        children: 'Wed, 05 Feb 2025 AM',
+        onClick: fn(),
+        actionLabel: 'Open attendance date filter',
+        onRemove: fn(),
+        removeLabel: 'Remove attendance date filter',
+    },
+    {
+        id: 'registers',
+        children: 'Attendance registers',
+        onClick: fn(),
+        actionLabel: 'Open attendance registers filter',
+        onRemove: fn(),
+        removeLabel: 'Remove attendance registers filter',
+    },
+    {
+        id: 'interventions',
+        children: 'Interventions',
+        slotStart: _jsx(Icon, { name: "funnel", size: 12 }),
+        onClick: fn(),
+        actionLabel: 'Open interventions filter',
+    },
+    {
+        id: 'exclusions',
+        children: 'Internal exclusions',
+        onClick: fn(),
+        actionLabel: 'Open internal exclusions filter',
+        disabled: true,
+    },
+];
+const OVERFLOW_ITEMS = [
+    {
+        id: 'date',
+        children: 'Wed, 05 Feb 2025 AM',
+        onClick: fn(),
+        actionLabel: 'Open attendance date filter',
+    },
+    {
+        id: 'registers',
+        children: 'Attendance registers',
+        onClick: fn(),
+        actionLabel: 'Open attendance registers filter',
+    },
+    {
+        id: 'interventions',
+        children: 'Interventions',
+        onClick: fn(),
+        actionLabel: 'Open interventions filter',
+    },
+    {
+        id: 'exclusions',
+        children: 'Internal exclusions',
+        onClick: fn(),
+        actionLabel: 'Open internal exclusions filter',
+    },
+];
+function TagListDocsPage() {
+    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/TagList',
+    component: TagList,
+    tags: ['autodocs'],
+    parameters: {
+        layout: 'padded',
+        docs: {
+            page: TagListDocsPage,
+        },
+    },
+    argTypes: {
+        ariaLabel: {
+            control: 'text',
+            description: 'Accessible name applied to the rendered tag list.',
+            table: {
+                type: { summary: 'string' },
+            },
+        },
+        wrap: {
+            control: 'boolean',
+            description: 'Allows tags to wrap onto multiple lines instead of staying in a single row.',
+            table: {
+                type: { summary: 'boolean' },
+                defaultValue: { summary: 'false' },
+            },
+        },
+        collapseOverflow: {
+            control: 'boolean',
+            description: 'Collapses hidden tags behind `+N more` when wrapping is off.',
+            table: {
+                type: { summary: 'boolean' },
+                defaultValue: { summary: 'false' },
+            },
+        },
+        overflowActionLabel: {
+            control: 'text',
+            description: 'Accessible label for the overflow summary when `overflowOnClick` makes it interactive.',
+            table: {
+                type: { summary: 'string' },
+            },
+        },
+        overflowDisabled: {
+            control: 'boolean',
+            description: 'Disables the clickable overflow summary when `overflowOnClick` is present.',
+            table: {
+                type: { summary: 'boolean' },
+                defaultValue: { summary: 'false' },
+            },
+        },
+        overflowColor: {
+            control: 'select',
+            options: ['neutral', 'orange', 'blue', 'green', 'purple', 'teal', 'salmon', 'yellow'],
+            description: 'Colour used for the overflow summary tag.',
+            table: {
+                type: { summary: 'Tag.Color' },
+                defaultValue: { summary: 'neutral' },
+            },
+        },
+        items: { control: false, description: 'Complex item data for the rendered tags.' },
+        className: { control: false, description: 'Optional class name applied to the root wrapper.' },
+        emptyState: { control: false, description: 'Content shown when `items` is empty.' },
+        returnFocusRef: { control: false, description: 'Optional fallback element to focus when removal leaves no tag targets.' },
+        highlightedItemIndex: { control: false, description: 'Controlled visual highlight for a specific item index.' },
+        onHighlightedItemIndexChange: { control: false, description: 'Callback fired when the internal roving target changes item.' },
+        overflowRenderer: { control: false, description: 'Custom renderer for the overflow summary content.' },
+        overflowOnClick: { control: false, description: 'Optional callback that makes `+N more` interactive.' },
+        overflowAriaControls: { control: false, description: 'Optional `aria-controls` value forwarded to the overflow button.' },
+        overflowAriaExpanded: { control: false, description: 'Optional `aria-expanded` value forwarded to the overflow button.' },
+    },
+};
+export default meta;
+const withDescription = (story, description) => ({
+    ...story,
+    parameters: {
+        ...story.parameters,
+        docs: {
+            ...story.parameters?.docs,
+            description: {
+                story: description,
+            },
+        },
+    },
+});
+const DefaultTemplate = (args) => (_jsx("div", { style: STORY_SHELL_STYLE, children: _jsx(TagList, { ...args }) }));
+const WrapTemplate = () => (_jsx("div", { style: NARROW_SHELL_STYLE, children: _jsx(TagList, { items: DEFAULT_ITEMS, ariaLabel: "Wrapped attendance filters", wrap: true }) }));
+const CollapsedOverflowInteractiveTemplate = () => {
+    const [open, setOpen] = useState(false);
+    return (_jsxs(_Fragment, { children: [_jsx("div", { style: NARROW_SHELL_STYLE, children: _jsx(TagList, { items: OVERFLOW_ITEMS, ariaLabel: "Collapsed attendance filters", collapseOverflow: true, overflowOnClick: () => setOpen(true), overflowActionLabel: "Open hidden filters example" }) }), _jsx(Modal, { open: open, closeHandler: () => setOpen(false), title: "Hidden filters example", children: _jsxs(Modal.Body, { children: [_jsxs("p", { style: { margin: 0 }, children: ["This modal is only an example of what authors might open from", ' ', _jsx("strong", { children: "+N more" }), ". `TagList` does not decide how hidden items are managed."] }), _jsx("p", { style: { marginBottom: 0 }, children: "In production, the consuming application chooses the real surface, such as a modal, slideover, local disclosure panel, or another editing flow." })] }) })] }));
+};
+const ReturnFocusTemplate = () => {
+    const [itemIds, setItemIds] = useState(['date', 'registers']);
+    const homeButtonRef = useRef(null);
+    const items = itemIds.map((itemId) => {
+        if (itemId === 'date') {
+            return {
+                id: itemId,
+                children: 'Wed, 05 Feb 2025 AM',
+                onClick: fn(),
+                actionLabel: 'Open attendance date filter',
+                onRemove: () => setItemIds(current => current.filter(id => id !== itemId)),
+                removeLabel: 'Remove attendance date filter',
+            };
+        }
+        return {
+            id: itemId,
+            children: 'Attendance registers',
+            onClick: fn(),
+            actionLabel: 'Open attendance registers filter',
+            onRemove: () => setItemIds(current => current.filter(id => id !== itemId)),
+            removeLabel: 'Remove attendance registers filter',
+        };
+    });
+    return (_jsx("div", { style: STORY_SHELL_STYLE, children: _jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: 'var(--spacing-medium)' }, children: [_jsx(TagList, { items: items, ariaLabel: "Applied attendance filters", returnFocusRef: homeButtonRef }), _jsx("button", { ref: homeButtonRef, type: "button", children: "Return to toolbar" })] }) }));
+};
+export const Default = withDescription({
+    args: {
+        items: DEFAULT_ITEMS,
+        ariaLabel: 'Applied attendance filters',
+        wrap: false,
+        collapseOverflow: false,
+        overflowActionLabel: 'Show more filters',
+        overflowDisabled: false,
+        overflowColor: 'neutral',
+    },
+    render: args => _jsx(DefaultTemplate, { ...args }),
+}, 'The controls-friendly reference story. It shows the shared action and remove affordances, disabled items, and the default single-row layout without forcing overflow.');
+export const Empty = withDescription({
+    args: {
+        items: [],
+        emptyState: _jsx("span", { children: "No filters set" }),
+    },
+    parameters: {
+        controls: { disable: true },
+        docs: {
+            source: {
+                language: 'tsx',
+                code: `
+import { TagList } from '../tagList/TagList.js';
+
+function EmptyTagListExample() {
+  return <TagList items={[]} emptyState={<span>No filters set</span>} />;
+}
+
+export default EmptyTagListExample;
+`.trim(),
+            },
+        },
+    },
+}, 'Renders the provided empty-state content when there are no items. If `emptyState` is omitted, `TagList` renders nothing for an empty list.');
+export const Wrap = withDescription({
+    args: {
+        items: DEFAULT_ITEMS,
+    },
+    parameters: {
+        controls: { disable: true },
+        docs: {
+            source: {
+                language: 'tsx',
+                code: `
+import { TagList } from '../tagList/TagList.js';
+
+const items = [
+  { id: 'date', children: 'Wed, 05 Feb 2025 AM' },
+  { id: 'registers', children: 'Attendance registers' },
+  { id: 'interventions', children: 'Interventions' },
+  { id: 'exclusions', children: 'Internal exclusions' },
+];
+
+function WrappedTagListExample() {
+  return (
+    <div style={{ width: '22.5rem', maxWidth: '100%', padding: 'var(--spacing-medium)', boxSizing: 'border-box' }}>
+      <TagList
+        items={items}
+        ariaLabel="Wrapped attendance filters"
+        wrap
+      />
+    </div>
+  );
+}
+
+export default WrappedTagListExample;
+`.trim(),
+            },
+        },
+    },
+    render: () => _jsx(WrapTemplate, {}),
+}, 'Wrapping is the multiline mode. Use it when hidden tags should stay visible by flowing onto the next line rather than collapsing behind a summary.');
+export const ReturnFocusFallback = withDescription({
+    args: {
+        items: DEFAULT_ITEMS,
+    },
+    parameters: {
+        controls: { disable: true },
+        docs: {
+            source: {
+                language: 'tsx',
+                code: `
+import { useRef, useState } from 'react';
+import { TagList } from '../tagList/TagList.js';
+
+function ReturnFocusFallbackExample() {
+  const [itemIds, setItemIds] = useState(['date', 'registers']);
+  const homeButtonRef = useRef<HTMLButtonElement>(null);
+  const items = itemIds.map(itemId => ({
+    id: itemId,
+    children: itemId === 'date' ? 'Wed, 05 Feb 2025 AM' : 'Attendance registers',
+    onClick: () => {},
+    onRemove: () => setItemIds(current => current.filter(id => id !== itemId)),
+    removeLabel: itemId === 'date' ? 'Remove attendance date filter' : 'Remove attendance registers filter',
+  }));
+
+  return (
+    <>
+      <TagList
+        items={items}
+        ariaLabel="Applied attendance filters"
+        returnFocusRef={homeButtonRef}
+      />
+      <button ref={homeButtonRef} type="button">Return to toolbar</button>
+    </>
+  );
+}
+
+export default ReturnFocusFallbackExample;
+`.trim(),
+            },
+        },
+    },
+    render: () => _jsx(ReturnFocusTemplate, {}),
+}, 'A focused fallback example. Tab to a tag, press ArrowRight to move onto the remove button, then remove tags sequentially. When the final removable target disappears, focus returns to the provided home button.');
+export const CollapsedOverflowInteractive = withDescription({
+    args: {
+        items: OVERFLOW_ITEMS,
+    },
+    parameters: {
+        controls: { disable: true },
+        docs: {
+            source: {
+                language: 'tsx',
+                code: `
+import { useState } from 'react';
+import { Modal } from '../modal/Modal.js';
+import { TagList } from '../tagList/TagList.js';
+
+const items = [
+  { id: 'date', children: 'Wed, 05 Feb 2025 AM', onClick: () => {} },
+  { id: 'registers', children: 'Attendance registers', onClick: () => {} },
+  { id: 'interventions', children: 'Interventions', onClick: () => {} },
+  { id: 'exclusions', children: 'Internal exclusions', onClick: () => {} },
+];
+
+function CollapsedOverflowInteractiveExample() {
+  const [open, setOpen] = useState(false);
+
+  return (
+    <>
+      <div style={{ width: '22.5rem', maxWidth: '100%', padding: 'var(--spacing-medium)', boxSizing: 'border-box', backgroundColor: 'var(--color-mono-white)' }}>
+        <TagList
+          items={items}
+          ariaLabel="Collapsed attendance filters"
+          collapseOverflow
+          overflowOnClick={() => setOpen(true)}
+          overflowActionLabel="Open hidden filters example"
+        />
+      </div>
+      <Modal
+        open={open}
+        closeHandler={() => setOpen(false)}
+        title="Hidden filters example"
+      >
+        <Modal.Body>
+          <p style={{ margin: 0 }}>
+            This modal is only an example of what authors might open from <strong>+N more</strong>.
+            TagList does not decide how hidden items are managed.
+          </p>
+          <p style={{ marginBottom: 0 }}>
+            In production, the consuming application chooses the real surface, such as a modal,
+            slideover, local disclosure panel, or another editing flow.
+          </p>
+        </Modal.Body>
+      </Modal>
+    </>
+  );
+}
+
+export default CollapsedOverflowInteractiveExample;
+`.trim(),
+            },
+        },
+    },
+    render: () => _jsx(CollapsedOverflowInteractiveTemplate, {}),
+}, 'The callback-wired overflow mode. This example opens a modal, but that is only illustrative: `TagList` calls `overflowOnClick`, and the consuming application decides which management surface handles the hidden items.');
+//# sourceMappingURL=TagList.stories.js.map

package/dist/components/tagList/TagList.stories.js.map

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

package/dist/components/{icoText/IcoText.test.d.ts → tagList/TagList.test.d.ts}

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

package/dist/components/tagList/TagList.test.d.ts.map

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