@haiiro/docuflow 0.0.12 → 0.0.15

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

@@ -25,10 +25,10 @@ import { useAsync, useDebouncedValue } from 'src/front/hooks/use-async';
 import { useBulkAction } from 'src/front/hooks/use-bulk-action';
 import { useWorkspaceMembers } from 'src/front/hooks/use-workspace-members';
 import { type DocflowWorkflowRun, type WorkspaceMember } from 'src/front/types';
+import { ListSkeleton, TableSkeleton } from 'src/front/ui/skeleton';
 import {
   DataTable,
   DocflowRoot,
-  formatTotal,
   ListToolbar,
   Message,
   SectionTitle,
@@ -40,7 +40,7 @@ import {
   useRowSelection,
 } from 'src/front/ui/components';
 import { FormFieldInputs } from 'src/front/ui/form-field-inputs';
-import { Button, type MenuAction, MenuButton, PromptDialog, StatusChip, ViewTabs } from 'src/front/ui/kit';
+import { Button, type MenuAction, MenuButton, PromptDialog, QuickViews, StatusChip } from 'src/front/ui/kit';
 import { Timeline } from 'src/front/ui/timeline';
 import { restAnd, restEq, restIlike, restIn } from 'src/shared/api/rest-filter.util';
 import { DOCFLOW_SECTION } from 'src/shared/docflow.constants';
@@ -51,7 +51,9 @@ import {
   buildLaunchParameters,
   isLaunchableTrigger,
   isLaunchParametersStep,
+  isLaunchTrigger,
   parseLaunchFields,
+  parseLaunchObject,
 } from 'src/shared/workflow/launch-step.util';
 import { orderRunSteps } from 'src/shared/workflow/run-timeline.util';
 import { type WorkflowStep, type WorkflowTrigger } from 'src/shared/workflow/workflow-run.type';
@@ -69,7 +71,13 @@ type Panel = { kind: 'closed' } | { kind: 'process'; workflowId: string };
 type ProcessView = 'all' | 'active' | 'draft';
 type ParametersFilter = 'any' | 'with' | 'without';
 
-type WorkflowRecord = { id: string; name?: string | null; smbLaunchFields?: unknown; updatedAt?: string | null };
+type WorkflowRecord = {
+  id: string;
+  name?: string | null;
+  smbLaunchFields?: unknown;
+  smbLaunchObject?: string | null;
+  updatedAt?: string | null;
+};
 type WorkflowVersionRecord = {
   id: string;
   workflowId: string;
@@ -90,6 +98,9 @@ type DocflowProcess = {
   // A draft edited after the last publishing
   hasUnpublishedChanges: boolean;
   launchFields: FormField[];
+  // The object whose records the published version is launched on: such a
+  // process starts from a record, with "Запустить процесс"
+  launchObject: string | undefined;
   // The steps in the order a run goes through them
   stages: WorkflowStep[];
   updatedAt?: string | null;
@@ -158,6 +169,7 @@ const loadProcesses = async (searchQuery: string): Promise<DocflowProcess[]> =>
       isActive: active !== undefined,
       hasUnpublishedChanges: active !== undefined && draft !== undefined,
       launchFields: parseLaunchFields(workflow.smbLaunchFields),
+      launchObject: isLaunchTrigger(active?.trigger) ? parseLaunchObject(workflow.smbLaunchObject) : undefined,
       stages: stagesOf(active ?? draft ?? deactivated),
       updatedAt: workflow.updatedAt,
     };
@@ -231,7 +243,7 @@ const RecentRuns = ({ workflowId }: { workflowId: string }) => {
   );
 
   if (loading && runs === undefined) {
-    return <Message tone="hint">Загрузка…</Message>;
+    return <ListSkeleton rows={3} />;
   }
 
   if ((runs ?? []).length === 0) {
@@ -412,7 +424,11 @@ const ProcessPanel = ({
           </Button>
         </div>
       </div>
-      {process.isPublished ? (
+      {process.isPublished && process.launchObject !== undefined ? (
+        <Message tone="hint">
+          Процесс запускается на записи: откройте или выберите запись и нажмите «Запустить процесс» в её меню.
+        </Message>
+      ) : process.isPublished ? (
         <section style={{ display: 'flex', flexDirection: 'column', gap: theme.spacing[3] }}>
           <SectionTitle>Запуск</SectionTitle>
           {process.launchFields.length > 0 ? (
@@ -664,7 +680,7 @@ const DocflowProcesses = () => {
             ],
           }}
           views={
-            <ViewTabs
+            <QuickViews
               value={view}
               onChange={(next) => {
                 setView(next);
@@ -676,10 +692,6 @@ const DocflowProcesses = () => {
               }))}
             />
           }
-          total={loaded === undefined ? undefined : formatTotal(processes.length, undefined, PROCESS_NOUN)}
-          columns={{ columns: COLUMNS, hiddenKeys: hiddenColumns, onChange: setHiddenColumns }}
-          onRefresh={() => void reloadAll()}
-          isRefreshing={loading}
           onCreate={() => void handleCreate()}
           isCreating={isCreating}
         />
@@ -688,7 +700,7 @@ const DocflowProcesses = () => {
             <Message tone="danger">{getErrorMessage(error, 'Не удалось загрузить процессы')}</Message>
           </div>
         )}
-        {loading && loaded === undefined && <Message>Загрузка…</Message>}
+        {loading && loaded === undefined && <TableSkeleton />}
         {!loading && error === undefined && processes.length === 0 && (
           <Message>Процессов нет. «Создать» добавит процесс в раздел «Документооборот».</Message>
         )}
@@ -696,6 +708,7 @@ const DocflowProcesses = () => {
           <DataTable
             columns={COLUMNS}
             hiddenColumnKeys={hiddenColumns}
+            onHiddenColumnsChange={setHiddenColumns}
             sort={sort}
             onSortChange={setSort}
             selectedRowId={selectedWorkflowId}