fleet/frontend/components/forms/fields/AutoSizeInputField
jacobshandling 841a425bb0
UI – Display whitespace of existing, trim names on create/update of team and query names (#22524)
## #22212

- Trim whitespace from names on field blur, form submit, and in API
calls when:
   - Creating a team
   - Updating a team
   - Creating a query
   - Updating a query
- Refactor `AutoResizeInputField` to remove its internal state-based
management of its value, leaving its `value` prop as the single source
of truth for the field's value at all times.

[Loom
demo](https://www.loom.com/share/882f4a803b1540db985c987adbd9f441?sid=67caf100-4711-41a3-971f-bc8f67beeae7)

- [x] Changes file added for user-visible changes in `changes/`, 
- [x] Manual QA for all new/changed functionality

---------

Co-authored-by: Jacob Shandling <jacob@fleetdm.com>
2024-10-03 15:59:10 -07:00
..
_styles.scss UI – Simpler edit icon solution, applied to Edit query and Edit policy forms (#17364) 2024-03-05 14:08:24 -08:00
AutoSizeInputField.stories.tsx UI – Refactor edit query > name and description fields to allow reasonable control of pencil icons (#17086) 2024-02-29 21:56:31 -08:00
AutoSizeInputField.tsx UI – Display whitespace of existing, trim names on create/update of team and query names (#22524) 2024-10-03 15:59:10 -07:00
index.ts Refine and improve policy and query editing interface (#4004) 2022-02-04 15:30:27 -06:00