NoteEditorScreen
Component Detail
Description
Full-screen editing interface for creating and updating notes within the Meander Mobile App. Renders a rich-but-simple text area with optional contact/activity linking controls, a speech-to-text trigger button, and save/cancel actions. Meets WCAG 2.2 AA requirements through full keyboard navigation, visible focus management, and screen reader labels on all interactive elements.
note-editor-screen
Sources & reasoning
Line 163 establishes Notes as Phase 2 (v1.0) NICE for all orgs. Line 88 explicitly scopes speech-to-text to post-session writing, which the note editor satisfies alongside the activity wizard. The area taxonomy at line 465 names Note Editor as the second feature in the Notes area. Target v1.0 derived from Phase 2 matrix position; no evidence of an earlier or later phase.
-
docs/source/likeperson.md · line 163| Notater | ✓ | ✓ | ✓ | ✓ | ✓ | NICE | 2 |
-
docs/source/likeperson.md · line 88tale-til-tekst er for etterpå, ved rapportskriving
-
docs/source/likeperson.md · line 465| notes | Notes | Notes List, Note Editor |
Responsibilities
- Render the text input area and toolbar controls for note creation and editing
- Display and handle the speech-to-text dictation button based on device capability flag
- Provide contact and activity linking UI with searchable picker overlays
- Manage focus order and ARIA attributes for screen reader compatibility
- Show optimistic save state and surface offline-availability confirmation to the user
Interfaces
openNewNote(): void
openExistingNote(noteId: string): void
onSpeechResult(transcript: string): void
onLinkContact(contactId: string): void
onLinkActivity(activityId: string): void
onSave(): Promise<void>
onCancel(): void