Skip to content

Conversation

@ze-flo
Copy link
Contributor

@ze-flo ze-flo commented Aug 12, 2024

Description

References updated subComponents' displayName to pull props info.

Detail

  • Bumps next @zendeskgarden deps to latest next release
  • Bumps react-components submodule to latest next tag
  • Updates MDX files with subcomponents where necessary
  • References updated subComponents' displayName

Checklist

  • 👌 website updates are Garden Designer approved (add the designer as a reviewer)
  • ✒️ copy updates are approved (add the content strategist as a reviewer)
  • 🔗 considered opportunities for adding cross-reference URLs (grep for keywords)
  • ♿ analyzed via axe and evaluated using VoiceOver
  • 📝 tested in Chrome, Firefox, Safari, Edge

<Field.Hint />
<InputGroup />
</Field>
```
Copy link
Contributor Author

Choose a reason for hiding this comment

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

Should the InputGroup page display Field's APIs?

Copy link
Member

Choose a reason for hiding this comment

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

I think there was a concern about Field taking API prominence. We can probably leave it off here.

#### Nav.List

<Component components={props.data.mdx.components} componentName="navItemText" />
<Component components={props.data.mdx.subcomponents} componentName="nav" />
Copy link
Contributor Author

Choose a reason for hiding this comment

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

Looks like zendeskgarden/react-components#1883 missed one. 😢

TODO: Update to nav.list once fixed.

Copy link
Contributor

Choose a reason for hiding this comment

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

Nooo I can get that quick

A Field provides accessibility attributes to its child [Textarea](#textarea) field by associating it
with the corresponding [Label](#label) and [Hint](/components/input#hint).
A Field provides accessibility attributes to its child [Textarea](#textarea) field by
associating it with the corresponding [Field.Label](#fieldlabel) and [Field.Hint](#fieldhint).
Copy link
Contributor Author

Choose a reason for hiding this comment

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

MarkdownLint required a line break.

#### Header.ItemText

<Component components={props.data.mdx.components} componentName="headerItemText" />
<Component components={props.data.mdx.subcomponents} componentName="header.itemtext" />
Copy link
Member

Choose a reason for hiding this comment

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

[supernit] even though the componentName is case insensitive, it would be consistent to keep the camelCase here. header.itemIcon, header.itemText, etc. Not critical for merge, though.

@jzempel
Copy link
Member

jzempel commented Aug 13, 2024

@ze-flo can the disabled deprecation rule be removed from eslint.config.mjs with this PR?

"lint": "npm run lint:js && npm run lint:css && npm run lint:md",
"lint:css": "stylelint 'src/**/*.{js,ts,tsx}'",
"lint:js": "eslint ./ --max-warnings 0",
"lint:js": "eslint ./",
Copy link
Contributor Author

Choose a reason for hiding this comment

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

At this point, they are still 716 deprecation warnings that will be addressed in future PRs. Temporarily removing the --max-warning flag for now.

Copy link
Member

Choose a reason for hiding this comment

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

That feel like a good trade-off – keeps em in our face

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Development

Successfully merging this pull request may close these issues.

5 participants