diff --git a/package.json b/package.json
index 570a93c70c8..1ddbb6d63ae 100644
--- a/package.json
+++ b/package.json
@@ -88,7 +88,7 @@
"start": "yarn build && concurrently --kill-others \"yarn watch\" \"yarn workspace @patternfly/react-docs develop\"",
"start:cypress": "lerna run cypress:open",
"start:demo-app": "lerna run start:demo-app --stream",
- "test": "jest packages",
+ "test": "TZ=EST jest packages",
"test:a11y": "lerna run test:a11y --stream",
"test:integration": "yarn workspace @patternfly/react-integration test:integration",
"uninstall": "find . -name node_modules -type d | xargs rm -rf",
diff --git a/packages/react-catalog-view-extension/CHANGELOG.md b/packages/react-catalog-view-extension/CHANGELOG.md
index 5f8f0c02d24..6591e351268 100644
--- a/packages/react-catalog-view-extension/CHANGELOG.md
+++ b/packages/react-catalog-view-extension/CHANGELOG.md
@@ -3,6 +3,54 @@
All notable changes to this project will be documented in this file.
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+## [4.92.32](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-catalog-view-extension@4.92.31...@patternfly/react-catalog-view-extension@4.92.32) (2022-10-12)
+
+**Note:** Version bump only for package @patternfly/react-catalog-view-extension
+
+
+
+
+
+## [4.92.31](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-catalog-view-extension@4.92.30...@patternfly/react-catalog-view-extension@4.92.31) (2022-10-12)
+
+**Note:** Version bump only for package @patternfly/react-catalog-view-extension
+
+
+
+
+
+## [4.92.30](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-catalog-view-extension@4.92.29...@patternfly/react-catalog-view-extension@4.92.30) (2022-10-12)
+
+**Note:** Version bump only for package @patternfly/react-catalog-view-extension
+
+
+
+
+
+## [4.92.29](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-catalog-view-extension@4.92.28...@patternfly/react-catalog-view-extension@4.92.29) (2022-10-12)
+
+**Note:** Version bump only for package @patternfly/react-catalog-view-extension
+
+
+
+
+
+## 4.92.28 (2022-10-12)
+
+**Note:** Version bump only for package @patternfly/react-catalog-view-extension
+
+
+
+
+
+## [4.92.27](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-catalog-view-extension@4.92.26...@patternfly/react-catalog-view-extension@4.92.27) (2022-10-10)
+
+**Note:** Version bump only for package @patternfly/react-catalog-view-extension
+
+
+
+
+
## [4.92.26](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-catalog-view-extension@4.92.25...@patternfly/react-catalog-view-extension@4.92.26) (2022-10-05)
**Note:** Version bump only for package @patternfly/react-catalog-view-extension
diff --git a/packages/react-catalog-view-extension/package.json b/packages/react-catalog-view-extension/package.json
index 4b5f1809a8f..0644c1f5f27 100644
--- a/packages/react-catalog-view-extension/package.json
+++ b/packages/react-catalog-view-extension/package.json
@@ -1,6 +1,6 @@
{
"name": "@patternfly/react-catalog-view-extension",
- "version": "4.92.26",
+ "version": "4.92.32",
"description": "This library provides catalog view extensions for PatternFly 4 React.",
"main": "dist/js/index.js",
"module": "dist/esm/index.js",
@@ -36,7 +36,7 @@
},
"dependencies": {
"@patternfly/patternfly": "4.217.1",
- "@patternfly/react-core": "^4.250.1",
+ "@patternfly/react-core": "^4.250.7",
"@patternfly/react-styles": "^4.91.6"
},
"devDependencies": {
diff --git a/packages/react-code-editor/CHANGELOG.md b/packages/react-code-editor/CHANGELOG.md
index b1d7c42277a..a9b624397f6 100644
--- a/packages/react-code-editor/CHANGELOG.md
+++ b/packages/react-code-editor/CHANGELOG.md
@@ -3,6 +3,54 @@
All notable changes to this project will be documented in this file.
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+## [4.82.32](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-code-editor@4.82.31...@patternfly/react-code-editor@4.82.32) (2022-10-12)
+
+**Note:** Version bump only for package @patternfly/react-code-editor
+
+
+
+
+
+## [4.82.31](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-code-editor@4.82.30...@patternfly/react-code-editor@4.82.31) (2022-10-12)
+
+**Note:** Version bump only for package @patternfly/react-code-editor
+
+
+
+
+
+## [4.82.30](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-code-editor@4.82.29...@patternfly/react-code-editor@4.82.30) (2022-10-12)
+
+**Note:** Version bump only for package @patternfly/react-code-editor
+
+
+
+
+
+## [4.82.29](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-code-editor@4.82.28...@patternfly/react-code-editor@4.82.29) (2022-10-12)
+
+**Note:** Version bump only for package @patternfly/react-code-editor
+
+
+
+
+
+## 4.82.28 (2022-10-12)
+
+**Note:** Version bump only for package @patternfly/react-code-editor
+
+
+
+
+
+## [4.82.27](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-code-editor@4.82.26...@patternfly/react-code-editor@4.82.27) (2022-10-10)
+
+**Note:** Version bump only for package @patternfly/react-code-editor
+
+
+
+
+
## [4.82.26](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-code-editor@4.82.25...@patternfly/react-code-editor@4.82.26) (2022-10-05)
**Note:** Version bump only for package @patternfly/react-code-editor
diff --git a/packages/react-code-editor/package.json b/packages/react-code-editor/package.json
index 2f3bc4b925c..31c65934179 100644
--- a/packages/react-code-editor/package.json
+++ b/packages/react-code-editor/package.json
@@ -1,6 +1,6 @@
{
"name": "@patternfly/react-code-editor",
- "version": "4.82.26",
+ "version": "4.82.32",
"description": "This package provides a PatternFly wrapper for the Monaco code editor\n",
"main": "dist/js/index.js",
"module": "dist/esm/index.js",
@@ -30,7 +30,7 @@
"clean": "rimraf dist"
},
"dependencies": {
- "@patternfly/react-core": "^4.250.1",
+ "@patternfly/react-core": "^4.250.7",
"@patternfly/react-icons": "^4.92.6",
"@patternfly/react-styles": "^4.91.6",
"react-dropzone": "9.0.0",
diff --git a/packages/react-console/CHANGELOG.md b/packages/react-console/CHANGELOG.md
index 16577d1fa81..842d516b606 100644
--- a/packages/react-console/CHANGELOG.md
+++ b/packages/react-console/CHANGELOG.md
@@ -3,6 +3,54 @@
All notable changes to this project will be documented in this file.
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+## [4.92.32](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-console@4.92.31...@patternfly/react-console@4.92.32) (2022-10-12)
+
+**Note:** Version bump only for package @patternfly/react-console
+
+
+
+
+
+## [4.92.31](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-console@4.92.30...@patternfly/react-console@4.92.31) (2022-10-12)
+
+**Note:** Version bump only for package @patternfly/react-console
+
+
+
+
+
+## [4.92.30](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-console@4.92.29...@patternfly/react-console@4.92.30) (2022-10-12)
+
+**Note:** Version bump only for package @patternfly/react-console
+
+
+
+
+
+## [4.92.29](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-console@4.92.28...@patternfly/react-console@4.92.29) (2022-10-12)
+
+**Note:** Version bump only for package @patternfly/react-console
+
+
+
+
+
+## 4.92.28 (2022-10-12)
+
+**Note:** Version bump only for package @patternfly/react-console
+
+
+
+
+
+## [4.92.27](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-console@4.92.26...@patternfly/react-console@4.92.27) (2022-10-10)
+
+**Note:** Version bump only for package @patternfly/react-console
+
+
+
+
+
## [4.92.26](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-console@4.92.25...@patternfly/react-console@4.92.26) (2022-10-05)
**Note:** Version bump only for package @patternfly/react-console
diff --git a/packages/react-console/package.json b/packages/react-console/package.json
index cd2fad89b54..68edf4267a5 100644
--- a/packages/react-console/package.json
+++ b/packages/react-console/package.json
@@ -1,6 +1,6 @@
{
"name": "@patternfly/react-console",
- "version": "4.92.26",
+ "version": "4.92.32",
"description": "This package provides VncConsole, SerialConsole and DesktopViewer React components to be used alongside patternfly-react to access virtual machine or server consoles.",
"main": "dist/js/index.js",
"module": "dist/esm/index.js",
@@ -34,7 +34,7 @@
"dependencies": {
"@novnc/novnc": "^1.2.0",
"@patternfly/patternfly": "4.217.1",
- "@patternfly/react-core": "^4.250.1",
+ "@patternfly/react-core": "^4.250.7",
"@spice-project/spice-html5": "^0.2.1",
"@types/file-saver": "^2.0.1",
"file-saver": "^1.3.8",
diff --git a/packages/react-core/CHANGELOG.md b/packages/react-core/CHANGELOG.md
index 33622f4969f..c8868a2a0e4 100644
--- a/packages/react-core/CHANGELOG.md
+++ b/packages/react-core/CHANGELOG.md
@@ -3,6 +3,60 @@
All notable changes to this project will be documented in this file.
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+## [4.250.7](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-core@4.250.6...@patternfly/react-core@4.250.7) (2022-10-12)
+
+**Note:** Version bump only for package @patternfly/react-core
+
+
+
+
+
+## [4.250.6](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-core@4.250.5...@patternfly/react-core@4.250.6) (2022-10-12)
+
+**Note:** Version bump only for package @patternfly/react-core
+
+
+
+
+
+## [4.250.5](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-core@4.250.4...@patternfly/react-core@4.250.5) (2022-10-12)
+
+
+### Bug Fixes
+
+* **Dropdown next:** Add support for forward ref and updated docs. ([#8142](https://github.com/patternfly/patternfly-react/issues/8142)) ([423dd67](https://github.com/patternfly/patternfly-react/commit/423dd67d0d81910e195722d07a3de3340eba4443))
+
+
+
+
+
+## [4.250.4](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-core@4.250.3...@patternfly/react-core@4.250.4) (2022-10-12)
+
+**Note:** Version bump only for package @patternfly/react-core
+
+
+
+
+
+## 4.250.3 (2022-10-12)
+
+**Note:** Version bump only for package @patternfly/react-core
+
+
+
+
+
+## [4.250.2](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-core@4.250.1...@patternfly/react-core@4.250.2) (2022-10-10)
+
+
+### Bug Fixes
+
+* **Menu:** fixed height issue with drilldown examples ([#8033](https://github.com/patternfly/patternfly-react/issues/8033)) ([c0583b5](https://github.com/patternfly/patternfly-react/commit/c0583b530310b3d89be222e58fe926ecc6dd8d99))
+
+
+
+
+
## [4.250.1](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-core@4.250.0...@patternfly/react-core@4.250.1) (2022-10-05)
**Note:** Version bump only for package @patternfly/react-core
diff --git a/packages/react-core/package.json b/packages/react-core/package.json
index 816eb790a8e..41ae884f99a 100644
--- a/packages/react-core/package.json
+++ b/packages/react-core/package.json
@@ -1,6 +1,6 @@
{
"name": "@patternfly/react-core",
- "version": "4.250.1",
+ "version": "4.250.7",
"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",
diff --git a/packages/react-core/src/components/Banner/__tests__/Banner.test.tsx b/packages/react-core/src/components/Banner/__tests__/Banner.test.tsx
index 1a7f8c64a7d..1dc8d86b33e 100644
--- a/packages/react-core/src/components/Banner/__tests__/Banner.test.tsx
+++ b/packages/react-core/src/components/Banner/__tests__/Banner.test.tsx
@@ -1,27 +1,92 @@
+import * as React from 'react';
+import { render, screen } from '@testing-library/react';
import { Banner } from '../Banner';
-import React from 'react';
-import { render } from '@testing-library/react';
-
-['default', 'info', 'success', 'warning', 'danger'].forEach((variant: string) => {
- test(`${variant} banner`, () => {
- const { asFragment } = render(
-
- {variant} Banner
-
- );
- expect(asFragment()).toMatchSnapshot();
- });
-});
-
-test(`sticky banner`, () => {
- const { asFragment } = render(
-
- Sticky Banner
-
+
+test('Renders without children', () => {
+ render(
+
+
+
);
+ expect(screen.getByTestId('banner').firstChild).toBeVisible();
+});
+
+test('Renders children', () => {
+ render(Test);
+ expect(screen.getByText('Test')).toBeVisible();
+});
+
+test('Renders with class name pf-c-banner', () => {
+ render(Test);
+ expect(screen.getByText('Test')).toHaveClass('pf-c-banner');
+});
+
+test('Renders with custom class name when className prop is provided', () => {
+ render(Test);
+ expect(screen.getByText('Test')).toHaveClass('custom-class');
+});
+
+test('Renders without any modifier class when variant prop is not passed', () => {
+ render(Test);
+ expect(screen.getByText('Test')).toHaveClass('pf-c-banner', { exact: true });
+});
+
+test('Renders with class name pf-m-success when "success" is passed to variant prop', () => {
+ render(Test);
+ expect(screen.getByText('Test')).toHaveClass('pf-m-success');
+});
+
+test('Renders with class name pf-m-danger when "danger" is passed to variant prop', () => {
+ render(Test);
+ expect(screen.getByText('Test')).toHaveClass('pf-m-danger');
+});
+
+test('Renders with class name pf-m-warning when "warning" is passed to variant prop', () => {
+ render(Test);
+ expect(screen.getByText('Test')).toHaveClass('pf-m-warning');
+});
+
+test('Renders with class name pf-m-info when "info" is passed to variant prop', () => {
+ render(Test);
+ expect(screen.getByText('Test')).toHaveClass('pf-m-info');
+});
+
+test('Renders pf-u-screen-reader class by default for screenReaderText', () => {
+ render(Test);
+ expect(screen.getByText('default banner')).toHaveClass('pf-u-screen-reader', { exact: true });
+});
+
+test('Renders screenReaderText as "default banner" by default', () => {
+ render(Test);
+ expect(screen.getByText('default banner')).toBeInTheDocument();
+});
+
+test('Renders screenReaderText as "success banner" when variant="success"', () => {
+ render(Test);
+ expect(screen.getByText('success banner')).toBeInTheDocument();
+});
+
+test('Renders custom screenReaderText passed via prop', () => {
+ render(Test);
+ expect(screen.getByText('Custom screen reader text')).toBeInTheDocument();
+});
+
+test('Renders without pf-m-sticky by default', () => {
+ render(Test);
+ expect(screen.getByText('Test')).not.toHaveClass('pf-m-sticky');
+});
+
+test('Renders with class name pf-m-sticky when isSticky prop is passed', () => {
+ render(Test);
+ expect(screen.getByText('Test')).toHaveClass('pf-m-sticky');
+});
+
+test('Renders with inherited element props spread to the component', () => {
+ render(Test);
+ expect(screen.getByText('Test')).toHaveAccessibleName('Test label');
+});
+
+test('Matches the snapshot', () => {
+ const { asFragment } = render(Test);
expect(asFragment()).toMatchSnapshot();
});
diff --git a/packages/react-core/src/components/Banner/__tests__/__snapshots__/Banner.test.tsx.snap b/packages/react-core/src/components/Banner/__tests__/__snapshots__/Banner.test.tsx.snap
index b55f80bace6..1d6551bd157 100644
--- a/packages/react-core/src/components/Banner/__tests__/__snapshots__/Banner.test.tsx.snap
+++ b/packages/react-core/src/components/Banner/__tests__/__snapshots__/Banner.test.tsx.snap
@@ -1,60 +1,11 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
-exports[`danger banner 1`] = `
+exports[`Matches the snapshot 1`] = `
- danger Banner
-
- danger banner
-
-
-
-`;
-
-exports[`default banner 1`] = `
-
-
- default Banner
-
- default banner
-
-
-
-`;
-
-exports[`info banner 1`] = `
-
-
- info Banner
-
- info banner
-
-
-
-`;
-
-exports[`sticky banner 1`] = `
-
-
- Sticky Banner
+ Test
@@ -63,35 +14,3 @@ exports[`sticky banner 1`] = `
`;
-
-exports[`success banner 1`] = `
-
-
- success Banner
-
- success banner
-
-
-
-`;
-
-exports[`warning banner 1`] = `
-
-
- warning Banner
-
- warning banner
-
-
-
-`;
diff --git a/packages/react-core/src/components/EmptyState/examples/EmptyState.md b/packages/react-core/src/components/EmptyState/examples/EmptyState.md
index ead9b43b917..3608e5b3306 100644
--- a/packages/react-core/src/components/EmptyState/examples/EmptyState.md
+++ b/packages/react-core/src/components/EmptyState/examples/EmptyState.md
@@ -2,7 +2,7 @@
id: Empty state
section: components
cssPrefix: pf-c-empty-state
-propComponents: ['EmptyState', 'EmptyStateBody', 'EmptyStateIcon', 'EmptyStateSecondaryActions']
+propComponents: ['EmptyState', 'EmptyStateBody', 'EmptyStateIcon', 'EmptyStatePrimary','EmptyStateSecondaryActions']
---
import CubesIcon from '@patternfly/react-icons/dist/esm/icons/cubes-icon';
import SearchIcon from '@patternfly/react-icons/dist/esm/icons/search-icon';
@@ -40,5 +40,7 @@ import SearchIcon from '@patternfly/react-icons/dist/esm/icons/search-icon';
### No match found
+`EmptyStatePrimary` is a container for primary actions. It can be used in lieu of using a primary button and will insure appropriate spacing of the buttons.
+
```ts file="EmptyStateNoMatchFound.tsx"
```
diff --git a/packages/react-core/src/components/Menu/examples/MenuWithDrilldown.tsx b/packages/react-core/src/components/Menu/examples/MenuWithDrilldown.tsx
index 0918400a12a..5825f42c4e9 100644
--- a/packages/react-core/src/components/Menu/examples/MenuWithDrilldown.tsx
+++ b/packages/react-core/src/components/Menu/examples/MenuWithDrilldown.tsx
@@ -26,7 +26,7 @@ export const MenuWithDrilldown: React.FunctionComponent = () => {
};
const setHeight = (menuId: string, height: number) => {
- if (menuHeights[menuId] === undefined) {
+ if (menuHeights[menuId] === undefined || (menuId !== 'drilldown-rootMenu' && menuHeights[menuId] !== height)) {
setMenuHeights({ ...menuHeights, [menuId]: height });
}
};
diff --git a/packages/react-core/src/components/Menu/examples/MenuWithDrilldownBreadcrumbs.tsx b/packages/react-core/src/components/Menu/examples/MenuWithDrilldownBreadcrumbs.tsx
index 61ed5fc80c4..528c33ba9c8 100644
--- a/packages/react-core/src/components/Menu/examples/MenuWithDrilldownBreadcrumbs.tsx
+++ b/packages/react-core/src/components/Menu/examples/MenuWithDrilldownBreadcrumbs.tsx
@@ -55,11 +55,13 @@ export const MenuWithDrilldownBreadcrumbs: React.FunctionComponent = () => {
setDrilldownPath(pathSansLast);
setActiveMenu(toMenuId);
};
+
const setHeight = (menuId: string, height: number) => {
- if (!menuHeights[menuId]) {
+ if (menuHeights[menuId] === undefined || (menuId !== 'breadcrumbs-rootMenu' && menuHeights[menuId] !== height)) {
setMenuHeights({ ...menuHeights, [menuId]: height });
}
};
+
const drillIn = (fromMenuId: string, toMenuId: string, pathId: string) => {
setMenuDrilledIn([...menuDrilledIn, fromMenuId]);
setDrilldownPath([...drilldownPath, pathId]);
diff --git a/packages/react-core/src/components/Menu/examples/MenuWithDrilldownSubmenuFunctions.tsx b/packages/react-core/src/components/Menu/examples/MenuWithDrilldownSubmenuFunctions.tsx
index 9629b890d2a..54ba1a0fb6b 100644
--- a/packages/react-core/src/components/Menu/examples/MenuWithDrilldownSubmenuFunctions.tsx
+++ b/packages/react-core/src/components/Menu/examples/MenuWithDrilldownSubmenuFunctions.tsx
@@ -26,7 +26,7 @@ export const MenuWithDrilldownSubmenuFunctions: React.FunctionComponent = () =>
};
const setHeight = (menuId: string, height: number) => {
- if (menuHeights[menuId] === undefined) {
+ if (menuHeights[menuId] === undefined || (menuId !== 'functions-rootMenu' && menuHeights[menuId] !== height)) {
setMenuHeights({ ...menuHeights, [menuId]: height });
}
};
diff --git a/packages/react-core/src/components/Page/PageBreadcrumb.tsx b/packages/react-core/src/components/Page/PageBreadcrumb.tsx
index 527de45cb90..c8c8ad7e6cd 100644
--- a/packages/react-core/src/components/Page/PageBreadcrumb.tsx
+++ b/packages/react-core/src/components/Page/PageBreadcrumb.tsx
@@ -1,7 +1,7 @@
import * as React from 'react';
import { css } from '@patternfly/react-styles';
import styles from '@patternfly/react-styles/css/components/Page/page';
-import { formatBreakpointMods } from '../../helpers/util';
+import { formatBreakpointMods, Mods } from '../../helpers/util';
import { PageContext } from './PageContext';
export interface PageBreadcrumbProps extends React.HTMLProps {
@@ -11,8 +11,6 @@ export interface PageBreadcrumbProps extends React.HTMLProps {
children?: React.ReactNode;
/** Limits the width of the breadcrumb */
isWidthLimited?: boolean;
- /** @deprecated Use the stickyOnBreakpoint prop instead - Modifier indicating if the PageBreadcrumb is sticky to the top or bottom */
- sticky?: 'top' | 'bottom';
/** Modifier indicating if the PageBreadcrumb is sticky to the top or bottom at various breakpoints */
stickyOnBreakpoint?: {
default?: 'top' | 'bottom';
@@ -36,7 +34,6 @@ export const PageBreadcrumb = ({
className = '',
children,
isWidthLimited,
- sticky,
stickyOnBreakpoint,
hasShadowTop = false,
hasShadowBottom = false,
@@ -57,10 +54,8 @@ export const PageBreadcrumb = ({
{
className?: string;
/** Content rendered inside of the PageGroup */
children?: React.ReactNode;
- /** @deprecated Use the stickyOnBreakpoint prop instead - Modifier indicating if the PageBreadcrumb is sticky to the top or bottom */
- sticky?: 'top' | 'bottom';
/** Modifier indicating if the PageBreadcrumb is sticky to the top or bottom at various breakpoints */
stickyOnBreakpoint?: {
default?: 'top' | 'bottom';
@@ -32,7 +30,6 @@ export interface PageGroupProps extends React.HTMLProps {
export const PageGroup = ({
className = '',
children,
- sticky,
stickyOnBreakpoint,
hasShadowTop = false,
hasShadowBottom = false,
@@ -55,8 +52,6 @@ export const PageGroup = ({
className={css(
styles.pageMainGroup,
formatBreakpointMods(stickyOnBreakpoint, styles, 'sticky-', getVerticalBreakpoint(height), true),
- sticky === 'top' && styles.modifiers.stickyTop,
- sticky === 'bottom' && styles.modifiers.stickyBottom,
hasShadowTop && styles.modifiers.shadowTop,
hasShadowBottom && styles.modifiers.shadowBottom,
hasOverflowScroll && styles.modifiers.overflowScroll,
diff --git a/packages/react-core/src/components/Page/PageHeader.tsx b/packages/react-core/src/components/Page/PageHeader.tsx
index 0c5af921442..0cb2db3de90 100644
--- a/packages/react-core/src/components/Page/PageHeader.tsx
+++ b/packages/react-core/src/components/Page/PageHeader.tsx
@@ -25,8 +25,6 @@ export interface PageHeaderProps extends React.HTMLProps {
navToggleId?: string;
/** True if the side nav is shown */
isNavOpen?: boolean;
- /** This prop is no longer managed through PageHeader but in the Page component. */
- isManagedSidebar?: boolean;
/** Sets the value for role on the element */
role?: string;
/** Callback function to handle the side nav toggle button, managed by the Page component if the Page isManagedSidebar prop is set to true */
@@ -43,7 +41,6 @@ export const PageHeader: React.FunctionComponent = ({
headerTools = null as React.ReactNode,
topNav = null as React.ReactNode,
isNavOpen = true,
- isManagedSidebar: deprecatedIsManagedSidebar = undefined,
role = undefined as string,
showNavToggle = false,
navToggleId = 'nav-toggle',
@@ -53,11 +50,6 @@ export const PageHeader: React.FunctionComponent = ({
...props
}: PageHeaderProps) => {
const LogoComponent = logoComponent as any;
- if ([false, true].includes(deprecatedIsManagedSidebar)) {
- console.warn(
- 'isManagedSidebar is deprecated in the PageHeader component. To make the sidebar toggle uncontrolled, pass this prop in the Page component'
- );
- }
return (
{({ isManagedSidebar, onNavToggle: managedOnNavToggle, isNavOpen: managedIsNavOpen }: PageContextProps) => {
diff --git a/packages/react-core/src/components/Page/PageNavigation.tsx b/packages/react-core/src/components/Page/PageNavigation.tsx
index 1a6ad1117bc..9024c1fe4d0 100644
--- a/packages/react-core/src/components/Page/PageNavigation.tsx
+++ b/packages/react-core/src/components/Page/PageNavigation.tsx
@@ -11,8 +11,6 @@ export interface PageNavigationProps extends React.HTMLProps {
children?: React.ReactNode;
/** Limits the width of the PageNavigation */
isWidthLimited?: boolean;
- /** @deprecated Use the stickyOnBreakpoint prop instead - Modifier indicating if the PageBreadcrumb is sticky to the top or bottom */
- sticky?: 'top' | 'bottom';
/** Modifier indicating if the PageBreadcrumb is sticky to the top or bottom at various breakpoints */
stickyOnBreakpoint?: {
default?: 'top' | 'bottom';
@@ -36,7 +34,6 @@ export const PageNavigation = ({
className = '',
children,
isWidthLimited,
- sticky,
stickyOnBreakpoint,
hasShadowTop = false,
hasShadowBottom = false,
@@ -59,8 +56,6 @@ export const PageNavigation = ({
styles.pageMainNav,
formatBreakpointMods(stickyOnBreakpoint, styles, 'sticky-', getVerticalBreakpoint(height), true),
isWidthLimited && styles.modifiers.limitWidth,
- sticky === 'top' && styles.modifiers.stickyTop,
- sticky === 'bottom' && styles.modifiers.stickyBottom,
hasShadowTop && styles.modifiers.shadowTop,
hasShadowBottom && styles.modifiers.shadowBottom,
hasOverflowScroll && styles.modifiers.overflowScroll,
diff --git a/packages/react-core/src/components/Page/PageSection.tsx b/packages/react-core/src/components/Page/PageSection.tsx
index 88343b2a26f..0793f85d83e 100644
--- a/packages/react-core/src/components/Page/PageSection.tsx
+++ b/packages/react-core/src/components/Page/PageSection.tsx
@@ -44,8 +44,6 @@ export interface PageSectionProps extends React.HTMLProps {
xl?: 'padding' | 'noPadding';
'2xl'?: 'padding' | 'noPadding';
};
- /** @deprecated Use the stickyOnBreakpoint prop instead - Modifier indicating if the PageBreadcrumb is sticky to the top or bottom */
- sticky?: 'top' | 'bottom';
/** Modifier indicating if the PageBreadcrumb is sticky to the top or bottom at various breakpoints */
stickyOnBreakpoint?: {
default?: 'top' | 'bottom';
@@ -94,7 +92,6 @@ export const PageSection: React.FunctionComponent = ({
isFilled,
isWidthLimited = false,
isCenterAligned = false,
- sticky,
stickyOnBreakpoint,
hasShadowTop = false,
hasShadowBottom = false,
@@ -126,8 +123,6 @@ export const PageSection: React.FunctionComponent = ({
isFilled === true && styles.modifiers.fill,
isWidthLimited && styles.modifiers.limitWidth,
isWidthLimited && isCenterAligned && type !== PageSectionTypes.subNav && styles.modifiers.alignCenter,
- sticky === 'top' && styles.modifiers.stickyTop,
- sticky === 'bottom' && styles.modifiers.stickyBottom,
hasShadowTop && styles.modifiers.shadowTop,
hasShadowBottom && styles.modifiers.shadowBottom,
hasOverflowScroll && styles.modifiers.overflowScroll,
diff --git a/packages/react-core/src/components/Page/__tests__/PageBreadcrumb.test.tsx b/packages/react-core/src/components/Page/__tests__/PageBreadcrumb.test.tsx
index 913838f7473..63742eb0de6 100644
--- a/packages/react-core/src/components/Page/__tests__/PageBreadcrumb.test.tsx
+++ b/packages/react-core/src/components/Page/__tests__/PageBreadcrumb.test.tsx
@@ -12,11 +12,11 @@ describe('page breadcrumb', () => {
expect(asFragment()).toMatchSnapshot();
});
test('Verify top sticky', () => {
- const { asFragment } = render(test);
+ const { asFragment } = render(test);
expect(asFragment()).toMatchSnapshot();
});
test('Verify bottom sticky', () => {
- const { asFragment } = render(test);
+ const { asFragment } = render(test);
expect(asFragment()).toMatchSnapshot();
});
test('Verify top shadow', () => {
diff --git a/packages/react-core/src/components/Page/__tests__/PageGroup.test.tsx b/packages/react-core/src/components/Page/__tests__/PageGroup.test.tsx
index f4bb73fd370..8ac64dd01c2 100644
--- a/packages/react-core/src/components/Page/__tests__/PageGroup.test.tsx
+++ b/packages/react-core/src/components/Page/__tests__/PageGroup.test.tsx
@@ -8,11 +8,11 @@ describe('page group', () => {
expect(asFragment()).toMatchSnapshot();
});
test('Verify top sticky', () => {
- const { asFragment } = render(test);
+ const { asFragment } = render(test);
expect(asFragment()).toMatchSnapshot();
});
test('Verify bottom sticky', () => {
- const { asFragment } = render(test);
+ const { asFragment } = render(test);
expect(asFragment()).toMatchSnapshot();
});
test('Verify top shadow', () => {
diff --git a/packages/react-core/src/components/Page/__tests__/PageNavigation.test.tsx b/packages/react-core/src/components/Page/__tests__/PageNavigation.test.tsx
index 80e3c6556d3..8577c1cc4d5 100644
--- a/packages/react-core/src/components/Page/__tests__/PageNavigation.test.tsx
+++ b/packages/react-core/src/components/Page/__tests__/PageNavigation.test.tsx
@@ -12,11 +12,11 @@ describe('page navigation', () => {
expect(asFragment()).toMatchSnapshot();
});
test('Verify top sticky', () => {
- const { asFragment } = render(test);
+ const { asFragment } = render(test);
expect(asFragment()).toMatchSnapshot();
});
test('Verify bottom sticky', () => {
- const { asFragment } = render(test);
+ const { asFragment } = render(test);
expect(asFragment()).toMatchSnapshot();
});
test('Verify top shadow', () => {
diff --git a/packages/react-core/src/components/Page/__tests__/PageSection.test.tsx b/packages/react-core/src/components/Page/__tests__/PageSection.test.tsx
index 3bdf925f9b1..ceed384957f 100644
--- a/packages/react-core/src/components/Page/__tests__/PageSection.test.tsx
+++ b/packages/react-core/src/components/Page/__tests__/PageSection.test.tsx
@@ -65,12 +65,12 @@ test('Check page section with fill and no padding example against snapshot', ()
});
test('Verify page section top sticky', () => {
- const { asFragment } = render(test);
+ const { asFragment } = render(test);
expect(asFragment()).toMatchSnapshot();
});
test('Verify page section bottom sticky', () => {
- const { asFragment } = render(test);
+ const { asFragment } = render(test);
expect(asFragment()).toMatchSnapshot();
});
diff --git a/packages/react-core/src/components/Select/Select.tsx b/packages/react-core/src/components/Select/Select.tsx
index 0b5c17a9068..a4962d75a35 100644
--- a/packages/react-core/src/components/Select/Select.tsx
+++ b/packages/react-core/src/components/Select/Select.tsx
@@ -69,6 +69,8 @@ export interface SelectProps
isDisabled?: boolean;
/** Flag to indicate if the typeahead select allows new items */
isCreatable?: boolean;
+ /** Flag to indicate if create option should be at top of typeahead */
+ isCreateOptionOnTop?: boolean;
/** Flag indicating if placeholder styles should be applied */
hasPlaceholderStyle?: boolean;
/** @beta Flag indicating if the creatable option should set its value as a SelectOptionObject */
@@ -226,6 +228,7 @@ export class Select extends React.Component
);
+
+ if (isCreateOptionOnTop) {
+ typeaheadFilteredChildren.unshift(createSelectOption);
+ } else {
+ typeaheadFilteredChildren.push(createSelectOption);
+ }
}
}
@@ -1020,6 +1030,7 @@ export class Select extends React.Component {
+ const user = userEvent.setup();
+
+ render(
+
+ );
+
+ const input = screen.getByRole('textbox');
+ await user.type(input, `m`);
+
+ const createOption = screen.getAllByRole('option')[3];
+ expect(createOption).toHaveTextContent('Create "m"');
+});
+
+test('prepends create option to list of options if isCreateOptionOnTop flag is set', async () => {
+ const user = userEvent.setup();
+
+ render(
+
+ );
+
+ const input = screen.getByRole('textbox');
+ await user.type(input, `m`);
+
+ const createOption = screen.getAllByRole('option')[0];
+ expect(createOption).toHaveTextContent('Create "m"');
+});
\ No newline at end of file
diff --git a/packages/react-core/src/components/Select/examples/Select.md b/packages/react-core/src/components/Select/examples/Select.md
index dd1a871dff0..628fcf0a5f5 100644
--- a/packages/react-core/src/components/Select/examples/Select.md
+++ b/packages/react-core/src/components/Select/examples/Select.md
@@ -1209,6 +1209,7 @@ class TypeaheadSelectInput extends React.Component {
selected: null,
isDisabled: false,
isCreatable: false,
+ isCreateOptionOnTop: false,
isInputValuePersisted: false,
isInputFilterPersisted: false,
hasOnCreateOption: false,
@@ -1258,6 +1259,12 @@ class TypeaheadSelectInput extends React.Component {
});
};
+ this.toggleCreateOptionOnTop = checked => {
+ this.setState({
+ isCreateOptionOnTop: checked
+ });
+ };
+
this.toggleCreateNew = checked => {
this.setState({
hasOnCreateOption: checked
@@ -1289,6 +1296,7 @@ class TypeaheadSelectInput extends React.Component {
selected,
isDisabled,
isCreatable,
+ isCreateOptionOnTop,
hasOnCreateOption,
isInputValuePersisted,
isInputFilterPersisted,
@@ -1315,6 +1323,7 @@ class TypeaheadSelectInput extends React.Component {
placeholderText="Select a state"
isDisabled={isDisabled}
isCreatable={isCreatable}
+ isCreateOptionOnTop={isCreateOptionOnTop}
onCreateOption={(hasOnCreateOption && this.onCreateOption) || undefined}
shouldResetOnSelect={resetOnSelect}
>
@@ -1343,6 +1352,14 @@ class TypeaheadSelectInput extends React.Component {
id="toggle-creatable-typeahead"
name="toggle-creatable-typeahead"
/>
+
-
- Sidebar panel
-
-
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse dapibus nulla id augue dictum commodo. Donec mollis arcu massa, sollicitudin venenatis est rutrum vitae. Integer pulvinar ligula at augue mollis, ac pulvinar arcu semper. Maecenas nisi lorem, malesuada ac lectus nec, porta pretium neque. Ut convallis libero sit amet metus mattis, vel facilisis lorem malesuada. Duis consectetur ante sit amet magna efficitur, a interdum leo vulputate.
- Praesent at odio nec sapien ultrices tincidunt in non mauris. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Duis consectetur nisl quis facilisis faucibus. Sed eu bibendum risus. Suspendisse porta euismod tortor, at elementum odio suscipit sed. Cras eget ultrices urna, ac feugiat lectus. Integer a pharetra velit, in imperdiet mi. Phasellus vel hendrerit velit. Vestibulum ut augue vitae erat vulputate bibendum a ut magna.
-
-
+```ts file="./SidebarBasic.tsx"
```
### Stack
-```js
-import React from 'react';
-import { Sidebar, SidebarContent, SidebarPanel } from '@patternfly/react-core';
-
-
-
- Sidebar panel stacked on top
-
-
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse dapibus nulla id augue dictum commodo. Donec mollis arcu massa, sollicitudin venenatis est rutrum vitae. Integer pulvinar ligula at augue mollis, ac pulvinar arcu semper. Maecenas nisi lorem, malesuada ac lectus nec, porta pretium neque. Ut convallis libero sit amet metus mattis, vel facilisis lorem malesuada. Duis consectetur ante sit amet magna efficitur, a interdum leo vulputate.
- Praesent at odio nec sapien ultrices tincidunt in non mauris. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Duis consectetur nisl quis facilisis faucibus. Sed eu bibendum risus. Suspendisse porta euismod tortor, at elementum odio suscipit sed. Cras eget ultrices urna, ac feugiat lectus. Integer a pharetra velit, in imperdiet mi. Phasellus vel hendrerit velit. Vestibulum ut augue vitae erat vulputate bibendum a ut magna.
-
-
+```ts file="./SidebarStack.tsx"
```
### Panel right with gutter
-```js
-import React from 'react';
-import { Sidebar, SidebarContent, SidebarPanel } from '@patternfly/react-core';
-
-
-
- Sidebar panel on the right
-
-
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse dapibus nulla id augue dictum commodo. Donec mollis arcu massa, sollicitudin venenatis est rutrum vitae. Integer pulvinar ligula at augue mollis, ac pulvinar arcu semper. Maecenas nisi lorem, malesuada ac lectus nec, porta pretium neque. Ut convallis libero sit amet metus mattis, vel facilisis lorem malesuada. Duis consectetur ante sit amet magna efficitur, a interdum leo vulputate.
- Praesent at odio nec sapien ultrices tincidunt in non mauris. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Duis consectetur nisl quis facilisis faucibus. Sed eu bibendum risus. Suspendisse porta euismod tortor, at elementum odio suscipit sed. Cras eget ultrices urna, ac feugiat lectus. Integer a pharetra velit, in imperdiet mi. Phasellus vel hendrerit velit. Vestibulum ut augue vitae erat vulputate bibendum a ut magna.
-
-
+```ts file="./SidebarPanelRightGutter.tsx"
```
### Sticky panel
A `tabIndex` should be added to the `Sidebar` when there is scrollable content in order for the overflow content to be accessible by keyboard.
-```js
-import React from 'react';
-import { Sidebar, SidebarContent, SidebarPanel } from '@patternfly/react-core';
-
-
-
- Sticky sidebar panel
-
-
- Scroll me!
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse dapibus nulla id augue dictum commodo. Donec mollis arcu massa, sollicitudin venenatis est rutrum vitae. Integer pulvinar ligula at augue mollis, ac pulvinar arcu semper. Maecenas nisi lorem, malesuada ac lectus nec, porta pretium neque. Ut convallis libero sit amet metus mattis, vel facilisis lorem malesuada. Duis consectetur ante sit amet magna efficitur, a interdum leo vulputate.
- Praesent at odio nec sapien ultrices tincidunt in non mauris. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Duis consectetur nisl quis facilisis faucibus. Sed eu bibendum risus. Suspendisse porta euismod tortor, at elementum odio suscipit sed. Cras eget ultrices urna, ac feugiat lectus. Integer a pharetra velit, in imperdiet mi. Phasellus vel hendrerit velit. Vestibulum ut augue vitae erat vulputate bibendum a ut magna.
-
-
+```ts file="./SidebarStickyPanel.tsx"
```
### Static panel
A `tabIndex` should be added to the `Sidebar` when there is scrollable content in order for the overflow content to be accessible by keyboard.
-```js
-import React from 'react';
-import { Sidebar, SidebarContent, SidebarPanel } from '@patternfly/react-core';
-
-
-
- Static sidebar panel
-
-
- Scroll me!
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse dapibus nulla id augue dictum commodo. Donec mollis arcu massa, sollicitudin venenatis est rutrum vitae. Integer pulvinar ligula at augue mollis, ac pulvinar arcu semper. Maecenas nisi lorem, malesuada ac lectus nec, porta pretium neque. Ut convallis libero sit amet metus mattis, vel facilisis lorem malesuada. Duis consectetur ante sit amet magna efficitur, a interdum leo vulputate.
- Praesent at odio nec sapien ultrices tincidunt in non mauris. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Duis consectetur nisl quis facilisis faucibus. Sed eu bibendum risus. Suspendisse porta euismod tortor, at elementum odio suscipit sed. Cras eget ultrices urna, ac feugiat lectus. Integer a pharetra velit, in imperdiet mi. Phasellus vel hendrerit velit. Vestibulum ut augue vitae erat vulputate bibendum a ut magna.
-
-
+```ts file="./SidebarStaticPanel.tsx"
```
### Responsive panel width
A `tabIndex` should be added to the `Sidebar` when there is scrollable content in order for the overflow content to be accessible by keyboard.
-```js
-import React from 'react';
-import { Sidebar, SidebarContent, SidebarPanel } from '@patternfly/react-core';
-
-
-
- Sidebar panel
-
-
- Resize me!
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse dapibus nulla id augue dictum commodo. Donec mollis arcu massa, sollicitudin venenatis est rutrum vitae. Integer pulvinar ligula at augue mollis, ac pulvinar arcu semper. Maecenas nisi lorem, malesuada ac lectus nec, porta pretium neque. Ut convallis libero sit amet metus mattis, vel facilisis lorem malesuada. Duis consectetur ante sit amet magna efficitur, a interdum leo vulputate.
- Praesent at odio nec sapien ultrices tincidunt in non mauris. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Duis consectetur nisl quis facilisis faucibus. Sed eu bibendum risus. Suspendisse porta euismod tortor, at elementum odio suscipit sed. Cras eget ultrices urna, ac feugiat lectus. Integer a pharetra velit, in imperdiet mi. Phasellus vel hendrerit velit. Vestibulum ut augue vitae erat vulputate bibendum a ut magna.
-
-
+```ts file="./SidebarResponsivePanel.tsx"
```
-
-
diff --git a/packages/react-core/src/components/Sidebar/examples/SidebarBasic.tsx b/packages/react-core/src/components/Sidebar/examples/SidebarBasic.tsx
new file mode 100644
index 00000000000..4f1dd5477cd
--- /dev/null
+++ b/packages/react-core/src/components/Sidebar/examples/SidebarBasic.tsx
@@ -0,0 +1,24 @@
+import React from 'react';
+import { Sidebar, SidebarContent, SidebarPanel } from '@patternfly/react-core';
+
+export const SidebarBasic: React.FunctionComponent = () => (
+
+ Sidebar panel
+
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse dapibus nulla id augue dictum commodo.
+ Donec mollis arcu massa, sollicitudin venenatis est rutrum vitae. Integer pulvinar ligula at augue mollis, ac
+ pulvinar arcu semper. Maecenas nisi lorem, malesuada ac lectus nec, porta pretium neque. Ut convallis libero sit
+ amet metus mattis, vel facilisis lorem malesuada. Duis consectetur ante sit amet magna efficitur, a interdum leo
+ vulputate.
+
+
+ Praesent at odio nec sapien ultrices tincidunt in non mauris. Orci varius natoque penatibus et magnis dis
+ parturient montes, nascetur ridiculus mus. Duis consectetur nisl quis facilisis faucibus. Sed eu bibendum risus.
+ Suspendisse porta euismod tortor, at elementum odio suscipit sed. Cras eget ultrices urna, ac feugiat lectus.
+ Integer a pharetra velit, in imperdiet mi. Phasellus vel hendrerit velit. Vestibulum ut augue vitae erat
+ vulputate bibendum a ut magna.
+
+
+
+);
diff --git a/packages/react-core/src/components/Sidebar/examples/SidebarPanelRightGutter.tsx b/packages/react-core/src/components/Sidebar/examples/SidebarPanelRightGutter.tsx
new file mode 100644
index 00000000000..d7036a6ab2c
--- /dev/null
+++ b/packages/react-core/src/components/Sidebar/examples/SidebarPanelRightGutter.tsx
@@ -0,0 +1,24 @@
+import React from 'react';
+import { Sidebar, SidebarContent, SidebarPanel } from '@patternfly/react-core';
+
+export const SidebarPanelRightGutter: React.FunctionComponent = () => (
+
+ Sidebar panel on the right
+
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse dapibus nulla id augue dictum commodo.
+ Donec mollis arcu massa, sollicitudin venenatis est rutrum vitae. Integer pulvinar ligula at augue mollis, ac
+ pulvinar arcu semper. Maecenas nisi lorem, malesuada ac lectus nec, porta pretium neque. Ut convallis libero sit
+ amet metus mattis, vel facilisis lorem malesuada. Duis consectetur ante sit amet magna efficitur, a interdum leo
+ vulputate.
+
+
+ Praesent at odio nec sapien ultrices tincidunt in non mauris. Orci varius natoque penatibus et magnis dis
+ parturient montes, nascetur ridiculus mus. Duis consectetur nisl quis facilisis faucibus. Sed eu bibendum risus.
+ Suspendisse porta euismod tortor, at elementum odio suscipit sed. Cras eget ultrices urna, ac feugiat lectus.
+ Integer a pharetra velit, in imperdiet mi. Phasellus vel hendrerit velit. Vestibulum ut augue vitae erat
+ vulputate bibendum a ut magna.
+
+
+
+);
diff --git a/packages/react-core/src/components/Sidebar/examples/SidebarResponsivePanel.tsx b/packages/react-core/src/components/Sidebar/examples/SidebarResponsivePanel.tsx
new file mode 100644
index 00000000000..1030d8564b0
--- /dev/null
+++ b/packages/react-core/src/components/Sidebar/examples/SidebarResponsivePanel.tsx
@@ -0,0 +1,25 @@
+import React from 'react';
+import { Sidebar, SidebarContent, SidebarPanel } from '@patternfly/react-core';
+
+export const SidebarResponsivePanel: React.FunctionComponent = () => (
+
+ Sidebar panel
+
+ Resize me!
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse dapibus nulla id augue dictum commodo.
+ Donec mollis arcu massa, sollicitudin venenatis est rutrum vitae. Integer pulvinar ligula at augue mollis, ac
+ pulvinar arcu semper. Maecenas nisi lorem, malesuada ac lectus nec, porta pretium neque. Ut convallis libero sit
+ amet metus mattis, vel facilisis lorem malesuada. Duis consectetur ante sit amet magna efficitur, a interdum leo
+ vulputate.
+
+
+ Praesent at odio nec sapien ultrices tincidunt in non mauris. Orci varius natoque penatibus et magnis dis
+ parturient montes, nascetur ridiculus mus. Duis consectetur nisl quis facilisis faucibus. Sed eu bibendum risus.
+ Suspendisse porta euismod tortor, at elementum odio suscipit sed. Cras eget ultrices urna, ac feugiat lectus.
+ Integer a pharetra velit, in imperdiet mi. Phasellus vel hendrerit velit. Vestibulum ut augue vitae erat
+ vulputate bibendum a ut magna.
+
+
+
+);
diff --git a/packages/react-core/src/components/Sidebar/examples/SidebarStack.tsx b/packages/react-core/src/components/Sidebar/examples/SidebarStack.tsx
new file mode 100644
index 00000000000..9a6ddfa6e10
--- /dev/null
+++ b/packages/react-core/src/components/Sidebar/examples/SidebarStack.tsx
@@ -0,0 +1,24 @@
+import React from 'react';
+import { Sidebar, SidebarContent, SidebarPanel } from '@patternfly/react-core';
+
+export const SidebarStack: React.FunctionComponent = () => (
+
+ Sidebar panel stacked on top
+
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse dapibus nulla id augue dictum commodo.
+ Donec mollis arcu massa, sollicitudin venenatis est rutrum vitae. Integer pulvinar ligula at augue mollis, ac
+ pulvinar arcu semper. Maecenas nisi lorem, malesuada ac lectus nec, porta pretium neque. Ut convallis libero sit
+ amet metus mattis, vel facilisis lorem malesuada. Duis consectetur ante sit amet magna efficitur, a interdum leo
+ vulputate.
+
+
+ Praesent at odio nec sapien ultrices tincidunt in non mauris. Orci varius natoque penatibus et magnis dis
+ parturient montes, nascetur ridiculus mus. Duis consectetur nisl quis facilisis faucibus. Sed eu bibendum risus.
+ Suspendisse porta euismod tortor, at elementum odio suscipit sed. Cras eget ultrices urna, ac feugiat lectus.
+ Integer a pharetra velit, in imperdiet mi. Phasellus vel hendrerit velit. Vestibulum ut augue vitae erat
+ vulputate bibendum a ut magna.
+
+
+
+);
diff --git a/packages/react-core/src/components/Sidebar/examples/SidebarStaticPanel.tsx b/packages/react-core/src/components/Sidebar/examples/SidebarStaticPanel.tsx
new file mode 100644
index 00000000000..202af282e76
--- /dev/null
+++ b/packages/react-core/src/components/Sidebar/examples/SidebarStaticPanel.tsx
@@ -0,0 +1,25 @@
+import React from 'react';
+import { Sidebar, SidebarContent, SidebarPanel } from '@patternfly/react-core';
+
+export const SidebarStaticPanel: React.FunctionComponent = () => (
+
+ Static sidebar panel
+
+ Scroll me!
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse dapibus nulla id augue dictum commodo.
+ Donec mollis arcu massa, sollicitudin venenatis est rutrum vitae. Integer pulvinar ligula at augue mollis, ac
+ pulvinar arcu semper. Maecenas nisi lorem, malesuada ac lectus nec, porta pretium neque. Ut convallis libero sit
+ amet metus mattis, vel facilisis lorem malesuada. Duis consectetur ante sit amet magna efficitur, a interdum leo
+ vulputate.
+
+
+ Praesent at odio nec sapien ultrices tincidunt in non mauris. Orci varius natoque penatibus et magnis dis
+ parturient montes, nascetur ridiculus mus. Duis consectetur nisl quis facilisis faucibus. Sed eu bibendum risus.
+ Suspendisse porta euismod tortor, at elementum odio suscipit sed. Cras eget ultrices urna, ac feugiat lectus.
+ Integer a pharetra velit, in imperdiet mi. Phasellus vel hendrerit velit. Vestibulum ut augue vitae erat
+ vulputate bibendum a ut magna.
+
+
+
+);
diff --git a/packages/react-core/src/components/Sidebar/examples/SidebarStickyPanel.tsx b/packages/react-core/src/components/Sidebar/examples/SidebarStickyPanel.tsx
new file mode 100644
index 00000000000..a6f4b5e24fd
--- /dev/null
+++ b/packages/react-core/src/components/Sidebar/examples/SidebarStickyPanel.tsx
@@ -0,0 +1,25 @@
+import React from 'react';
+import { Sidebar, SidebarContent, SidebarPanel } from '@patternfly/react-core';
+
+export const SidebarStickyPanel: React.FunctionComponent = () => (
+
+ Sticky sidebar panel
+
+ Scroll me!
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse dapibus nulla id augue dictum commodo.
+ Donec mollis arcu massa, sollicitudin venenatis est rutrum vitae. Integer pulvinar ligula at augue mollis, ac
+ pulvinar arcu semper. Maecenas nisi lorem, malesuada ac lectus nec, porta pretium neque. Ut convallis libero sit
+ amet metus mattis, vel facilisis lorem malesuada. Duis consectetur ante sit amet magna efficitur, a interdum leo
+ vulputate.
+
+
+ Praesent at odio nec sapien ultrices tincidunt in non mauris. Orci varius natoque penatibus et magnis dis
+ parturient montes, nascetur ridiculus mus. Duis consectetur nisl quis facilisis faucibus. Sed eu bibendum risus.
+ Suspendisse porta euismod tortor, at elementum odio suscipit sed. Cras eget ultrices urna, ac feugiat lectus.
+ Integer a pharetra velit, in imperdiet mi. Phasellus vel hendrerit velit. Vestibulum ut augue vitae erat
+ vulputate bibendum a ut magna.
+
+
+
+);
diff --git a/packages/react-core/src/components/Title/__tests__/Title.test.tsx b/packages/react-core/src/components/Title/__tests__/Title.test.tsx
index 4e6160c52f1..ea2ca674758 100644
--- a/packages/react-core/src/components/Title/__tests__/Title.test.tsx
+++ b/packages/react-core/src/components/Title/__tests__/Title.test.tsx
@@ -1,25 +1,159 @@
import * as React from 'react';
import { render, screen } from '@testing-library/react';
-import { Title, TitleSizes } from '..';
-
-describe('Title', () => {
- Object.values(TitleSizes).forEach(size => {
- test(`${size} Title`, () => {
- const { asFragment } = render(
-
- {size} Title
-
- );
- expect(asFragment()).toMatchSnapshot();
- });
- });
-
- test('Heading level can be set using a string value', () => {
- render(
-
- H3 Heading
-
- );
- expect(screen.getByRole('heading').parentElement.querySelector('h3')).toBeInTheDocument();
- });
+import { Title } from '../Title';
+
+test('Renders without children', () => {
+ render(
+
+
+
+ );
+ expect(screen.getByTestId('title').firstChild).toBeVisible();
+});
+
+test('Renders children', () => {
+ render(Test);
+ expect(screen.getByText('Test')).toBeVisible();
+});
+
+test('Renders with the pf-c-title', () => {
+ render(Test);
+ expect(screen.getByRole('heading')).toHaveClass('pf-c-title');
+});
+
+test('Renders with only the class pf-c-title and the heading level modifier class pf-m-2xl by default', () => {
+ render(Test);
+ expect(screen.getByRole('heading')).toHaveClass('pf-c-title pf-m-2xl', { exact: true });
+});
+
+test('Renders with custom class name when className prop is passed', () => {
+ render(
+
+ Test
+
+ );
+ expect(screen.getByRole('heading')).toHaveClass('test-class');
+});
+
+test('Renders with class name pf-m-2xl by default when "h1" is passed as heading level', () => {
+ render(Test);
+ expect(screen.getByRole('heading')).toHaveClass('pf-m-2xl');
+});
+
+test('Renders with class name pf-m-xl by default when "h2" is passed as heading level', () => {
+ render(Test);
+ expect(screen.getByRole('heading')).toHaveClass('pf-m-xl');
+});
+
+test('Renders with class name pf-m-lg by default when "h3" is passed as heading level', () => {
+ render(Test);
+ expect(screen.getByRole('heading')).toHaveClass('pf-m-lg');
+});
+
+test('Renders with class name pf-m-md by default when "h4" is passed as heading level', () => {
+ render(Test);
+ expect(screen.getByRole('heading')).toHaveClass('pf-m-md');
+});
+
+test('Renders with class name pf-m-md by default when "h5" is passed as heading level', () => {
+ render(Test);
+ expect(screen.getByRole('heading')).toHaveClass('pf-m-md');
+});
+
+test('Renders with class name pf-m-md by default when "h6" is passed as heading level', () => {
+ render(Test);
+ expect(screen.getByRole('heading')).toHaveClass('pf-m-md');
+});
+
+test('Renders with class name pf-m-md when "md" is passed as title size', () => {
+ render(
+
+ Test
+
+ );
+ expect(screen.getByRole('heading')).toHaveClass('pf-m-md');
+});
+
+test('Renders with class name pf-m-lg when "lg" is passed as title size', () => {
+ render(
+
+ Test
+
+ );
+ expect(screen.getByRole('heading')).toHaveClass('pf-m-lg');
+});
+
+test('Renders with class name pf-m-xl when "xl" is passed as title size', () => {
+ render(
+
+ Test
+
+ );
+ expect(screen.getByRole('heading')).toHaveClass('pf-m-xl');
+});
+
+test('Renders with class name pf-m-2xl when "2xl" is passed as title size', () => {
+ render(
+
+ Test
+
+ );
+ expect(screen.getByRole('heading')).toHaveClass('pf-m-2xl');
+});
+
+test('Renders with class name pf-m-3xl when "3xl" is passed as title size', () => {
+ render(
+
+ Test
+
+ );
+ expect(screen.getByRole('heading')).toHaveClass('pf-m-3xl');
+});
+
+test('Renders with class name pf-m-4xl when "4xl" is passed as title size', () => {
+ render(
+
+ Test
+
+ );
+ expect(screen.getByRole('heading')).toHaveClass('pf-m-4xl');
+});
+
+test('Renders with tag name "h1" when "h1" is passed as heading level', () => {
+ render(Test);
+ expect(screen.getByRole('heading', { level: 1 })).toBeVisible();
+});
+
+test('Renders with tag name "h2" when "h2" is passed as heading level', () => {
+ render(Test);
+ expect(screen.getByRole('heading', { level: 2 })).toBeVisible();
+});
+
+test('Renders with tag name "h3" when "h3" is passed as heading level', () => {
+ render(Test);
+ expect(screen.getByRole('heading', { level: 3 })).toBeVisible();
+});
+
+test('Renders with tag name "h4" when "h4" is passed as heading level', () => {
+ render(Test);
+ expect(screen.getByRole('heading', { level: 4 })).toBeVisible();
+});
+
+test('Renders with tag name "h5" when "h5" is passed as heading level', () => {
+ render(Test);
+ expect(screen.getByRole('heading', { level: 5 })).toBeVisible();
+});
+
+test('Renders with tag name "h6" when "h6" is passed as heading level', () => {
+ render(Test);
+ expect(screen.getByRole('heading', { level: 6 })).toBeVisible();
+});
+
+test('Matches the snapshot', () => {
+ const { asFragment } = render(
+
+ Test
+
+ );
+ expect(asFragment()).toMatchSnapshot();
});
diff --git a/packages/react-core/src/components/Title/__tests__/__snapshots__/Title.test.tsx.snap b/packages/react-core/src/components/Title/__tests__/__snapshots__/Title.test.tsx.snap
index 22d6b37c393..8f68dec74c5 100644
--- a/packages/react-core/src/components/Title/__tests__/__snapshots__/Title.test.tsx.snap
+++ b/packages/react-core/src/components/Title/__tests__/__snapshots__/Title.test.tsx.snap
@@ -1,79 +1,14 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
-exports[`Title 2xl Title 1`] = `
+exports[`Matches the snapshot 1`] = `
- 2xl Title
+ Test
-`;
-
-exports[`Title 3xl Title 1`] = `
-
-
- 3xl Title
-
-
-`;
-
-exports[`Title 4xl Title 1`] = `
-
-
- 4xl Title
-
-
-`;
-
-exports[`Title lg Title 1`] = `
-
-
- lg Title
-
-
-`;
-
-exports[`Title md Title 1`] = `
-
-
- md Title
-
-
-`;
-
-exports[`Title xl Title 1`] = `
-
-
- xl Title
-
-
-`;
+`;
\ No newline at end of file
diff --git a/packages/react-core/src/next/components/Dropdown/Dropdown.tsx b/packages/react-core/src/next/components/Dropdown/Dropdown.tsx
index f61e9c66672..7b26cfb63fb 100644
--- a/packages/react-core/src/next/components/Dropdown/Dropdown.tsx
+++ b/packages/react-core/src/next/components/Dropdown/Dropdown.tsx
@@ -23,9 +23,11 @@ export interface DropdownProps extends MenuProps {
isScrollable?: boolean;
/** Min width of the menu. */
minWidth?: string;
+ /** @hide Forwarded ref */
+ innerRef?: React.Ref;
}
-export const Dropdown: React.FunctionComponent = ({
+const DropdownBase: React.FunctionComponent = ({
children,
className,
onSelect,
@@ -35,13 +37,14 @@ export const Dropdown: React.FunctionComponent = ({
isPlain,
isScrollable,
minWidth,
+ innerRef,
...props
}: DropdownProps) => {
const localMenuRef = React.useRef();
const toggleRef = React.useRef();
const containerRef = React.useRef();
- const menuRef = (props.innerRef as React.RefObject) || localMenuRef;
+ const menuRef = (innerRef as React.RefObject) || localMenuRef;
React.useEffect(() => {
const handleMenuKeys = (event: KeyboardEvent) => {
if (!isOpen && toggleRef.current?.contains(event.target as Node)) {
@@ -112,4 +115,8 @@ export const Dropdown: React.FunctionComponent = ({
);
};
+
+export const Dropdown = React.forwardRef((props: DropdownProps, ref: React.Ref) => (
+
+));
Dropdown.displayName = 'Dropdown';
diff --git a/packages/react-core/src/next/components/Dropdown/examples/DropdownBasic.tsx b/packages/react-core/src/next/components/Dropdown/examples/DropdownBasic.tsx
index 4627344197f..d0dac9e1567 100644
--- a/packages/react-core/src/next/components/Dropdown/examples/DropdownBasic.tsx
+++ b/packages/react-core/src/next/components/Dropdown/examples/DropdownBasic.tsx
@@ -4,7 +4,6 @@ import { Divider, MenuToggle } from '@patternfly/react-core';
export const DropdownBasic: React.FunctionComponent = () => {
const [isOpen, setIsOpen] = React.useState(false);
- const menuRef = React.useRef(null);
const onToggleClick = () => {
setIsOpen(!isOpen);
@@ -18,7 +17,6 @@ export const DropdownBasic: React.FunctionComponent = () => {
return (
setIsOpen(isOpen)}
diff --git a/packages/react-core/src/next/components/Dropdown/examples/DropdownWithDescriptions.tsx b/packages/react-core/src/next/components/Dropdown/examples/DropdownWithDescriptions.tsx
index e675975046b..801381081eb 100644
--- a/packages/react-core/src/next/components/Dropdown/examples/DropdownWithDescriptions.tsx
+++ b/packages/react-core/src/next/components/Dropdown/examples/DropdownWithDescriptions.tsx
@@ -4,7 +4,6 @@ import { MenuToggle } from '@patternfly/react-core';
export const DropdownWithDescriptions: React.FunctionComponent = () => {
const [isOpen, setIsOpen] = React.useState(false);
- const menuRef = React.useRef(null);
const onToggleClick = () => {
setIsOpen(!isOpen);
@@ -18,7 +17,6 @@ export const DropdownWithDescriptions: React.FunctionComponent = () => {
return (
{
const [isOpen, setIsOpen] = React.useState(false);
- const menuRef = React.useRef(null);
const onToggleClick = () => {
setIsOpen(!isOpen);
@@ -18,7 +17,6 @@ export const DropdownWithGroups: React.FunctionComponent = () => {
return (
setIsOpen(isOpen)}
diff --git a/packages/react-core/src/next/components/Dropdown/examples/DropdownWithKebabToggle.tsx b/packages/react-core/src/next/components/Dropdown/examples/DropdownWithKebabToggle.tsx
index 22f0d584b40..153b3e706ec 100644
--- a/packages/react-core/src/next/components/Dropdown/examples/DropdownWithKebabToggle.tsx
+++ b/packages/react-core/src/next/components/Dropdown/examples/DropdownWithKebabToggle.tsx
@@ -5,7 +5,6 @@ import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-ico
export const DropdownWithKebab: React.FunctionComponent = () => {
const [isOpen, setIsOpen] = React.useState(false);
- const menuRef = React.useRef(null);
const onToggleClick = () => {
setIsOpen(!isOpen);
@@ -19,7 +18,6 @@ export const DropdownWithKebab: React.FunctionComponent = () => {
return (
{
return (
-
+
{headings.map(i => (
diff --git a/packages/react-log-viewer/CHANGELOG.md b/packages/react-log-viewer/CHANGELOG.md
index 34c45896d0b..35fe12622b9 100644
--- a/packages/react-log-viewer/CHANGELOG.md
+++ b/packages/react-log-viewer/CHANGELOG.md
@@ -3,6 +3,54 @@
All notable changes to this project will be documented in this file.
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+## [4.87.27](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-log-viewer@4.87.26...@patternfly/react-log-viewer@4.87.27) (2022-10-12)
+
+**Note:** Version bump only for package @patternfly/react-log-viewer
+
+
+
+
+
+## [4.87.26](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-log-viewer@4.87.25...@patternfly/react-log-viewer@4.87.26) (2022-10-12)
+
+**Note:** Version bump only for package @patternfly/react-log-viewer
+
+
+
+
+
+## [4.87.25](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-log-viewer@4.87.24...@patternfly/react-log-viewer@4.87.25) (2022-10-12)
+
+**Note:** Version bump only for package @patternfly/react-log-viewer
+
+
+
+
+
+## [4.87.24](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-log-viewer@4.87.23...@patternfly/react-log-viewer@4.87.24) (2022-10-12)
+
+**Note:** Version bump only for package @patternfly/react-log-viewer
+
+
+
+
+
+## 4.87.23 (2022-10-12)
+
+**Note:** Version bump only for package @patternfly/react-log-viewer
+
+
+
+
+
+## [4.87.22](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-log-viewer@4.87.21...@patternfly/react-log-viewer@4.87.22) (2022-10-10)
+
+**Note:** Version bump only for package @patternfly/react-log-viewer
+
+
+
+
+
## [4.87.21](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-log-viewer@4.87.20...@patternfly/react-log-viewer@4.87.21) (2022-10-05)
**Note:** Version bump only for package @patternfly/react-log-viewer
diff --git a/packages/react-log-viewer/package.json b/packages/react-log-viewer/package.json
index b924289cc91..a7e0f126224 100644
--- a/packages/react-log-viewer/package.json
+++ b/packages/react-log-viewer/package.json
@@ -1,6 +1,6 @@
{
"name": "@patternfly/react-log-viewer",
- "version": "4.87.21",
+ "version": "4.87.27",
"description": "Terminal renderer",
"main": "dist/js/index.js",
"module": "dist/esm/index.js",
@@ -29,7 +29,7 @@
"clean": "rimraf dist"
},
"dependencies": {
- "@patternfly/react-core": "^4.250.1",
+ "@patternfly/react-core": "^4.250.7",
"@patternfly/react-icons": "^4.92.6",
"@patternfly/react-styles": "^4.91.6",
"memoize-one": "^5.1.0",
diff --git a/packages/react-table/CHANGELOG.md b/packages/react-table/CHANGELOG.md
index 5f180d2d534..0145dbe2856 100644
--- a/packages/react-table/CHANGELOG.md
+++ b/packages/react-table/CHANGELOG.md
@@ -3,6 +3,54 @@
All notable changes to this project will be documented in this file.
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+## [4.111.10](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-table@4.111.9...@patternfly/react-table@4.111.10) (2022-10-12)
+
+**Note:** Version bump only for package @patternfly/react-table
+
+
+
+
+
+## [4.111.9](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-table@4.111.8...@patternfly/react-table@4.111.9) (2022-10-12)
+
+**Note:** Version bump only for package @patternfly/react-table
+
+
+
+
+
+## [4.111.8](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-table@4.111.7...@patternfly/react-table@4.111.8) (2022-10-12)
+
+**Note:** Version bump only for package @patternfly/react-table
+
+
+
+
+
+## [4.111.7](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-table@4.111.6...@patternfly/react-table@4.111.7) (2022-10-12)
+
+**Note:** Version bump only for package @patternfly/react-table
+
+
+
+
+
+## 4.111.6 (2022-10-12)
+
+**Note:** Version bump only for package @patternfly/react-table
+
+
+
+
+
+## [4.111.5](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-table@4.111.4...@patternfly/react-table@4.111.5) (2022-10-10)
+
+**Note:** Version bump only for package @patternfly/react-table
+
+
+
+
+
## [4.111.4](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-table@4.111.3...@patternfly/react-table@4.111.4) (2022-10-05)
**Note:** Version bump only for package @patternfly/react-table
diff --git a/packages/react-table/package.json b/packages/react-table/package.json
index 0a9f447c1e3..8ebe3864a19 100644
--- a/packages/react-table/package.json
+++ b/packages/react-table/package.json
@@ -1,6 +1,6 @@
{
"name": "@patternfly/react-table",
- "version": "4.111.4",
+ "version": "4.111.10",
"description": "This library provides a set of React table components for use with the PatternFly 4",
"main": "dist/js/index.js",
"module": "dist/esm/index.js",
@@ -31,7 +31,7 @@
"clean": "rimraf dist"
},
"dependencies": {
- "@patternfly/react-core": "^4.250.1",
+ "@patternfly/react-core": "^4.250.7",
"@patternfly/react-icons": "^4.92.6",
"@patternfly/react-styles": "^4.91.6",
"@patternfly/react-tokens": "^4.93.6",
diff --git a/packages/react-table/src/docs/examples/ComposableTableStickyToolbar.tsx b/packages/react-table/src/docs/examples/ComposableTableStickyToolbar.tsx
index 51d6f44d719..217dec6887f 100644
--- a/packages/react-table/src/docs/examples/ComposableTableStickyToolbar.tsx
+++ b/packages/react-table/src/docs/examples/ComposableTableStickyToolbar.tsx
@@ -168,7 +168,7 @@ export const ComposableTableStickyColumnsAndHeader: React.FunctionComponent = ()
}
groupProps={{
- sticky: 'top'
+ stickyOnBreakpoint: { default: 'top' }
}}
>
diff --git a/packages/react-topology/CHANGELOG.md b/packages/react-topology/CHANGELOG.md
index 422d8093fd6..8a6076f42d8 100644
--- a/packages/react-topology/CHANGELOG.md
+++ b/packages/react-topology/CHANGELOG.md
@@ -3,6 +3,54 @@
All notable changes to this project will be documented in this file.
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+## [4.88.32](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-topology@4.88.31...@patternfly/react-topology@4.88.32) (2022-10-12)
+
+**Note:** Version bump only for package @patternfly/react-topology
+
+
+
+
+
+## [4.88.31](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-topology@4.88.30...@patternfly/react-topology@4.88.31) (2022-10-12)
+
+**Note:** Version bump only for package @patternfly/react-topology
+
+
+
+
+
+## [4.88.30](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-topology@4.88.29...@patternfly/react-topology@4.88.30) (2022-10-12)
+
+**Note:** Version bump only for package @patternfly/react-topology
+
+
+
+
+
+## [4.88.29](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-topology@4.88.28...@patternfly/react-topology@4.88.29) (2022-10-12)
+
+**Note:** Version bump only for package @patternfly/react-topology
+
+
+
+
+
+## 4.88.28 (2022-10-12)
+
+**Note:** Version bump only for package @patternfly/react-topology
+
+
+
+
+
+## [4.88.27](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-topology@4.88.26...@patternfly/react-topology@4.88.27) (2022-10-10)
+
+**Note:** Version bump only for package @patternfly/react-topology
+
+
+
+
+
## [4.88.26](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-topology@4.88.25...@patternfly/react-topology@4.88.26) (2022-10-05)
**Note:** Version bump only for package @patternfly/react-topology
diff --git a/packages/react-topology/package.json b/packages/react-topology/package.json
index 16b91b0d70a..2b6fd317352 100644
--- a/packages/react-topology/package.json
+++ b/packages/react-topology/package.json
@@ -1,6 +1,6 @@
{
"name": "@patternfly/react-topology",
- "version": "4.88.26",
+ "version": "4.88.32",
"description": "This library provides a set of React topology view components for use with the PatternFly 4",
"main": "dist/js/index.js",
"module": "dist/esm/index.js",
@@ -28,7 +28,7 @@
"clean": "rimraf dist"
},
"dependencies": {
- "@patternfly/react-core": "^4.250.1",
+ "@patternfly/react-core": "^4.250.7",
"@patternfly/react-icons": "^4.92.6",
"@patternfly/react-styles": "^4.91.6",
"@types/d3": "^5.7.2",
diff --git a/packages/react-virtualized-extension/CHANGELOG.md b/packages/react-virtualized-extension/CHANGELOG.md
index 9c258fb74c7..8fded4f69bd 100644
--- a/packages/react-virtualized-extension/CHANGELOG.md
+++ b/packages/react-virtualized-extension/CHANGELOG.md
@@ -3,6 +3,54 @@
All notable changes to this project will be documented in this file.
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+## [4.88.32](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-virtualized-extension@4.88.31...@patternfly/react-virtualized-extension@4.88.32) (2022-10-12)
+
+**Note:** Version bump only for package @patternfly/react-virtualized-extension
+
+
+
+
+
+## [4.88.31](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-virtualized-extension@4.88.30...@patternfly/react-virtualized-extension@4.88.31) (2022-10-12)
+
+**Note:** Version bump only for package @patternfly/react-virtualized-extension
+
+
+
+
+
+## [4.88.30](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-virtualized-extension@4.88.29...@patternfly/react-virtualized-extension@4.88.30) (2022-10-12)
+
+**Note:** Version bump only for package @patternfly/react-virtualized-extension
+
+
+
+
+
+## [4.88.29](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-virtualized-extension@4.88.28...@patternfly/react-virtualized-extension@4.88.29) (2022-10-12)
+
+**Note:** Version bump only for package @patternfly/react-virtualized-extension
+
+
+
+
+
+## 4.88.28 (2022-10-12)
+
+**Note:** Version bump only for package @patternfly/react-virtualized-extension
+
+
+
+
+
+## [4.88.27](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-virtualized-extension@4.88.26...@patternfly/react-virtualized-extension@4.88.27) (2022-10-10)
+
+**Note:** Version bump only for package @patternfly/react-virtualized-extension
+
+
+
+
+
## [4.88.26](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-virtualized-extension@4.88.25...@patternfly/react-virtualized-extension@4.88.26) (2022-10-05)
**Note:** Version bump only for package @patternfly/react-virtualized-extension
diff --git a/packages/react-virtualized-extension/package.json b/packages/react-virtualized-extension/package.json
index 4b7776b2723..644945b043a 100644
--- a/packages/react-virtualized-extension/package.json
+++ b/packages/react-virtualized-extension/package.json
@@ -1,6 +1,6 @@
{
"name": "@patternfly/react-virtualized-extension",
- "version": "4.88.26",
+ "version": "4.88.32",
"description": "This library provides efficient rendering extensions for PatternFly 4 React tables and lists.",
"main": "dist/js/index.js",
"module": "dist/esm/index.js",
@@ -30,7 +30,7 @@
"clean": "rimraf dist"
},
"dependencies": {
- "@patternfly/react-core": "^4.250.1",
+ "@patternfly/react-core": "^4.250.7",
"@patternfly/react-icons": "^4.92.6",
"@patternfly/react-styles": "^4.91.6",
"linear-layout-vector": "0.0.1",