@haiiro/docuflow 0.0.6 → 0.0.8

package/src/front-components/docflow-processes.front-component.tsx

@@ -8,14 +8,14 @@ import { callAppRoute, createRecord, getErrorMessage, listRecords } from 'src/fr
 import { useAsync, useDebouncedValue } from 'src/front/hooks/use-async';
 import { DataTable, DocflowRoot, Message, SplitView, TextField, Toolbar } from 'src/front/ui/components';
 import { FormFieldInputs } from 'src/front/ui/form-field-inputs';
-import { FormFieldsBuilder } from 'src/front/ui/form-fields-builder';
 import { restAnd, restEq, restIlike, restIn } from 'src/shared/api/rest-filter.util';
-import { DOCFLOW_SECTION, LAUNCH_PARAMETERS_STEP_NAME } from 'src/shared/docflow.constants';
+import { DOCFLOW_SECTION } from 'src/shared/docflow.constants';
 import { type FormField, type FormValues } from 'src/shared/form/form-field.type';
-import { findMissingRequiredFields, getFormFieldsError } from 'src/shared/form/form-fields.util';
+import { findMissingRequiredFields } from 'src/shared/form/form-fields.util';
 import { logDocflow, logDocflowError } from 'src/shared/log.util';
 import {
   buildLaunchParameters,
+  isLaunchableTrigger,
   isLaunchParametersStep,
   parseLaunchFields,
 } from 'src/shared/workflow/launch-step.util';
@@ -27,9 +27,7 @@ const SEARCH_DEBOUNCE_MS = 300;
 const DRAFT_WAIT_ATTEMPTS = 10;
 const DRAFT_WAIT_MS = 400;
 
-type ProcessKind = 'plain' | 'parameters';
-
-type Panel = { kind: 'closed' } | { kind: 'process'; workflowVersionId: string } | { kind: 'new' };
+type Panel = { kind: 'closed' } | { kind: 'process'; workflowVersionId: string };
 
 type WorkflowRecord = { id: string; name?: string | null; smbLaunchFields?: unknown };
 type WorkflowVersionRecord = {
@@ -74,7 +72,7 @@ const loadProcesses = async (searchQuery: string): Promise<DocflowProcess[]> =>
   return workflows.flatMap((workflow) => {
     const version = versions.find((candidate) => candidate.workflowId === workflow.id);
 
-    if (version === undefined || version.trigger?.type !== 'MANUAL') {
+    if (version === undefined || !isLaunchableTrigger(version.trigger)) {
       return [];
     }
 
@@ -178,40 +176,26 @@ const waitForDraft = async (workflowId: string) => {
   }
 };
 
-const NewProcessForm = () => {
+const DocflowProcesses = () => {
   const theme = useTheme();
-  const [name, setName] = useState('');
-  const [kind, setKind] = useState<ProcessKind>('parameters');
-  const [fields, setFields] = useState<FormField[]>([]);
+  const [searchInput, setSearchInput] = useState('');
+  const searchQuery = useDebouncedValue(searchInput, SEARCH_DEBOUNCE_MS);
+  const [panel, setPanel] = useState<Panel>({ kind: 'closed' });
   const [isCreating, setIsCreating] = useState(false);
-  const [errorMessage, setErrorMessage] = useState<string | undefined>();
+  const { data: processes, loading, error } = useAsync(() => loadProcesses(searchQuery), [searchQuery]);
+  const selectedVersionId = panel.kind === 'process' ? panel.workflowVersionId : undefined;
+  const selectedProcess = processes?.find((process) => process.workflowVersionId === selectedVersionId);
 
-  // Created in the docflow section with a manual trigger; "with parameters"
-  // also gets the "Launch with parameters" step right after the trigger, its
-  // fields being variables for every later step. Then the standard editor.
+  // As "Создать" of the standard list: a process with a manual trigger in the
+  // docflow section, opened in the editor. Launch parameters are set later
+  // with the process's "Параметры запуска" command.
   const handleCreate = async () => {
-    const launchFields = kind === 'parameters' ? fields : [];
-    const fieldsError = getFormFieldsError(launchFields);
-
-    if (kind === 'parameters' && launchFields.length === 0) {
-      setErrorMessage('Добавьте хотя бы одно поле или выберите обычный процесс');
-
-      return;
-    }
-
-    if (fieldsError !== undefined) {
-      setErrorMessage(fieldsError);
-
-      return;
-    }
-
     setIsCreating(true);
-    setErrorMessage(undefined);
-    logDocflow('process: create', { kind, fieldCount: launchFields.length });
+    logDocflow('process: create');
 
     try {
       const workflow = await createRecord<WorkflowRecord>('workflows', {
-        name: name.trim() || 'Новый процесс',
+        name: 'Новый процесс',
         smbSection: DOCFLOW_SECTION,
       });
 
@@ -220,77 +204,29 @@ const NewProcessForm = () => {
       }
 
       await waitForDraft(workflow.id);
-      await callAppRoute('/docflow/processes/launch-fields', {
-        workflowId: workflow.id,
-        fields: launchFields,
-      });
+      await callAppRoute('/docflow/processes/launch-fields', { workflowId: workflow.id, fields: [] });
       await navigate(AppPath.RecordShowPage, {
         objectNameSingular: 'workflow',
         objectRecordId: workflow.id,
       });
     } catch (createError) {
       logDocflowError('process: create failed', createError);
-      setErrorMessage(getErrorMessage(createError, 'Не удалось создать процесс'));
+      await enqueueSnackbar({
+        message: getErrorMessage(createError, 'Не удалось создать процесс'),
+        variant: 'error',
+      });
     } finally {
       setIsCreating(false);
     }
   };
 
-  const kindButton = (value: ProcessKind, label: string) => (
-    <Button
-      variant={kind === value ? 'solid' : 'outline'}
-      size="sm"
-      disabled={isCreating}
-      onClick={() => setKind(value)}
-    >
-      {label}
-    </Button>
-  );
-
-  return (
-    <div style={{ display: 'flex', flexDirection: 'column', gap: theme.spacing[3] }}>
-      <TextField label="Название" placeholder="Новый процесс" value={name} onChange={setName} />
-      <div style={{ display: 'flex', flexWrap: 'wrap', gap: theme.spacing[2] }}>
-        {kindButton('parameters', LAUNCH_PARAMETERS_STEP_NAME)}
-        {kindButton('plain', 'Обычный процесс')}
-      </div>
-      {kind === 'parameters' ? (
-        <>
-          <Message tone="hint">
-            Поля, которые человек заполняет перед запуском. В процессе появится шаг «
-            {LAUNCH_PARAMETERS_STEP_NAME}», и следующие шаги берут значения из его переменных.
-          </Message>
-          <FormFieldsBuilder fields={fields} onChange={setFields} disabled={isCreating} />
-        </>
-      ) : (
-        <Message tone="hint">Ручной запуск без параметров. Шаги добавляются в редакторе.</Message>
-      )}
-      {errorMessage !== undefined && <Message tone="danger">{errorMessage}</Message>}
-      <Button variant="solid" size="md" fullWidth loading={isCreating} onClick={() => void handleCreate()}>
-        Создать и открыть редактор
-      </Button>
-    </div>
-  );
-};
-
-const DocflowProcesses = () => {
-  const theme = useTheme();
-  const [searchInput, setSearchInput] = useState('');
-  const searchQuery = useDebouncedValue(searchInput, SEARCH_DEBOUNCE_MS);
-  const [panel, setPanel] = useState<Panel>({ kind: 'closed' });
-  const { data: processes, loading, error } = useAsync(() => loadProcesses(searchQuery), [searchQuery]);
-  const selectedVersionId = panel.kind === 'process' ? panel.workflowVersionId : undefined;
-  const selectedProcess = processes?.find((process) => process.workflowVersionId === selectedVersionId);
-
   return (
     <DocflowRoot>
       <SplitView
-        panelTitle={panel.kind === 'new' ? 'Новый процесс' : selectedProcess?.name}
+        panelTitle={selectedProcess?.name}
         onClosePanel={() => setPanel({ kind: 'closed' })}
         panel={
-          panel.kind === 'new' ? (
-            <NewProcessForm />
-          ) : selectedProcess !== undefined ? (
+          selectedProcess !== undefined ? (
             <ProcessLaunchForm
               key={selectedProcess.workflowVersionId}
               process={selectedProcess}
@@ -310,7 +246,7 @@ const DocflowProcesses = () => {
             />
           </div>
           <div style={{ marginLeft: 'auto' }}>
-            <Button variant="solid" size="sm" onClick={() => setPanel({ kind: 'new' })}>
+            <Button variant="solid" size="sm" loading={isCreating} onClick={() => void handleCreate()}>
               Создать
             </Button>
           </div>
@@ -323,7 +259,7 @@ const DocflowProcesses = () => {
         {loading && processes === undefined && <Message>Загрузка…</Message>}
         {!loading && error === undefined && processes?.length === 0 && (
           <Message>
-            Процессов для запуска нет. Здесь видны опубликованные процессы с ручным запуском и разделом «Документооборот». Параметры запуска задаются командой процесса «Запуск и задания» (кнопка вверху карточки процесса).
+            Процессов для запуска нет. Здесь видны опубликованные процессы с ручным запуском и разделом «Документооборот». Параметры запуска задаются кнопкой «Параметры запуска» вверху процесса.
           </Message>
         )}
         {processes !== undefined && processes.length > 0 && (