Widgets v6 migration guide / breaking changes

[tomdye]

Issue to capture breaking changes and migration guide for v5 -> v6.

Please fill in below, this will form part of a migration guide going forward.

---

TextInput

Removed

• invalid
• labelAfter

Added

• customValidator?: (value: string) => { valid?: boolean; message?: string; } | void;
• onValidate?: (valid: boolean | undefined, message: string) => void;
• leading?: () => DNode;
• trailing?: () => DNode;
• helperText?: string;

PRs

• Create Helper text widget, use for text-input / area #682
• 676: Merge enhanced / standard text inputs #680
• Simplify Input Validation #679
• Add validation support for text-input #664

---

Enhanced Text Input

DELETED

PRs

• 676: Merge enhanced / standard text inputs #680

---

Dialog

Added

• open class alongside 'root' when dialog is open
• underlayEnterAnimation/ underlayExitAnimation properties
• Ability to set any of the enter / exit animations to null to stop any animation from running

PRs

• 693 - Add null option to dialog animations #695

---

Textarea

Removed

• labelAfter

Added

• helperText?: string;

PRs

• Create Helper text widget, use for text-input / area #682

---

SplitPane

Removed

• default collapseWidth of 600. If no collapseWidth is passed it will no longer collapse

PRs

• Use resize observer in split pane #666

---

Select

Removed

• labelAfter

Added

• helperText?: string

PRs

• Add helpertext to select #696

---

Toolbar

Added

• .actions wrapper for toolbar actions which will automatically switch from row to column view when menu is collapsed into slide pane.
• align option to set the alignment of the embedded SlidePan that is displayed on narrow screens

PRs

• 670 - Toolbar children: set horizontal and vertical layout #699
• Toolbar: add 'align' option for the SlidePane #681

[agubler]

@tomdye can this be closed?