@patternfly/react-core 4.216.0 → 4.217.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@patternfly/react-core",
-  "version": "4.216.0",
+  "version": "4.217.1",
   "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",
@@ -34,9 +34,9 @@
     "generate": "node scripts/copyStyles.js"
   },
   "dependencies": {
-    "@patternfly/react-icons": "^4.67.0",
-    "@patternfly/react-styles": "^4.66.0",
-    "@patternfly/react-tokens": "^4.68.0",
+    "@patternfly/react-icons": "^4.68.1",
+    "@patternfly/react-styles": "^4.67.1",
+    "@patternfly/react-tokens": "^4.69.1",
     "focus-trap": "6.2.2",
     "react-dropzone": "9.0.0",
     "tippy.js": "5.1.2",
@@ -60,5 +60,5 @@
     "react": "^16.8.0 || ^17.0.0",
     "react-dom": "^16.8.0 || ^17.0.0"
   },
-  "gitHead": "78b436c5a6bdae02a7a6b4bb8c6b94e2ab1586be"
+  "gitHead": "e49da36e9926344b36f8aad556214491af4ec202"
 }

package/src/components/HelperText/HelperTextItem.tsx

@@ -29,6 +29,10 @@ export interface HelperTextItemProps extends React.HTMLProps<HTMLDivElement | HT
    * assistive technologies.
    */
   id?: string;
+  /** Text that is only accessible to screen readers in order to announce the status of a helper text item.
+   * This prop can only be used when the isDynamic prop is also passed in.
+   */
+  screenReaderText?: string;
 }
 
 const variantStyle = {
@@ -48,6 +52,7 @@ export const HelperTextItem: React.FunctionComponent<HelperTextItemProps> = ({
   isDynamic = false,
   hasIcon = isDynamic,
   id,
+  screenReaderText = `${variant} status`,
   ...props
 }: HelperTextItemProps) => {
   const Component = component as any;
@@ -70,7 +75,11 @@ export const HelperTextItem: React.FunctionComponent<HelperTextItemProps> = ({
           {variant === 'error' && <ExclamationCircleIcon />}
         </span>
       )}
-      <span className={css(styles.helperTextItemText)}>{children}</span>
+
+      <span className={css(styles.helperTextItemText)}>
+        {children}
+        {isDynamic && <span className="pf-u-screen-reader">: {screenReaderText};</span>}
+      </span>
     </Component>
   );
 };

package/src/components/HelperText/__tests__/__snapshots__/HelperText.test.tsx.snap

@@ -44,6 +44,11 @@ exports[`HelperText dynamic helper text renders successfully 1`] = `
         class="pf-c-helper-text__item-text"
       >
         help test text
+        <span
+          class="pf-u-screen-reader"
+        >
+          : default status;
+        </span>
       </span>
     </div>
   </div>

package/src/components/Select/Select.tsx

@@ -679,13 +679,13 @@ export class Select extends React.Component<SelectProps & OUIAProps, SelectState
   };
 
   handleTypeaheadKeys = (position: string, shiftKey: boolean = false) => {
-    const { isOpen, onFavorite } = this.props;
+    const { isOpen, onFavorite, isCreatable } = this.props;
     const { typeaheadCurrIndex, tabbedIntoFavoritesMenu } = this.state;
     const typeaheadActiveChild = this.getTypeaheadActiveChild(typeaheadCurrIndex);
     if (isOpen) {
       if (position === 'enter') {
         if (
-          typeaheadCurrIndex !== -1 && // do not allow selection without moving to an initial option
+          (typeaheadCurrIndex !== -1 || (isCreatable && this.refCollection.length === 1)) && // do not allow selection without moving to an initial option unless it is a single create option
           (typeaheadActiveChild || (this.refCollection[0] && this.refCollection[0][0]))
         ) {
           if (typeaheadActiveChild) {