@openmrs/esm-patient-task-list-app 12.1.1-pre.10907

package/src/workspace/task-list.workspace.tsx

@@ -0,0 +1,99 @@
+import React, { useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { Button } from '@carbon/react';
+import { Add, ArrowLeft } from '@carbon/react/icons';
+import { Workspace2, type Visit } from '@openmrs/esm-framework';
+import { type PatientWorkspace2DefinitionProps } from '@openmrs/esm-patient-common-lib';
+import { type Task } from './task-list.resource';
+import AddTaskForm from './add-task-form.component';
+import TaskListView from './task-list-view.component';
+import TaskDetailsView from './task-details-view.component';
+import styles from './task-list.scss';
+
+type View = 'list' | 'form' | 'details' | 'edit';
+
+const TaskListWorkspace: React.FC<PatientWorkspace2DefinitionProps<{}, {}>> = ({ groupProps }) => {
+  const { patientUuid, visitContext } = groupProps ?? { patientUuid: '', visitContext: undefined as unknown as Visit };
+  const { t } = useTranslation();
+  const [view, setView] = useState<View>('list');
+  const [selectedTaskUuid, setSelectedTaskUuid] = useState<string | null>(null);
+
+  const handleTaskClick = (task: Task) => {
+    setSelectedTaskUuid(task.uuid);
+    setView('details');
+  };
+
+  const handleEdit = (task: Task) => {
+    setSelectedTaskUuid(task.uuid);
+    setView('edit');
+  };
+
+  const handleEditComplete = () => {
+    setView('details');
+  };
+
+  const handleBackClick = () => {
+    if (view === 'edit') {
+      setView('details');
+      return;
+    }
+    setView('list');
+    setSelectedTaskUuid(null);
+  };
+
+  const backText =
+    view === 'edit' ? t('backToTaskDetails', 'Back to task details') : t('backToTaskList', 'Back to task list');
+
+  return (
+    <Workspace2 title={t('taskListWorkspaceTitle', 'Task List')}>
+      <div className={styles.workspaceContainer}>
+        {['form', 'details', 'edit'].includes(view) && (
+          <div className={styles.backButton}>
+            <Button
+              kind="ghost"
+              renderIcon={(props) => <ArrowLeft size={16} {...props} />}
+              iconDescription={backText}
+              onClick={handleBackClick}
+            >
+              <span>{backText}</span>
+            </Button>
+          </div>
+        )}
+        {view === 'form' && (
+          <AddTaskForm patientUuid={patientUuid} activeVisit={visitContext} onClose={() => setView('list')} />
+        )}
+        {view === 'list' && <TaskListView patientUuid={patientUuid} onTaskClick={handleTaskClick} />}
+        {view === 'list' && (
+          <div className={styles.addTaskButtonContainer}>
+            <Button
+              kind="ghost"
+              renderIcon={(props) => <Add size={16} {...props} />}
+              iconDescription={t('addTask', 'Add Task')}
+              onClick={() => setView('form')}
+            >
+              {t('addTask', 'Add Task')}
+            </Button>
+          </div>
+        )}
+        {view === 'details' && selectedTaskUuid && (
+          <TaskDetailsView
+            patientUuid={patientUuid}
+            taskUuid={selectedTaskUuid}
+            onBack={handleBackClick}
+            onEdit={handleEdit}
+          />
+        )}
+        {view === 'edit' && selectedTaskUuid && (
+          <AddTaskForm
+            patientUuid={patientUuid}
+            activeVisit={visitContext}
+            onClose={handleEditComplete}
+            editTaskUuid={selectedTaskUuid}
+          />
+        )}
+      </div>
+    </Workspace2>
+  );
+};
+
+export default TaskListWorkspace;

package/translations/en.json

@@ -0,0 +1,66 @@
+{
+  "addTask": "Add Task",
+  "addTaskButton": "Add Task",
+  "assignedTo": "Assigned to",
+  "assignProviderLabel": "Assign to provider",
+  "assignProviderPlaceholder": "Search providers",
+  "assignProviderRoleLabel": "Assign to provider role",
+  "assignProviderRolePlaceholder": "Search provider roles",
+  "backToTaskDetails": "Back to task details",
+  "backToTaskList": "Back to task list",
+  "createdBy": "Created by",
+  "customTaskName": "Custom task",
+  "date": "Date",
+  "deleteTask": "Delete task",
+  "deleteTaskConfirmationText": "Are you sure you want to delete this task?",
+  "deleting": "Deleting",
+  "discard": "Discard",
+  "dueDate": "Due date",
+  "dueDateLabel": "Due date",
+  "dueDateRequired": "Due date is required when Date is selected",
+  "dueLabel": "Due",
+  "errorDeletingTask": "Error deleting task",
+  "markComplete": "Mark complete",
+  "markIncomplete": "Mark incomplete",
+  "name": "Name",
+  "nextVisit": "Next visit",
+  "noAssignment": "No assignment",
+  "none": "None",
+  "noTasksMessage": "No tasks yet",
+  "overdue": "Overdue",
+  "priorityHigh": "High",
+  "priorityLabel": "Priority",
+  "priorityLow": "Low",
+  "priorityMedium": "Medium",
+  "priorityPlaceholder": "Select priority (optional)",
+  "providerSearchHint": "Start typing to search for providers",
+  "rationale": "Rationale",
+  "rationaleLabel": "Explain briefly why this task is necessary (optional)",
+  "rationalePlaceholder": "Add a note here",
+  "saveTask": "Save task",
+  "scheduledInfo": "Scheduled",
+  "scheduledOnNextVisit": "On {{date}} for the following visit",
+  "scheduledOnThisVisit": "On {{date}} for the same visit",
+  "scheduledTodayForNextVisit": "Today for next visit",
+  "scheduledTodayForThisVisit": "Today for this visit",
+  "selectSingleAssignee": "Select either a provider or a provider role, not both",
+  "systemTaskEditSubtitle": "Task name cannot be changed.",
+  "systemTaskEditTitle": "You're editing a system task",
+  "task": "Task",
+  "taskAdded": "Task added",
+  "taskAddFailed": "Task add failed",
+  "taskCompleted": "Task marked as complete",
+  "taskDeleted": "Task deleted",
+  "taskIncomplete": "Task marked as incomplete",
+  "taskList": "Task list",
+  "taskListLoadError": "There was a problem loading the task list.",
+  "taskListWorkspaceTitle": "Task List",
+  "taskLoadError": "There was a problem loading the task.",
+  "taskNameComboBoxPlaceholder": "Enter or select task name",
+  "taskNameLabel": "Task name",
+  "taskNamePlaceholder": "Enter task name",
+  "taskNameRequired": "Task name is required",
+  "taskUpdated": "Task updated",
+  "taskUpdateFailed": "Unable to update task",
+  "thisVisit": "This visit"
+}

package/tsconfig.json

@@ -0,0 +1,4 @@
+{
+  "extends": "../../tsconfig.json",
+  "include": ["src/**/*", "../../tools/setup-tests.ts"]
+}