Skip to content

chore: remove code-connect directory#12346

Open
evwilkin wants to merge 1 commit into
patternfly:mainfrom
evwilkin:chore/12341-remove-code-connect
Open

chore: remove code-connect directory#12346
evwilkin wants to merge 1 commit into
patternfly:mainfrom
evwilkin:chore/12341-remove-code-connect

Conversation

@evwilkin
Copy link
Copy Markdown
Member

@evwilkin evwilkin commented Apr 10, 2026

What: Closes #12341

Following #12340 which closed open Code Connect PRs, this PR removed the packages/code-connect directory and all contents.

Summary by CodeRabbit

  • Chores
    • Removed Figma Code Connect integrations for PatternFly components, including connector registrations, prop mappings, and example renderers for approximately 100+ components and subcomponents
    • Removed Figma configuration file

Review Change Stack

@coderabbitai
Copy link
Copy Markdown

coderabbitai Bot commented Apr 10, 2026

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info
⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro

Run ID: 1d737bf9-b93e-433a-9bb4-5678e11ad25b

📥 Commits

Reviewing files that changed from the base of the PR and between a3b8040 and c08abaa.

📒 Files selected for processing (81)
  • packages/code-connect/components/AboutModal/AboutModal.figma.tsx
  • packages/code-connect/components/Accordion/Accordion.figma.tsx
  • packages/code-connect/components/Accordion/AccordionToggle.figma.tsx
  • packages/code-connect/components/ActionList/ActionList.figma.tsx
  • packages/code-connect/components/Alert/InlineAlert.figma.tsx
  • packages/code-connect/components/Alert/InlineAlertGroup.figma.tsx
  • packages/code-connect/components/Alert/InlinePlainAlert.figma.tsx
  • packages/code-connect/components/Alert/OverflowFooter.figma.tsx
  • packages/code-connect/components/Alert/ToastAlert.figma.tsx
  • packages/code-connect/components/Alert/ToastAlertGroup.figma.tsx
  • packages/code-connect/components/Avatar/Avatar.figma.tsx
  • packages/code-connect/components/BackToTop/BackToTop.figma.tsx
  • packages/code-connect/components/Backdrop/Backdrop.figma.tsx
  • packages/code-connect/components/BackgroundImage/BackgroundImage.figma.tsx
  • packages/code-connect/components/Badge/Badge.figma.tsx
  • packages/code-connect/components/Banner/NonStatusBanner.figma.tsx
  • packages/code-connect/components/Banner/StatusBanner.figma.tsx
  • packages/code-connect/components/Brand/FullLogo.figma.tsx
  • packages/code-connect/components/Brand/MastheadLogo.figma.tsx
  • packages/code-connect/components/Breadcrumbs/Breadcrumb.figma.tsx
  • packages/code-connect/components/Breadcrumbs/BreadcrumbItem.figma.tsx
  • packages/code-connect/components/Breadcrumbs/ExpandableBreadcrumbs.figma.tsx
  • packages/code-connect/components/ClipboardCopy/ClipboardCopyBasic.figma.tsx
  • packages/code-connect/components/ClipboardCopy/ClipboardCopyInlineCompact.figma.tsx
  • packages/code-connect/components/CodeBlock/CodeBlock.figma.tsx
  • packages/code-connect/components/CodeEditor/CodeEditor.figma.tsx
  • packages/code-connect/components/DataList/DataList.figma.tsx
  • packages/code-connect/components/DataList/_1BuildItYourselfBasicRows.figma.tsx
  • packages/code-connect/components/DataList/_1BuildItYourselfClickableRows.figma.tsx
  • packages/code-connect/components/DataList/_1BuildItYourselfDraggableRows.figma.tsx
  • packages/code-connect/components/DataList/_2BaseComponentsActionCell.figma.tsx
  • packages/code-connect/components/DataList/_2BaseComponentsContentCell.figma.tsx
  • packages/code-connect/components/DataList/_2BaseComponentsControlCell.figma.tsx
  • packages/code-connect/components/DatePicker/BaseComponentsCalendarDay.figma.tsx
  • packages/code-connect/components/DatePicker/CalendarMonth.figma.tsx
  • packages/code-connect/components/DatePicker/DateAndTimePicker.figma.tsx
  • packages/code-connect/components/DatePicker/DatePicker.figma.tsx
  • packages/code-connect/components/DatePicker/TimePicker.figma.tsx
  • packages/code-connect/components/DatePicker/TimePickerMenu.figma.tsx
  • packages/code-connect/components/DescriptionList/DescriptionList.figma.tsx
  • packages/code-connect/components/DescriptionList/DescriptionListInCard.figma.tsx
  • packages/code-connect/components/DescriptionList/DescriptionListItem.figma.tsx
  • packages/code-connect/components/DescriptionList/TermLabel.figma.tsx
  • packages/code-connect/components/Divider/Divider.figma.tsx
  • packages/code-connect/components/Drawer/Drawer.figma.tsx
  • packages/code-connect/components/Drawer/DrawerContent.figma.tsx
  • packages/code-connect/components/DualListSelector/DualListHeader.figma.tsx
  • packages/code-connect/components/DualListSelector/DualListItemTree.figma.tsx
  • packages/code-connect/components/DualListSelector/DualListSelector.figma.tsx
  • packages/code-connect/components/DualListSelector/DualListSelectorListItem.tsx
  • packages/code-connect/components/EmptyState/EmptyState.figma.tsx
  • packages/code-connect/components/FileUpload/MultipleFileUpload.figma.tsx
  • packages/code-connect/components/FileUpload/SimpleFileUpload.figma.tsx
  • packages/code-connect/components/Hint/Hint.figma.tsx
  • packages/code-connect/components/InlineEdit/FieldSpecificInlineEdit.figma.tsx
  • packages/code-connect/components/InlineEdit/InlineEditActionGroup.figma.tsx
  • packages/code-connect/components/InlineEdit/InlineEditToggle.figma.tsx
  • packages/code-connect/components/JumpLinks/JumplinkHorizontal.figma.tsx
  • packages/code-connect/components/JumpLinks/JumplinkVertical.figma.tsx
  • packages/code-connect/components/JumpLinks/JumplinksHorizontal.figma.tsx
  • packages/code-connect/components/JumpLinks/JumplinksVertical.figma.tsx
  • packages/code-connect/components/Label/LabelGroups.figma.tsx
  • packages/code-connect/components/Label/LabelInGroup.figma.tsx
  • packages/code-connect/components/Label/LabelNonStatus.figma.tsx
  • packages/code-connect/components/Label/LabelStatus.figma.tsx
  • packages/code-connect/components/LoginPage/DesktopLoginPage.figma.tsx
  • packages/code-connect/components/Masthead/Masthead.figma.tsx
  • packages/code-connect/components/Masthead/MastheadMenuItemToggles.figma.tsx
  • packages/code-connect/components/Modal/AlertModal.figma.tsx
  • packages/code-connect/components/Modal/BasicModal.figma.tsx
  • packages/code-connect/components/NotificationDrawer/NotificationDrawer.figma.tsx
  • packages/code-connect/components/NotificationDrawer/NotificationDrawerGroups.figma.tsx
  • packages/code-connect/components/NotificationDrawer/NotificationDrawerHeader.figma.tsx
  • packages/code-connect/components/NotificationDrawer/NotificationDrawerItem.figma.tsx
  • packages/code-connect/components/Pagination/Pagination.figma.tsx
  • packages/code-connect/components/PopOver/Popover.figma.tsx
  • packages/code-connect/components/SimpleList/SimpleList.figma.tsx
  • packages/code-connect/components/SimpleList/SimpleListGroup.figma.tsx
  • packages/code-connect/components/SimpleList/SimpleListItem.figma.tsx
  • packages/code-connect/components/Skeleton/Skeleton.figma.tsx
  • packages/code-connect/figma.config.json
💤 Files with no reviewable changes (81)
  • packages/code-connect/components/DataList/_1BuildItYourselfClickableRows.figma.tsx
  • packages/code-connect/components/Brand/MastheadLogo.figma.tsx
  • packages/code-connect/components/CodeBlock/CodeBlock.figma.tsx
  • packages/code-connect/components/Banner/StatusBanner.figma.tsx
  • packages/code-connect/components/Accordion/AccordionToggle.figma.tsx
  • packages/code-connect/components/DatePicker/TimePickerMenu.figma.tsx
  • packages/code-connect/components/JumpLinks/JumplinkVertical.figma.tsx
  • packages/code-connect/components/Label/LabelStatus.figma.tsx
  • packages/code-connect/components/DataList/_2BaseComponentsActionCell.figma.tsx
  • packages/code-connect/components/SimpleList/SimpleListGroup.figma.tsx
  • packages/code-connect/components/Pagination/Pagination.figma.tsx
  • packages/code-connect/components/Alert/InlineAlert.figma.tsx
  • packages/code-connect/components/DataList/_1BuildItYourselfBasicRows.figma.tsx
  • packages/code-connect/components/ClipboardCopy/ClipboardCopyInlineCompact.figma.tsx
  • packages/code-connect/components/Brand/FullLogo.figma.tsx
  • packages/code-connect/components/DatePicker/TimePicker.figma.tsx
  • packages/code-connect/components/Avatar/Avatar.figma.tsx
  • packages/code-connect/components/Badge/Badge.figma.tsx
  • packages/code-connect/components/Modal/AlertModal.figma.tsx
  • packages/code-connect/components/JumpLinks/JumplinksVertical.figma.tsx
  • packages/code-connect/components/DataList/_1BuildItYourselfDraggableRows.figma.tsx
  • packages/code-connect/components/DescriptionList/DescriptionListItem.figma.tsx
  • packages/code-connect/components/ClipboardCopy/ClipboardCopyBasic.figma.tsx
  • packages/code-connect/components/ActionList/ActionList.figma.tsx
  • packages/code-connect/components/InlineEdit/FieldSpecificInlineEdit.figma.tsx
  • packages/code-connect/components/CodeEditor/CodeEditor.figma.tsx
  • packages/code-connect/components/Hint/Hint.figma.tsx
  • packages/code-connect/components/DualListSelector/DualListSelector.figma.tsx
  • packages/code-connect/components/DatePicker/BaseComponentsCalendarDay.figma.tsx
  • packages/code-connect/components/FileUpload/SimpleFileUpload.figma.tsx
  • packages/code-connect/components/Alert/InlineAlertGroup.figma.tsx
  • packages/code-connect/components/DataList/DataList.figma.tsx
  • packages/code-connect/components/DatePicker/DateAndTimePicker.figma.tsx
  • packages/code-connect/components/InlineEdit/InlineEditToggle.figma.tsx
  • packages/code-connect/components/SimpleList/SimpleList.figma.tsx
  • packages/code-connect/components/DataList/_2BaseComponentsControlCell.figma.tsx
  • packages/code-connect/components/JumpLinks/JumplinksHorizontal.figma.tsx
  • packages/code-connect/components/Divider/Divider.figma.tsx
  • packages/code-connect/components/Skeleton/Skeleton.figma.tsx
  • packages/code-connect/components/DualListSelector/DualListSelectorListItem.tsx
  • packages/code-connect/components/Label/LabelInGroup.figma.tsx
  • packages/code-connect/components/EmptyState/EmptyState.figma.tsx
  • packages/code-connect/components/PopOver/Popover.figma.tsx
  • packages/code-connect/components/Label/LabelNonStatus.figma.tsx
  • packages/code-connect/components/Alert/ToastAlert.figma.tsx
  • packages/code-connect/components/NotificationDrawer/NotificationDrawerItem.figma.tsx
  • packages/code-connect/components/Breadcrumbs/Breadcrumb.figma.tsx
  • packages/code-connect/components/AboutModal/AboutModal.figma.tsx
  • packages/code-connect/components/Drawer/DrawerContent.figma.tsx
  • packages/code-connect/components/Masthead/MastheadMenuItemToggles.figma.tsx
  • packages/code-connect/components/DataList/_2BaseComponentsContentCell.figma.tsx
  • packages/code-connect/components/Backdrop/Backdrop.figma.tsx
  • packages/code-connect/components/DualListSelector/DualListItemTree.figma.tsx
  • packages/code-connect/figma.config.json
  • packages/code-connect/components/Alert/ToastAlertGroup.figma.tsx
  • packages/code-connect/components/Masthead/Masthead.figma.tsx
  • packages/code-connect/components/LoginPage/DesktopLoginPage.figma.tsx
  • packages/code-connect/components/InlineEdit/InlineEditActionGroup.figma.tsx
  • packages/code-connect/components/DescriptionList/DescriptionList.figma.tsx
  • packages/code-connect/components/DescriptionList/DescriptionListInCard.figma.tsx
  • packages/code-connect/components/Alert/InlinePlainAlert.figma.tsx
  • packages/code-connect/components/Banner/NonStatusBanner.figma.tsx
  • packages/code-connect/components/NotificationDrawer/NotificationDrawer.figma.tsx
  • packages/code-connect/components/JumpLinks/JumplinkHorizontal.figma.tsx
  • packages/code-connect/components/NotificationDrawer/NotificationDrawerHeader.figma.tsx
  • packages/code-connect/components/Accordion/Accordion.figma.tsx
  • packages/code-connect/components/DatePicker/DatePicker.figma.tsx
  • packages/code-connect/components/Label/LabelGroups.figma.tsx
  • packages/code-connect/components/Modal/BasicModal.figma.tsx
  • packages/code-connect/components/BackgroundImage/BackgroundImage.figma.tsx
  • packages/code-connect/components/BackToTop/BackToTop.figma.tsx
  • packages/code-connect/components/NotificationDrawer/NotificationDrawerGroups.figma.tsx
  • packages/code-connect/components/DatePicker/CalendarMonth.figma.tsx
  • packages/code-connect/components/Alert/OverflowFooter.figma.tsx
  • packages/code-connect/components/SimpleList/SimpleListItem.figma.tsx
  • packages/code-connect/components/Drawer/Drawer.figma.tsx
  • packages/code-connect/components/Breadcrumbs/BreadcrumbItem.figma.tsx
  • packages/code-connect/components/DualListSelector/DualListHeader.figma.tsx
  • packages/code-connect/components/DescriptionList/TermLabel.figma.tsx
  • packages/code-connect/components/FileUpload/MultipleFileUpload.figma.tsx
  • packages/code-connect/components/Breadcrumbs/ExpandableBreadcrumbs.figma.tsx

Walkthrough

This PR removes all Figma Code Connect integrations from the patternfly-react codebase, deleting 82 component integration files and the central configuration file. No replacement code is added. The deletions affect only Code Connect infrastructure and do not modify any PatternFly component implementations, APIs, or exports.

Changes

Cohort / File(s) Summary
Figma Code Connect deprecation
packages/code-connect/components/AboutModal/*, packages/code-connect/components/Accordion/*, packages/code-connect/components/ActionList/*, packages/code-connect/components/Alert/*, packages/code-connect/components/Avatar/*, packages/code-connect/components/BackToTop/*, packages/code-connect/components/Backdrop/*, packages/code-connect/components/BackgroundImage/*, packages/code-connect/components/Badge/*, packages/code-connect/components/Banner/*, packages/code-connect/components/Brand/*, packages/code-connect/components/Breadcrumbs/*, packages/code-connect/components/ClipboardCopy/*, packages/code-connect/components/CodeBlock/*, packages/code-connect/components/CodeEditor/*, packages/code-connect/components/DataList/*, packages/code-connect/components/DatePicker/*, packages/code-connect/components/DescriptionList/*, packages/code-connect/components/Divider/*, packages/code-connect/components/Drawer/*, packages/code-connect/components/DualListSelector/*, packages/code-connect/components/EmptyState/*, packages/code-connect/components/FileUpload/*, packages/code-connect/components/Hint/*, packages/code-connect/components/InlineEdit/*, packages/code-connect/components/JumpLinks/*, packages/code-connect/components/Label/*, packages/code-connect/components/LoginPage/*, packages/code-connect/components/Masthead/*, packages/code-connect/components/Modal/*, packages/code-connect/components/NotificationDrawer/*, packages/code-connect/components/Pagination/*, packages/code-connect/components/PopOver/*, packages/code-connect/components/SimpleList/*, packages/code-connect/components/Skeleton/*, packages/code-connect/figma.config.json
Removal of all Figma Code Connect integration modules, each previously containing a figma.connect(...) registration that wired PatternFly components to Figma design URLs with mapped props (strings, booleans, enums) and inline example renderers showing component usage. Also removes the central figma.config.json configuration that governed Code Connect parser selection, component discovery, URL resolution, and build/environment flags.

Estimated code review effort

🎯 1 (Trivial) | ⏱️ ~3 minutes

Possibly related PRs

  • patternfly/patternfly-react#12291: Directly overlaps with this PR by modifying packages/code-connect/components/PopOver/Popover.figma.tsx before its full deletion here.

Suggested reviewers

  • nicolethoen
  • mcoker
  • thatblindgeye
  • dlabaj
🚥 Pre-merge checks | ✅ 5
✅ Passed checks (5 passed)
Check name Status Explanation
Description Check ✅ Passed Check skipped - CodeRabbit’s high-level summary is enabled.
Title check ✅ Passed The title 'chore: remove code-connect directory' clearly and specifically describes the main change in the PR, which is the removal of the code-connect directory.
Linked Issues check ✅ Passed The PR successfully removes all Code Connect code from the codebase as required by issue #12341, eliminating the entire packages/code-connect directory without impacting other functionality.
Out of Scope Changes check ✅ Passed All changes are within scope—only the packages/code-connect directory and figma.config.json are removed, which aligns directly with the stated objective to delete all Code Connect code.
Docstring Coverage ✅ Passed No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.

✏️ Tip: You can configure your own custom pre-merge checks in the settings.

✨ Finishing Touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands and usage tips.

@patternfly-build
Copy link
Copy Markdown
Collaborator

patternfly-build commented Apr 10, 2026

Copy link
Copy Markdown
Contributor

@mattnolting mattnolting left a comment

Choose a reason for hiding this comment

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

LPTM

@nicolethoen nicolethoen linked an issue May 14, 2026 that may be closed by this pull request
coderabbitai[bot]

This comment was marked as outdated.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
@evwilkin evwilkin force-pushed the chore/12341-remove-code-connect branch from a3b8040 to c08abaa Compare May 27, 2026 18:23
@evwilkin
Copy link
Copy Markdown
Member Author

@kmcfaul @nicolethoen do you think we're good to merge this PR deleting the code-connect directory now that the release is live?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Remove Code Connect code from repositories Code Connect - Cleanup & remove

4 participants