Bump react-window from 1.8.11 to 2.0.1 in /packages/components

[dependabot]

Bumps react-window from 1.8.11 to 2.0.1.

Release notes

Sourced from react-window's releases.

2.0.1

• Remove ARIA role attribute from List and Grid. This resulted in potentially invalid configurations (e.g. a ARIA list should contain at least one listitem but that was not enforced by this library). Users of this library should specify the role attribute that makes the most sense to them based on mdn guidelines. For example:

<List
  role="list"
  rowComponent={RowComponent}
  rowCount={names.length}
  rowHeight={25}
  rowProps={{ names }}
/>;
function RowComponent({ index, style, ...rest }: RowComponentProps<object>) {
return (
<div role="listitem" style={style}>
...
</div>
);
}

2.0.0

Version 2 is a major rewrite that offers the following benefits:

• More ergonomic props API
• Automatic memoization of row/cell renderers and props/context
• Automatically sizing for List and Grid (no more need for AutoSizer)
• Native TypeScript support (no more need for @types/react-window)
• Smaller bundle size

Upgrade path

See the documentation for more details, but here is an example of what the v1 to v2 upgrade might look like:

Before

import { FixedSizeList, type ListChildComponentProps } from "react-window";
function Example({ names }: { names: string[] }) {
const itemData = useMemo<ItemData>(() => ({ names }), [names]);
return (
<FixedSizeList
children={Row}
height={150}
itemCount={1000}
itemData={itemData}
itemSize={25}
width={300}
</tr></table>

... (truncated)

Changelog

Sourced from react-window's changelog.

2.0.1

• Remove ARIA role attribute from List and Grid. This resulted in potentially invalid configurations (e.g. a ARIA list should contain at least one listitem but that was not enforced by this library). Users of this library should specify the role attribute that makes the most sense to them based on mdn guidelines. For example:

<List
  role="list"
  rowComponent={RowComponent}
  rowCount={names.length}
  rowHeight={25}
  rowProps={{ names }}
/>;
function RowComponent({ index, style, ...rest }: RowComponentProps<object>) {
return (
<div role="listitem" style={style}>
...
</div>
);
}

2.0.0

Version 2 is a major rewrite that offers the following benefits:

• More ergonomic props API
• Automatic memoization of row/cell renderers and props/context
• Automatically sizing for List and Grid (no more need for AutoSizer)
• Native TypeScript support (no more need for @types/react-window)
• Smaller bundle size

Upgrade path

See the documentation for more details, but here is an example of what the v1 to v2 upgrade might look like:

Before

import { FixedSizeList, type ListChildComponentProps } from "react-window";
function Example({ names }: { names: string[] }) {
const itemData = useMemo<ItemData>(() => ({ names }), [names]);
return (
<FixedSizeList
children={Row}
height={150}
itemCount={1000}
itemData={itemData}
</tr></table>

... (truncated)

Commits

• 2e326fb 2.0.0 -> 2.0.1
• 6bcf34e README formatting tweak
• ddfab80 Lighthouse changes to docs site
• e46efe9 Update README
• 216fdf0 Update README
• 470dc24 Use PostCSS to replace OKLCH with RGB for better browser support
• 0a143aa Remove unused import
• 7f2a954 Add link to v1 docs
• 48e77f8 README upate
• a626201 Added more tests
• Additional commits viewable in compare view

Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.

---

Dependabot commands and options

You can trigger Dependabot actions by commenting on this PR:

• @dependabot rebase will rebase this PR
• @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
• @dependabot merge will merge this PR after your CI passes on it
• @dependabot squash and merge will squash and merge this PR after your CI passes on it
• @dependabot cancel merge will cancel a previously requested merge and block automerging
• @dependabot reopen will reopen this PR if it is closed
• @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
• @dependabot show <dependency name> ignore conditions will show all of the ignore conditions of the specified dependency
• @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
• @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
• @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)

[tekton-robot]

[APPROVALNOTIFIER] This PR is NOT APPROVED

This pull-request has been approved by:
To complete the pull request process, please assign briangleeson after the PR has been reviewed.
You can assign the PR to them by writing /assign @briangleeson in a comment when ready.

The full list of commands accepted by this bot can be found here.

Details

Needs approval from an approver in each of these files:

• OWNERS

Approvers can indicate their approval by writing /approve in a comment
Approvers can cancel approval by writing /approve cancel in a comment

[AlanGreene]

Will be addressed by #4409
/close

[dependabot]

OK, I won't notify you again about this release, but will get in touch when a new version is available. If you'd rather skip all updates until the next major or minor version, let me know by commenting @dependabot ignore this major version or @dependabot ignore this minor version. You can also ignore all major, minor, or patch releases for a dependency by adding an ignore condition with the desired update_types to your config file.

If you change your mind, just re-open this PR and I'll resolve any conflicts on it.