@haiiro/docuflow 0.0.13 → 0.0.16

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';
@@ -243,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) {
@@ -680,7 +680,7 @@ const DocflowProcesses = () => {
             ],
           }}
           views={
-            <ViewTabs
+            <QuickViews
               value={view}
               onChange={(next) => {
                 setView(next);
@@ -692,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}
         />
@@ -704,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>
         )}
@@ -712,6 +708,7 @@ const DocflowProcesses = () => {
           <DataTable
             columns={COLUMNS}
             hiddenColumnKeys={hiddenColumns}
+            onHiddenColumnsChange={setHiddenColumns}
             sort={sort}
             onSortChange={setSort}
             selectedRowId={selectedWorkflowId}