- rendering 1`] = `
- {"pfImports":["Card","CardBody","TextInput","FormGroup","SelectOption","SelectOptionObject","Select","SelectVariant"],"reactImports":["useState"],"requiredCode":["select_functions"],"stateCode":"const [ candidate__name, set__candidate__name ] = useState<string>(\\"\\");\\nconst [ candidate__age, set__candidate__age ] = useState<number>();\\nconst [ candidate__role, set__candidate__role ] = useState<string>(\\"\\");\\nconst [ candidate__role__expanded, set__candidate__role__expanded ] = useState<boolean>(false);","jsxCode":"<Card>\\n <CardBody className=\\"pf-c-form\\">\\n <label><b>Candidate</b></label>\\n <FormGroup\\n fieldId={'uniforms-0000-0001'}\\n label={'Name'}\\n isRequired={true}\\n >\\n <TextInput\\n name={'candidate.name'}\\n id={'uniforms-0000-0001'}\\n isDisabled={false}\\n placeholder={''}\\n type={'text'}\\n value={candidate__name}\\n onChange={set__candidate__name}\\n />\\n </FormGroup>\\n<FormGroup\\n fieldId={'uniforms-0000-0003'}\\n label={'Age'}\\n isRequired={true}\\n >\\n <TextInput\\n type={'number'}\\n name={'candidate.age'}\\n isDisabled={false}\\n id={'uniforms-0000-0003'}\\n placeholder={''}\\n step={1} \\n value={candidate__age}\\n onChange={(newValue) => set__candidate__age(Number(newValue))}\\n />\\n </FormGroup>\\n<FormGroup\\n fieldId={'uniforms-0000-0005'}\\n label={'Role'}\\n isRequired={true}\\n ><Select\\n id={'uniforms-0000-0005'}\\n name={'candidate.role'}\\n variant={SelectVariant.single}\\n isDisabled={false}\\n placeholderText={''}\\n isOpen={candidate__role__expanded}\\n selections={candidate__role}\\n onToggle={(isOpen) => set__candidate__role__expanded(isOpen)}\\n onSelect={(event, value, isPlaceHolder) => {\\n handleSelect(value, isPlaceHolder, candidate__role, set__candidate__role, set__candidate__role__expanded)\\n }}\\n value={candidate__role}\\n >\\n <SelectOption key={'Developer'} value={'Developer'}>Developer</SelectOption>\\n<SelectOption key={'HR'} value={'HR'}>HR</SelectOption>\\n<SelectOption key={'UX'} value={'UX'}>UX</SelectOption>\\n </Select></FormGroup>\\n </CardBody></Card>","ref":{"binding":"candidate","stateName":"candidate","stateSetter":"set__candidate","dataType":{"name":"any"}},"childRefs":[{"binding":"candidate.name","stateName":"candidate__name","stateSetter":"set__candidate__name","dataType":{"name":"string","defaultValue":"\\"\\""}},{"binding":"candidate.age","stateName":"candidate__age","stateSetter":"set__candidate__age","dataType":{"name":"number"}},{"binding":"candidate.role","stateName":"candidate__role","stateSetter":"set__candidate__role","dataType":{"name":"string","defaultValue":"\\"\\""}}],"isReadonly":false}
+ {"pfImports":["Card","CardBody","TextInput","FormGroup","SelectOption","SelectOptionObject","Select","SelectVariant"],"reactImports":["useState"],"requiredCode":["select_functions"],"stateCode":"const [ candidate__name, set__candidate__name ] = useState<string>(\\"\\");\\nconst [ candidate__age, set__candidate__age ] = useState<number>();\\nconst [ candidate__role, set__candidate__role ] = useState<string>(\\"\\");\\nconst [ candidate__role__expanded, set__candidate__role__expanded ] = useState<boolean>(false);","jsxCode":"<Card>\\n <CardBody className=\\"pf-v5-c-form\\">\\n <label><b>Candidate</b></label>\\n <FormGroup\\n fieldId={'uniforms-0000-0001'}\\n label={'Name'}\\n isRequired={true}\\n >\\n <TextInput\\n name={'candidate.name'}\\n id={'uniforms-0000-0001'}\\n isDisabled={false}\\n placeholder={''}\\n type={'text'}\\n value={candidate__name}\\n onChange={set__candidate__name}\\n />\\n </FormGroup>\\n<FormGroup\\n fieldId={'uniforms-0000-0003'}\\n label={'Age'}\\n isRequired={true}\\n >\\n <TextInput\\n type={'number'}\\n name={'candidate.age'}\\n isDisabled={false}\\n id={'uniforms-0000-0003'}\\n placeholder={''}\\n step={1} \\n value={candidate__age}\\n onChange={(newValue) => set__candidate__age(Number(newValue))}\\n />\\n </FormGroup>\\n<FormGroup\\n fieldId={'uniforms-0000-0005'}\\n label={'Role'}\\n isRequired={true}\\n ><Select\\n id={'uniforms-0000-0005'}\\n name={'candidate.role'}\\n variant={SelectVariant.single}\\n isDisabled={false}\\n placeholderText={''}\\n isOpen={candidate__role__expanded}\\n selections={candidate__role}\\n onToggle={(isOpen) => set__candidate__role__expanded(isOpen)}\\n onSelect={(event, value, isPlaceHolder) => {\\n handleSelect(value, isPlaceHolder, candidate__role, set__candidate__role, set__candidate__role__expanded)\\n }}\\n value={candidate__role}\\n >\\n <SelectOption key={'Developer'} value={'Developer'}>Developer</SelectOption>\\n<SelectOption key={'HR'} value={'HR'}>HR</SelectOption>\\n<SelectOption key={'UX'} value={'UX'}>UX</SelectOption>\\n </Select></FormGroup>\\n </CardBody></Card>","ref":{"binding":"candidate","stateName":"candidate","stateSetter":"set__candidate","dataType":{"name":"any"}},"childRefs":[{"binding":"candidate.name","stateName":"candidate__name","stateSetter":"set__candidate__name","dataType":{"name":"string","defaultValue":"\\"\\""}},{"binding":"candidate.age","stateName":"candidate__age","stateSetter":"set__candidate__age","dataType":{"name":"number"}},{"binding":"candidate.role","stateName":"candidate__role","stateSetter":"set__candidate__role","dataType":{"name":"string","defaultValue":"\\"\\""}}],"isReadonly":false}
`;
diff --git a/packages/form-dmn/package.json b/packages/form-dmn/package.json
index db7ed9f2991..9e6c7537607 100644
--- a/packages/form-dmn/package.json
+++ b/packages/form-dmn/package.json
@@ -32,8 +32,8 @@
"@kie-tools/form": "workspace:*",
"@kie-tools/i18n-common-dictionary": "workspace:*",
"@kie-tools/uniforms-patternfly": "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",
"deep-object-diff": "^1.1.9",
"lodash": "^4.17.21",
"uniforms": "^3.10.2",
diff --git a/packages/form-dmn/src/FormDmnOutputs.tsx b/packages/form-dmn/src/FormDmnOutputs.tsx
index 9cd9ac6ce94..2182bf3aaa6 100644
--- a/packages/form-dmn/src/FormDmnOutputs.tsx
+++ b/packages/form-dmn/src/FormDmnOutputs.tsx
@@ -32,7 +32,12 @@ import {
} from "@patternfly/react-core/dist/js/components/DescriptionList";
import { Card, CardBody, CardFooter, CardTitle } from "@patternfly/react-core/dist/js/components/Card";
import { Title } from "@patternfly/react-core/dist/js/components/Title";
-import { EmptyState, EmptyStateBody, EmptyStateIcon } from "@patternfly/react-core/dist/js/components/EmptyState";
+import {
+ EmptyState,
+ EmptyStateBody,
+ EmptyStateIcon,
+ EmptyStateHeader,
+} from "@patternfly/react-core/dist/js/components/EmptyState";
import { Text, TextContent } from "@patternfly/react-core/dist/js/components/Text";
import { formDmnI18n } from "./i18n";
import { I18nWrapped } from "@kie-tools-core/i18n/dist/react-components";
@@ -272,7 +277,7 @@ export function FormDmnOutputs({ openExecutionTab, ...props }: FormDmnOutputsPro
() => (
-
+ } />
{i18n.result.error.title}
@@ -318,7 +323,7 @@ export function FormDmnOutputs({ openExecutionTab, ...props }: FormDmnOutputsPro
<>
{formResultStatus === FormDmnOutputsStatus.EMPTY && (
-
+ } />
{i18n.result.withoutResponse.title}
diff --git a/packages/form-dmn/src/styles.scss b/packages/form-dmn/src/styles.scss
index 781137f09c0..cfc8572a78d 100644
--- a/packages/form-dmn/src/styles.scss
+++ b/packages/form-dmn/src/styles.scss
@@ -25,10 +25,10 @@
@keyframes highlight {
0% {
- background-color: var(--pf-global--palette--black-600);
+ background-color: var(--pf-v5-global--palette--black-600);
}
100% {
- background-color: var(--pf-global--palette--black-100);
+ background-color: var(--pf-v5-global--palette--black-100);
}
}
diff --git a/packages/form-dmn/tests/__snapshots__/FormDmn.test.tsx.snap b/packages/form-dmn/tests/__snapshots__/FormDmn.test.tsx.snap
index 5ff63eca28f..7d064b477a3 100644
--- a/packages/form-dmn/tests/__snapshots__/FormDmn.test.tsx.snap
+++ b/packages/form-dmn/tests/__snapshots__/FormDmn.test.tsx.snap
@@ -2,7 +2,7 @@
exports[`FormDmn tests should create a text field and a label 1`] = `
name
@@ -10,7 +10,7 @@ exports[`FormDmn tests should create a text field and a label 1`] = `
exports[`FormDmn tests should have placeholder 1`] = `
Select...
@@ -22,24 +22,24 @@ exports[`FormDmn tests should remove require parameter 1`] = `
data-testid="form-base"
>