Share modal re-architecture

src/platform/packages/private/kbn-reporting/public/share/index.ts

@@ -7,8 +7,11 @@
  * License v3.0 only", or the "Server Side Public License, v 1".
  */
 
-export { reportingExportModalProvider } from './share_context_menu/register_pdf_png_modal_reporting';
-export { reportingCsvShareProvider as reportingCsvShareModalProvider } from './share_context_menu/register_csv_modal_reporting';
+export {
+  reportingPDFExportProvider,
+  reportingPNGExportProvider,
+} from './share_context_menu/register_pdf_png_modal_reporting';
+export { reportingCsvExportProvider } from './share_context_menu/register_csv_modal_reporting';
 export type { JobParamsProviderOptions, StartServices } from './share_context_menu';
 export { getSharedComponents } from './shared';
 export type { ReportingPublicComponents } from './shared';

src/platform/packages/private/kbn-reporting/public/share/share_context_menu/register_csv_modal_reporting.tsx

@@ -13,21 +13,32 @@ import React from 'react';
 import { firstValueFrom } from 'rxjs';
 import type { SerializedSearchSourceFields } from '@kbn/data-plugin/common';
 import { FormattedMessage, InjectedIntl } from '@kbn/i18n-react';
-import { ShareContext, ShareMenuItemV2 } from '@kbn/share-plugin/public';
+import { ShareContext, type ExportShare } from '@kbn/share-plugin/public';
 import { LocatorParams } from '@kbn/reporting-common/types';
 import { getSearchCsvJobParams, CsvSearchModeParams } from '../shared/get_search_csv_job_params';
 import type { ExportModalShareOpts } from '.';
 import { checkLicense } from '../..';
 
-export const reportingCsvShareProvider = ({
+export const reportingCsvExportProvider = ({
   apiClient,
   application,
   license,
   startServices$,
-}: ExportModalShareOpts) => {
-  const getShareMenuItems = ({ objectType, sharingData, toasts }: ShareContext) => {
-    if ('search' !== objectType) {
-      return [];
+}: ExportModalShareOpts): ExportShare => {
+  const getShareMenuItems = ({
+    objectType,
+    sharingData,
+    toasts,
+  }: ShareContext): ReturnType<ExportShare['config']> => {
+    const licenseCheck = checkLicense(license.check('reporting', 'basic'));
+    const licenseToolTipContent = licenseCheck.message;
+    const licenseHasCsvReporting = licenseCheck.showLinks;
+    const licenseDisabled = !licenseCheck.enableLinks;
+
+    const capabilityHasCsvReporting = application.capabilities.discover_v2?.generateCsv === true;
+
+    if (!(licenseHasCsvReporting && capabilityHasCsvReporting)) {
+      return null;
     }
 
     const getSearchSource = sharingData.getSearchSource as ({
@@ -58,15 +69,6 @@ export const reportingCsvShareProvider = ({
       };
     };
 
-    const shareActions: ShareMenuItemV2[] = [];
-
-    const licenseCheck = checkLicense(license.check('reporting', 'basic'));
-    const licenseToolTipContent = licenseCheck.message;
-    const licenseHasCsvReporting = licenseCheck.showLinks;
-    const licenseDisabled = !licenseCheck.enableLinks;
-
-    const capabilityHasCsvReporting = application.capabilities.discover_v2?.generateCsv === true;
-
     const generateReportingJobCSV = ({ intl }: { intl: InjectedIntl }) => {
       const { reportType, decoratedJobParams } = getSearchCsvJobParams({
         apiClient,
@@ -120,66 +122,50 @@ export const reportingCsvShareProvider = ({
         });
     };
 
-    if (licenseHasCsvReporting && capabilityHasCsvReporting) {
-      const panelTitle = i18n.translate(
-        'reporting.share.contextMenu.export.csvReportsButtonLabel',
-        {
-          defaultMessage: 'Export',
-        }
-      );
-
-      const reportingUrl = new URL(window.location.origin);
-
-      const { reportType, decoratedJobParams } = getSearchCsvJobParams({
-        apiClient,
-        searchModeParams: getSearchModeParams(true),
-        title: sharingData.title as string,
-      });
-
-      const relativePath = apiClient.getReportingPublicJobPath(reportType, decoratedJobParams);
-
-      const absoluteUrl = new URL(relativePath, window.location.href).toString();
-
-      shareActions.push({
-        shareMenuItem: {
-          name: panelTitle,
-          toolTipContent: licenseToolTipContent,
-          disabled: licenseDisabled,
-          ['data-test-subj']: 'Export',
-        },
-        helpText: (
-          <FormattedMessage
-            id="reporting.share.csv.reporting.helpTextCSV"
-            defaultMessage="Export a CSV of this {objectType}."
-            values={{ objectType }}
-          />
-        ),
-        reportType,
-        label: 'CSV',
-        copyURLButton: {
-          id: 'reporting.share.modalContent.csv.copyUrlButtonLabel',
-          dataTestSubj: 'shareReportingCopyURL',
-          label: 'Post URL',
-        },
-        generateExportButton: (
-          <FormattedMessage
-            id="reporting.share.generateButtonLabelCSV"
-            data-test-subj="generateReportButton"
-            defaultMessage="Generate CSV"
-          />
-        ),
-        generateExport: generateReportingJobCSV,
-        generateExportUrl: () => absoluteUrl,
-        generateCopyUrl: reportingUrl,
-        renderCopyURLButton: true,
-      });
-    }
-
-    return shareActions;
+    const panelTitle = i18n.translate('reporting.share.contextMenu.export.csvReportsButtonLabel', {
+      defaultMessage: 'Export',
+    });
+
+    const { reportType, decoratedJobParams } = getSearchCsvJobParams({
+      apiClient,
+      searchModeParams: getSearchModeParams(true),
+      title: sharingData.title as string,
+    });
+
+    const relativePath = apiClient.getReportingPublicJobPath(reportType, decoratedJobParams);
+
+    const absoluteUrl = new URL(relativePath, window.location.href).toString();
+
+    return {
+      name: panelTitle,
+      toolTipContent: licenseToolTipContent,
+      exportType: reportType,
+      label: 'CSV',
+      disabled: licenseDisabled,
+      generateAssetExport: generateReportingJobCSV,
+      generateAssetURIValue: () => absoluteUrl,
+      helpText: (
+        <FormattedMessage
+          id="reporting.share.csv.reporting.helpTextCSV"
+          defaultMessage="Export a CSV of this {objectType}."
+          values={{ objectType }}
+        />
+      ),
+      generateExportButton: (
+        <FormattedMessage
+          id="reporting.share.generateButtonLabelCSV"
+          data-test-subj="generateReportButton"
+          defaultMessage="Generate CSV"
+        />
+      ),
+      renderCopyURIButton: true,
+    };
   };
 
   return {
+    shareType: 'integration',
     id: 'csvReportsModal',
-    getShareMenuItems,
+    groupId: 'export',
+    config: getShareMenuItems,
   };
 };