@patternfly/react-core 6.2.0-prerelease.11 → 6.2.0-prerelease.13

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":"6.2.0-prerelease.10","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":"6.2.0-prerelease.12","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":"6.2.0-prerelease.10","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":"6.2.0-prerelease.12","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":"6.2.0-prerelease.10","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":"6.2.0-prerelease.12","private":true}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@patternfly/react-core",
-  "version": "6.2.0-prerelease.11",
+  "version": "6.2.0-prerelease.13",
   "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",
@@ -63,5 +63,5 @@
     "react": "^17 || ^18",
     "react-dom": "^17 || ^18"
   },
-  "gitHead": "d6ab1b6db6cdfb7464de2ce020acbd0192e287d9"
+  "gitHead": "dd2e29a359d406b36e6bb8d0ddc00972ada9d2f3"
 }

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

@@ -76,7 +76,7 @@ exports[`simple fileupload 1`] = `
       class="pf-v6-c-file-upload__file-details"
     >
       <span
-        class="pf-v6-c-form-control pf-m-resize-vertical"
+        class="pf-v6-c-form-control pf-m-textarea pf-m-resize-vertical"
       >
         <textarea
           aria-invalid="false"

package/src/components/FileUpload/__tests__/__snapshots__/FileUploadField.test.tsx.snap

@@ -74,7 +74,7 @@ exports[`simple fileuploadfield 1`] = `
       class="pf-v6-c-file-upload__file-details"
     >
       <span
-        class="pf-v6-c-form-control pf-m-resize-vertical"
+        class="pf-v6-c-form-control pf-m-textarea pf-m-resize-vertical"
       >
         <textarea
           aria-invalid="false"

package/src/components/JumpLinks/JumpLinks.tsx

@@ -2,13 +2,12 @@ import * as React from 'react';
 import { css } from '@patternfly/react-styles';
 import styles from '@patternfly/react-styles/css/components/JumpLinks/jump-links';
 import sidebarStyles from '@patternfly/react-styles/css/components/Sidebar/sidebar';
-import { JumpLinksItem, JumpLinksItemProps } from './JumpLinksItem';
-import { JumpLinksList } from './JumpLinksList';
-import { formatBreakpointMods } from '../../helpers/util';
-import { Button } from '../Button';
 import AngleRightIcon from '@patternfly/react-icons/dist/esm/icons/angle-right-icon';
 import cssToggleDisplayVar from '@patternfly/react-tokens/dist/esm/c_jump_links__toggle_Display';
-import { canUseDOM } from '../../helpers/util';
+import { Button } from '../Button';
+import { JumpLinksItem, JumpLinksItemProps } from './JumpLinksItem';
+import { JumpLinksList } from './JumpLinksList';
+import { canUseDOM, formatBreakpointMods } from '../../helpers/util';
 
 export interface JumpLinksProps extends Omit<React.HTMLProps<HTMLElement>, 'label'> {
   /** Whether to center children. */
@@ -46,6 +45,8 @@ export interface JumpLinksProps extends Omit<React.HTMLProps<HTMLElement>, 'labe
   toggleAriaLabel?: string;
   /** Class for nav */
   className?: string;
+  /** Whether the current entry in the navigation history should be replaced when a JumpLinksItem is clicked. By default a new entry will be pushed to the navigation history. */
+  shouldReplaceNavHistory?: boolean;
 }
 
 // Recursively find JumpLinkItems and return an array of all their scrollNodes
@@ -92,6 +93,7 @@ export const JumpLinks: React.FunctionComponent<JumpLinksProps> = ({
   alwaysShowLabel = true,
   toggleAriaLabel = 'Toggle jump links',
   className,
+  shouldReplaceNavHistory = false,
   ...props
 }: JumpLinksProps) => {
   const hasScrollSpy = Boolean(scrollableRef || scrollableSelector);
@@ -207,7 +209,11 @@ export const JumpLinks: React.FunctionComponent<JumpLinksProps> = ({
                     scrollableElement.scrollTo(0, newScrollItem.offsetTop - offset);
                   }
                   newScrollItem.focus();
-                  window.history.pushState('', '', (ev.currentTarget as HTMLAnchorElement).href);
+                  if (shouldReplaceNavHistory) {
+                    window.history.replaceState('', '', (ev.currentTarget as HTMLAnchorElement).href);
+                  } else {
+                    window.history.pushState('', '', (ev.currentTarget as HTMLAnchorElement).href);
+                  }
                   ev.preventDefault();
                   setActiveIndex(itemIndex);
                 }

package/src/components/TextArea/TextArea.tsx

@@ -129,6 +129,7 @@ class TextAreaBase extends React.Component<TextAreaProps> {
       <span
         className={css(
           styles.formControl,
+          styles.modifiers.textarea,
           readOnlyVariant && styles.modifiers.readonly,
           readOnlyVariant === 'plain' && styles.modifiers.plain,
           resizeOrientation !== 'none' && styles.modifiers[orientation],

package/src/components/TextArea/__tests__/TextArea.test.tsx

@@ -69,9 +69,12 @@ test('Text area is not read only by default', () => {
   expect(screen.getByRole('textbox')).not.toHaveAttribute('readonly');
 });
 
-test('Renders text area with default class name only', () => {
+test('Renders text area with default class names only', () => {
   render(<TextArea aria-label="validated textarea" />);
-  expect(screen.getByRole('textbox').parentElement).toHaveClass(formControlStyles.formControl);
+
+  const formControlWrapper = screen.getByRole('textbox').parentElement;
+  expect(formControlWrapper).toHaveClass(formControlStyles.formControl);
+  expect(formControlWrapper).toHaveClass(formControlStyles.modifiers.textarea);
 });
 
 test('Renders validated text area with success className', () => {

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

@@ -3,7 +3,7 @@
 exports[`Matches the snapshot 1`] = `
 <DocumentFragment>
   <span
-    class="pf-v6-c-form-control pf-m-resize-both pf-m-disabled custom class"
+    class="pf-v6-c-form-control pf-m-textarea pf-m-resize-both pf-m-disabled custom class"
     style="height: 6px;"
   >
     <textarea