(feat) O3-4315: Add support for workspace-launcher rendering type

src/components/interactive-builder/modals/question/question-form/rendering-types/inputs/index.tsx

@@ -6,3 +6,4 @@ export { default as Toggle } from './toggle/toggle.component';
 export { default as UiSelectExtended } from './ui-select-extended/ui-select-extended.component';
 export { default as Markdown } from './markdown/markdown.component';
 export { default as SelectAnswers } from './select/select-answers.component';
+export { default as WorkspaceLauncher } from './workspace-launcher/workspace-launcher.component';

src/components/interactive-builder/modals/question/question-form/rendering-types/inputs/workspace-launcher/workspace-launcher.component.tsx

@@ -0,0 +1,44 @@
+import React from 'react';
+import { useTranslation } from 'react-i18next';
+import { TextInput } from '@carbon/react';
+import { useFormField } from '../../../../form-field-context';
+
+const WorkspaceLauncher: React.FC = () => {
+  const { t } = useTranslation();
+  const { formField, setFormField } = useFormField();
+
+  return (
+    <>
+      <TextInput
+        id="buttonLabel"
+        labelText={t('buttonLabel', 'Button Label')}
+        value={formField.questionOptions?.buttonLabel ?? ''}
+        onChange={(event: React.ChangeEvent<HTMLInputElement>) => {
+          const updatedQuestion = {
+            ...formField,
+            questionOptions: { ...formField.questionOptions, buttonLabel: event.target.value },
+          };
+          setFormField(updatedQuestion);
+        }}
+        placeholder={t('buttonLabelPlaceholder', 'Enter text to display on the button')}
+        required
+      />
+      <TextInput
+        id="workspaceName"
+        labelText={t('workspaceName', 'Workspace Name')}
+        value={formField.questionOptions?.workspaceName ?? ''}
+        onChange={(event: React.ChangeEvent<HTMLInputElement>) => {
+          const updatedQuestion = {
+            ...formField,
+            questionOptions: { ...formField.questionOptions, workspaceName: event.target.value },
+          };
+          setFormField(updatedQuestion);
+        }}
+        placeholder={t('workspaceNamePlaceholder', 'Enter the name of the workspace to launch')}
+        required
+      />
+    </>
+  );
+};
+
+export default WorkspaceLauncher;

src/components/interactive-builder/modals/question/question-form/rendering-types/rendering-type.component.tsx

@@ -1,5 +1,15 @@
 import React from 'react';
-import { Date, Markdown, Number, SelectAnswers, Text, TextArea, Toggle, UiSelectExtended } from './inputs';
+import {
+  Date,
+  Markdown,
+  Number,
+  SelectAnswers,
+  Text,
+  TextArea,
+  Toggle,
+  UiSelectExtended,
+  WorkspaceLauncher,
+} from './inputs';
 import { useFormField } from '../../form-field-context';
 import type { RenderType } from '@openmrs/esm-form-engine-lib';
 import { renderTypeOptions, renderingTypes } from '@constants';
@@ -16,6 +26,7 @@ const componentMap: Partial<Record<RenderType, React.FC>> = {
   select: SelectAnswers,
   radio: SelectAnswers,
   checkbox: SelectAnswers,
+  'workspace-launcher': WorkspaceLauncher,
 };
 
 const RenderTypeComponent: React.FC = () => {

src/types.ts

@@ -148,6 +148,8 @@ export interface QuestionOptions {
     labelTrue: string;
     labelFalse: string;
   };
+  buttonLabel?: string; // Text to display on the button for workspace-launcher rendering type
+  workspaceName?: string; // Name of the workspace to launch for workspace-launcher rendering type
 }
 
 export interface Answer {

translations/en.json

@@ -8,6 +8,8 @@
   "auditDetails": "Audit Details",
   "autogeneratedUuid": "UUID (auto-generated)",
   "backToDashboard": "Back to dashboard",
+  "buttonLabel": "Button Label",
+  "buttonLabelPlaceholder": "Enter text to display on the button",
   "calendarAndTimer": "Calendar and timer",
   "calendarOnly": "Calendar only",
   "cancel": "Cancel",
@@ -227,5 +229,7 @@
   "viewErrors": "View the errors in the interactive builder",
   "welcomeExplainer": "Add pages, sections and questions to your form. The Preview tab automatically updates as you build your form. For a detailed explanation of what constitutes an OpenMRS form schema, please read through the ",
   "welcomeHeading": "Interactive schema builder",
+  "workspaceName": "Workspace Name",
+  "workspaceNamePlaceholder": "Enter the name of the workspace to launch",
   "yes": "Yes"
 }