Skip to content

fix: PatternFly compliance cleanup and component architecture improvements#19

Merged
nicolethoen merged 4 commits intopatternfly:mainfrom
nicolethoen:general-pf-cleanup
Feb 14, 2026
Merged

fix: PatternFly compliance cleanup and component architecture improvements#19
nicolethoen merged 4 commits intopatternfly:mainfrom
nicolethoen:general-pf-cleanup

Conversation

@nicolethoen
Copy link
Contributor

This is the state of the docs before I made the changes (for reference):

Preview of the changes in the docs:
http://widgetized-dashboard-after.surge.sh/extensions/widgetized-dashboard

nicolethoen and others added 4 commits February 13, 2026 13:36
…provements

- Replace CSS-in-JS (styles.ts) with static stylesheet (styles.css)
- Standardize all class names to pf-v6-widget- prefix with BEM modifiers
- Remove PF utility classes, convert to custom CSS with logical properties
- Switch all icon imports to dist/esm individual paths for tree-shaking
- Extract toolbar from WidgetDrawer into WidgetLayout with AddWidgetsButton
- Fix maxH/minH spread-overwrite bug, remove unnecessary Divider
- Replace hardcoded SVG color with currentColor + PF token
- Fix resize handle, drag handle, and dropdown accessibility issues
- Add rel="noopener noreferrer" to target="_blank" links
- Remove anti-pattern tabIndex={index} from grid items
- Rewrite examples with richer PF component content
- Replace WithoutDrawerExample with CustomToolbarExample
- Add transformIgnorePatterns to Jest config for dist/esm imports
- Add build:watch CSS copying via nodemon
- Add test coverage for GridTile actions, WidgetDrawer, AddWidgetsButton

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
- Update react-grid-layout from ^1.5.1 to ^2.2.2
- Migrate to v2 API: gridConfig, dragConfig, resizeConfig, dropConfig
- Replace manual ResizeObserver with useContainerWidth hook
- Update type imports: Layout → LayoutItem (from react-grid-layout)
- Update callback signatures for readonly arrays and nullable params
- Add droppingWidgetType prop for drawer→grid drag coordination
- Add onWidgetDragStart/onWidgetDragEnd to WidgetDrawer
- Switch tsconfig moduleResolution from "node" to "bundler"
- Remove @types/react-grid-layout (types now bundled in v2)
- Update @patternfly/patternfly to ^6.5.0-prerelease.33
- Fix pr-preview CI workflow: npm → yarn, corepack setup, surge deploy
- Add widget configuration and layout item docs tables

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
@nicolethoen nicolethoen merged commit 0138a6c into patternfly:main Feb 14, 2026
4 of 5 checks passed
@github-actions
Copy link

🎉 This PR is included in version 1.0.0-prerelease.3 🎉

The release is available on:

Your semantic-release bot 📦🚀

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

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant