feat: new Board component#1228
Merged
Merged
Conversation
🦋 Changeset detectedLatest commit: 927ca35 The changes in this PR will be included in the next version bump. This PR includes changesets to release 1 package
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 |
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
Contributor
📦 NPM canary releaseDeployed canary version 0.0.0-canary-46c544b. |
Contributor
🧪 Storybook is successfully deployed!
|
Contributor
🏋️ Size limit report
Click here if you want to find out what is changed in this build |
![cursor[bot]](https://avatars.githubusercontent.com/in/1210556?s=60&v=4){kind=small}
Contributor
There was a problem hiding this comment.
Cursor Bugbot has reviewed your changes using default effort and found 1 potential issue.
❌ Bugbot Autofix is OFF. To automatically fix reported issues with cloud agents, enable autofix in the Cursor dashboard.
Reviewed by Cursor Bugbot for commit d279cb2. Configure here.
…ved opacity handling
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Note
Medium Risk
Large new public API and ~10kB bundle increase, with intricate drag/resize and cross-board state; mitigated by extensive tests and no changes to auth or data paths.
Overview
Introduces
Board, a new layout primitive for draggable, resizable dashboard tiles:Board.Widgetregisters content separately from gridlayout, with vertical/horizontal/free compaction, optional overlap, grid lines,dragCancel/dragHandle, and drag/resize lifecycle callbacks.Board.Providershares a registry for cross-board moves (onWidgetTransfer), pointer drags render in a fixed overlay, and nested boards can useisAligned/isAutoHeightso inner grids match parent cell pitch and containers grow to fit.Board.Responsivepicks breakpoint layouts like react-grid-layout. Interaction is built on React AriauseMove(pointer + keyboard); layout math comes from a vendoredgrid-core(react-grid-layout).Also wires
Tabsspring-loading during board drags viauseBoardDragActive, bumps the size-limit all-bundle cap to 425kB, and makes PR canary npm publish skip re-publish when the version already exists (re-tag only).Reviewed by Cursor Bugbot for commit 927ca35. Bugbot is set up for automated code reviews on this repo. Configure here.