Skip to content

Input: Writing migration guide from v0 and v8#22780

Merged
spmonahan merged 6 commits into
microsoft:masterfrom
spmonahan:input/migration
May 3, 2022
Merged

Input: Writing migration guide from v0 and v8#22780
spmonahan merged 6 commits into
microsoft:masterfrom
spmonahan:input/migration

Conversation

@spmonahan

Copy link
Copy Markdown
Contributor

Current Behavior

There is no upgrade guide for

  1. v8 TextField to v9 Input
  2. v0 Input to v9 Input

New Behavior

There is an upgrade guide for

  1. v8 TextField to v9 Input
  2. v0 Input to v9 Input

Related Issue(s)

Fixes #22769

spmonahan added 3 commits May 2, 2022 16:46
Provides a basic example for v8 TextField and v9 Input along with a
prop mapping table for the two implementations.
Had text "v9" that should have been "v0".
Adds a basic v0 Input to v9 Input upgrade example along with a prop
mapping table.
@codesandbox-ci

codesandbox-ci Bot commented May 3, 2022

Copy link
Copy Markdown

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

Latest deployment of this branch, based on commit a150b82:

Sandbox Source
@fluentui/react 8 starter Configuration
@fluentui/react-components 9 starter Configuration

@fabricteam

fabricteam commented May 3, 2022

Copy link
Copy Markdown
Collaborator

📊 Bundle size report

🤖 This report was generated against c45f4a6c3dd09c77ce5f5f5e2926ce9494169e99

@size-auditor

size-auditor Bot commented May 3, 2022

Copy link
Copy Markdown

Asset size changes

Size Auditor did not detect a change in bundle size for any component!

Baseline commit: c45f4a6c3dd09c77ce5f5f5e2926ce9494169e99 (build)

@khmakoto khmakoto changed the title Input/migration Input: Writing migration guide from v0 and v8 May 3, 2022
Comment thread apps/public-docsite-v9/src/Concepts/Upgrade/FromV0/Components/Input.stories.mdx Outdated
| v8 | v9 | Notes |
| ---------------------- | ------------------------------------------- | ----------------------------------------------------------------------------------------------------------- |
| `accessibility` | n/a | |
| `as` | n/a | |

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The as prop should exist on the v9 Input AFAIK

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Technically the as prop exists on v9 but with the way all Slots are defined on Input the element types cannot be changed.

This makes sense to me since I don't think we'd ever want to render anything other than an <input> tag.

input_as

Comment thread apps/public-docsite-v9/src/Concepts/Upgrade/FromV0/Components/Input.stories.mdx Outdated
Comment thread apps/public-docsite-v9/src/Concepts/Upgrade/FromV0/Components/Input.stories.mdx Outdated
Comment thread apps/public-docsite-v9/src/Concepts/Upgrade/FromV8/Components/Input.stories.mdx Outdated
spmonahan and others added 2 commits May 3, 2022 12:56
@spmonahan spmonahan merged commit b8e02ea into microsoft:master May 3, 2022
marwan38 pushed a commit to marwan38/fluentui that referenced this pull request Jun 13, 2022
* react-input: add v8->v9 upgrade guide

Provides a basic example for v8 TextField and v9 Input along with a
prop mapping table for the two implementations.

* react-radio: fix typo

Had text "v9" that should have been "v0".

* react-input: add v0->v9 upgrade guide

Adds a basic v0 Input to v9 Input upgrade example along with a prop
mapping table.

* feedback from pr

* Update apps/public-docsite-v9/src/Concepts/Upgrade/FromV8/Components/Input.stories.mdx

Co-authored-by: Makoto Morimoto <[email protected]>

* Update apps/public-docsite-v9/src/Concepts/Upgrade/FromV0/Components/Input.stories.mdx

Co-authored-by: Makoto Morimoto <[email protected]>

Co-authored-by: Makoto Morimoto <[email protected]>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Input: Write Migration Guide

7 participants