Skip to content

Conversation

@primer
Copy link
Contributor

@primer primer bot commented Feb 11, 2026

This PR was opened by the Changesets release GitHub action. When you're ready to do a release, you can merge this and the packages will be published to npm automatically. If you're not ready to do a release yet, that's fine, whenever you add more changesets to main, this PR will be updated.

Releases

@primer/[email protected]

Minor Changes

  • #7348 3c160b2 Thanks @mattcosta7! - Add currentWidth and onResizeEnd props to PageLayout.Pane for controlled resizable width

    The PageLayout.Pane component now supports controlled width:

    • onResizeEnd — callback fired when a resize operation ends (pointer release or keyboard key up). Replaces localStorage persistence. Requires currentWidth.
    • currentWidth — sets the current displayed width in pixels (number | undefined). Pass undefined when the persisted value hasn't loaded yet. Requires onResizeEnd.

    Both props must be provided together (enforced by TypeScript). resizable remains a plain boolean prop.

    These props are only meaningful when resizable={true} — without it, no drag handle renders so onResizeEnd never fires.

    New export:

    • defaultPaneWidth — Record of preset width values: {small: 256, medium: 296, large: 320}

    Example usage:

    import {PageLayout, defaultPaneWidth} from '@primer/react'
    
    // Default behavior (unchanged) — localStorage persistence
    <PageLayout.Pane resizable />
    
    // Controlled width with custom persistence
    const [width, setWidth] = useState(defaultPaneWidth.medium)
    <PageLayout.Pane
      resizable
      currentWidth={width}
      onResizeEnd={(newWidth) => {
        setWidth(newWidth)
        myStorage.save('pane-width', newWidth)
      }}
    />
    
    // Async load — pass undefined until value is fetched
    <PageLayout.Pane
      resizable
      currentWidth={savedWidth ?? undefined}
      onResizeEnd={handleResizeEnd}
    />

Patch Changes

@primer/[email protected]

Minor Changes

Patch Changes

@primer primer bot requested a review from a team as a code owner February 11, 2026 23:18
@primer primer bot requested a review from francinelucca February 11, 2026 23:18
@github-actions
Copy link
Contributor

❗ Pre-merge checklist

Please ensure these items are checked before merging:

🔎 Smoke test

  • All CI checks pass on this pull request
  • Docs and Storybook open in a browser

🌏 Integration tests

  • Successful integration test with github/github-ui as a primary consumer of primer/react (automated pull request)
    • Verify all CI checks have passed on automated pull request
    • Manually test critical paths in preview
    • Manually test release-specific bugfixes and/or feature work as described in preview

✅ Peer Review

  • Create release review issue for Issues team (example)
  • Wait for approval from Issues team before merging

🤔 Sanity test

  • All bugfixes in this release have resolved their corresponding issues
  • The issues for any reverted PRs have been re-opened and commented on with a link to the reverted PR
  • No noticeable regressions have been introduced as a result of changes in this release
  • Release notes accurately describe the changes made

❗ Post-merge checklist

Please ensure these items are checked after merging:

🚢 Version upgrade, cleanup, and documentation

  • Upgrade @primer/react version at github/github-ui
  • Close Integration test PR and delete branch
  • Leave a /short-report comment on quarterly release conductor tracking issue summarizing time spent on release activities and any challenges encountered
  • Leave any testing notes on the automated per-shift release tracking issue. In particular, describe any issues encountered during your testing. This is helpful in providing historical context to the next release conductor as well as other maintainers.

@github-actions
Copy link
Contributor

👋 Hi, this pull request contains changes to the source code that github/github-ui depends on. If you are GitHub staff, test these changes with github/github-ui using the integration workflow. Or, apply the integration-tests: skipped manually label to skip these checks.

@github-actions github-actions bot added the integration-tests: recommended This change needs to be tested for breaking changes. See https://arc.net/l/quote/tdmpakpm label Feb 11, 2026
@github-actions github-actions bot temporarily deployed to storybook-preview-7528 February 11, 2026 23:29 Inactive
@francinelucca francinelucca removed their request for review February 11, 2026 23:41
@primer primer bot force-pushed the changeset-release/main branch from 9740621 to 65a47de Compare February 12, 2026 19:00
@github-actions github-actions bot temporarily deployed to storybook-preview-7528 February 12, 2026 19:11 Inactive
@primer primer bot force-pushed the changeset-release/main branch from 65a47de to a96c016 Compare February 12, 2026 21:28
@github-actions github-actions bot temporarily deployed to storybook-preview-7528 February 12, 2026 21:37 Inactive
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

integration-tests: recommended This change needs to be tested for breaking changes. See https://arc.net/l/quote/tdmpakpm

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant