@arbor-education/design-system.components 0.15.0 → 0.16.1

package/dist/components/dateTimePicker/DateTimePicker.stories.js.map

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

package/dist/components/editableText/EditableText.stories.d.ts

@@ -1,4 +1,5 @@
 import type { StoryObj } from '@storybook/react-vite';
+declare function EditableTextDocsPage(): import("react/jsx-runtime").JSX.Element;
 declare const meta: {
     title: string;
     component: ({ text: textProp, className, onEditSave, isEditing: isEditingProp, multiline }: {
@@ -8,37 +9,77 @@ declare const meta: {
         isEditing?: boolean;
         multiline?: boolean;
     }) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
     parameters: {
-        layout: string;
+        docs: {
+            page: typeof EditableTextDocsPage;
+        };
     };
-    tags: string[];
     argTypes: {
         text: {
             control: "text";
             description: string;
-        };
-        className: {
-            control: "text";
-            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
         };
         onEditSave: {
-            action: string;
+            control: false;
             description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
         };
         isEditing: {
             control: "boolean";
             description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        multiline: {
+            control: "boolean";
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        className: {
+            control: "text";
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
         };
     };
 };
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
-export declare const InH1: Story;
-export declare const InH2: Story;
-export declare const InH3: Story;
-export declare const InH4: Story;
+export declare const MultilineEditing: Story;
+export declare const ProgrammaticControl: Story;
+export declare const InHeading1: Story;
+export declare const InHeading2: Story;
 export declare const InParagraph: Story;
-export declare const InCustomStyledDiv: Story;
 export declare const LongText: Story;
+export declare const EscapeToCancel: Story;
 //# sourceMappingURL=EditableText.stories.d.ts.map

package/dist/components/editableText/EditableText.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EditableText.stories.d.ts","sourceRoot":"","sources":["../../../src/components/editableText/EditableText.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAG5D,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyB2B,CAAC;AAEtC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAGnC,eAAO,MAAM,OAAO,EAAE,KAUrB,CAAC;AAGF,eAAO,MAAM,IAAI,EAAE,KAUlB,CAAC;AAGF,eAAO,MAAM,IAAI,EAAE,KAUlB,CAAC;AAGF,eAAO,MAAM,IAAI,EAAE,KAUlB,CAAC;AAGF,eAAO,MAAM,IAAI,EAAE,KAUlB,CAAC;AAGF,eAAO,MAAM,WAAW,EAAE,KAUzB,CAAC;AAGF,eAAO,MAAM,iBAAiB,EAAE,KAU/B,CAAC;AAGF,eAAO,MAAM,QAAQ,EAAE,KAUtB,CAAC"}
+{"version":3,"file":"EditableText.stories.d.ts","sourceRoot":"","sources":["../../../src/components/editableText/EditableText.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AA4H5D,iBAAS,oBAAoB,4CAmB5B;AAMD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmD2B,CAAC;AAEtC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AA+LnC,eAAO,MAAM,OAAO,EAAE,KAgBrB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAgC9B,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAoCjC,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAuBxB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAuBxB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAwBzB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAwBtB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAyB5B,CAAC"}

package/dist/components/editableText/EditableText.stories.js

@@ -1,94 +1,431 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { EditableText } from './EditableText';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Controls, Heading as DocHeading, Markdown, Primary as DocPrimary, Stories, Subtitle, Title, } from '@storybook/addon-docs/blocks';
+import { useEffect, useState } from 'react';
+import { Button } from '../button/Button';
+import { EditableText } from '../editableText/EditableText';
+// ---------------------------------------------------------------------------
+// Content strings
+// ---------------------------------------------------------------------------
+const DESCRIPTION_INTRO = `
+EditableText is an inline text element that can be edited in place. Clicking the text (or the
+pencil icon beside it) switches to an input or textarea, letting users rename records, update
+titles, and correct short pieces of text without navigating away to a separate form.
+`.trim();
+const USAGE_GUIDANCE = `
+### When to use
+
+- **Renaming a record title in-context** — group names, report titles, curriculum plan headings
+- **Correcting a short piece of editable text inline** — without navigating to a separate form
+- **Updating a longer freeform description** — use with \`multiline\` for textarea behaviour
+
+---
+
+### When NOT to use
+
+| Situation | Use instead |
+|---|---|
+| Collecting new data in a form | [\`FormField\`](?path=/docs/components-formfield--docs) — labelled inputs with validation |
+| Editing content that requires explicit confirmation before saving | \`FormField\` with a submit button — \`onEditSave\` fires on blur |
+| Displaying text the user should never change | A plain text element — EditableText always shows an edit affordance |
+
+---
+
+### Always update \`text\` in \`onEditSave\`
+
+EditableText is a **controlled-ish** component — it holds its own internal state but
+initialises from the \`text\` prop. If you don't feed the saved value back as the new \`text\`
+prop, the component will snap back to the original value on the next render cycle.
+
+\`\`\`tsx
+const [title, setTitle] = useState('Year 10 Science');
+
+<EditableText text={title} onEditSave={setTitle} />
+\`\`\`
+
+### Multiline mode (\`multiline\`)
+
+When \`multiline={true}\` the underlying input switches to a \`<textarea>\`.
+The keyboard contract changes:
+
+- **Enter** inserts a newline (does **not** save)
+- **Escape** reverts to the pre-edit value
+- **Blur** (clicking away) saves
+
+> In single-line mode **Enter** saves immediately. Forgetting this difference is the most
+> common source of unexpected behaviour — document it clearly when you expose this prop to end users.
+
+### Programmatic edit mode (\`isEditing\`)
+
+\`isEditing\` is a **one-way trigger**. Setting it to \`true\` tells the component to open the
+input, but the component then takes back ownership of that state. You **cannot** force the
+component closed by setting \`isEditing={false}\` after editing has started — only user
+interaction (blur or Escape) can close it.
+
+\`\`\`tsx
+<EditableText
+  text={name}
+  isEditing={shouldEdit}   // opens the input once; component owns state after that
+  onEditSave={setName}
+/>
+\`\`\`
+
+### Blur saves immediately
+
+\`onEditSave\` fires on blur, including accidental focus loss (e.g. the user clicks elsewhere
+on the page). If the user must explicitly confirm a change before it is persisted, use a
+\`<FormField>\` with a dedicated submit button instead.
+
+### Typography is fully inherited
+
+EditableText applies **no font styles of its own**. Size, weight, colour, and line-height all
+come from the parent element. Wrap it in an \`<h1>\`, \`<p>\`, or any container and the input
+will match the surrounding text automatically — no extra CSS needed.
+`.trim();
+const DEVELOPER_NOTES = `
+### Accessibility & keyboard contract
+
+| Key | Single-line | Multiline |
+|---|---|---|
+| Enter | Saves and closes the input | Inserts a newline |
+| Escape | Reverts to the pre-edit value and closes | Reverts to the pre-edit value and closes |
+| Tab / click away (blur) | Saves and closes the input | Saves and closes the input |
+
+The display-mode button carries \`aria-label="Edit text"\` so screen-reader users understand
+its purpose. The input carries \`aria-label="Text"\`. Both labels are applied automatically —
+you do not need to pass anything extra.
+`.trim();
+const RELATED_COMPONENTS = `
+## Related components
+- [FormField](?path=/docs/components-formfield--docs) — full form inputs with labels, validation, and helper text
+- [Table](?path=/docs/components-table--docs) — data grid that can use EditableText in inline-edit cells
+- [TextInput](?path=/docs/components-formfield-inputs-textinput--docs) — the underlying single-line input used by EditableText
+`.trim();
+const PROPS_INTRO = 'The preview below is wired to the **Controls** panel — tweak any prop to see the story update in real time.';
+// ---------------------------------------------------------------------------
+// Docs page
+// ---------------------------------------------------------------------------
+function EditableTextDocsPage() {
+    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 })] }));
+}
+// ---------------------------------------------------------------------------
+// Meta
+// ---------------------------------------------------------------------------
 const meta = {
     title: 'Components/EditableText',
     component: EditableText,
+    tags: ['autodocs'],
     parameters: {
-        layout: 'padded',
+        docs: {
+            page: EditableTextDocsPage,
+        },
     },
-    tags: ['autodocs'],
     argTypes: {
         text: {
             control: 'text',
-            description: 'The text to display',
-        },
-        className: {
-            control: 'text',
-            description: 'Optional CSS class name',
+            description: 'The current text value. **Always** update this prop inside `onEditSave` to keep the component in sync.',
+            table: {
+                type: { summary: 'string' },
+            },
         },
         onEditSave: {
-            action: 'edit saved',
-            description: 'Callback fired when the text is edited',
+            control: false,
+            description: 'Callback fired when the user saves a change (on blur or Enter in single-line mode). Receives the new text string.',
+            table: {
+                type: { summary: '(newText: string) => void' },
+            },
         },
         isEditing: {
             control: 'boolean',
-            description: 'Control whether the text is in edit mode',
+            description: 'One-way trigger that forces the component into edit mode when set to `true`. The component takes back ownership of this state once editing begins — setting it back to `false` from outside will not close the input.',
+            table: {
+                type: { summary: 'boolean' },
+                defaultValue: { summary: 'false' },
+            },
+        },
+        multiline: {
+            control: 'boolean',
+            description: 'When `true`, switches the input to a `<textarea>`. In multiline mode **Enter inserts a newline** — it does NOT save. Only blur saves.',
+            table: {
+                type: { summary: 'boolean' },
+                defaultValue: { summary: 'false' },
+            },
+        },
+        className: {
+            control: 'text',
+            description: 'Additional CSS class names applied to the root `<span>` element.',
+            table: {
+                type: { summary: 'string' },
+                defaultValue: { summary: "''" },
+            },
         },
     },
 };
 export default meta;
-// Default (inherits parent styles)
-export const Default = {
-    render: args => (_jsx("div", { style: { width: '100%' }, children: _jsx(EditableText, { ...args }) })),
-    args: {
-        text: 'Editable Text',
-        onEditSave: () => { },
+// ---------------------------------------------------------------------------
+// Helper
+// ---------------------------------------------------------------------------
+const withDescription = (story, description) => ({
+    ...story,
+    parameters: {
+        ...story.parameters,
+        docs: {
+            ...story.parameters?.docs,
+            description: {
+                story: description,
+            },
+        },
     },
+});
+// ---------------------------------------------------------------------------
+// Named template components
+// (All use useState so onEditSave keeps the component in sync — this is the
+//  pattern every consumer MUST follow to avoid text snapping back on re-render)
+// ---------------------------------------------------------------------------
+const DefaultTemplate = (args) => {
+    const [text, setText] = useState(args.text);
+    const [lastSaved, setLastSaved] = useState(args.text);
+    useEffect(() => {
+        setText(args.text);
+        setLastSaved(args.text);
+    }, [args.text]);
+    return (_jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: '1rem', maxWidth: '480px' }, children: [_jsx(EditableText, { ...args, text: text, onEditSave: (val) => {
+                    setText(val);
+                    setLastSaved(val);
+                } }), _jsxs("p", { className: "ds-text", style: { margin: 0, color: 'var(--color-grey-600)', fontSize: '0.875rem' }, children: ["Last saved: \"", lastSaved, "\""] })] }));
 };
-// Inside H1 heading
-export const InH1 = {
-    render: args => (_jsx("h1", { children: _jsx(EditableText, { ...args }) })),
-    args: {
-        text: 'Editable Heading Level 1',
-        onEditSave: () => { },
-    },
+const MultilineTemplate = () => {
+    const [text, setText] = useState('Attendance requirements and absence notification procedures for all pupils enrolled in Year 10.');
+    const [lastSaved, setLastSaved] = useState(text);
+    return (_jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: '1rem', maxWidth: '560px' }, children: [_jsx(EditableText, { text: text, multiline: true, onEditSave: (val) => {
+                    setText(val);
+                    setLastSaved(val);
+                } }), _jsxs("p", { className: "ds-text", style: { margin: 0, color: 'var(--color-grey-600)', fontSize: '0.875rem' }, children: ["Last saved: \"", lastSaved, "\""] })] }));
 };
-// Inside H2 heading
-export const InH2 = {
-    render: args => (_jsx("h2", { children: _jsx(EditableText, { ...args }) })),
-    args: {
-        text: 'Editable Heading Level 2',
-        onEditSave: () => { },
-    },
+const ProgrammaticControlTemplate = () => {
+    const [text, setText] = useState('Spring Term Assessment Schedule');
+    const [triggerEdit, setTriggerEdit] = useState(false);
+    const handleEditSave = (val) => {
+        setText(val);
+        setTriggerEdit(false);
+    };
+    return (_jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: '1rem', maxWidth: '480px' }, children: [_jsx(EditableText, { text: text, isEditing: triggerEdit, onEditSave: handleEditSave }), _jsx(Button, { variant: "secondary", onClick: () => setTriggerEdit(true), children: "Edit title" })] }));
 };
-// Inside H3 heading
-export const InH3 = {
-    render: args => (_jsx("h3", { children: _jsx(EditableText, { ...args }) })),
-    args: {
-        text: 'Editable Heading Level 3',
-        onEditSave: () => { },
-    },
+const InHeading1Template = () => {
+    const [text, setText] = useState('Year 10 Science Curriculum Plan');
+    return (_jsx("h1", { children: _jsx(EditableText, { text: text, onEditSave: setText }) }));
 };
-// Inside H4 heading
-export const InH4 = {
-    render: args => (_jsx("h4", { children: _jsx(EditableText, { ...args }) })),
-    args: {
-        text: 'Editable Heading Level 4',
-        onEditSave: () => { },
-    },
+const InHeading2Template = () => {
+    const [text, setText] = useState('Spring Term Assessment Schedule');
+    return (_jsx("h2", { children: _jsx(EditableText, { text: text, onEditSave: setText }) }));
 };
-// Inside paragraph
-export const InParagraph = {
-    render: args => (_jsx("p", { children: _jsx(EditableText, { ...args }) })),
-    args: {
-        text: 'Editable paragraph text',
-        onEditSave: () => { },
-    },
+const InParagraphTemplate = () => {
+    const [text, setText] = useState('Emily Johnson');
+    return (_jsxs("p", { className: "ds-text", children: ["Class teacher:", ' ', _jsx(EditableText, { text: text, onEditSave: setText })] }));
 };
-// Inside custom styled div
-export const InCustomStyledDiv = {
-    render: args => (_jsx("div", { style: { fontSize: '24px', fontWeight: 'bold', color: '#0066cc' }, children: _jsx(EditableText, { ...args }) })),
-    args: {
-        text: 'Custom styled editable text',
-        onEditSave: () => { },
-    },
+const LongTextTemplate = () => {
+    const [text, setText] = useState('Behaviour policy and expectations for all students during lesson time, including mobile phone usage and dress code requirements');
+    return (_jsx("div", { style: { maxWidth: '480px' }, children: _jsx(EditableText, { text: text, onEditSave: setText }) }));
 };
-// Long text example
-export const LongText = {
-    render: args => (_jsx("h2", { children: _jsx(EditableText, { ...args }) })),
+const EscapeToCancelTemplate = () => {
+    const [text, setText] = useState('Mr. David Chen');
+    const [savedText, setSavedText] = useState('Mr. David Chen');
+    const [cancelCount, setCancelCount] = useState(0);
+    return (_jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: '1rem', maxWidth: '480px' }, children: [_jsx(EditableText, { text: text, onEditSave: (val) => {
+                    setText(val);
+                    setSavedText(val);
+                } }), _jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: '0.25rem' }, children: [_jsxs("p", { className: "ds-text", style: { margin: 0, color: 'var(--color-grey-600)', fontSize: '0.875rem' }, children: ["Saved value: \"", savedText, "\""] }), _jsxs("p", { className: "ds-text", style: { margin: 0, color: 'var(--color-grey-600)', fontSize: '0.875rem' }, children: ["Escapes pressed:", ' ', cancelCount] })] }), _jsxs("p", { className: "ds-text", style: { margin: 0, fontSize: '0.875rem' }, children: ["Try editing the text above, type something new, then press", ' ', _jsx("kbd", { children: "Escape" }), ' ', "\u2014 the original value is restored without calling", ' ', _jsx("code", { children: "onEditSave" }), "."] }), _jsx(Button, { variant: "secondary", onClick: () => setCancelCount(c => c + 1), children: "Simulate cancel count (manual)" })] }));
+};
+// ---------------------------------------------------------------------------
+// Stories
+// ---------------------------------------------------------------------------
+export const Default = {
     args: {
-        text: 'This is a much longer text that demonstrates how the component handles extended content',
+        text: 'Year 10 Science Curriculum Plan',
         onEditSave: () => { },
+        isEditing: false,
+        multiline: false,
+        className: '',
+    },
+    render: args => _jsx(DefaultTemplate, { ...args }),
+    parameters: {
+        docs: {
+            description: {
+                story: PROPS_INTRO,
+            },
+        },
     },
 };
+export const MultilineEditing = withDescription({
+    args: { text: '', onEditSave: () => { } },
+    render: () => _jsx(MultilineTemplate, {}),
+    parameters: {
+        docs: {
+            source: {
+                code: `
+import { EditableText } from '@arbor-education/design-system.components';
+import { useState } from 'react';
+
+const [text, setText] = useState(
+  'Attendance requirements and absence notification procedures for all pupils enrolled in Year 10.',
+);
+
+<EditableText
+  text={text}
+  multiline
+  onEditSave={setText}
+/>
+          `.trim(),
+            },
+        },
+    },
+}, `When \`multiline={true}\` the component renders a \`<textarea>\` instead of a text input.
+
+> **Key difference:** In multiline mode **Enter inserts a newline** — it does **not** save.
+> Only blur (clicking away) or Escape will close the editor.
+> In single-line mode, Enter saves immediately.
+
+Use multiline for longer freeform text such as descriptions, notes, or policy summaries.`);
+export const ProgrammaticControl = withDescription({
+    args: { text: '', onEditSave: () => { } },
+    render: () => _jsx(ProgrammaticControlTemplate, {}),
+    parameters: {
+        docs: {
+            source: {
+                code: `
+import { EditableText } from '@arbor-education/design-system.components';
+import { Button } from '@arbor-education/design-system.components';
+import { useState } from 'react';
+
+const [text, setText] = useState('Spring Term Assessment Schedule');
+const [triggerEdit, setTriggerEdit] = useState(false);
+
+<EditableText
+  text={text}
+  isEditing={triggerEdit}
+  onEditSave={(val) => {
+    setText(val);
+    setTriggerEdit(false);
+  }}
+/>
+<Button variant="secondary" onClick={() => setTriggerEdit(true)}>
+  Edit title
+</Button>
+          `.trim(),
+            },
+        },
+    },
+}, `Use \`isEditing\` to open the input programmatically — for example, from a toolbar button or a keyboard shortcut.
+
+> **Important:** \`isEditing\` is a one-way trigger. Once the component receives \`true\` it takes back
+> ownership of edit state. Setting \`isEditing={false}\` from the outside will **not** close
+> the input after editing has begun — only blur or Escape can do that.`);
+export const InHeading1 = withDescription({
+    args: { text: '', onEditSave: () => { } },
+    render: () => _jsx(InHeading1Template, {}),
+    parameters: {
+        docs: {
+            source: {
+                code: `
+import { EditableText } from '@arbor-education/design-system.components';
+import { useState } from 'react';
+
+const [text, setText] = useState('Year 10 Science Curriculum Plan');
+
+<h1>
+  <EditableText text={text} onEditSave={setText} />
+</h1>
+          `.trim(),
+            },
+        },
+    },
+}, `EditableText inherits all typography from its parent. Wrapping it in an \`<h1>\` gives the
+input the same font size, weight, and line-height as the surrounding heading — no extra CSS needed.`);
+export const InHeading2 = withDescription({
+    args: { text: '', onEditSave: () => { } },
+    render: () => _jsx(InHeading2Template, {}),
+    parameters: {
+        docs: {
+            source: {
+                code: `
+import { EditableText } from '@arbor-education/design-system.components';
+import { useState } from 'react';
+
+const [text, setText] = useState('Spring Term Assessment Schedule');
+
+<h2>
+  <EditableText text={text} onEditSave={setText} />
+</h2>
+          `.trim(),
+            },
+        },
+    },
+}, `Same inheritance pattern as \`InHeading1\` but at \`<h2>\` size — useful for section titles and
+panel headers inside a page that already has an \`<h1>\`.`);
+export const InParagraph = withDescription({
+    args: { text: '', onEditSave: () => { } },
+    render: () => _jsx(InParagraphTemplate, {}),
+    parameters: {
+        docs: {
+            source: {
+                code: `
+import { EditableText } from '@arbor-education/design-system.components';
+import { useState } from 'react';
+
+const [text, setText] = useState('Emily Johnson');
+
+<p className="ds-text">
+  Class teacher: <EditableText text={text} onEditSave={setText} />
+</p>
+          `.trim(),
+            },
+        },
+    },
+}, `EditableText can sit inline within a paragraph. The input inherits body-text styles automatically,
+so it blends seamlessly with surrounding copy. Use \`className="ds-text"\` on the wrapping \`<p>\`
+to apply design-system base font styles.`);
+export const LongText = withDescription({
+    args: { text: '', onEditSave: () => { } },
+    render: () => _jsx(LongTextTemplate, {}),
+    parameters: {
+        docs: {
+            source: {
+                code: `
+import { EditableText } from '@arbor-education/design-system.components';
+import { useState } from 'react';
+
+const [text, setText] = useState(
+  'Behaviour policy and expectations for all students during lesson time, including mobile phone usage and dress code requirements',
+);
+
+<EditableText text={text} onEditSave={setText} />
+          `.trim(),
+            },
+        },
+    },
+}, `Long text strings wrap naturally inside the component button. The input expands to fill the
+available width when the user enters edit mode. Constrain the parent container's width if you
+need to limit how wide the input can grow.`);
+export const EscapeToCancel = withDescription({
+    args: { text: '', onEditSave: () => { } },
+    render: () => _jsx(EscapeToCancelTemplate, {}),
+    parameters: {
+        docs: {
+            source: {
+                code: `
+import { EditableText } from '@arbor-education/design-system.components';
+import { useState } from 'react';
+
+const [text, setText] = useState('Mr. David Chen');
+
+// Pressing Escape while editing restores the pre-edit value
+// and does NOT call onEditSave — no network request is made.
+<EditableText text={text} onEditSave={setText} />
+          `.trim(),
+            },
+        },
+    },
+}, `Press **Escape** while editing to revert the input to its pre-edit value without calling
+\`onEditSave\`. This means no data is persisted — a safe exit for users who change their minds.
+
+The component handles this internally. No special setup is needed in the consumer.`);
 //# sourceMappingURL=EditableText.stories.js.map