feat: allowing group data download button to apply to selected rows

src/components/learner-credit-management/members-tab/GroupMembersCsvDownloadTableAction.jsx

@@ -11,6 +11,8 @@ import { useBudgetId, useSubsidyAccessPolicy } from '../data';
 const GroupMembersCsvDownloadTableAction = ({
   tableInstance,
 }) => {
+  const selectedEmails = Object.keys(tableInstance.state.selectedRowIds);
+  const selectedEmailCount = selectedEmails.length;
   const [alertModalOpen, setAlertModalOpen] = useState(false);
   const [alertModalExc, setAlertModalException] = useState('');
   const { subsidyAccessPolicyId } = useBudgetId();
@@ -53,6 +55,7 @@ const GroupMembersCsvDownloadTableAction = ({
     EnterpriseAccessApiService.fetchSubsidyHydratedGroupMembersData(
       subsidyAccessPolicyId,
       options,
+      selectedEmails,
     ).then(response => {
       // download CSV
       const blob = new Blob([response.data], {
@@ -96,7 +99,7 @@ const GroupMembersCsvDownloadTableAction = ({
         className="border rounded-0 border-dark-500"
         disabled={tableInstance.itemCount === 0}
       >
-        Download all ({tableInstance.itemCount})
+        Download {selectedEmailCount > 0 ? `(${selectedEmailCount})` : `all (${tableInstance.itemCount})`}
       </Button>
     </>
   );
@@ -118,6 +121,7 @@ GroupMembersCsvDownloadTableAction.propTypes = {
         id: PropTypes.string,
         desc: PropTypes.bool,
       })),
+      selectedRowIds: PropTypes.shape(),
     }),
   }),
 };

src/components/learner-credit-management/members-tab/LearnerCreditGroupMembersTable.jsx

@@ -123,6 +123,7 @@ const LearnerCreditGroupMembersTable = ({
         setRefresh={setRefresh}
         groupUuid={groupUuid}
       />,
+      <GroupMembersCsvDownloadTableAction />,
     ]}
     additionalColumns={[
       {

src/components/learner-credit-management/members-tab/tests/MembersTab.test.jsx

@@ -713,11 +713,16 @@ describe('<BudgetDetailPage />', () => {
     renderWithRouter(<BudgetDetailPageWrapper initialState={initialState} />);
     userEvent.type(screen.getByText('Search by member details'), 'foobar');
     userEvent.click(screen.getByTestId('members-table-enrollments-column-header'));
+
     const removeToggle = screen.getByTestId('show-removed-toggle');
     userEvent.click(removeToggle);
 
-    const downloadButton = screen.getByText('Download all (1)');
+    const toggleAllRowsSelected = screen.getByTitle('Toggle All Current Page Rows Selected');
+    userEvent.click(toggleAllRowsSelected);
+
+    const downloadButton = screen.getByText('Download (1)');
     expect(downloadButton).toBeInTheDocument();
+
     userEvent.click(downloadButton);
     expect(EnterpriseAccessApiService.fetchSubsidyHydratedGroupMembersData).toHaveBeenCalledWith(
       mockAssignableSubsidyAccessPolicy.uuid,
@@ -730,6 +735,7 @@ describe('<BudgetDetailPage />', () => {
         show_removed: true,
         is_reversed: true,
       },
+      ['[email protected]'],
     );
   });
 });

src/data/services/EnterpriseAccessApiService.js

@@ -254,8 +254,11 @@ class EnterpriseAccessApiService {
     return EnterpriseAccessApiService.apiClient().post(url, payload);
   }
 
-  static fetchSubsidyHydratedGroupMembersData(subsidyAccessPolicyUUID, options) {
+  static fetchSubsidyHydratedGroupMembersData(subsidyAccessPolicyUUID, options, selectedEmails) {
     const queryParams = new URLSearchParams(options);
+    if (selectedEmails) {
+      selectedEmails.forEach((email) => queryParams.append('learners', email));
+    }
     const subsidyHydratedGroupLearnersEndpoint = `${EnterpriseAccessApiService.baseUrl}/subsidy-access-policies/${subsidyAccessPolicyUUID}/group-members?${queryParams.toString()}`;
     return EnterpriseAccessApiService.apiClient().get(subsidyHydratedGroupLearnersEndpoint);
   }