UIU-3202 Change import of exportToCsv from stripes-util to `strip…

…es-components` (#2842)
folio-org · Jan 15, 2025 · 30aa052 · 30aa052
1 parent e87d54b
commit 30aa052
Show file tree

Hide file tree

Showing 9 changed files with 16 additions and 12 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -10,6 +10,7 @@
 * Add HTML page title to add/edit patron block page. Refs UIU-3302.
 * Update fee/fine actions column UX for accessibility. Refs UIU-3027.
 * Rename permission after BE changes. Refs UIU-3309.
+* Change import of `exportToCsv` from `stripes-util` to `stripes-components`. Refs UIU-3202.
 
 ## [11.0.10](https://github.com/folio-org/ui-users/tree/v11.0.10) (2025-01-10)
 [Full Changelog](https://github.com/folio-org/ui-users/compare/v11.0.9...v11.0.10)

diff --git a/src/components/Loans/ClosedLoans/ClosedLoans.js b/src/components/Loans/ClosedLoans/ClosedLoans.js
@@ -74,7 +74,7 @@ class ClosedLoans extends React.Component {
       'item.copyNumber', 'item.contributors', 'item.holdingsRecordId', 'item.instanceId', 'item.status.name', 'item.title', 'item.materialType.name',
       'item.location.name', 'metaData.createdByUserId', 'metadata.updatedDate', 'metadata.updatedByUserId', 'loanPolicyId'];
 
-    // Map to pass into exportCsv
+    // Map to pass into exportToCsv
     this.columnHeadersMap = this.headers.map(item => {
       return {
         label: this.props.intl.formatMessage({ id: `ui-users.${item}` }),

diff --git a/src/components/data/reports/CsvReport.js b/src/components/data/reports/CsvReport.js
@@ -1,5 +1,7 @@
 import { forOwn, get } from 'lodash';
-import { exportCsv } from '@folio/stripes/util';
+
+import { exportToCsv } from '@folio/stripes/components';
+
 import settings from './settings';
 import { reportColumns } from '../../../constants';
 import { formatDateAndTime } from '../../util';
@@ -103,7 +105,7 @@ class CsvReport {
   toCSV(records) {
     const onlyFields = this.columnsMap;
     const parsedRecords = this.parse(records);
-    exportCsv(parsedRecords, { onlyFields });
+    exportToCsv(parsedRecords, { onlyFields });
   }
 }
 

diff --git a/src/components/data/reports/FeeFineReport.js b/src/components/data/reports/FeeFineReport.js
@@ -3,7 +3,7 @@ import {
   map,
 } from 'lodash';
 
-import { exportCsv } from '@folio/stripes/util';
+import { exportToCsv } from '@folio/stripes/components';
 
 import { feeFineReportColumns } from '../../../constants';
 import {
@@ -161,7 +161,7 @@ class FeeFineReport {
     const onlyFields = this.columnsMap;
     const parsedData = this.parse();
 
-    exportCsv(parsedData, {
+    exportToCsv(parsedData, {
       onlyFields,
       filename: 'export-fees-fines-spreadsheet'
     });

diff --git a/src/components/data/reports/FinancialTransactionsReport.js b/src/components/data/reports/FinancialTransactionsReport.js
@@ -1,7 +1,7 @@
 import moment from 'moment';
 import { isEmpty } from 'lodash';
 
-import { exportCsv } from '@folio/stripes/util';
+import { exportToCsv } from '@folio/stripes/components';
 
 import { financialTransactionsMainReportColumns } from '../../../constants';
 import {
@@ -199,7 +199,7 @@ class FinancialTransactionsReport {
   toCSV() {
     const parsedData = this.parse();
 
-    exportCsv(parsedData, {
+    exportToCsv(parsedData, {
       onlyFields: this.columnsMap,
       filename: this.buildDocumentName(),
     });

diff --git a/src/components/data/reports/RefundReport.js b/src/components/data/reports/RefundReport.js
@@ -1,4 +1,5 @@
-import { exportCsv } from '@folio/stripes/util';
+import { exportToCsv } from '@folio/stripes/components';
+
 import { refundReportColumns } from '../../../constants';
 
 class RefundsReport {
@@ -26,7 +27,7 @@ class RefundsReport {
   toCSV() {
     const parsedData = this.parse();
 
-    exportCsv(parsedData, {
+    exportToCsv(parsedData, {
       onlyFields: this.columnsMap,
       filename: 'refunds-to-process-manually'
     });

diff --git a/src/components/data/reports/cashDrawerReconciliationReportCSV.js b/src/components/data/reports/cashDrawerReconciliationReportCSV.js
@@ -1,6 +1,6 @@
 import { isEmpty } from 'lodash';
 
-import { exportCsv } from '@folio/stripes/util';
+import { exportToCsv } from '@folio/stripes/components';
 
 import { cashMainReportColumnsCSV } from '../../../constants';
 import {
@@ -120,7 +120,7 @@ class CashDrawerReconciliationReportCSV extends CashDrawerReconciliationReport {
   toCSV() {
     const parsedData = this.parse();
 
-    exportCsv(parsedData, {
+    exportToCsv(parsedData, {
       onlyFields: this.columnsMap,
       filename: this.buildDocumentName(),
     });

diff --git a/test/jest/__mock__/stripesComponents.mock.js b/test/jest/__mock__/stripesComponents.mock.js
@@ -263,4 +263,5 @@ jest.mock('@folio/stripes/components', () => ({
       </div>
     );
   }),
+  exportToCsv: jest.fn(),
 }));
diff --git a/test/jest/__mock__/stripesUtils.mock.js b/test/jest/__mock__/stripesUtils.mock.js
@@ -1,7 +1,6 @@
 import React from 'react';
 
 jest.mock('@folio/stripes/util', () => ({
-  exportCsv: jest.fn(),
   getSourceSuppressor: jest.fn(() => () => false),
   getHeaderWithCredentials: jest.fn(() => ({
     headers: {}
-Original file line number
+Diff line change
@@ Expand Up / @@ -263,4 +263,5 @@ jest.mock('@folio/stripes/components', () => ({ @@
           </div>
         );
       }),
+      exportToCsv: jest.fn(),
     }));