@patternfly/react-core 5.0.0-alpha.67 → 5.0.0-alpha.69

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@patternfly/react-core",
-  "version": "5.0.0-alpha.67",
+  "version": "5.0.0-alpha.69",
   "description": "This library provides a set of common React components for use with the PatternFly reference implementation.",
   "main": "dist/js/index.js",
   "module": "dist/esm/index.js",
@@ -47,7 +47,7 @@
   },
   "dependencies": {
     "@patternfly/react-icons": "^5.0.0-alpha.10",
-    "@patternfly/react-styles": "^5.0.0-alpha.6",
+    "@patternfly/react-styles": "^5.0.0-alpha.7",
     "@patternfly/react-tokens": "^5.0.0-alpha.6",
     "focus-trap": "7.4.0",
     "react-dropzone": "^14.2.3",
@@ -71,5 +71,5 @@
     "react": "^17 || ^18",
     "react-dom": "^17 || ^18"
   },
-  "gitHead": "524f6a5c764a4a0a44b45fe4c4317ad50b921e98"
+  "gitHead": "d6a4c242e02d38bd99910318571cda3adbfb1d9c"
 }

package/src/components/DataList/DataList.tsx

@@ -1,17 +1,16 @@
 import * as React from 'react';
 import { css } from '@patternfly/react-styles';
 import styles from '@patternfly/react-styles/css/components/DataList/data-list';
-import stylesGrid from '@patternfly/react-styles/css/components/DataList/data-list-grid';
 import { PickOptional } from '../../helpers/typeUtils';
 
 const gridBreakpointClasses = {
-  none: stylesGrid.modifiers.gridNone,
+  none: styles.modifiers.gridNone,
   always: 'pf-m-grid', // Placeholder per https://github.com/patternfly/patternfly-react/issues/4965#issuecomment-704984236
-  sm: stylesGrid.modifiers.gridSm,
-  md: stylesGrid.modifiers.gridMd,
-  lg: stylesGrid.modifiers.gridLg,
-  xl: stylesGrid.modifiers.gridXl,
-  '2xl': stylesGrid.modifiers.grid_2xl
+  sm: styles.modifiers.gridSm,
+  md: styles.modifiers.gridMd,
+  lg: styles.modifiers.gridLg,
+  xl: styles.modifiers.gridXl,
+  '2xl': styles.modifiers.grid_2xl
 };
 
 export enum DataListWrapModifier {

package/src/components/Dropdown/DropdownItem.tsx

@@ -10,8 +10,12 @@ export interface DropdownItemProps extends Omit<MenuItemProps, 'ref'>, OUIAProps
   className?: string;
   /** Description of the dropdown item */
   description?: React.ReactNode;
+  /** Render item as disabled option */
+  isDisabled?: boolean;
   /** Identifies the component in the dropdown onSelect callback */
   itemId?: any;
+  /** Callback for item click */
+  onClick?: (event?: any) => void;
   /** Value to overwrite the randomly generated data-ouia-component-id.*/
   ouiaId?: number | string;
   /** Set the value of data-ouia-safe. Only set to true when the component is in a static state, i.e. no animations are occurring. At all other times, this value must be false. */
@@ -22,14 +26,24 @@ export const DropdownItem: React.FunctionComponent<MenuItemProps> = ({
   children,
   className,
   description,
+  isDisabled,
   itemId,
+  onClick,
   ouiaId,
   ouiaSafe,
   ...props
 }: DropdownItemProps) => {
   const ouiaProps = useOUIAProps(DropdownItem.displayName, ouiaId, ouiaSafe);
   return (
-    <MenuItem className={css(className)} description={description} itemId={itemId} {...ouiaProps} {...props}>
+    <MenuItem
+      className={css(className)}
+      description={description}
+      isDisabled={isDisabled}
+      itemId={itemId}
+      onClick={onClick}
+      {...ouiaProps}
+      {...props}
+    >
       {children}
     </MenuItem>
   );

package/src/components/ProgressStepper/examples/ProgressStepperCompact.tsx

@@ -6,7 +6,7 @@ export const ProgressStepperCompact: React.FunctionComponent = () => {
   const [isCenterAligned, setIsCenterAligned] = React.useState(false);
 
   return (
-    <React.Fragment aria-label="Compact progress stepper">
+    <React.Fragment>
       <Checkbox
         label="Vertical alignment"
         isChecked={isVertical}

package/src/demos/PasswordStrength.md

@@ -150,7 +150,7 @@ class PasswordStrengthDemo extends React.Component {
             value={password}
             onChange={this.handlePasswordInput}
           />
-          <FormHelperText isHidden={false} component="div">
+          <FormHelperText component="div">
             <HelperText component="ul" aria-live="polite" id="password-field-helper">
               <HelperTextItem isDynamic variant={ruleLength} component="li">
                 Must be at least 14 characters