ONI-255: Allowed sources picker.

src/components/groups-management/TaskGroupHeadPanel.js

@@ -11,6 +11,8 @@ import { withTheme, withStyles } from '@material-ui/core/styles';
 import TaskExecutorsPicker from '../../pickers/TaskExecutorsPicker';
 import GroupPolicyPicker from '../../pickers/GroupPolicyPicker';
 import TaskSourcePicker from '../../pickers/TaskSourcePicker';
+import TaskSourceAllowedPicker from '../../pickers/TaskSourceAllowedPicker';
+import { TASK_GROUP_UPDATE, TASK_GROUP_CREATE } from '../../constants';
 
 const styles = (theme) => ({
   tableTitle: theme.table.title,
@@ -46,6 +48,14 @@ class TaskGroupHeadPanel extends FormPanel {
       edited, classes, readOnly,
     } = this.props;
     const taskGroup = { ...edited };
+    const { rights } = this.props;
+    const filterAllowedSources = (options) => {
+      if (!taskGroup?.taskAllowedSources?.length){
+        return options
+      }
+      const sourcesIds = taskGroup.taskAllowedSources.map((source)=>source.id)
+      return options.filter((option)=>!sourcesIds.includes(option.id))   
+    }
     return (
       <>
         {renderHeadPanelTitle(classes)}
@@ -86,6 +96,14 @@ class TaskGroupHeadPanel extends FormPanel {
               readOnly={readOnly}
               value={taskGroup?.taskSources}
               onChange={(sources) => this.updateAttribute('taskSources', sources)}
+              filterOptions={filterAllowedSources}
+            />
+          </Grid>
+          <Grid item xs={6} className={classes.item}>
+            <TaskSourceAllowedPicker
+              readOnly={!(rights.includes(TASK_GROUP_CREATE) || rights.includes(TASK_GROUP_UPDATE))}
+              value={taskGroup?.taskAllowedSources}
+              onChange={(allowedSources) => this.updateAttribute('taskAllowedSources', allowedSources)}
             />
           </Grid>
         </Grid>

src/pickers/TaskSourceAllowedPicker.js

@@ -0,0 +1,43 @@
+import React from 'react';
+import {
+  Autocomplete,
+  useTranslations,
+  useModulesManager,
+} from '@openimis/fe-core';
+import { TASK_CONTRIBUTION_KEY } from '../constants';
+
+function TaskSourceAllowedPicker({
+  onChange,
+  readOnly,
+  required,
+  withLabel,
+  value,
+}) {
+  const modulesManager = useModulesManager();
+  const { formatMessage } = useTranslations('tasksManagement');
+  const contributions = modulesManager.getContribs(TASK_CONTRIBUTION_KEY);
+  const allowedSources = contributions.flatMap((contribution) => {
+    const source = contribution.taskSource;
+    return source ? source.map((item) => ({ id: item, name: item })) : [];
+  });
+
+  return (
+    <Autocomplete
+      multiple
+      required={required}
+      label={formatMessage('TaskSourceAllowedPicker.label')}
+      placeholder={formatMessage('TaskSourceAllowedPicker.placeholder')}
+      readOnly={readOnly}
+      withLabel={withLabel}
+      withPlaceholder={!value?.length}
+      options={allowedSources}
+      value={value}
+      getOptionLabel={(source) => `${source.name}`}
+      onChange={onChange}
+      filterSelectedOptions
+      onInputChange={() => {}}
+    />
+  );
+}
+
+export default TaskSourceAllowedPicker;

src/pickers/TaskSourcePicker.js

@@ -12,6 +12,7 @@ function TaskSourcePicker({
   required,
   withLabel,
   value,
+  filterOptions
 }) {
   const modulesManager = useModulesManager();
   const { formatMessage } = useTranslations('tasksManagement');
@@ -34,7 +35,7 @@ function TaskSourcePicker({
       value={value}
       getOptionLabel={(source) => `${source.name}`}
       onChange={onChange}
-      filterSelectedOptions
+      filterOptions={filterOptions}
       onInputChange={() => {}}
     />
   );

src/translations/en.json

@@ -53,6 +53,8 @@
   "tasksManagement.menu.taskExecutionerGroups": "Task Executioner Groups",
   "tasksManagement.TaskSourcePicker.label": "Task Sources",
   "tasksManagement.TaskSourcePicker.placeholder": "Search for task sources...",
+  "tasksManagement.TaskSourceAllowedPicker.label": "Allowed Task Sources",
+  "tasksManagement.TaskSourceAllowedPicker.placeholder": "Search for allowed task sources...",
   "tasksManagement.entries.tasksManagementAllView": "All Tasks",
   "tasksManagement.task.source.mutationLabel": "Resolving task",
   "tasksManagement.task.source.IndividualService": "Individual Service",