кнопка выбрать все в таблице

frontend/src/webparts/approvalAdmin/components/screens/ManageByUserScreen.module.scss

@@ -12,3 +12,9 @@
   font-weight: 600;
   color: $gray-700;
 }
+
+.panelActions {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}

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

@@ -158,6 +158,13 @@ export const ManageByUserScreen: React.FC<IManageByUserScreenProps> = ({ api, di
   const checkedLiveRows = liveRows.filter(r => checkedLiveKeys.has(liveRowKey(r)));
   const checkedTemplateRows = templateRows.filter(r => checkedTemplateIds.has(r.id));
 
+  const allLiveChecked = liveRows.length > 0 && checkedLiveRows.length === liveRows.length;
+  const toggleAllLive = (): void => setCheckedLiveKeys(allLiveChecked ? new Set() : new Set(liveRows.map(liveRowKey)));
+
+  const allTemplatesChecked = templateRows.length > 0 && checkedTemplateRows.length === templateRows.length;
+  const toggleAllTemplates = (): void =>
+    setCheckedTemplateIds(allTemplatesChecked ? new Set() : new Set(templateRows.map(r => r.id)));
+
   const [replaceScope, setReplaceScope] = React.useState<IReplaceScope | undefined>();
   const [resultToast, setResultToast] = React.useState<{ message: string; kind: 'ok' | 'err' } | undefined>();
 
@@ -297,14 +304,19 @@ export const ManageByUserScreen: React.FC<IManageByUserScreenProps> = ({ api, di
         <Panel>
           <div className={styles.panelHeader}>
             <div className={styles.panelTitle}>{`${texts.manageByUser.liveTitle} (${liveRows.length})`}</div>
-            <Button
+            <div className={styles.panelActions}>
-              variant="secondary"
+              <Button variant="ghost" size="sm" disabled={liveRows.length === 0} onClick={toggleAllLive}>
-              size="sm"
+                {allLiveChecked ? texts.manageByUser.deselectAll : texts.manageByUser.selectAll}
-              disabled={checkedLiveRows.length === 0}
+              </Button>
-              onClick={() => setReplaceScope({ live: checkedLiveRows, templates: [] })}
+              <Button
-            >
+                variant="secondary"
-              {texts.manageByUser.replaceSelected(checkedLiveRows.length)}
+                size="sm"
-            </Button>
+                disabled={checkedLiveRows.length === 0}
+                onClick={() => setReplaceScope({ live: checkedLiveRows, templates: [] })}
+              >
+                {texts.manageByUser.replaceSelected(checkedLiveRows.length)}
+              </Button>
+            </div>
           </div>
           {liveError && <Alert kind="err">{`${texts.manageByUser.liveLoadError}: ${liveError}`}</Alert>}
           {liveLoading && <div>{texts.common.loading}</div>}
@@ -318,14 +330,19 @@ export const ManageByUserScreen: React.FC<IManageByUserScreenProps> = ({ api, di
         <Panel>
           <div className={styles.panelHeader}>
             <div className={styles.panelTitle}>{`${texts.manageByUser.templatesTitle} (${templateRows.length})`}</div>
-            <Button
+            <div className={styles.panelActions}>
-              variant="secondary"
+              <Button variant="ghost" size="sm" disabled={templateRows.length === 0} onClick={toggleAllTemplates}>
-              size="sm"
+                {allTemplatesChecked ? texts.manageByUser.deselectAll : texts.manageByUser.selectAll}
-              disabled={checkedTemplateRows.length === 0}
+              </Button>
-              onClick={() => setReplaceScope({ live: [], templates: checkedTemplateRows })}
+              <Button
-            >
+                variant="secondary"
-              {texts.manageByUser.replaceSelected(checkedTemplateRows.length)}
+                size="sm"
-            </Button>
+                disabled={checkedTemplateRows.length === 0}
+                onClick={() => setReplaceScope({ live: [], templates: checkedTemplateRows })}
+              >
+                {texts.manageByUser.replaceSelected(checkedTemplateRows.length)}
+              </Button>
+            </div>
           </div>
           {templateSteps.error && <Alert kind="err">{`${texts.manageByUser.templatesLoadError}: ${templateSteps.error}`}</Alert>}
           {templateSteps.isLoading && <div>{texts.common.loading}</div>}

frontend/src/webparts/approvalAdmin/texts.ts

@@ -464,6 +464,8 @@ export const texts = {
     columnStepStatus: 'Статус шага',
     columnCondition: 'Условие',
     replaceOne: 'Заменить',
+    selectAll: 'Выбрать все',
+    deselectAll: 'Снять выделение',
     replaceSelected: (count: number): string => `Заменить выбранные (${count})`,
     replaceModalTitle: 'Новый согласующий',
     newEmployeeLabel: 'Сотрудник',