Skip to Content
Patternfly Logo

Release notes

2020.05 release notes (2020-04-21)

Packages released:

Components

  • Data toolbar:
    • Added prop to enable removal of all chips in a filter category. (#4060)
    • Fixed max depth (#4103)
  • Dropdown:
    • Fixed ref to show indeterminate checkbox in toggle (#3990)
    • Updated to respect already passed props (#4016)
  • Tooltip:
    • Fixed Codesandbox examples (#4088)

Other

  • Chore:
    • Removed promoted components from experimental index file (#4029)

2020.04 release notes (2020-03-31)

Packages released:

Components

  • About modal:
    • Allowed custom aria-label for the close button (#3877)
  • Alert:
    • Used context to set label (#3771)
  • Card:
    • Added Card View to demos (#3441)
    • Added wrapper to image to resize it properly (#3642)
  • Drawer:
    • Added width props, updated demo & integration test (#3979)
  • Dropdown:
    • Removed duplicate prop (#3923)
    • Cleaned console errors in Dropdown.test.tsx (#3861)
    • Supported router link as DropdownItems through component API (#3995)
  • Empty state:
    • Added support for extra-large empty state (#3844)
  • Select:
    • Fixed group select options in single variant (#3838)
    • Allowed count badge to be hidden in checkbox select (#3976)
    • Added logic for disabled default options for typeahead (#3895)

Table

  • Fixed forward ref types (#3919)
  • Added column management demo (#3942)

Other

  • Docs:
    • Released docs to NPM for patternfly-org (#3941)
  • Build:
    • Removed unused packages from repo (#3916)
    • Created unified react-core dist (#3971)
    • Created variables by file in react-tokens (#3896)
  • Types:
    • Fixed tippy types, remove copyTS (#3940)
    • Added in-house focusTrap (#3967)
    • Removed a few usages of prop-types (#3968)

2020.03 release notes (2020-03-10)

Packages released:

Components

  • Background image:
    • Removed width attr from background image filter element (#3758)
  • Data toolbar:
    • Cleaned up beta warning for data toolbar (#3755)
  • Drawer:
    • Added console warning to Drawer beta component (#3856)
    • Updated drawer for Master/Detail support (#3884)
  • Dropdown
    • Updated to Destructure bubbleEvent from props to avoid it passing to button el (#3894)
  • Button:
    • Added link icon position for link buttons (#3798)
  • Card:
    • Added selectable and selected variation (#3587)
  • Chip group:
    • Added a tooltip to the Chipgroup label (#3826)
  • Data list:
    • Added compact data list (#3807)
  • Data toolbar:
    • Added support for key with categoryName. (#3880)
  • Dropdown:
    • Fixed keyboard selection of toggle causing selection of parent (#3816)
  • File upload:
    • Added new beta file upload component (#3865)
  • Input group:
    • Updated docs to be more readable (#3839)
  • Modal:
    • Added description property (#3821)
    • Moved description to separate component (#3897)
  • Pagination:
    • Updated to calculate navigation input according to last page (#3534)
  • Select:
    • Added inline filtering to checkbox select (#3843)
    • Fix panel checkbox labels (#3820)
  • Switch:
    • Updated to avoid switch id override by props (#3706)
  • Tabs:
    • Updated tabs with nav examples + add Tab component to props docs (#3527)
  • Tooltip:
    • Removed TooltipContent from propComponents (#3800)
  • Wizard:
    • Used patternfly-styles to set the no padding modifier (#3871)

Catalog view extension

  • Catalog tile:
    • Removed truncation and maxLength props (#3830)

Other

  • Chore:
    • Added experimental exports (#3775)
    • Wrapped layout examples to fix codesandbox (#3818)
    • Tested prerelease workflow (#3868)
    • Removed exenv and lodash (#3882)
    • Added jest test generator (#3828)
    • Added experimental/components directory (#3764)
    • Improved promote script (#3812)
    • Fixed react-docs version (#3879)
    • Updated Gatsby theme for patternfly org (#3813)
    • Updated versions in react-core for react-icons (#3760)
    • Updated additional versions in react-core for react-icons (#3761)
  • Docs:
    • Updated readme to match new guidelines (#3837)
    • Added GDPR banner to all pages (#3831)
    • Added page titles for react docs & react icons pages (#3851)
    • Fixed typo in README (#3769)
  • Linting:
    • Fixed eslint recommendations (#3858)
    • Added linting to react styles (#3723)
    • Added linting react tokens (#3725)
  • Ouia:
    • Updated to not omit ouiaContext (#3872)

Virtualized extension

  • Resolved linter errors (#3726)

PF3

  • Chore:
    • Enabled releasing patternfly 3 (#3863)
    • Removed patternfly-3 packages (#3852)
    • Created patternfly-3 branch (#3846)

2020.02 release notes (2020-02-18)

Packages released:

Components

  • Context selector:
    • Updated signature for context selector (#3697)
  • Data toolbar:
    • Updated html structure to match core (#3701)
  • Popover:
    • Added min-width override property (#3601)
  • Radio:
    • Added support for optional description (#3621)
  • Select:
    • Handled undefined default for checkbox select (#3711)
  • Simple list:
    • Added Simple list component (#3645)
  • Wizard:
    • Added type to wizard context (#3572)

Catalog view extension

  • Catalog tile:
    • Adjusted max width of header image (#3628)
    • Reduced padding between badge and logo (#3644)
    • Fixed styles that stopped working (#3635)
    • Fixed linting errors (#3714)

Table

  • Added inline edit to table (#3058)
  • Reverted IHeaderRow interface change (#3746)
  • Fixed that column functions are not always equal (#3612)
  • Added support for truncated column headers (#3729)

Other

  • Build:
    • Updated CircleCi config for pricing (#3654)
    • Made change to use machine instance (#3712)
    • Fixed typo, added md lint to CircleCi (#3692)
  • Chore:
    • Phrased non production components as beta (#3663)
    • Linted React topology (#3721)
    • For icons made change to use absolute import paths (#3517)
    • Fixed broken link in issue template (#3634)
  • Ci:
    • Parallelized tests and run in PRs (#3627)
  • Demos:
    • Fixed the TextInput type in filter table demo (#3652)
  • Docs:
    • Updated table property descriptions (#3745)
    • Updated node version in readme (#3741)
    • Bumped Gatsby (#3657)
    • Merged branch gatsby-theme-patternfly-org (#3651)
    • Merged patternfly-org branch (#3619)
  • Linting:
    • Eslint react-table (#3693)
    • Fixed linting errors (#3717)
    • Resolved existing linting errors (#3715)
    • Added react-hooks to eslint-plugin-patternfly-react (#3636)
    • Fixed linting errors (#3713)

PF3

  • Slider:
    • Added limit for lowest possible value of slider (#3660)

2020.01 release notes (2020-01-28)

Packages released:

Components

  • About modal:
    • Added type safety to default props (#3536)
  • Alert:
    • Accessibility updates to alert for toast alerts (#3519)
    • Fixed integration test regression (#3594)
  • Alert group:
    • Added alert group component (#3531)
  • Chip group:
    • Added closable chip group (#3455)
  • Clipboard copy:
    • Set type of copy and toggle buttons to 'button' (#3444)
  • Data list:
    • Properly assigned selectable and selected classes (#3447)
    • Removed hook (#3434)
    • Reverted React.Component back to React.FunctionComponent (#3431)
  • Data toolbar:
    • Added and removed some modifiers to match core (#3422)
    • Reverted promotion of DataToolbar from experimental (#3580)
    • Updated example to not exclude previous filtered items (#3571)
  • Divider:
    • Promote Divider from experimental (#3516)
  • Dropdown:
    • Set a random id for dropdown item if id is not given (#3555)
  • Flex layout: Allowed string literals to be used for FlexItem modifiers (#3544)
  • Overflow menu:
    • Promote OverflowMenu from experimental (#3516)
  • Page:
    • Add ability to customize screen reader label (#3433)
  • Page header:
    • Removed redundant role="banner" attribute (#3499)
  • Page layout:
    • Fixed page layout imports for use with code sandbox.(#3461)
  • Pagination:
    • Disabled navigation input if page is equal to zero (#3472)
  • Select:
    • Add the type prop to the select toggle button (#3495)
    • Allowed custom option data comparison (#3491)
    • Updated so clear button appears with any type ahead input (#3502)
    • Set a unique id to the select toggle type ahead input (#3529)
  • Spinner:
    • Promote Spinner from experimental (#3516)

Catalog view extension

  • Catalog tile:
    • Removed truncation fade and fixed length (#3378)

Table

  • Fixed issue #3559, for table we now default to a div instead of anchor(#3567)
  • Made IAction onClick optional (#3558)
  • Fixed ActionsColumn import path for DropdownSeparator (#3578)

Other

  • Ci:
    • Stopped caching stale doc builds (#3582)
    • Added coverage reporting for cypress tests (#3295)
  • Chore:
    • Used absolute import paths for react core in pf4 packages. (#3525)
    • Fixed homepage URL (#3522)
    • Removed listing of icons while under construction (#3485)
    • Use direct paths to react-icons in production build (#3448)
  • Demos:
    • Upped version of gatsby-theme-patternfly-org (#3562)
  • Docs:
    • Added a link to icons docs (#3430)
  • Extensions:
    • Moved extensions to 'Extensions' in side nav category (#3453)
  • Integration:
    • Fixed selector in table simple actions (#3584)
  • Linting:
    • Made Eslint fixes for *.md file (#3493)
    • Made initial eslint fixes for react-core-style-system *.md file (#3505)
    • Made minor updates to TopologyView package, missing imports (#3510)
    • Made minor updates to VirtualizedTable examples (#3513)
    • Made minor updates to react-table package (#3509)
    • Turned on errors for markdown code block linting (#3515)
    • Added linting for md charts 3486 (#3496)
    • Added linting for md code blocks 3469 (#3474)
    • Fix linting for md react core example md files 3486 (#3500)
    • Updated *.md files in demos and verified they were working in code sandbox as well (#3504)

PF3

  • Date and time picker:
    • Use toLocaleTimeString to fix year 2020 bug (#3506)
    • Updated test snapshot due to new year (#3450)
  • React console:
    • Added additionalButtons prop to VncConsole (#3465)
  • Slider
    • Added onFormatChange handler (#3477)

2019.11 release notes (2019-12-18)

Packages released:

Charts

  • Updated interpolation examples to use monotoneX (#3372)
  • Update threshold props (#3414)

Components

  • Application launcher:
    • Application launcher enhancements (#3371)
  • Breadcrumb:
    • Set breadcrumb, nav and title texts to sentence case (#3387)
  • Data list:
    • Removed duplicate import from the docs (#3362)
    • Added selectable variant (#3404)
  • Dropdown:
    • Updated component to use input rather than PF checkbox (#3391)
  • Empty state icon:
    • Marked deprecated props (#3375)
  • Filter side panel:
    • Passed remaining props to checkbox component (#3374)
  • List:
    • Added the ordered variant (#3363)
  • Nav:
    • Removed basic nav example, switched to default variant, updated PF masthead logo (#3262)
  • Options menu:
    • Added support for groups and titles (#3360)
  • Page layout:
    • Removed basic nav example, switched to default variant, updated PF masthead logo (#3262)
    • Set breadcrumb, nav and title texts to sentence case (#3387)
  • Pagination:
    • Added optional offset prop (#3383)
    • Automated pagination and overflow logic (#3182)
    • Fixed prev arrows are active with 0 rows (#3384)
  • Popover:
    • Made text selectable (#3376)
  • Progress:
  • Select:
    • Made integration tests pass (#3359)
  • Text input:
    • Added support for passing a ref (#3168)

Table

  • Fixed the ActionColumn to allow a link in the actions menu (#3402)
  • Renamed visible/hiddenOn2Xl to visible/hiddenOn_2xl (#3365)

Other

  • Build:
    • Used patternfly-a11y (#3339)
    • Updates build to not cache stale doc build (#3424)
  • Chore:
    • Updated tippy.js dependency (#3370)
    • Fixed broken Katacoda tutorial links (#3408)
  • Demo:
    • Added various table state demos (#3352)
  • Docs:
    • Documented CJS tree shaking solution for icons and react-core (#3410)
  • Workspace:
    • Upgraded gatsby and org theme (#3386)

PF3

  • React console:
    • Added spacing between VncAction buttons (#3345)
  • Custom modal dialog:
    • Updated CustomModalDialog to match changes to original react-bootstrap ModalDialog (#3409)

2019.10 release notes (2019-11-25)

Packages released:

Charts

  • Put back the secondary title when showing percentage in the Donut Chart(#3299)
  • Added Interactive legend example (#3253)

Components

  • About modal:
    • Removed appendTo from props passed to div (#3239)
  • Accordion:
    • Added a prop to allow the box shadow to be removed (#3309)
  • Button:
    • Added support for setting tab index unless not button and disabled (#3240)
  • Data toolbar:
    • Moved and wrapped chips in expandable content (#3319)
  • Dropdown:
    • Added split button action variant (#3307)
    • Updated keyboard interaction (#3293)
  • Flex:
    • In breakpointMods, set the breakpoint as optional and added enums (#3258)
    • Fixed typo in align and justify modifiers (#3328)
  • Form:
    • Added validated variant to form inputs (#3220)
  • Options menu:
    • Removed the <i> element around selected item svg (#3238)
  • Pagination:
    • Fixed previous page navigation issues with 1 row per page (#3297)
  • Select:
    • Fixed displaying pre-selected input (#3305)
    • Added the ability to have custom content in the select menu (#3333)
    • Removed <form> from typeahead and checkbox selects (#3298)
  • Wizard:
    • Removed appendTo from props passed to div (#3239)

Catalog view extension

  • Chore:
    • Added @patternfly/react-catalog-view-extension package to release promotion script (#3260)
    • Removed unused packages (#3332)
    • fixed checbox margin on filter side panel (#3287)
    • fixed @types errors when using the extension (#3284)
    • Removed unused dev dependencies from package.json (#3275)
    • Added check for sass changes (#3271)
  • Catalog tile:
    • Removed unneeded selector (#3331)
    • Edited target selector (#3291)
    • Removed margin and fixed hidden text (#3285)
    • Updated scss and add class to image (#3282)
  • Properties side panel:
    • Aligned sass file with correct styles for properties panel (#3236)

Table

  • Added types, examples, and demo for onRowClick (#3265)
  • Fixed types for table transforms (#3203)

Topology

  • Set topology container to take full height of the view (#3314)

Other

  • Chore:
    • Updated gatsby-browser.js (#3313)
    • Added use of node 10, more resources for doc build (#3278)
    • Added new package to promotion script (#3260)
    • Updated github templates (#3261)
    • Upgraded react-bootstrap to fix React deprecated lifecycle method warnings (#3249)
  • Demo:
    • Updated Pagination Table demo to add Spinner and empty state (#3294)
  • Demo-app-ts:
    • Increased strict checks for react-integration (#3222)
  • Docs:
    • Bumped gatsby-theme-patternfly-org (#3269)
    • fix(README.md) (#3254)

PF3

  • Date and time picker:
    • Properly imported formatTime to DateTimePicker (#3303)

2019.09 release notes (2019-11-01)

Packages released:

Charts

  • Added legend examples (#3093)
  • Added chart scatter examples (#3086)
  • Updated ChartThreshold to use pf-core variable (#3085)
  • Updates to use markdown links (#3072)
  • Simplified legend tooltip example (#3069)
  • Added Responsive legend (#3067)
  • Added tooltip examples (#3061)
  • Added props to ChartLabel (#3028)
  • Fixed ChartThreshold props (#3024)
  • Added custom theme example (#3023)
  • Moved ChartThreshold to its own example (#3019)

Components

  • About Modal:
    • Append component to an element in DOM (#3102)
  • Application launcher:
  • Button:
    • Component type accepts react-router Link (#3077)
    • Added an example of a link button with anchor component (#3034)
  • Chip:
    • Added OUIA compatibility to Chip component (#2995)
  • Copy to clipboard:
    • Wrapped pre inside the expand element (#3169)
  • Data toolbar:
    • Implemented changes to match PF-Core (#3144)
    • Add unit and integration tests (#3201)
  • Divider:
    • Added divider component (#3125)
  • Dropdown:
    • Added OUIA compatibility for Dropdown (#3135)
    • Fix unit tests (#3107)
  • Empty state:
    • Removed debug message from tests (#3161)
  • Expandable:
    • Allowed for dynamic toggle text in uncontrolled version (#3068)
  • Login form:
    • Pass 'remember me' state to isChecked (#3056)
  • Options menu:
    • Fix unit tests and options menu(#3107)
  • Overflow menu:
    • Removed unnecessary class names (#3204)
  • Radio:
    • Pass checked either from isChecked or checked (#3066)
    • Fix console error (#3138)
    • Group radio inputs in docs (axe-core) (#2684)
  • React catalog view extension:
    • Added catalog view extension and three components (#3145)
  • Select:
    • Updated prop description for selections (#3183)
    • Set onFilter to null to run the default filter (#3158)
    • Added plain modifier to toggle button (#3140)
    • Use props children if custom on filter used (#3123)
    • Modifying selection outside Select component now works (#3096)
    • Allow custom component as select option (#3060)
    • Added OUIA compatibility to Select component (#2996)
  • Spinner:
    • Fixed alert type in docs (#3063)
  • Switch:
    • reverted defaultChecked to checked (#3037)
  • Tabs:
    • Move TabButton to new file (#3033)
  • Text area:
    • Added a prop to allow limiting the resize orientation of the Text are (#3180)
  • Tooltip:
    • Allow tooltip text to be left-aligned (#3053)
  • Virtualized extension
  • Wizard:
    • Append component to an element in DOM (#3102

Table

  • Added custom row wrapper example for table (#3160)
  • Set height auto modifier on table row (#3133)
  • Added support for custom dataLabel prop on table header (#3040)
  • Disable header controls with empty table (#3008)
  • Added OUIA compatibility to Table component (#2964)

Other

  • Chore:
    • Add issue template (#2804)
    • Surrounded OUIA check with a try catch (#3178)
    • Use consumer context if specified for OUIA (#3149)
    • Updated webpack config to output source maps (#3115)
    • Fix warnings about use of deprecated lifecycle methods (#3098)
    • Added eslint-plugin-react-hooks (#3083)
    • Properly use this.setState in components (#3075)
    • Fixed sentence case for component titles (#3054)
    • Added tslint-plugin-prettier and apply code formatting (#2810)
  • Demo:
    • Added bulk select demo with table and toolbar (#3082)
    • Added table filter demo (#3127)
  • Docs:
    • Use gatsby-theme-patternfly-org (#3146)
    • Fixed regressions from gatsby-theme-patternfly-org (#3164)

PF3

  • Serial console:
  • Cards:
    • Refactored sub-component references (#2935)

2019.08 release notes (2019-10-01)

Packages released:

Charts

  • (BREAKING CHANGE) Updated Victory to 30.0.0
    • Replace labels={(d) => x: ${d.x}} with labels={({ datum }) => x: ${datum.x}}
    • ChartPie:
      • Removed pieHeight & pieWidth props -- use padding prop
      • Adjusted padding from 8px to 20px
    • ChartDonut:
      • Removed donutHeight & donutWidth props -- use padding prop
      • Adjusted padding from 8px to 20px
    • ChartDonutUtilization:
      • Removed donutHeight & donutWidth props -- use padding prop
      • Adjusted padding from 8px to 20px
    • ChartDonutThreshold:
      • Removed donutHeight & donutWidth props -- use padding prop
      • Adjusted padding from 8px to 20px
    • ChartBullet:
      • Removed bulletHeight & bulletWidth props -- use bulletSize prop
    • ChartContainer:
      • Renamed the VictoryContainer CSS selector as pf-c-chart for specificity
    • See the Github tag notes or #2883 for additional details
  • Added missing style and responsive props to ChartVoronoiContainer (#2977)
  • Updated chart tutorial paths (#2962)
  • Eliminate the "missing key prop" warning seen in the browser console for ChartPie (#2943)
  • Slightly modified how chart containers are cloned and added examples. This ensures charts can be wrapped with the Tippy tooltip component as an alternate way of providing custom tooltips. (#3048)
  • Area Chart:
    • Added stacked area chart demo and test (#2896)
    • Added Horizontal indicator example (#2796)
  • Sparkline: Added line border to ChartArea and move sparkline (#2887)
  • Donut chart: Added simple fix for the donut chart tutorial link (#2940)

Components

  • App launcher: Made dropdown/app launcher work better with router components (#3011)
  • Button:
    • Added control variant to button (#2983)
    • Set the disable modifier when component is not button (#2683)
  • Dropdown: Disabled button now only applies disabled attribute (#2989)
  • Chip group:
    • Allowed chip group toolbar item to handle single chip (#2882)
    • ChipGroupToolbarItem component was not propagating className despite having this prop in documentation and TS. This is a fix to ChipGroupToolbarItem className (#2881)
    • Allowed variable number of chips to be displayed (#2878)
  • Copy to clipboard:
    • Added prop for expanded by default (#2923)
    • Added an example of copy clipboard with array of objects (#2916)
  • Date and time picker component: Added Date and time picker component (#1420)
  • Data toolbar:
    • Added aria-haspopup to the toggle group (#3012)
    • Added chip groups to toolbar (#2888)
  • Dropdown split button: Added 3rd state to split button (#2842)
  • Empty state: Made it possible to support primary and icon as div elements (#2957)
  • Expandable: The controlled version of Expandable was not reacting to changes made to the isExpanded prop after initial creation. This PR fixed the issue. (#2955)
  • Flex: Added support for flex layout, tests, etc. (#2985)
  • LoginPage: Add attributes to the submit button (#2682)
  • Modal:
    • Simplified disabling of FocusTrap (#2862)
    • Changed the cancel button variant to link (#2979)
  • Nav: HorizontalNavMenuItem: Fixed onItemClick PropType (#2984)
  • Overflow: Introduced overflow component (#2819)
  • Pagination:
    • Added OUIA compatibility to Pagination component (#2960)
    • Fixed styling discrepancy with HTML version (#2904)
  • Select:
    • Added a maximum height property to select menu (#2946)
    • Displayed selections data properly (#2848)
    • Added props for hard coded strings (#2993)
  • Switch: Backward compatibility in case labelOff was not set, fixed the conditionals (#2816)
  • Tab: Added two new props: mountOnEnter and unmountOnExit (#2902)
  • Wizard: Added default function to onClose prop (#2863)

Table

  • Fixed cell title warning (#2967)
  • Support height auto modifier in tr (#2932)
  • Added flag to hide select all (#2926)
  • Improved the documentation for Table component from react-table (#3016)
  • Added tables to integration test demos and wrote unit tests (#2685)

Other

  • Docs: Fixed live edit caret color so it is visible (#2899)
  • PF3: Bumped PF3 deps including Storybook (#2985)

2019.07 release notes (2019-09-10)

Packages released:

Charts

  • Adjusted legend position for axis label (#2763)
  • Added new symbol for dash/threshold (#2884)
  • BulletChart: Added new BulletChart type! (#2708)
  • StackChart: Added monthly vertical stack example (#2625)

Components

  • Accordion: Allow JSX elements for content and toggle (#2713)
  • BackgroundImage: Fix bug on non-Chrome browsers regarding filter's width (#2742)
  • ChipGroup: Added defaultIsOpen prop to allow chip group to be initially expanded (#2651)
  • ClipboardCopy: Updated if children change (#2849)
  • Drawer: Expose DrawerContent components and remove panelContent prop (#2733)
  • Dropdown:
    • Added support for dropdown with primary button toggle (#2857)
    • Allow custom dropdown items (#2890)
  • EmptyState: Fixed a bug where the correct size modifier wasn't being passed (#2692)
  • Expandable: Support uncontrolled expandable (#2649)
  • FormGroup: Fixed a bug where className was not being propogated for non-inline forms (#2864)
  • LoginForm: Username input field is now autofocused (#2659)
  • Modal:
    • Added isFooterLeftAligned prop (#2835)
    • Added appendTo prop so component can render in element other than document.body (#2802)
    • FocusTrap works with showClose being false (#2774)
  • Nav: Added dark theme modifier flag (#2856)
  • OptionsMenu: Now uses our Dropdown component and is consistent with it (#2299)
  • Page: Added dark theme modifier flag (#2856)
  • Select:
    • Allow creating new select items (#2820)
    • Added support for toggle icon (#2748)
    • Added direction prop (#2611)
  • Spinner: Added new experimental Spinner component! (#2858)
  • Switch: Changed checked property in DOM (#2749)
  • Tab: Allow JSX elements for Tab title (#2681)
  • TextArea: Support defaultValue attribute for uncontrolled TextArea (#2712)
  • Toolbar: Added new experimental Toolbar component! (#2861)
  • Tooltip:
    • Allow passing properties through to PopoverBase and hence tippy.js (#2769)
    • Added the manual trigger option with the isVisible prop (#2769)
  • Wizard: Added support for in-page rendering (#2830)

Table

  • Added new visibleOn and hiddenOn breakpoint (#2676)

Icons

  • Added Path Missing Icon (#2817)
  • Added Azure and OpenStack icons (#2827)
  • Added Ansible Tower icon to custom icons definition (#2735)
  • Publish configs as well with icons (#2701)

Virtualized Extension

  • Debounce resize event to fix inconsistent grid sizing (#2754)

PF3

  • AsyncTypeAheadSelect: Forward ref for AsyncTypeAheadSelect (#2760)
  • CatalogTile:
    • Allow JSX element for CatalogTile's icon (#2771)
    • Added iconAlt property to use for alt text for icon image (#2715)
  • DatePicker: Added new date picker components (#1873)
  • HorizontalNavMenu: Allow HorizontalNavMenuItem's title to be a node (#2825)

2019.06 release notes (2019-08-13)

Packages released:

Charts

  • Used vars to enable Red Hat fonts. When the pf-m-redhat-font selector is added to the page, the Red Hat font is expected to be used instead of the default Overpass font. This change ensures that charts and its labels use the Red Hat font as expected (#2584)
  • The donut threshold chart used to generate a 'width must be a non-negative' warning when donutWidth values are zero. This change ensures the dynamic chart size is never less than zero (#2590)
  • Fixed missing fill and stroke colors for area and line charts. Set area.style.data.fill to first color scale value in colorTheme function. Set line.style.data.stroke to first color scale value in colorTheme function (#2626)

Components

  • Accordion: Added the html structure of Accordion to React (#2422)
  • Alert: Added default variant for Alert (#2648)
  • Button: Added 'reset' to types (#2622)
  • Checkbox Updated ids so none repeat. Prevents inconsistent checking behavior when labels are clicked for uncontrolled vs. controlled examples (#2663)
  • Drawer: Added the drawer component to experimental (#2633)
  • Dropdown:
    • Automatically focus first dropdown item when DropdownMenu mounts (#2355)
    • This PR adds an aria-label to the "icon only" example of Dropdown (#2517)
    • Fixed missing event passthrough on internal onSelect callback (#2657)
  • Form: Updated Form demo to use check over radio (#2567)
  • Modal: Allows for custom header and/or footer in Modal component Added the showClose prop, defaulted to true. Set to false to hide the close button (#2120)
  • Page:
    • Skip to content should point to primary content container (#2519)
    • Change the defaultManagedSidebarOpen prop name for consistency (#2664)
  • Pagination:
    • When there is 0 items or negative number for pagination show 0th page out of 0 and disable paginating (#2558)
    • Added a demo of table integrated with pagination (#2601)
    • Fixed pagination to update page count (#2639)
    • Added disabled flag for whole component (#2586)
  • Select:
    • Select menu now has consistent, open behavior on empty text input field (#2572)
    • Added a custom callback for the filtering function used in typeahead variants. This replaces the current search entirely, so the function must handle filtering the list of children/options and return the filtered results for the internal state to update (#2434)
    • Added isPlain variation/prop to Select.tsx, snapshot tests, and integration (#2588)
    • This enhancement allows a user to now pass in a user defined object to store additional data besides just the string value to a select option. The object must have a toString function that is responsible for returning the the localized string (#2612)
    • Disabled focus trap on checkbox select with no children. Focus Trap throws exception if no children to ref. In order to avoid this error, render the component with no Focus Trap when no children is passed (#2647)
    • Added disabled flag to select (#2678)
  • Switch: Added aria-labelledby to input (#2468)
  • Topology: Fixed paddings for topology control bar buttons. Removed css settings that override the paddings for the topology control bar buttons (#2635)

Table

  • Added the wrap modifier to react-table through transforms (#2615)
  • Replaced lodash-es with lodash (#2641)

TypeScript conversion

Docs

  • Made name column not wrap (#2583)
  • Small adjustment for Stack layout. Updated the doc to correctly read that isFilled is related to the vertical space occupied, not horizontal (#2605)
  • Link to react-tokens page was broken. Updated to point to the Global CSS Variables page (#2453)
  • Added extension notes to Gatsby docs to improve the Gatsby doc for table extensions and add disclaimer about extension status (#2637)
  • Fixed accessibility issues in Accordion, ClipboardCopy, and DataList (#2634)

Other

  • Chore:
    • Added curl command after release (#2547)
    • Invalidate all packages if yarn.lock changes (#2548)
    • Updated release notes to use uls (#2604)

2019.05 release notes (2019-07-24)

Packages released:

Charts (@patternfly/react-charts@4.7.1)

  • Fixed runtime errors related to theme padding (#2430)
  • Added charts to react-integration tests (#2354)
  • Updated chart theme to use pf-core variables (#2439)
  • Removed invalid pf-core var (#2463)
  • Adjusted pf-core vars & added tooltip examples (#2497)
  • Updated pf-core vars (#2480)
  • Provided an accessible title and description (#2500)
  • Added bottom-left legend position (#2442)
  • Tweaked aria title for area chart (#2510)
  • Replaced prop titleComponent by subTitleComponent on donut charts (#2488)
  • Added individual padding vars for donut charts (#2529)
  • Added new mutil-color theme for ordered charts (#2552)
  • Added fixed point notation into percentage donut charts (#2375)
  • Used vars to enable Red Hat fonts (#2584)

Components (@patternfly/react-core@3.75.2)

  • About modal: AboutModal and Modal both now trap focus in the browser (#2428)
  • Accordion: Added prop to heading level of parent component (#2290)
  • Application launcher: Allowed custom icon for application launcher toggle (#2492)
  • Badge:
    • Temporarily disabled problematic badges (#2530)
    • Added space between badges in the examples (#2556)
  • Breadcrumb switcher: Fixed Autocomplete camelCase (#2457)
  • Datalist: Added hidden and visible breakpoints (#2251)
  • Dropdown: Provided option to not autofocus on first item (#2473)
  • Empty state: Updated EmptyStateBody to use div instead of p (#2499)
  • Experimental features: Added POC for experimental button and badge (#2363)
  • Gallery: Converted gallery to TypeScript (#2432)
  • Login page: Removed ariaLabel from checkbox (#2455)
  • Modal: Modal now traps screen reader focus (#2406)
  • Options menu: Updated examples to trigger select on the whole item (#2513)
  • Pagination:
    • Dropdown closes on click outside of menu area (#2235)
    • Added ability to allow users to enter numbers into the input field (#2417)
  • Select:
    • Removed ariaLabel from grouped checkbox select (#2456)
    • Added optional display via children to option (#2419)
    • Updated typeahead filtered list when children change (#2518)
  • Switch: Added OUIA compatibility to Switch (#2304)
  • Tabs:
    • Allowed eventKey to accept a string (#2493)
    • Implemented overflow styles for secondary tabs (#2512)
  • Tooltip: Added support for aria prop from Tippy library (#2539)

TypeScript conversion

Table (@patternfly/react-table@2.14.23)

  • Checked empty array in areAllRowsSelected (#2527)
  • Added exports for compoundExpand (#2554)

Styles (@patternfly/react-styles@3.5.7)

  • Added pickProperties to react-styles utils exports (#2481)

Docs

  • Updated link to react-tokens page in the readme (#2453)

Other

  • Build:
    • Added PR comment on publishing to NPM (#2433)
    • Added Windows support (#2471)
  • Chore:
    • Removed tippy-react dependency (#2505)
    • Updated react-docs to use Red Hat font (#2563)
  • Unit tests: Fixed keyHandler tests in util.test.js (#2489)

2019.04 release notes (2019-07-02)

Packages released:

Charts (@patternfly/react-charts@4.4.7)

  • Added sparkline example and interpolation to area examples (#2373)
  • Fixed themes for bar chart default colors (#2112)
  • DonutThreshold: No longer show static threshold donut tooltips by default (#2270)
  • Added support for legends and grids (#2324)

Components (@patternfly/react-core@3.58.1)

  • About modal: Changed strapline element to paragraph (#2376)
  • Breadcrumb switcher: Disabled autocomplete (#2407)
  • Card: Addedcompacted card variation (#2399)
  • Checkbox: Added 3rd state to checkbox controlled by consumer (#2252)
  • Chip group: Added heading level prop to toolbar chip group label (#2278)
  • Data list: Added DataListRow to imports (#2353)
  • Dropdown: Automatically focused first dropdown item when DropdownMenu (#2355)
  • Expandable: Added button type to the expandable component (#2340)
  • Label: Added TypeScript flag to the label docs (#2343)
  • Notification badge: Added the notification badge component (#2342)
  • Options menu: Added disabled modifier to the toggle (#2401)
  • Page: Added page section main nav type variant (#2268)
  • Radio: Fixed warning from undefined starting params (#2292)
  • Form:
    • Updated text in form component (#2352)
    • Wrapped form label text in new element (#2322)
  • Grid:
    • Removed size props from {...props} (#2404)
    • Updated grid layout to support new 2xl breakpoint (#2305)
  • Tabs:
    • Fixed TypeScript errors and revert TabContainer to a component (#2402)
    • Remove comment from code (#2351)
    • Made variant prop optional (#2348)

TypeScript conversion

2019.03 release notes (2019-06-11)

Packages released:

Charts (@patternfly/react-charts@4.1.5)

  • Major bump react-charts (#2143)
  • Changed default Chart padding property to show axis
  • Refactored ChartTheme colors and utils for donut utilization theme
  • ChartLegend now defaults to be responsive
  • Aligned label vertically and added donutHeight/Width defaults (#2193)
  • Added examples on how to use VictoryZoomContainer (#1879)
  • Apply defaults to custom legend (#2194)
  • Chart & ChartStack to use ReactNode as children type (#2155)
  • Remove ChartThemeDefinition export from index.ts (#2149)

Components (@patternfly/react-core@3.38.1)

  • About modal: Support isOpen initially set true in about modal. This ensures the about modal container exists on initial load if isOpen is passed true with children contents initially (#2153)
  • Navigation: On NavItems, Maintain className passed to custom NavItems. Keeps classNames set on the child of a custom NavItem (#2134)
  • Pagination: When empty array is sent to pagination now no per page is visible. It is now possible with Per page option to hide by passing empty array of per page options (#2175)
  • Select: Added keyboard interaction to typeahead variants, other variants remained unchanged. Enter, with select closed, toggles open the menu. Focus should now remains on input. Arrow up and down navigates the options with a focus styling. Enter, with select opened, selects the highlighted item (#2013)
  • Tabs: Fixed tabs ref proptype (#2158)

Table (@patternfly/react-table@2.11.1)

  • Added React-Virtualized PF4 tables (#2011)
  • Exported RowWrapper implementation (#2118)
  • Some props of IRow should not required Makes following props of IRow to optional isOpen parent props (#2196)
  • Fixed error Unknown event handler property onCollapse. Removed rows and onCollapse from ...props (#2195)
  • Added support for .pf-m-grid-2xl breakpoint. Added breakpoint to list of available breakpoints and updated snapshot (#2206)
  • Reverted bodywrapper conversion to stateless-function (#2161)

Topology (@patternfly/react-topology)

  • Added @patternfly/react-topology package (#2170)
  • Fixed esm output and converted react-virtualized-extension to TS (#2190)

Styles (@patternfly/react-styles@3.3.3)

  • Changed all the React css imports and added types for them. Instead of using a babel plugin to generate the JS at compile time for our CSS-in-JS solution, we statically generate it beforehand in react-styles (#2085)
  • Bumped jsdom (#2080)
  • Added sideeffects to react-styles (#2207)

TypeScript conversion

2019.02 release notes (2019-06-05)

Packages released:

Components (@patternfly/react-core@3.34.2)

  • About Modal: Provided a way to set the background using props (#1940)
  • Accordion: Added accordion component (#1511)
  • Background Image: Fixed background image spacing issue (#1923)
  • Card: Added card is-hoverable modifier prop (#1852)
  • Checkbox: Set checked value correctly (#1929)
  • Copy to Clipboard: Fixed docs (#1821)
    • Changed doc text (#1823)
    • Removed textarea from clipboard copy (#1840)
  • Dropdown: Renamed toggle export (#1861)
  • Grid: Added missing props in d.ts (#1749)
  • Icons: Added font awesome brands icons(#1669)
  • Popover:
    • Updated Popover max width. We made maxWidth optional (#2110)
    • Enabled highlighting and selecting text in popover (#1757)
    • Handled on enter focusing when options are disabled (#2025)
    • Changed PopoverPosition from a const to an enum. This allows users to specify their choice of a string or object property for the position property value on Popover component. Also adds a test that exercises this method to ensure it doesn't regress going forward (#2113)
  • Select:
    • Updated the SelectProps interface to avoid a type error when importing react-core into a TypeScript application. I also removed some unnecessary code in a couple of the demo's I followed recently. Copying the code as is was creating an error. I think they were safe deletions but worth double checking (#2107)
    • Fixed ListGroupItem import (#1867)
    • Added user personalized icon in Select component (#1768)

Charts @patternfly/react-charts@3.6.4

  • Introduced Donut utilization chart and thresholds (#2064)
  • Added example styles (#1889)
  • Fixed chart font stack to use PatternFly core sans-serif font stack (#1865)
  • Refactored themes for bar chart default colors (#2112)
  • Added default for component props (#2103)

Docs

  • Use frontmatter for what props to show in docs (#2072)
  • If you add new imports to your MDX file, rerun yarn develop which now clears the gatsby-mdx cache and lets you be on your merry way (#2059)
  • Hide inherited TypeScript props (#1866)
  • Use MDX for docs (#1753)
  • Reverted bodywrapper conversion to stateless-function (#2161)

TypeScript conversion

Packages released: We are in the process of converting all components to TypeScript to provide better types for consumers. The following components have been converted:

2019.01 release notes (2019-05-02)

We don't have notes for this release yet.