diff --git a/examples/bpmn-editor-classic-on-webapp/package.json b/examples/bpmn-editor-classic-on-webapp/package.json index 55e967df772..98ea3b479bb 100644 --- a/examples/bpmn-editor-classic-on-webapp/package.json +++ b/examples/bpmn-editor-classic-on-webapp/package.json @@ -19,8 +19,8 @@ "@kie-tools/root-env": "workspace:*", "@kie-tools/stunner-editors": "workspace:*", "@kie-tools/tsconfig": "workspace:*", - "@patternfly/react-core": "^4.276.6", - "@patternfly/react-icons": "^4.93.6", + "@patternfly/react-core": "^5.4.1", + "@patternfly/react-icons": "^5.4.1", "@types/react": "^17.0.6", "@types/react-dom": "^17.0.5", "copy-webpack-plugin": "^11.0.0", diff --git a/examples/bpmn-editor-classic-on-webapp/src/BpmnEditorClassicPage.tsx b/examples/bpmn-editor-classic-on-webapp/src/BpmnEditorClassicPage.tsx index 0761d683aa3..37c0a28229b 100644 --- a/examples/bpmn-editor-classic-on-webapp/src/BpmnEditorClassicPage.tsx +++ b/examples/bpmn-editor-classic-on-webapp/src/BpmnEditorClassicPage.tsx @@ -24,7 +24,8 @@ import { useMemo, useState } from "react"; import { EmbeddedEditor, useEditorRef } from "@kie-tools-core/editor/dist/embedded"; import { EmbeddedEditorFile } from "@kie-tools-core/editor/dist/channel"; import { Brand } from "@patternfly/react-core/dist/js/components/Brand"; -import { Page, PageSection, PageHeader } from "@patternfly/react-core/dist/js/components/Page"; +import { Page, PageSection } from "@patternfly/react-core/dist/js/components/Page"; +import { PageHeader } from "@patternfly/react-core/deprecated"; import { Sidebar } from "./Sidebar"; export function BpmnEditorClassicPage() { diff --git a/examples/bpmn-editor-classic-on-webapp/src/Sidebar.tsx b/examples/bpmn-editor-classic-on-webapp/src/Sidebar.tsx index f2e78b62318..a0cacc2cd8c 100644 --- a/examples/bpmn-editor-classic-on-webapp/src/Sidebar.tsx +++ b/examples/bpmn-editor-classic-on-webapp/src/Sidebar.tsx @@ -143,7 +143,7 @@ export function Sidebar({ editorEnvelopeLocator, editor, setFile, file, fileExte value={fileName} type={"text"} aria-label={"Edit file name"} - onChange={setFileName} + onChange={(_event, val) => setFileName(val)} onBlur={onChangeName} />
diff --git a/examples/dmn-editor-classic-on-webapp/package.json b/examples/dmn-editor-classic-on-webapp/package.json index fc562961ddd..558d66ecf17 100644 --- a/examples/dmn-editor-classic-on-webapp/package.json +++ b/examples/dmn-editor-classic-on-webapp/package.json @@ -19,8 +19,8 @@ "@kie-tools/root-env": "workspace:*", "@kie-tools/stunner-editors": "workspace:*", "@kie-tools/tsconfig": "workspace:*", - "@patternfly/react-core": "^4.276.6", - "@patternfly/react-icons": "^4.93.6", + "@patternfly/react-core": "^5.4.1", + "@patternfly/react-icons": "^5.4.1", "@types/react": "^17.0.6", "@types/react-dom": "^17.0.5", "copy-webpack-plugin": "^11.0.0", diff --git a/examples/dmn-editor-classic-on-webapp/src/DmnEditorClassicPage.tsx b/examples/dmn-editor-classic-on-webapp/src/DmnEditorClassicPage.tsx index a0844d50db6..33b94a6fd2a 100644 --- a/examples/dmn-editor-classic-on-webapp/src/DmnEditorClassicPage.tsx +++ b/examples/dmn-editor-classic-on-webapp/src/DmnEditorClassicPage.tsx @@ -24,7 +24,8 @@ import { useMemo, useState } from "react"; import { EmbeddedEditor, useEditorRef } from "@kie-tools-core/editor/dist/embedded"; import { EmbeddedEditorFile } from "@kie-tools-core/editor/dist/channel"; import { Brand } from "@patternfly/react-core/dist/js/components/Brand"; -import { Page, PageSection, PageHeader } from "@patternfly/react-core/dist/js/components/Page"; +import { Page, PageSection } from "@patternfly/react-core/dist/js/components/Page"; +import { PageHeader } from "@patternfly/react-core/deprecated"; import { Sidebar } from "./Sidebar"; export function DmnEditorClassicPage() { diff --git a/examples/dmn-editor-classic-on-webapp/src/Sidebar.tsx b/examples/dmn-editor-classic-on-webapp/src/Sidebar.tsx index f2e78b62318..a0cacc2cd8c 100644 --- a/examples/dmn-editor-classic-on-webapp/src/Sidebar.tsx +++ b/examples/dmn-editor-classic-on-webapp/src/Sidebar.tsx @@ -143,7 +143,7 @@ export function Sidebar({ editorEnvelopeLocator, editor, setFile, file, fileExte value={fileName} type={"text"} aria-label={"Edit file name"} - onChange={setFileName} + onChange={(_event, val) => setFileName(val)} onBlur={onChangeName} />
diff --git a/examples/dmn-editor-on-webapp/package.json b/examples/dmn-editor-on-webapp/package.json index d94ada66364..c2ba584bf20 100644 --- a/examples/dmn-editor-on-webapp/package.json +++ b/examples/dmn-editor-on-webapp/package.json @@ -19,8 +19,8 @@ "@kie-tools/dmn-editor-envelope": "workspace:*", "@kie-tools/root-env": "workspace:*", "@kie-tools/tsconfig": "workspace:*", - "@patternfly/react-core": "^4.276.6", - "@patternfly/react-icons": "^4.93.6", + "@patternfly/react-core": "^5.4.1", + "@patternfly/react-icons": "^5.4.1", "@types/react": "^17.0.6", "@types/react-dom": "^17.0.5", "copy-webpack-plugin": "^11.0.0", diff --git a/examples/dmn-editor-on-webapp/src/DmnEditorPage.tsx b/examples/dmn-editor-on-webapp/src/DmnEditorPage.tsx index d18898d80e8..8685edc9c7a 100644 --- a/examples/dmn-editor-on-webapp/src/DmnEditorPage.tsx +++ b/examples/dmn-editor-on-webapp/src/DmnEditorPage.tsx @@ -24,7 +24,8 @@ import { useMemo, useState } from "react"; import { EmbeddedEditor, useEditorRef } from "@kie-tools-core/editor/dist/embedded"; import { EmbeddedEditorFile } from "@kie-tools-core/editor/dist/channel"; import { Brand } from "@patternfly/react-core/dist/js/components/Brand"; -import { Page, PageSection, PageHeader } from "@patternfly/react-core/dist/js/components/Page"; +import { Page, PageSection } from "@patternfly/react-core/dist/js/components/Page"; +import { PageHeader } from "@patternfly/react-core/deprecated"; import { Sidebar } from "./Sidebar"; export function DmnEditorPage() { diff --git a/examples/dmn-editor-on-webapp/src/Sidebar.tsx b/examples/dmn-editor-on-webapp/src/Sidebar.tsx index f2e78b62318..a0cacc2cd8c 100644 --- a/examples/dmn-editor-on-webapp/src/Sidebar.tsx +++ b/examples/dmn-editor-on-webapp/src/Sidebar.tsx @@ -143,7 +143,7 @@ export function Sidebar({ editorEnvelopeLocator, editor, setFile, file, fileExte value={fileName} type={"text"} aria-label={"Edit file name"} - onChange={setFileName} + onChange={(_event, val) => setFileName(val)} onBlur={onChangeName} />
diff --git a/examples/micro-frontends-multiplying-architecture-base64png-editor-on-webapp/package.json b/examples/micro-frontends-multiplying-architecture-base64png-editor-on-webapp/package.json index 97c9b2036fd..781df28bcc2 100644 --- a/examples/micro-frontends-multiplying-architecture-base64png-editor-on-webapp/package.json +++ b/examples/micro-frontends-multiplying-architecture-base64png-editor-on-webapp/package.json @@ -18,8 +18,8 @@ "@kie-tools-examples/micro-frontends-multiplying-architecture-base64png-editor": "workspace:*", "@kie-tools/root-env": "workspace:*", "@kie-tools/tsconfig": "workspace:*", - "@patternfly/react-core": "^4.276.6", - "@patternfly/react-icons": "^4.93.6", + "@patternfly/react-core": "^5.4.1", + "@patternfly/react-icons": "^5.4.1", "@types/react": "^17.0.6", "@types/react-dom": "^17.0.5", "copy-webpack-plugin": "^11.0.0", diff --git a/examples/micro-frontends-multiplying-architecture-base64png-editor-on-webapp/src/Base64PngEditorPage.tsx b/examples/micro-frontends-multiplying-architecture-base64png-editor-on-webapp/src/Base64PngEditorPage.tsx index 82a424bc717..68f760f2589 100644 --- a/examples/micro-frontends-multiplying-architecture-base64png-editor-on-webapp/src/Base64PngEditorPage.tsx +++ b/examples/micro-frontends-multiplying-architecture-base64png-editor-on-webapp/src/Base64PngEditorPage.tsx @@ -22,7 +22,8 @@ import { ChannelType, EnvelopeContentType } from "@kie-tools-core/editor/dist/ap import { Brand } from "@patternfly/react-core/dist/js/components/Brand"; import { EditorEnvelopeLocator, EnvelopeMapping } from "@kie-tools-core/editor/dist/api"; import { useMemo, useState } from "react"; -import { Page, PageHeader, PageSection } from "@patternfly/react-core/dist/js/components/Page"; +import { Page, PageSection } from "@patternfly/react-core/dist/js/components/Page"; +import { PageHeader } from "@patternfly/react-core/deprecated"; import { EmbeddedEditor } from "@kie-tools-core/editor/dist/embedded"; import { EmbeddedEditorFile } from "@kie-tools-core/editor/dist/channel"; import { Base64PngGallery } from "./Base64PngGallery"; diff --git a/examples/micro-frontends-multiplying-architecture-base64png-editor/package.json b/examples/micro-frontends-multiplying-architecture-base64png-editor/package.json index 5901012dc8a..5d404bd87fc 100644 --- a/examples/micro-frontends-multiplying-architecture-base64png-editor/package.json +++ b/examples/micro-frontends-multiplying-architecture-base64png-editor/package.json @@ -27,8 +27,8 @@ "@kie-tools-core/notifications": "workspace:*", "@kie-tools-core/patternfly-base": "workspace:*", "@kie-tools-core/workspace": "workspace:*", - "@patternfly/react-core": "^4.276.6", - "@patternfly/react-icons": "^4.93.6" + "@patternfly/react-core": "^5.4.1", + "@patternfly/react-icons": "^5.4.1" }, "devDependencies": { "@kie-tools/root-env": "workspace:*", diff --git a/examples/micro-frontends-multiplying-architecture-base64png-editor/src/Base64PngEditor.tsx b/examples/micro-frontends-multiplying-architecture-base64png-editor/src/Base64PngEditor.tsx index 66c5d721237..e1e13cef41a 100644 --- a/examples/micro-frontends-multiplying-architecture-base64png-editor/src/Base64PngEditor.tsx +++ b/examples/micro-frontends-multiplying-architecture-base64png-editor/src/Base64PngEditor.tsx @@ -20,11 +20,10 @@ import * as React from "react"; import { useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from "react"; import { EditorApi, KogitoEditorEnvelopeContextType } from "@kie-tools-core/editor/dist/api"; -import { EmptyState, EmptyStateIcon } from "@patternfly/react-core/dist/js/components/EmptyState"; +import { EmptyState, EmptyStateIcon, EmptyStateHeader } from "@patternfly/react-core/dist/js/components/EmptyState"; import { Nav, NavItem, NavList } from "@patternfly/react-core/dist/js/components/Nav"; import { Page } from "@patternfly/react-core/dist/js/components/Page"; import { Switch } from "@patternfly/react-core/dist/js/components/Switch"; -import { Title } from "@patternfly/react-core/dist/js/components/Title"; import { CubesIcon } from "@patternfly/react-icons/dist/js/icons/cubes-icon"; import { Base64PngEdit, Base64PngEditorStateControl } from "./Base64PngEditorStateControl"; import { KogitoEditorChannelApi } from "@kie-tools-core/editor/dist/api"; @@ -452,10 +451,7 @@ export const Base64PngEditor = React.forwardRef((props, forwar /> {disabled && ( - - - Empty image - + } headingLevel="h5" /> )} @@ -545,7 +541,7 @@ export const Base64PngEditor = React.forwardRef((props, forwar id="invert-switch" isDisabled={disabled} isChecked={invert === "100"} - onChange={(value) => tweakInvert(value ? "100" : "0")} + onChange={(_event, value) => tweakInvert(value ? "100" : "0")} /> diff --git a/examples/micro-frontends-multiplying-architecture-ping-pong-views-on-webapp/package.json b/examples/micro-frontends-multiplying-architecture-ping-pong-views-on-webapp/package.json index b26a95e10d0..b1df201812c 100644 --- a/examples/micro-frontends-multiplying-architecture-ping-pong-views-on-webapp/package.json +++ b/examples/micro-frontends-multiplying-architecture-ping-pong-views-on-webapp/package.json @@ -20,8 +20,8 @@ "@kie-tools-examples/micro-frontends-multiplying-architecture-ping-pong-view-in-react": "workspace:*", "@kie-tools/root-env": "workspace:*", "@kie-tools/tsconfig": "workspace:*", - "@patternfly/react-core": "^4.276.6", - "@patternfly/react-icons": "^4.93.6", + "@patternfly/react-core": "^5.4.1", + "@patternfly/react-icons": "^5.4.1", "@types/react": "^17.0.6", "@types/react-dom": "^17.0.5", "@types/react-router": "^5.1.20", diff --git a/examples/micro-frontends-multiplying-architecture-ping-pong-views-on-webapp/src/App.tsx b/examples/micro-frontends-multiplying-architecture-ping-pong-views-on-webapp/src/App.tsx index 3df871c55fb..44454a23948 100644 --- a/examples/micro-frontends-multiplying-architecture-ping-pong-views-on-webapp/src/App.tsx +++ b/examples/micro-frontends-multiplying-architecture-ping-pong-views-on-webapp/src/App.tsx @@ -21,7 +21,8 @@ import * as React from "react"; import { useEffect, useState } from "react"; import { Brand } from "@patternfly/react-core/dist/js/components/Brand"; import { Nav, NavItem, NavList } from "@patternfly/react-core/dist/js/components/Nav"; -import { Page, PageHeader } from "@patternfly/react-core/dist/js/components/Page"; +import { Page } from "@patternfly/react-core/dist/js/components/Page"; +import { PageHeader } from "@patternfly/react-core/deprecated"; import { HashRouter as Router, Link, Route, Switch } from "react-router-dom"; import { PingPongReactIFrameViewsPage } from "./React/PingPongReactIFrameViewsPage"; import { PingPongReactDivViewsPage } from "./React/PingPongReactDivViewsPage"; @@ -58,7 +59,7 @@ export function App() { } topNav={ -