[Enhancement] Added the ability to pass supported data types when exp…

…orting (#1336)

* Added the ability to pass supported data types when exporting
* add defaultProps

Signed-off-by: Shan He <heshan0131@gmail.com>
Co-authored-by: Ilija Puaca <ilija@unfolded.ai>

src/components/modal-container.js

@@ -26,6 +26,7 @@ import {createSelector} from 'reselect';
 import get from 'lodash.get';
 import document from 'global/document';
 
+import {EXPORT_DATA_TYPE_OPTIONS} from 'constants/default-settings';
 import ModalDialogFactory from './modals/modal-dialog';
 import {exportJson, exportHtml, exportData, exportImage, exportMap} from 'utils/export-utils';
 import {isValidMapInfo} from 'utils/map-info-utils';
@@ -375,6 +376,7 @@ export default function ModalContainerFactory(
             template = (
               <ExportDataModal
                 {...uiState.exportData}
+                supportedDataTypes={EXPORT_DATA_TYPE_OPTIONS}
                 datasets={datasets}
                 applyCPUFilter={this.props.visStateActions.applyCPUFilter}
                 onClose={this._closeModal}

src/components/modals/export-data-modal.js

@@ -82,6 +82,7 @@ const ExportDataModalFactory = () => {
 
     render() {
       const {
+        supportedDataTypes,
         datasets,
         selectedDataset,
         dataType,
@@ -125,7 +126,7 @@ const ExportDataModalFactory = () => {
                 </div>
               </div>
               <div className="selection">
-                {EXPORT_DATA_TYPE_OPTIONS.map(op => (
+                {supportedDataTypes.map(op => (
                   <StyledType
                     key={op.id}
                     selected={dataType === op.id}
@@ -182,6 +183,10 @@ const ExportDataModalFactory = () => {
     }
   }
   ExportDataModal.propTypes = propTypes;
+  ExportDataModal.defaultProps = {
+    supportedDataTypes: EXPORT_DATA_TYPE_OPTIONS
+  };
+
   return injectIntl(ExportDataModal);
 };