incubator-kie-issues#933: Rename SonataFlow Quarkus Extensions in `…

…kogito-runtimes`

change groupId to `org.apache.kie.sonataflow`

kogito-quarkus-examples/process-usertasks-quarkus-with-console/src/main/resources/forms/hiring.config

@@ -0,0 +1,7 @@
+{
+  "schema" : "{\"$schema\":\"https://json-schema.org/draft/2019-09/schema\",\"$defs\":{\"Candidate\":{\"type\":\"object\",\"properties\":{\"email\":{\"type\":\"string\"},\"name\":{\"type\":\"string\"},\"salary\":{\"type\":\"integer\"},\"skills\":{\"type\":\"string\"}}}},\"type\":\"object\",\"properties\":{\"candidate\":{\"$ref\":\"#/$defs/Candidate\"},\"hr_approval\":{\"type\":\"boolean\"},\"it_approval\":{\"type\":\"boolean\"}}}",
+  "resources" : {
+    "scripts" : { },
+    "styles" : { }
+  }
+}

kogito-quarkus-examples/process-usertasks-quarkus-with-console/src/main/resources/forms/hiring.tsx

@@ -0,0 +1,174 @@
+import React, { useCallback, useEffect, useState } from 'react';
+import {
+	Card,
+	CardBody,
+	TextInput,
+	FormGroup,
+	Checkbox,
+} from '@patternfly/react-core';
+const Form__hiring: React.FC<any> = (props: any) => {
+	const [formApi, setFormApi] = useState<any>();
+	const [candidate__email, set__candidate__email] = useState<string>('');
+	const [candidate__name, set__candidate__name] = useState<string>('');
+	const [candidate__salary, set__candidate__salary] = useState<number>();
+	const [candidate__skills, set__candidate__skills] = useState<string>('');
+	const [hr_approval, set__hr_approval] = useState<boolean>(false);
+	const [it_approval, set__it_approval] = useState<boolean>(false);
+	/* Utility function that fills the form with the data received from the kogito runtime */
+	const setFormData = (data) => {
+		if (!data) {
+			return;
+		}
+		set__candidate__email(data?.candidate?.email ?? '');
+		set__candidate__name(data?.candidate?.name ?? '');
+		set__candidate__salary(data?.candidate?.salary);
+		set__candidate__skills(data?.candidate?.skills ?? '');
+		set__hr_approval(data?.hr_approval ?? false);
+		set__it_approval(data?.it_approval ?? false);
+	};
+	/* Utility function to generate the expected form output as a json object */
+	const getFormData = useCallback(() => {
+		const formData: any = {};
+		formData.candidate = {};
+		formData.candidate.email = candidate__email;
+		formData.candidate.name = candidate__name;
+		formData.candidate.salary = candidate__salary;
+		formData.candidate.skills = candidate__skills;
+		formData.hr_approval = hr_approval;
+		formData.it_approval = it_approval;
+		return formData;
+	}, [
+		candidate__email,
+		candidate__name,
+		candidate__salary,
+		candidate__skills,
+		hr_approval,
+		it_approval,
+	]);
+	/* Utility function to validate the form on the 'beforeSubmit' Lifecycle Hook */
+	const validateForm = useCallback(() => {}, []);
+	/* Utility function to perform actions on the on the 'afterSubmit' Lifecycle Hook */
+	const afterSubmit = useCallback((result) => {}, []);
+	useEffect(() => {
+		if (formApi) {
+			/*
+        Form Lifecycle Hook that will be executed before the form is submitted.
+        Throwing an error will stop the form submit. Usually should be used to validate the form.
+      */
+			formApi.beforeSubmit = () => validateForm();
+			/*
+        Form Lifecycle Hook that will be executed after the form is submitted.
+        It will receive a response object containing the `type` flag indicating if the submit has been successful and `info` with extra information about the submit result.
+      */
+			formApi.afterSubmit = (result) => afterSubmit(result);
+			/* Generates the expected form output object to be posted */
+			formApi.getFormData = () => getFormData();
+		}
+	}, [getFormData, validateForm, afterSubmit]);
+	useEffect(() => {
+		/*
+      Call to the Kogito console form engine. It will establish the connection with the console embeding the form
+      and return an instance of FormAPI that will allow hook custom code into the form lifecycle.
+      The `window.Form.openForm` call expects an object with the following entries:
+        - onOpen: Callback that will be called after the connection with the console is established. The callback
+        will receive the following arguments:
+          - data: the data to be bound into the form
+          - ctx: info about the context where the form is being displayed. This will contain information such as the form JSON Schema, process/task, user...
+    */
+		const api = window.Form.openForm({
+			onOpen: (data, context) => {
+				setFormData(data);
+			},
+		});
+		setFormApi(api);
+	}, []);
+	return (
+		<div className={'pf-c-form'}>
+			<Card>
+				<CardBody className='pf-c-form'>
+					<label>
+						<b>This is the custom form for a candidate</b>
+					</label>
+					<FormGroup
+						fieldId={'uniforms-0000-0002'}
+						label={'Email'}
+						isRequired={false}>
+						<TextInput
+							name={'candidate.email'}
+							id={'uniforms-0000-0002'}
+							isDisabled={false}
+							placeholder={''}
+							type={'text'}
+							value={candidate__email}
+							onChange={set__candidate__email}
+						/>
+					</FormGroup>
+					<FormGroup
+						fieldId={'uniforms-0000-0003'}
+						label={'Name'}
+						isRequired={false}>
+						<TextInput
+							name={'candidate.name'}
+							id={'uniforms-0000-0003'}
+							isDisabled={false}
+							placeholder={''}
+							type={'text'}
+							value={candidate__name}
+							onChange={set__candidate__name}
+						/>
+					</FormGroup>
+					<FormGroup
+						fieldId={'uniforms-0000-0005'}
+						label={'Salary'}
+						isRequired={false}>
+						<TextInput
+							type={'number'}
+							name={'candidate.salary'}
+							isDisabled={false}
+							id={'uniforms-0000-0005'}
+							placeholder={''}
+							step={1}
+							value={candidate__salary}
+							onChange={(newValue) => set__candidate__salary(Number(newValue))}
+						/>
+					</FormGroup>
+					<FormGroup
+						fieldId={'uniforms-0000-0006'}
+						label={'Skills'}
+						isRequired={false}>
+						<TextInput
+							name={'candidate.skills'}
+							id={'uniforms-0000-0006'}
+							isDisabled={false}
+							placeholder={''}
+							type={'text'}
+							value={candidate__skills}
+							onChange={set__candidate__skills}
+						/>
+					</FormGroup>
+				</CardBody>
+			</Card>
+			<FormGroup fieldId='uniforms-0000-0008'>
+				<Checkbox
+					isChecked={hr_approval}
+					isDisabled={false}
+					id={'uniforms-0000-0008'}
+					name={'hr_approval'}
+					label={'Hr approval'}
+					onChange={set__hr_approval}
+				/>
+			</FormGroup>
+			<FormGroup fieldId='uniforms-0000-000a'>
+				<Checkbox
+					isChecked={it_approval}
+					isDisabled={false}
+					id={'uniforms-0000-000a'}
+					name={'it_approval'}
+					label={'It approval'}
+					onChange={set__it_approval}
+				/>
+			</FormGroup>
+		</div>
+	);
+};
+export default Form__hiring;

kogito-quarkus-examples/process-usertasks-quarkus-with-console/src/main/resources/forms/hiring_HRInterview.config

@@ -0,0 +1,7 @@
+{
+  "schema" : "{\"$schema\":\"https://json-schema.org/draft/2019-09/schema\",\"type\":\"object\",\"properties\":{\"approve\":{\"type\":\"boolean\",\"output\":true},\"candidate\":{\"$ref\":\"#/$defs/Candidate\",\"input\":true}},\"$defs\":{\"Candidate\":{\"type\":\"object\",\"properties\":{\"email\":{\"type\":\"string\"},\"name\":{\"type\":\"string\"},\"salary\":{\"type\":\"integer\"},\"skills\":{\"type\":\"string\"}}}}}",
+  "resources" : {
+    "scripts" : { },
+    "styles" : { }
+  }
+}

kogito-quarkus-examples/process-usertasks-quarkus-with-console/src/main/resources/forms/hiring_HRInterview.tsx

@@ -0,0 +1,150 @@
+import React, { useCallback, useEffect, useState } from 'react';
+import {
+	Checkbox,
+	FormGroup,
+	Card,
+	CardBody,
+	TextInput,
+} from '@patternfly/react-core';
+const Form__hiring_HRInterview: React.FC<any> = (props: any) => {
+	const [formApi, setFormApi] = useState<any>();
+	const [approve, set__approve] = useState<boolean>(false);
+	const [candidate__email, set__candidate__email] = useState<string>('');
+	const [candidate__name, set__candidate__name] = useState<string>('');
+	const [candidate__salary, set__candidate__salary] = useState<number>();
+	const [candidate__skills, set__candidate__skills] = useState<string>('');
+	/* Utility function that fills the form with the data received from the kogito runtime */
+	const setFormData = (data) => {
+		if (!data) {
+			return;
+		}
+		set__approve(data?.approve ?? false);
+		set__candidate__email(data?.candidate?.email ?? '');
+		set__candidate__name(data?.candidate?.name ?? '');
+		set__candidate__salary(data?.candidate?.salary);
+		set__candidate__skills(data?.candidate?.skills ?? '');
+	};
+	/* Utility function to generate the expected form output as a json object */
+	const getFormData = useCallback(() => {
+		const formData: any = {};
+		formData.approve = approve;
+		return formData;
+	}, [approve]);
+	/* Utility function to validate the form on the 'beforeSubmit' Lifecycle Hook */
+	const validateForm = useCallback(() => {}, []);
+	/* Utility function to perform actions on the on the 'afterSubmit' Lifecycle Hook */
+	const afterSubmit = useCallback((result) => {}, []);
+	useEffect(() => {
+		if (formApi) {
+			/*
+        Form Lifecycle Hook that will be executed before the form is submitted.
+        Throwing an error will stop the form submit. Usually should be used to validate the form.
+      */
+			formApi.beforeSubmit = () => validateForm();
+			/*
+        Form Lifecycle Hook that will be executed after the form is submitted.
+        It will receive a response object containing the `type` flag indicating if the submit has been successful and `info` with extra information about the submit result.
+      */
+			formApi.afterSubmit = (result) => afterSubmit(result);
+			/* Generates the expected form output object to be posted */
+			formApi.getFormData = () => getFormData();
+		}
+	}, [getFormData, validateForm, afterSubmit]);
+	useEffect(() => {
+		/*
+      Call to the Kogito console form engine. It will establish the connection with the console embeding the form
+      and return an instance of FormAPI that will allow hook custom code into the form lifecycle.
+      The `window.Form.openForm` call expects an object with the following entries:
+        - onOpen: Callback that will be called after the connection with the console is established. The callback
+        will receive the following arguments:
+          - data: the data to be bound into the form
+          - ctx: info about the context where the form is being displayed. This will contain information such as the form JSON Schema, process/task, user...
+    */
+		const api = window.Form.openForm({
+			onOpen: (data, context) => {
+				setFormData(data);
+			},
+		});
+		setFormApi(api);
+	}, []);
+	return (
+		<div className={'pf-c-form'}>
+			<h1>Custom form!</h1>
+			<Card>
+				<CardBody className='pf-c-form'>
+					<label>
+						<b>Candidate</b>
+					</label>
+					<FormGroup
+						fieldId={'uniforms-0002-0004'}
+						label={'Email'}
+						isRequired={false}>
+						<TextInput
+							name={'candidate.email'}
+							id={'uniforms-0002-0004'}
+							isDisabled={true}
+							placeholder={''}
+							type={'text'}
+							value={candidate__email}
+							onChange={set__candidate__email}
+						/>
+					</FormGroup>
+					<FormGroup
+						fieldId={'uniforms-0002-0005'}
+						label={'Name'}
+						isRequired={false}>
+						<TextInput
+							name={'candidate.name'}
+							id={'uniforms-0002-0005'}
+							isDisabled={true}
+							placeholder={''}
+							type={'text'}
+							value={candidate__name}
+							onChange={set__candidate__name}
+						/>
+					</FormGroup>
+					<FormGroup
+						fieldId={'uniforms-0002-0007'}
+						label={'Salary'}
+						isRequired={false}>
+						<TextInput
+							type={'number'}
+							name={'candidate.salary'}
+							isDisabled={true}
+							id={'uniforms-0002-0007'}
+							placeholder={''}
+							step={1}
+							value={candidate__salary}
+							onChange={(newValue) => set__candidate__salary(Number(newValue))}
+						/>
+					</FormGroup>
+					<FormGroup
+						fieldId={'uniforms-0002-0008'}
+						label={'Skills'}
+						isRequired={false}>
+						<TextInput
+							name={'candidate.skills'}
+							id={'uniforms-0002-0008'}
+							isDisabled={true}
+							placeholder={''}
+							type={'text'}
+							value={candidate__skills}
+							onChange={set__candidate__skills}
+						/>
+					</FormGroup>
+				</CardBody>
+			</Card>
+			<FormGroup fieldId='uniforms-0002-0001'>
+				<Checkbox
+					isChecked={approve}
+					isDisabled={false}
+					id={'uniforms-0002-0001'}
+					name={'approve'}
+					label={'Approve'}
+					onChange={set__approve}
+				/>
+			</FormGroup>
+		</div>
+	);
+};
+export default Form__hiring_HRInterview;

kogito-quarkus-examples/process-usertasks-quarkus-with-console/src/main/resources/forms/hiring_ITInterview.config

@@ -0,0 +1,7 @@
+{
+    "resources": {
+        "styles": {},
+        "scripts": {}
+    },
+    "schema": "{\"$schema\":\"https://json-schema.org/draft/2019-09/schema\",\"type\":\"object\",\"properties\":{\"approve\":{\"type\":\"boolean\",\"output\":true},\"candidate\":{\"$ref\":\"#/$defs/Candidate\",\"input\":true}},\"$defs\":{\"Candidate\":{\"type\":\"object\",\"properties\":{\"email\":{\"type\":\"string\"},\"name\":{\"type\":\"string\"},\"salary\":{\"type\":\"integer\"},\"skills\":{\"type\":\"string\"}}}}}"
+}