@haiiro/docuflow 0.0.12 → 0.0.15

package/src/front-components/process-steps.front-component.tsx

@@ -24,21 +24,33 @@ import {
   VariableChip,
 } from 'src/front/ui/components';
 import { FormFieldsBuilder } from 'src/front/ui/form-fields-builder';
+import { ListSkeleton } from 'src/front/ui/skeleton';
+import { listLaunchObjects } from 'src/shared/api/object-summaries';
 import { restAnd, restEq } from 'src/shared/api/rest-filter.util';
-import { LAUNCH_TRIGGER_NAME, TRIGGER_STEP_ID } from 'src/shared/docflow.constants';
+import { LAUNCH_RECORD_KEY, LAUNCH_TRIGGER_NAME, TRIGGER_STEP_ID } from 'src/shared/docflow.constants';
 import { type FormField } from 'src/shared/form/form-field.type';
 import { getFillableFormFields, getFormFieldsError, parseFormFields } from 'src/shared/form/form-fields.util';
 import { readStepSettings, type StepSettings } from 'src/shared/form/step-settings.util';
-import { parseLaunchFields } from 'src/shared/workflow/launch-step.util';
+import { parseLaunchFields, parseLaunchObject } from 'src/shared/workflow/launch-step.util';
 import { type WorkflowStep } from 'src/shared/workflow/workflow-run.type';
 import { getFormStepFields, isFormStep } from 'src/shared/workflow/workflow-run.util';
 import { logDocflow, logDocflowError } from 'src/shared/log.util';
 import { PROCESS_STEPS_FRONT_COMPONENT_UNIVERSAL_IDENTIFIER } from 'src/universal-identifiers';
 
 const NO_ASSIGNEE = '';
+const NO_LAUNCH_OBJECT = '';
+// Objects of the workflows themselves: a process is not launched on them
+const WORKFLOW_OBJECTS = ['workflow', 'workflowVersion', 'workflowRun', 'workflowAutomatedTrigger'];
 
 type DraftVersion = { id: string; steps?: WorkflowStep[] | null };
-type ProcessRecord = { id: string; smbLaunchFields?: unknown };
+type ProcessRecord = { id: string; smbLaunchFields?: unknown; smbLaunchObject?: string | null };
+type LaunchObjectOption = { value: string; label: string };
+
+const loadLaunchObjectOptions = async (): Promise<LaunchObjectOption[]> =>
+  (await listLaunchObjects())
+    .filter(({ nameSingular }) => !WORKFLOW_OBJECTS.includes(nameSingular))
+    .map(({ nameSingular, labelSingular }) => ({ value: nameSingular, label: labelSingular }))
+    .sort((left, right) => left.label.localeCompare(right.label, 'ru'));
 
 const sectionStyle = { display: 'flex', flexDirection: 'column' as const };
 
@@ -64,14 +76,18 @@ const reopenWorkflowEditor = async (workflowId: string) => {
 const LaunchParametersEditor = ({
   workflowId,
   initialFields,
+  initialLaunchObject,
   onSaved,
 }: {
   workflowId: string;
   initialFields: FormField[];
+  initialLaunchObject: string | undefined;
   onSaved: () => void;
 }) => {
   const theme = useTheme();
   const [fields, setFields] = useState(initialFields);
+  const [launchObject, setLaunchObject] = useState(initialLaunchObject ?? NO_LAUNCH_OBJECT);
+  const { data: objectOptions, error: objectsError } = useAsync(loadLaunchObjectOptions, []);
   const [isSaving, setIsSaving] = useState(false);
   const [errorMessage, setErrorMessage] = useState<string | undefined>();
 
@@ -86,15 +102,19 @@ const LaunchParametersEditor = ({
 
     setIsSaving(true);
     setErrorMessage(undefined);
-    logDocflow('process: save launch fields', { workflowId, fields });
+    logDocflow('process: save launch fields', { workflowId, fields, launchObject });
 
     try {
-      const result = await callAppRoute('/docflow/processes/launch-fields', { workflowId, fields });
+      const result = await callAppRoute('/docflow/processes/launch-fields', {
+        workflowId,
+        fields,
+        launchObject: launchObject === NO_LAUNCH_OBJECT ? null : launchObject,
+      });
 
       logDocflow('process: launch fields saved', result);
       await enqueueSnackbar({
         message:
-          fields.length > 0
+          fields.length > 0 || launchObject !== NO_LAUNCH_OBJECT
             ? `Параметры сохранены: процесс начинается с «${LAUNCH_TRIGGER_NAME}», опубликуйте его`
             : 'Параметры убраны',
         variant: 'success',
@@ -113,10 +133,35 @@ const LaunchParametersEditor = ({
     <section style={{ ...sectionStyle, gap: theme.spacing[2] }} aria-label="Параметры запуска">
       <SectionTitle>Параметры запуска</SectionTitle>
       <Message tone="hint">
-        Что человек заполняет перед запуском. Первым блоком процесса становится «{LAUNCH_TRIGGER_NAME}»:
-        в следующих шагах значения выбираются как его переменные, например сотрудник — в поле
-        «Исполнитель». Без параметров процесс начинается с обычного «Запуск вручную».
+        Что человек заполняет перед запуском и на какой записи запускает процесс. Первым блоком процесса
+        становится «{LAUNCH_TRIGGER_NAME}»: в следующих шагах значения и запись выбираются как его
+        переменные, например сотрудник — в поле «Исполнитель». Запускают процесс командой «Запустить
+        процесс» в меню (Cmd+K) или на выбранных записях. Без параметров и записи процесс начинается с
+        обычного «Запуск вручную».
       </Message>
+      <SelectField
+        label="Где запускать"
+        value={launchObject}
+        disabled={isSaving}
+        options={[
+          { value: NO_LAUNCH_OBJECT, label: 'Откуда угодно, без записи' },
+          // The saved object stays offered while the list loads
+          ...(objectOptions ??
+            (launchObject !== NO_LAUNCH_OBJECT ? [{ value: launchObject, label: launchObject }] : [])),
+        ].map((option) =>
+          option.value === NO_LAUNCH_OBJECT ? option : { ...option, label: `На записи: ${option.label}` },
+        )}
+        onChange={setLaunchObject}
+      />
+      {objectsError !== undefined && (
+        <Message tone="danger">{getErrorMessage(objectsError, 'Не удалось прочитать объекты')}</Message>
+      )}
+      {launchObject !== NO_LAUNCH_OBJECT && (
+        <div style={{ alignItems: 'center', display: 'flex', flexWrap: 'wrap', gap: theme.spacing[2] }}>
+          <Message tone="hint">Запись, на которой запустили процесс:</Message>
+          <VariableChip>{`{{${TRIGGER_STEP_ID}.${LAUNCH_RECORD_KEY}}}`}</VariableChip>
+        </div>
+      )}
       <FormFieldsBuilder
         fields={fields}
         onChange={setFields}
@@ -276,7 +321,7 @@ const ProcessSteps = () => {
   return (
     <DocflowRoot>
       <div style={{ display: 'flex', flexDirection: 'column', gap: theme.spacing[6], padding: theme.spacing[3] }}>
-        {loading && data === undefined && <Message>Загрузка…</Message>}
+        {loading && data === undefined && <ListSkeleton rows={4} />}
         {error !== undefined && (
           <Message tone="danger">{getErrorMessage(error, 'Не удалось прочитать процесс')}</Message>
         )}
@@ -285,6 +330,7 @@ const ProcessSteps = () => {
             key={`${workflowId}:${launchEditorKey}`}
             workflowId={workflowId}
             initialFields={parseLaunchFields(data.process.smbLaunchFields)}
+            initialLaunchObject={parseLaunchObject(data.process.smbLaunchObject)}
             onSaved={() => {
               void reload().then(() => setLaunchEditorKey((current) => current + 1));
             }}