@rh-support/cases 2.1.41 → 2.1.42

package/lib/esm/components/case-list/case-list-table/DownloadCSVFileModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DownloadCSVFileModal.d.ts","sourceRoot":"","sources":["../../../../../src/components/case-list/case-list-table/DownloadCSVFileModal.tsx"],"names":[],"mappings":"AAAA,OAAO,6BAA6B,CAAC;AAGrC,OAAO,EAAE,QAAQ,EAAE,MAAM,wCAAwC,CAAC;AAiBlE,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAQxD,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAEhE,UAAU,MAAM;IACZ,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,EAAE,OAAO,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,kBAAkB,EAAE,mBAAmB,CAAC,QAAQ,CAAC,CAAC;IAClD,oBAAoB,EAAE,mBAAmB,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC;IAC7D,WAAW,EAAE,oBAAoB,CAAC;CACrC;AAYD,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,KAAK,EAAE,MAAM,eA2YzD"}
+{"version":3,"file":"DownloadCSVFileModal.d.ts","sourceRoot":"","sources":["../../../../../src/components/case-list/case-list-table/DownloadCSVFileModal.tsx"],"names":[],"mappings":"AAAA,OAAO,6BAA6B,CAAC;AAGrC,OAAO,EAAE,QAAQ,EAAE,MAAM,wCAAwC,CAAC;AAkBlE,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AASxD,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAEhE,UAAU,MAAM;IACZ,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,EAAE,OAAO,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,kBAAkB,EAAE,mBAAmB,CAAC,QAAQ,CAAC,CAAC;IAClD,oBAAoB,EAAE,mBAAmB,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC;IAC7D,WAAW,EAAE,oBAAoB,CAAC;CACrC;AAYD,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,KAAK,EAAE,MAAM,eA8ZzD"}

package/lib/esm/components/case-list/case-list-table/DownloadCSVFileModal.js

@@ -9,11 +9,12 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 };
 import './DownloadCSVFileModal.scss';
 import { publicApi } from '@cee-eng/hydrajs';
-import { Button, Checkbox, Form, FormGroup, Grid, GridItem, InputGroup, Modal, ModalVariant, Spinner, TextInput, } from '@patternfly/react-core';
+import { Button, Checkbox, Form, FormGroup, Grid, GridItem, InputGroup, Modal, ModalVariant, Spinner, TextInput, ValidatedOptions, } from '@patternfly/react-core';
 import DownloadIcon from '@patternfly/react-icons/dist/js/icons/download-icon';
 import TimesCircleIcon from '@patternfly/react-icons/dist/js/icons/times-circle-icon';
 import { ToastNotification, useFetch } from '@rh-support/components';
 import { downloadCSV, formatDateTime, toNewCaseTypeSwitcher } from '@rh-support/utils';
+import { isEmpty } from 'lodash';
 import React, { useEffect, useMemo, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { SFDCKeys, SolrKeys } from '../../../enums/filters';
@@ -31,7 +32,7 @@ export default function DownloadCSVFileModal(props) {
     const { onClose, onModalshow, isDisabled, loggedInUserRights, loggedInUsersAccount, filterState } = props;
     const { t } = useTranslation();
     const { isFetching, request } = useFetch(getCaseListFromSolr, { propgateErrors: true });
-    const [downloadCSVFileName, setDownloadCSVFileName] = useState('');
+    const [downloadCSVFileName, setDownloadCSVFileName] = useState('CaseList.csv');
     const [isFetchingSFDC, setIsFetchingSFDC] = useState(false);
     const [generatedCsvHeaders, setGeneratedCsvHeaders] = useState([]);
     const [checkboxes, setCheckboxes] = useState({
@@ -48,6 +49,7 @@ export default function DownloadCSVFileModal(props) {
         caseClosedDate: false,
         group: false,
     });
+    const [isSaveClicked, setIsSavedClicked] = useState(false);
     function getKey(key, isSecureSupport) {
         return isSecureSupport ? SFDCKeys[key] : SolrKeys[key];
     }
@@ -151,6 +153,8 @@ export default function DownloadCSVFileModal(props) {
     const splitExtensionName = downloadCSVFileName.split('.')[0].replace(/ +/g, ''); // To split and trim value before saving PDF
     const onCancel = () => {
         onClose && onClose();
+        setIsSavedClicked(false);
+        setDownloadCSVFileName('CaseList.csv');
     };
     const handleCSVFileNameChange = (value) => {
         setDownloadCSVFileName(value);
@@ -166,12 +170,16 @@ export default function DownloadCSVFileModal(props) {
     // For SOLR
     const onExportCSVClick = () => __awaiter(this, void 0, void 0, function* () {
         try {
-            const res = yield request(createQueryForCSVDownload(filterState, loggedInUserRights.data, loggedInUsersAccount.data), partnerSearch, null, loggedInUsersAccount.data.secureSupport);
-            // To map the values in csv to new support type
-            const updatedCsvData = res.response.docs.map((row) => (Object.assign(Object.assign({}, row), { case_type: toNewCaseTypeSwitcher(row.case_type) })));
-            downloadCSV(updatedCsvData, generatedCsvHeaders, splitExtensionName ? `${splitExtensionName}.csv` : 'CaseList.csv');
-            onCancel();
-            ToastNotification.addSuccessMessage(t('File downloaded successfully!'));
+            setIsSavedClicked(true);
+            if (!isEmpty(splitExtensionName)) {
+                const res = yield request(createQueryForCSVDownload(filterState, loggedInUserRights.data, loggedInUsersAccount.data), partnerSearch, null, loggedInUsersAccount.data.secureSupport);
+                // To map the values in csv to new support type
+                const updatedCsvData = res.response.docs.map((row) => (Object.assign(Object.assign({}, row), { case_type: toNewCaseTypeSwitcher(row.case_type) })));
+                downloadCSV(updatedCsvData, generatedCsvHeaders, splitExtensionName ? `${splitExtensionName}.csv` : 'CaseList.csv');
+                onCancel();
+                ToastNotification.addSuccessMessage(t('File downloaded successfully!'));
+                setIsSavedClicked(false);
+            }
         }
         catch (e) {
             onCancel();
@@ -181,15 +189,19 @@ export default function DownloadCSVFileModal(props) {
     // For SFDC
     const onExportCSVClickSecureSupport = () => __awaiter(this, void 0, void 0, function* () {
         try {
-            const sfdcFilter = createQueryForCSVDownload(filterState, loggedInUserRights.data, loggedInUsersAccount.data);
-            setIsFetchingSFDC(true);
-            const sfdcResponse = yield publicApi.caseList.getCaseListFromSFDC(sfdcFilter, false, true);
-            setIsFetchingSFDC(false);
-            // To map the values in csv to new support type
-            const updatedCsvData = sfdcResponse.cases.map((row) => (Object.assign(Object.assign({}, row), { caseType: toNewCaseTypeSwitcher(row.caseType) })));
-            downloadCSV(updatedCsvData, csvHeadersSFDC, splitExtensionName ? `${splitExtensionName}.csv` : 'CaseList.csv');
-            onCancel();
-            ToastNotification.addSuccessMessage(t('File downloaded successfully!'));
+            setIsSavedClicked(true);
+            if (!isEmpty(splitExtensionName)) {
+                const sfdcFilter = createQueryForCSVDownload(filterState, loggedInUserRights.data, loggedInUsersAccount.data);
+                setIsFetchingSFDC(true);
+                const sfdcResponse = yield publicApi.caseList.getCaseListFromSFDC(sfdcFilter, false, true);
+                setIsFetchingSFDC(false);
+                // To map the values in csv to new support type
+                const updatedCsvData = sfdcResponse.cases.map((row) => (Object.assign(Object.assign({}, row), { caseType: toNewCaseTypeSwitcher(row.caseType) })));
+                downloadCSV(updatedCsvData, csvHeadersSFDC, splitExtensionName ? `${splitExtensionName}.csv` : 'CaseList.csv');
+                onCancel();
+                ToastNotification.addSuccessMessage(t('File downloaded successfully!'));
+                setIsSavedClicked(false);
+            }
         }
         catch (e) {
             setIsFetchingSFDC(false);
@@ -237,9 +249,11 @@ export default function DownloadCSVFileModal(props) {
     // CSV Modal Body
     const downloadCSVModalBody = () => {
         return (React.createElement(Form, { className: "download-csv-modal-body" },
-            React.createElement(FormGroup, { label: t('File name'), fieldId: "download-csv-file-name" },
+            React.createElement(FormGroup, { label: t('File name'), fieldId: "download-csv-file-name", isRequired: true },
                 React.createElement(InputGroup, null,
-                    React.createElement(TextInput, { type: "text", id: "csv-file-name", name: "download-csv-file-name", value: downloadCSVFileName, onChange: (_event, value) => handleCSVFileNameChange(value) }),
+                    React.createElement(TextInput, { type: "text", id: "csv-file-name", name: "download-csv-file-name", value: downloadCSVFileName, onChange: (_event, value) => handleCSVFileNameChange(value), placeholder: t('Enter a file name'), validated: isSaveClicked && isEmpty(splitExtensionName)
+                            ? ValidatedOptions.error
+                            : ValidatedOptions.default, isRequired: true }),
                     React.createElement(Button, { variant: "plain", onClick: clearDownloadCSVFileName, icon: React.createElement(TimesCircleIcon, null) }))),
             React.createElement(FormGroup, { label: t('Please select the fields you want included in your download.'), fieldId: "download-csv-file-fields-select" },
                 React.createElement(Grid, null,
@@ -266,7 +280,7 @@ export default function DownloadCSVFileModal(props) {
     };
     // Download CSV modal buttons
     const modalActions = [
-        React.createElement(Button, { key: "submit", icon: isFetchingCSVData ? React.createElement(Spinner, { size: "md" }) : React.createElement(DownloadIcon, null), variant: "primary", "data-tracking-id": "download-csv-modal-submit", onClick: loggedInUsersAccount.data.secureSupport ? onExportCSVClickSecureSupport : onExportCSVClick, isDisabled: isDisabled || isFetchingCSVData }, t('Download')),
+        React.createElement(Button, { key: "submit", icon: isFetchingCSVData ? React.createElement(Spinner, { size: "md" }) : React.createElement(DownloadIcon, null), variant: "primary", "data-tracking-id": "download-csv-modal-submit", onClick: loggedInUsersAccount.data.secureSupport ? onExportCSVClickSecureSupport : onExportCSVClick, isDisabled: (isSaveClicked && isEmpty(splitExtensionName)) || isDisabled || isFetchingCSVData }, t('Download')),
         React.createElement(Button, { key: "back", variant: "secondary", onClick: onCancel, isDisabled: isDisabled || isFetchingCSVData, "data-tracking-id": "download-csv-modal-cancel" }, t('Cancel')),
     ];
     // To handle select all checkbox when any of the column checkbox is checked or unchecked

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/cases",
-    "version": "2.1.41",
+    "version": "2.1.42",
     "publishConfig": {
         "access": "public",
         "registry": "https://registry.npmjs.org"
@@ -90,5 +90,5 @@
         "defaults and supports es6-module",
         "maintained node versions"
     ],
-    "gitHead": "4b0b0dcd5f09ae546be8a5bdde5fc87a57741916"
+    "gitHead": "9edf1a3bda045f22d2d5187c7a3b154787b9c472"
 }