Adds loading state to ActionList items by mperrotti · Pull Request #4051 · primer/react

mperrotti · 2023-12-11T18:39:15Z

Relates to https://github.com/github/primer/issues/2681

Kapture.2023-12-11.at.13.38.49.mp4

Changelog

New

ActionList.item accepts loading prop

Changed

Removed

Rollout strategy

Patch release
Minor release
Major release; if selected, include a written rollout or migration plan
None; if selected, include a brief description as to why

Testing & Reviewing

Merge checklist

Added/updated tests
Added/updated documentation
Added/updated previews (Storybook)
Changes are SSR compatible
Tested in Chrome
Tested in Firefox
Tested in Safari
Tested in Edge
(GitHub staff only) Integration tests pass at github/github (Learn more about how to run integration tests)

changeset-bot · 2023-12-11T18:39:19Z

🦋 Changeset detected

Latest commit: 2c2f814

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package

Name	Type
@primer/react	Minor

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

mperrotti · 2023-12-11T18:39:30Z

This will be a draft until #3913 is merged

github-actions · 2023-12-11T18:41:57Z

size-limit report 📦

Path	Size
packages/react/dist/browser.esm.js	91.25 KB (+0.16% 🔺)
packages/react/dist/browser.umd.js	91.51 KB (+0.19% 🔺)

…list-item

mperrotti · 2024-07-03T20:14:42Z

Updating snapshots since we updated the stories.

…tive items

…into mp/loading-actionlist-item

TylerJDev

I have two suggestions, but otherwise looks good!

TylerJDev · 2024-07-05T16:14:17Z

+export const WithLoadingItems: StoryFn = () => (
+ <PageLayout>
+ <PageLayout.Pane position="start">
+ <NavList>
+ <NavList.Item href="#" loading>


Now that we don't have loading for links, should this prop & story be removed from NavList? I noticed that this story wasn't working, and I think it's because all NavList.Item(s) utilize ActionList.LinkItem by default.

Thanks - I missed this one.

TylerJDev · 2024-07-05T16:25:24Z

 </ItemWrapper>
- {!inactive && !menuContext && Boolean(slots.trailingAction) && slots.trailingAction}
+ {!inactive && !loading && !menuContext && Boolean(slots.trailingAction) && slots.trailingAction}
+ {loading === true && <VisuallyHidden>Loading</VisuallyHidden>}


I think we might need to put this in the Box above so that it is referenced to via aria-labelledby, or we could include it in the aria-labelledby list and generate a unique ID for the VisuallyHidden component that we could add to the list.

Ahh ok I understand.

mperrotti temporarily deployed to github-pages December 11, 2023 18:43 — with GitHub Actions Inactive

github-actionsBottemporarily deployed to storybook-preview-4051 December 11, 2023 18:44 Inactive

mperrotti temporarily deployed to github-pages December 11, 2023 18:53 — with GitHub Actions Inactive

github-actionsBottemporarily deployed to storybook-preview-4051 December 11, 2023 18:53 Inactive

mperrotti added 2 commits December 12, 2023 09:43

adds loading state to inactive items
330d2ea

adds changeset
6906bec

mperrotti force-pushed the mp/loading-actionlist-item branch from b6b3884 to 6906becCompare December 12, 2023 14:44

mperrotti marked this pull request as ready for review December 12, 2023 14:44

mperrotti requested review from a team and broccolinisoup December 12, 2023 14:44

mperrotti temporarily deployed to github-pages December 12, 2023 14:48 — with GitHub Actions Inactive

github-actionsBottemporarily deployed to storybook-preview-4051 December 12, 2023 14:48 Inactive

mperrotti added the update snapshots 🤖 Command that updates VRT snapshots on the pull request label Dec 12, 2023

mperrotti requested a review from pksjce December 12, 2023 14:59

test(vrt): update snapshots
6fc5176

github-actionsBot removed the update snapshots 🤖 Command that updates VRT snapshots on the pull request label Dec 12, 2023

primerBottemporarily deployed to github-pages December 12, 2023 15:09 Inactive

github-actionsBottemporarily deployed to storybook-preview-4051 December 12, 2023 15:10 Inactive

Merge branch 'main' of github.com:primer/react into mp/loading-action…
26a4827
…list-item

mperrotti had a problem deploying to github-pages December 14, 2023 19:07 — with GitHub Actions Failure

Merge branch 'main' of github.com:primer/react into mp/loading-action…
52056a3
…list-item

mperrotti had a problem deploying to github-pages December 18, 2023 17:35 — with GitHub Actions Failure

Merge branch 'main' into mp/loading-actionlist-item
da33bd8

mperrotti temporarily deployed to github-pages December 18, 2023 20:45 — with GitHub Actions Inactive

github-actionsBottemporarily deployed to storybook-preview-4051 December 18, 2023 20:45 Inactive

mperrotti added the update snapshots 🤖 Command that updates VRT snapshots on the pull request label Dec 18, 2023

test(vrt): update snapshots
a37edde

mperrotti temporarily deployed to github-pages July 3, 2024 14:22 — with GitHub Actions Inactive

github-actionsBottemporarily deployed to storybook-preview-4051 July 3, 2024 14:23 Inactive

Merge branch 'main' into mp/loading-actionlist-item
8ef70c8

mperrotti temporarily deployed to github-pages July 3, 2024 15:42 — with GitHub Actions Inactive

github-actionsBottemporarily deployed to storybook-preview-4051 July 3, 2024 15:42 Inactive

Merge branch 'main' into mp/loading-actionlist-item
b0b3651

mperrotti temporarily deployed to github-pages July 3, 2024 19:51 — with GitHub Actions Inactive

github-actionsBottemporarily deployed to storybook-preview-4051 July 3, 2024 19:51 Inactive

rm loading link item from feature story
5090548

mperrotti temporarily deployed to github-pages July 3, 2024 20:00 — with GitHub Actions Inactive

github-actionsBottemporarily deployed to storybook-preview-4051 July 3, 2024 20:01 Inactive

mperrotti added the update snapshots 🤖 Command that updates VRT snapshots on the pull request label Jul 3, 2024

test(vrt): update snapshots
1a54bb6

github-actionsBot removed the update snapshots 🤖 Command that updates VRT snapshots on the pull request label Jul 3, 2024

primerBottemporarily deployed to github-pages July 3, 2024 20:26 Inactive

github-actionsBottemporarily deployed to storybook-preview-4051 July 3, 2024 20:27 Inactive

mperrotti added 2 commits July 3, 2024 16:55

rm 'default state test' assertion for ActionMenus w/ loading and inac…
91aadc0
…tive items

Merge branch 'mp/loading-actionlist-item' of github.com:primer/react …
38c6643
…into mp/loading-actionlist-item

mperrotti temporarily deployed to github-pages July 3, 2024 20:59 — with GitHub Actions Inactive

github-actionsBottemporarily deployed to storybook-preview-4051 July 3, 2024 20:59 Inactive

TylerJDev approved these changes Jul 5, 2024
View reviewed changes

addresses last bit of PR feedback
2c2f814

mperrotti enabled auto-merge July 5, 2024 18:02

primerBot mentioned this pull request Jul 3, 2024
Release tracking (36.25.0) #4713
Merged

snyk-ioBot mentioned this pull request Aug 13, 2024
[Snyk] Upgrade @primer/react from 36.19.0 to 36.26.0 Playgirlkaybraz11/docs#2
Open

Mapuppy09 mentioned this pull request Aug 19, 2024
[Snyk] Upgrade @primer/react from 36.22.0 to 36.27.0 Mapuppy09/documentation#3
Merged

Navigation Menu

Uh oh!

Adds loading state to ActionList items - #4051

Adds loading state to ActionList items#4051
mperrotti merged 33 commits into
mainfrom
mp/loading-actionlist-item

mperrotti commented Dec 11, 2023•
edited
Loading

Uh oh!

changeset-botBot commented Dec 11, 2023•
edited
Loading

Uh oh!

mperrotti commented Dec 11, 2023

Uh oh!

github-actionsBot commented Dec 11, 2023•
edited
Loading

Uh oh!

mperrotti commented Jul 3, 2024

Uh oh!

TylerJDev left a comment

Uh oh!

TylerJDevJul 5, 2024

Uh oh!

mperrottiJul 5, 2024

Uh oh!

TylerJDevJul 5, 2024

Uh oh!

mperrottiJul 5, 2024

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

4 participants

Uh oh!

Conversation

mperrotti commented Dec 11, 2023• edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Changelog

New

Changed

Removed

Rollout strategy

Testing & Reviewing

Merge checklist

Uh oh!

changeset-botBot commented Dec 11, 2023• edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

🦋 Changeset detected

Uh oh!

mperrotti commented Dec 11, 2023

Uh oh!

github-actionsBot commented Dec 11, 2023• edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

size-limit report 📦

Uh oh!

mperrotti commented Jul 3, 2024

Uh oh!

TylerJDev left a comment

Choose a reason for hiding this comment

Uh oh!

TylerJDevJul 5, 2024

Choose a reason for hiding this comment

Uh oh!

mperrottiJul 5, 2024

Choose a reason for hiding this comment

Uh oh!

TylerJDevJul 5, 2024

Choose a reason for hiding this comment

Uh oh!

mperrottiJul 5, 2024

Choose a reason for hiding this comment

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

4 participants

mperrotti commented Dec 11, 2023•
edited
Loading

changeset-botBot commented Dec 11, 2023•
edited
Loading

github-actionsBot commented Dec 11, 2023•
edited
Loading