What’s new and in-progress (September 8, 2019)

[raphilli]

Component Status and Timelines

• To look up when a specific component will be delivered and its status, check out the PatternFly Component Status Spreadsheet.

• Thank you to everyone that was able to attend our August 20 PatternFly demo. In case you missed it, you can catch the recording on our youtube channel: https://www.youtube.com/watch?v=d_BqC45SOyQ

• We hosted our first monthly PatternFly community meeting. This meeting is dedicated to updating the community on all the activity happening for PatternFly. We cover new features and enhancements, discussion topics pertinent to the PatternFly community, and update you on what we’re working on next. Here are the topics we covered in this meeting.

  • List item
  • Alert variant
  • Select enhancements
  • Website contact us page & defaulting to ‘PF4’ content
  • Navigation style update
  • In-page wizard variation
  • Experimental components
  • Toolbar refactor
  • Katakoda training modules

We hope to see you for each monthly community meeting! Our next PatternFly community meeting will be September 24 at 11am EST. You can join us at the meeting link below.

Meeting link: https://bluejeans.com/2626397779/
Call-in: 408-915-6466, meeting id: 2626397779

August Recap

In August, the following was completed:

• 1 new component was added to PF-React in August
• 24 enhancements to existing components/demos were added in PF-React in August
• 1 new component was added to PF-Next in August
• 7 enhancements to existing components/demos were added in PF-Next in August
• Converted 1 component to TypeScript and completed the PatternFly 4 TypeScript conversion effort. We will have future follow up work on TypeScript.
• 5 design deliverables
  • 3 visual designs established for components/demos in August
  • 2 Interaction design docs delivered in August
• Continuous accessibility reviews and improvements for both PF-Core and PF-React and more

1 component to existing components/demos was added in PF-React in August

• Bullet chart

24 enhancements to existing components/demos were added in PF-React in August

• Button: Added OUIA compatibility to Button component
• Charts: Adjust legend position for axis label
• Chip group: Added prop to allow chip group to be initially expanded
• Default alert variant: Added the default alert variant
• Drawer:
  • Updated drawer to expose all parts
  • Added the drawer component to experimental
• Expandable: Added support uncontrolled expandable
• Icons: Published configs as well with icons
• LoginForm: Added autoFocus to username input
• Modal: FocusTrap now works with showClose being false
• Option: Rewrite options menu to use dropdown component
• Page: Allowed the nav to default to closed for managed sidebar
• Pagination: Added disabled flag for whole component
• Select:
  • AsyncTypeAheadSelect): pass reference to inner component
  • Added support for toggle icon
  • Added disabled flag for component
  • Added the ability to pass in a user defined object
  • Added direction prop to Select
• Switch: Added aria-labelledby to input
• Table
  • Virtual-table: debounced resize event
  • Added new visibleOn and hiddenOn breakpoint
• Text area: Handle uncontrolled default value
• Tooltip and popover:
  • Improved tooltip and popover positioning
  • Added flipBehavior to tooltip and popover

1 new components was added to PF-Next in August

• Data toolbar

7 enhancements to existing components/demos were added in PF-Next in August

• Alert: Add default alert
• Charts: Refactored bullet chart vars
• Modal: Added left aligned footer buttons variation
• Select:
  • Added support for custom toggle icon
  • Added a disable modifier
• Toolbar: Put space-items and spacer modifiers in separate loop
• Wizard: Added in-page variation

3 Visual designs established for components/demos in August

• Compact pagination
• Favorites in Tables
• Toggle filter

2 Interaction design docs delivered in August

• Adding card view documentation
• Added embedded assistance docs to design guidelines

A11y

• Form select: Added isRequired prop
• Radio: Gave unique names to fix a11y