@patternfly/react-core 5.1.1-prerelease.1 → 5.1.1-prerelease.2

package/helpers/package.json

@@ -1 +1 @@
-{"name":"@patternfly/react-core-helpers","main":"../dist/js/helpers/index.js","module":"../dist/esm/helpers/index.js","typings":"../dist/esm/helpers/index.d.ts","version":"5.1.1-prerelease.0","private":true}
+{"name":"@patternfly/react-core-helpers","main":"../dist/js/helpers/index.js","module":"../dist/esm/helpers/index.js","typings":"../dist/esm/helpers/index.d.ts","version":"5.1.1-prerelease.1","private":true}

package/layouts/package.json

@@ -1 +1 @@
-{"name":"@patternfly/react-core-layouts","main":"../dist/js/layouts/index.js","module":"../dist/esm/layouts/index.js","typings":"../dist/esm/layouts/index.d.ts","version":"5.1.1-prerelease.0","private":true}
+{"name":"@patternfly/react-core-layouts","main":"../dist/js/layouts/index.js","module":"../dist/esm/layouts/index.js","typings":"../dist/esm/layouts/index.d.ts","version":"5.1.1-prerelease.1","private":true}

package/next/package.json

@@ -1 +1 @@
-{"name":"@patternfly/react-core-next","main":"../dist/js/next/index.js","module":"../dist/esm/next/index.js","typings":"../dist/esm/next/index.d.ts","version":"5.1.1-prerelease.0","private":true}
+{"name":"@patternfly/react-core-next","main":"../dist/js/next/index.js","module":"../dist/esm/next/index.js","typings":"../dist/esm/next/index.d.ts","version":"5.1.1-prerelease.1","private":true}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@patternfly/react-core",
-  "version": "5.1.1-prerelease.1",
+  "version": "5.1.1-prerelease.2",
   "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",
@@ -45,15 +45,15 @@
     "subpaths": "node ../../scripts/exportSubpaths.js --config subpaths.config.json"
   },
   "dependencies": {
-    "@patternfly/react-icons": "^5.1.1-prerelease.1",
-    "@patternfly/react-styles": "^5.1.1-prerelease.1",
-    "@patternfly/react-tokens": "^5.1.1-prerelease.1",
+    "@patternfly/react-icons": "^5.1.1-prerelease.2",
+    "@patternfly/react-styles": "^5.1.1-prerelease.2",
+    "@patternfly/react-tokens": "^5.1.1-prerelease.2",
     "focus-trap": "7.5.2",
     "react-dropzone": "^14.2.3",
     "tslib": "^2.5.0"
   },
   "devDependencies": {
-    "@patternfly/patternfly": "5.1.0-prerelease.8",
+    "@patternfly/patternfly": "5.1.0-prerelease.13",
     "@rollup/plugin-commonjs": "^25.0.0",
     "@rollup/plugin-node-resolve": "^15.0.2",
     "@rollup/plugin-replace": "^5.0.2",
@@ -70,5 +70,5 @@
     "react": "^17 || ^18",
     "react-dom": "^17 || ^18"
   },
-  "gitHead": "1e1305e5f7450e087ff8d1690d2be28b00dac0a1"
+  "gitHead": "52cbf11e7e407d70d674a160da7f432d197c5f57"
 }

package/src/deprecated/components/Select/Select.tsx

@@ -1149,54 +1149,56 @@ class Select extends React.Component<SelectProps & OUIAProps, SelectState> {
     if (hasInlineFilter) {
       const filterBox = (
         <React.Fragment>
-          <div key="inline-filter" className={css(styles.selectMenuSearch, formStyles.formControl)}>
-            <input
-              key="inline-filter-input"
-              type="search"
-              onChange={this.onChange}
-              placeholder={inlineFilterPlaceholderText}
-              onKeyDown={(event) => {
-                if (event.key === KeyTypes.ArrowUp) {
-                  this.handleMenuKeys(0, 0, 'up');
-                  event.preventDefault();
-                } else if (event.key === KeyTypes.ArrowDown) {
-                  this.handleMenuKeys(0, 0, 'down');
-                  event.preventDefault();
-                } else if (event.key === KeyTypes.ArrowLeft) {
-                  this.handleMenuKeys(0, 0, 'left');
-                  event.preventDefault();
-                } else if (event.key === KeyTypes.ArrowRight) {
-                  this.handleMenuKeys(0, 0, 'right');
-                  event.preventDefault();
-                } else if (event.key === KeyTypes.Tab && variant !== SelectVariant.checkbox && this.props.footer) {
-                  // tab to footer or close menu if shift key
-                  if (event.shiftKey) {
-                    this.onToggle(event, false);
-                  } else {
-                    const tabbableItems = findTabbableElements(this.footerRef, SelectFooterTabbableItems);
-                    if (tabbableItems.length > 0) {
-                      tabbableItems[0].focus();
-                      event.stopPropagation();
-                      event.preventDefault();
-                    } else {
-                      this.onToggle(event, false);
-                    }
-                  }
-                } else if (event.key === KeyTypes.Tab && variant === SelectVariant.checkbox) {
-                  // More modal-like experience for checkboxes
-                  // Let SelectOption handle this
-                  if (event.shiftKey) {
+          <div key="inline-filter" className={css(styles.selectMenuSearch)}>
+            <div key="inline-filter" className={css(formStyles.formControl)}>
+              <input
+                key="inline-filter-input"
+                type="search"
+                onChange={this.onChange}
+                placeholder={inlineFilterPlaceholderText}
+                onKeyDown={(event) => {
+                  if (event.key === KeyTypes.ArrowUp) {
                     this.handleMenuKeys(0, 0, 'up');
-                  } else {
+                    event.preventDefault();
+                  } else if (event.key === KeyTypes.ArrowDown) {
                     this.handleMenuKeys(0, 0, 'down');
+                    event.preventDefault();
+                  } else if (event.key === KeyTypes.ArrowLeft) {
+                    this.handleMenuKeys(0, 0, 'left');
+                    event.preventDefault();
+                  } else if (event.key === KeyTypes.ArrowRight) {
+                    this.handleMenuKeys(0, 0, 'right');
+                    event.preventDefault();
+                  } else if (event.key === KeyTypes.Tab && variant !== SelectVariant.checkbox && this.props.footer) {
+                    // tab to footer or close menu if shift key
+                    if (event.shiftKey) {
+                      this.onToggle(event, false);
+                    } else {
+                      const tabbableItems = findTabbableElements(this.footerRef, SelectFooterTabbableItems);
+                      if (tabbableItems.length > 0) {
+                        tabbableItems[0].focus();
+                        event.stopPropagation();
+                        event.preventDefault();
+                      } else {
+                        this.onToggle(event, false);
+                      }
+                    }
+                  } else if (event.key === KeyTypes.Tab && variant === SelectVariant.checkbox) {
+                    // More modal-like experience for checkboxes
+                    // Let SelectOption handle this
+                    if (event.shiftKey) {
+                      this.handleMenuKeys(0, 0, 'up');
+                    } else {
+                      this.handleMenuKeys(0, 0, 'down');
+                    }
+                    event.stopPropagation();
+                    event.preventDefault();
                   }
-                  event.stopPropagation();
-                  event.preventDefault();
-                }
-              }}
-              ref={this.filterRef}
-              autoComplete={inputAutoComplete}
-            />
+                }}
+                ref={this.filterRef}
+                autoComplete={inputAutoComplete}
+              />
+            </div>
           </div>
           <Divider key="inline-filter-divider" />
         </React.Fragment>

package/src/deprecated/components/Select/__tests__/__snapshots__/Select.test.tsx.snap

@@ -1220,12 +1220,16 @@ exports[`checkbox select renders expanded with filtering successfully 1`] = `
         class="pf-v5-c-form__fieldset"
       >
         <div
-          class="pf-v5-c-select__menu-search pf-v5-c-form-control"
+          class="pf-v5-c-select__menu-search"
         >
-          <input
-            autocomplete="off"
-            type="search"
-          />
+          <div
+            class="pf-v5-c-form-control"
+          >
+            <input
+              autocomplete="off"
+              type="search"
+            />
+          </div>
         </div>
         <hr
           class="pf-v5-c-divider"