Новый виды условных шагов (#6)

Co-authored-by: gorbenko.pavel <gorbenko.pavel@tansu.kz>
Reviewed-on: http://git.tnsu.kz/gorbenko.pavel/tnsu-approval-route/pulls/6

frontend/src/webparts/approvalAdmin/components/screens/RouteFormModal.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { Company, Department, RequestType, RouteType, TemplateRoute } from '../../models';
-import { routeTypeLabels, texts } from '../../texts';
+import { Company, Department, RequestType, TemplateRoute } from '../../models';
+import { texts } from '../../texts';
 import { useAsyncSubmit } from '../../hooks/useAsyncSubmit';
 import { ApprovalRouteApi } from '../../services/api';
 import { Checkbox, Field, FormGrid, FormModal, SearchableSelect, Select } from '../ui';
@@ -21,22 +21,16 @@ export interface IRouteFormModalProps {
 
 interface IFormState {
   requestTypeId: string;
-  routeType: RouteType;
   companyId: string;
   departmentId: string;
   byProject: boolean;
   requiresControl: boolean;
 }
 
-const ROUTE_TYPE_OPTIONS = Object.values(RouteType)
-  .filter(v => v !== RouteType.None)
-  .map(v => ({ value: v, label: routeTypeLabels[v] }));
-
 function toFormState(editing: TemplateRoute | undefined, initialRequestTypeId: string): IFormState {
   if (!editing) {
     return {
       requestTypeId: initialRequestTypeId,
-      routeType: RouteType.Sequential,
       companyId: '',
       departmentId: '',
       byProject: false,
@@ -45,8 +39,7 @@ function toFormState(editing: TemplateRoute | undefined, initialRequestTypeId: s
   }
   return {
     requestTypeId: String(editing.requestTypeId),
-    routeType: editing.routeType,
-    companyId: editing.companyId,
+    companyId: editing.companyId ?? '',
     departmentId: editing.departmentId ?? '',
     byProject: editing.byProject,
     requiresControl: editing.requiresControl
@@ -80,24 +73,19 @@ export const RouteFormModal: React.FC<IRouteFormModalProps> = ({
       submit.fail(texts.routes.validationRequestType);
       return;
     }
-    if (!form.companyId.trim()) {
-      submit.fail(texts.routes.validationCompany);
-      return;
-    }
 
+    const companyId = form.companyId.trim() ? form.companyId.trim() : null;
     const departmentId = form.departmentId.trim() ? form.departmentId.trim() : null;
     const request = editing
       ? api.templateRoutes.update(editing.id, {
-          routeType: form.routeType,
-          companyId: form.companyId.trim(),
+          companyId,
           departmentId,
           byProject: form.byProject,
           requiresControl: form.requiresControl
         })
       : api.templateRoutes.create({
-          routeType: form.routeType,
           requestTypeId: Number(form.requestTypeId),
-          companyId: form.companyId.trim(),
+          companyId,
           departmentId,
           byProject: form.byProject,
           requiresControl: form.requiresControl
@@ -129,18 +117,13 @@ export const RouteFormModal: React.FC<IRouteFormModalProps> = ({
             onChange={e => setForm({ ...form, requestTypeId: e.target.value })}
           />
         </Field>
-        <Field label={texts.routes.routeTypeLabel} required full>
-          <Select
-            options={ROUTE_TYPE_OPTIONS}
-            value={form.routeType}
-            onChange={e => setForm({ ...form, routeType: e.target.value as RouteType })}
-          />
-        </Field>
-        <Field label={texts.routes.companyLabel} required full hint={texts.routes.companyHint}>
+        <Field label={texts.routes.companyLabel} full hint={texts.routes.companyHint}>
           <SearchableSelect
             options={companies.map(c => ({ value: c.id, label: c.name }))}
             value={form.companyId}
             loading={dictionaryLoading}
+            allowClear
+            clearLabel={texts.routes.companyClear}
             placeholder={texts.routes.companyPlaceholder}
             searchPlaceholder={texts.routes.companySearchPlaceholder}
             onChange={companyId =>