Skip to content

ref(compactSelect) use MenuComponents for CompactSelect Slots#109198

Merged
JonasBa merged 18 commits intomasterfrom
jb/eslint/compact-select-usage
Feb 25, 2026
Merged

ref(compactSelect) use MenuComponents for CompactSelect Slots#109198
JonasBa merged 18 commits intomasterfrom
jb/eslint/compact-select-usage

Conversation

@JonasBa
Copy link
Member

@JonasBa JonasBa commented Feb 24, 2026

Refactors usage of CompactSelect footer and title trailing props to mostly use the newly created MenuComponent prebuilt elements. This standardizes on the sizing, naming as well as some behavior of the selects so that they appear and act in a consistent manner throughout the UI

Fix DE-713, DE-753, DE-863

@JonasBa JonasBa requested review from a team as code owners February 24, 2026 17:54
@github-actions github-actions bot added the Scope: Frontend Automatically applied to PRs that change frontend components label Feb 24, 2026
}}
menuWidth="280px"
// eslint-disable-next-line @sentry/scraps/restrict-jsx-slot-children
menuFooter={<OrgFooterMessage />}
Copy link
Member Author

Choose a reason for hiding this comment

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

Opted to just update the CTA button and left the rest

@JonasBa JonasBa force-pushed the jb/eslint/compact-select-usage branch from 4e7b563 to 1e449bd Compare February 24, 2026 18:49
@linear
Copy link

linear bot commented Feb 24, 2026

The editAccessSelector was refactored to use MenuComponents.ApplyButton
which renders 'Apply' instead of a custom button with 'Save Changes'.
Update tests to match the new button text.

Co-Authored-By: Claude <noreply@anthropic.com>
…TAButton priority

- filterSelector: The Remove Filter button was migrated to
  MenuComponents.HeaderButton but the closeOverlay() call was dropped.
  Restore it by destructuring closeOverlay from menuHeaderTrailingItems.

- menuComponents: CTAButton and CTALinkButton document that priority is
  locked, but didn't set it explicitly. Add priority="default" to match
  the previous behaviour of existing call sites.

- addFilter.spec: Update test button name from 'Add Filter' to 'Apply'
  to match the MenuComponents.ApplyButton introduced in the refactor.

Co-Authored-By: Claude <noreply@anthropic.com>
Copy link
Member

@natemoo-re natemoo-re left a comment

Choose a reason for hiding this comment

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

Nice cleanup! Consistency over composability seems like a fair tradeoff here.

@JonasBa JonasBa merged commit 595b1ea into master Feb 25, 2026
62 checks passed
@JonasBa JonasBa deleted the jb/eslint/compact-select-usage branch February 25, 2026 16:59
Copy link
Contributor

@cursor cursor bot left a comment

Choose a reason for hiding this comment

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

Cursor Bugbot has reviewed your changes and found 1 potential issue.

Bugbot Autofix is OFF. To automatically fix reported issues with Cloud Agents, enable Autofix in the Cursor dashboard.

}}
/>
);
}}
Copy link
Contributor

Choose a reason for hiding this comment

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

Branch selector reset button loses descriptive label

Medium Severity

The branch filter header button was changed from "Reset to all branches" to the generic "Reset" label. MenuComponents.ResetButton omits children from its props and always renders "Reset", so the context-specific label was lost. In a branch filter, "Reset" alone is ambiguous; users may not understand it resets to "All Branches".

Fix in Cursor Fix in Web

Copy link
Member Author

Choose a reason for hiding this comment

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

That is fine

JonasBa added a commit that referenced this pull request Feb 25, 2026
Adds a configurable ESLint rule to `eslintPluginScraps` that restricts
the JSX trees passed to specific slot props to a declared set of allowed
elements. The rule is written in a generic way so that it can easily be
extended to other component types.

#109198 should address the
violations and allow us to merge these changes

---------

Co-authored-by: Claude <noreply@anthropic.com>
NicoHinderling pushed a commit that referenced this pull request Feb 25, 2026
Adds a configurable ESLint rule to `eslintPluginScraps` that restricts
the JSX trees passed to specific slot props to a declared set of allowed
elements. The rule is written in a generic way so that it can easily be
extended to other component types.

#109198 should address the
violations and allow us to merge these changes

---------

Co-authored-by: Claude <noreply@anthropic.com>
@github-actions github-actions bot locked and limited conversation to collaborators Mar 13, 2026
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

Scope: Frontend Automatically applied to PRs that change frontend components

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants