[Share Modal Redesign] Reporting Refactor Modals

.github/CODEOWNERS

@@ -645,7 +645,7 @@ packages/kbn-repo-path @elastic/kibana-operations
 packages/kbn-repo-source-classifier @elastic/kibana-operations
 packages/kbn-repo-source-classifier-cli @elastic/kibana-operations
 packages/kbn-reporting/common @elastic/appex-sharedux
-x-pack/examples/reporting_example @elastic/appex-sharedux
+packages/kbn-reporting/get_csv_panel_actions @elastic/appex-sharedux
 packages/kbn-reporting/export_types/csv @elastic/appex-sharedux
 packages/kbn-reporting/export_types/csv_common @elastic/appex-sharedux
 packages/kbn-reporting/export_types/pdf @elastic/appex-sharedux

package.json

@@ -650,7 +650,7 @@
     "@kbn/repo-info": "link:packages/kbn-repo-info",
     "@kbn/repo-packages": "link:packages/kbn-repo-packages",
     "@kbn/reporting-common": "link:packages/kbn-reporting/common",
-    "@kbn/reporting-example-plugin": "link:x-pack/examples/reporting_example",
+    "@kbn/reporting-csv-share-panel": "link:packages/kbn-reporting/get_csv_panel_actions",
     "@kbn/reporting-export-types-csv": "link:packages/kbn-reporting/export_types/csv",
     "@kbn/reporting-export-types-csv-common": "link:packages/kbn-reporting/export_types/csv_common",
     "@kbn/reporting-export-types-pdf": "link:packages/kbn-reporting/export_types/pdf",

packages/kbn-optimizer/limits.yml

@@ -115,7 +115,7 @@ pageLoadAssetSize:
   presentationUtil: 58834
   profiling: 36694
   remoteClusters: 51327
-  reporting: 57003
+  reporting: 58600
   rollup: 97204
   runtimeFields: 41752
   savedObjects: 108518
@@ -137,7 +137,7 @@ pageLoadAssetSize:
   serverlessObservability: 68747
   serverlessSearch: 72995
   sessionView: 77750
-  share: 71239
+  share: 88160
   slo: 37039
   snapshotRestore: 79032
   spaces: 57868

packages/kbn-reporting/get_csv_panel_actions/index.ts

@@ -0,0 +1,9 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0 and the Server Side Public License, v 1; you may not use this file except
+ * in compliance with, at your election, the Elastic License 2.0 or the Server
+ * Side Public License, v 1.
+ */
+
+export { ReportingCsvPanelAction } from './panel_actions/get_csv_panel_action';

packages/kbn-reporting/get_csv_panel_actions/jest.config.js

@@ -0,0 +1,13 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0 and the Server Side Public License, v 1; you may not use this file except
+ * in compliance with, at your election, the Elastic License 2.0 or the Server
+ * Side Public License, v 1.
+ */
+
+module.exports = {
+  preset: '@kbn/test',
+  rootDir: '../../..',
+  roots: ['<rootDir>/packages/kbn-reporting/get_csv_panel_actions'],
+};

packages/kbn-reporting/get_csv_panel_actions/kibana.jsonc

@@ -0,0 +1,5 @@
+{
+  "type": "shared-browser",
+  "id": "@kbn/reporting-csv-share-panel",
+  "owner": "@elastic/appex-sharedux"
+}

packages/kbn-reporting/get_csv_panel_actions/package.json

@@ -0,0 +1,6 @@
+{
+  "name": "@kbn/reporting-csv-share-panel",
+  "private": true,
+  "version": "1.0.0",
+  "license": "SSPL-1.0 OR Elastic License 2.0"
+}

packages/kbn-reporting/public/share/panel_actions/get_csv_panel_action.test.ts → packages/kbn-reporting/get_csv_panel_actions/panel_actions/get_csv_panel_action.test.ts

@@ -16,8 +16,8 @@ import { dataViewMock } from '@kbn/discover-utils/src/__mocks__';
 import { LicenseCheckState } from '@kbn/licensing-plugin/public';
 import { licensingMock } from '@kbn/licensing-plugin/public/mocks';
 import type { SavedSearch } from '@kbn/saved-search-plugin/public';
-import { ReportingAPIClient } from '../..';
-import type { ClientConfigType } from '../../types';
+import { ReportingAPIClient } from '@kbn/reporting-public';
+import type { ClientConfigType } from '@kbn/reporting-public/types';
 import {
   ActionContext,
   type PanelActionDependencies,

packages/kbn-reporting/public/share/panel_actions/get_csv_panel_action.tsx → packages/kbn-reporting/get_csv_panel_actions/panel_actions/get_csv_panel_action.tsx

@@ -28,9 +28,9 @@ import type { UiActionsActionDefinition as ActionDefinition } from '@kbn/ui-acti
 import { IncompatibleActionError } from '@kbn/ui-actions-plugin/public';
 
 import { CSV_REPORTING_ACTION, JobAppParamsCSV } from '@kbn/reporting-export-types-csv-common';
-import type { ClientConfigType } from '../../types';
-import { checkLicense } from '../../license_check';
-import type { ReportingAPIClient } from '../../reporting_api_client';
+import type { ClientConfigType } from '@kbn/reporting-public/types';
+import { checkLicense } from '@kbn/reporting-public/license_check';
+import type { ReportingAPIClient } from '@kbn/reporting-public/reporting_api_client';
 import { getI18nStrings } from './strings';
 
 function isSavedSearchEmbeddable(

packages/kbn-reporting/public/share/panel_actions/strings.tsx → packages/kbn-reporting/get_csv_panel_actions/panel_actions/strings.tsx

@@ -9,7 +9,7 @@
 import React from 'react';
 import { i18n } from '@kbn/i18n';
 import { FormattedMessage } from '@kbn/i18n-react';
-import type { ReportingAPIClient } from '../../reporting_api_client';
+import type { ReportingAPIClient } from '@kbn/reporting-public/reporting_api_client';
 
 interface I18nStrings {
   displayName: string;

packages/kbn-reporting/get_csv_panel_actions/tsconfig.json

@@ -0,0 +1,31 @@
+{
+  "extends": "../../../tsconfig.base.json",
+  "compilerOptions": {
+    "outDir": "target/types",
+    "types": [
+      "jest",
+      "node"
+    ]
+  },
+  "include": [
+    "**/*.ts", "**/*.tsx"
+  ],
+  "exclude": [
+    "target/**/*"
+  ],
+  "kbn_references": [
+    "@kbn/core",
+    "@kbn/data-plugin",
+    "@kbn/i18n",
+    "@kbn/reporting-export-types-csv-common",
+    "@kbn/licensing-plugin",
+    "@kbn/i18n-react",
+    "@kbn/discover-utils",
+    "@kbn/saved-search-plugin",
+    "@kbn/discover-plugin",
+    "@kbn/embeddable-plugin",
+    "@kbn/ui-actions-plugin",
+    "@kbn/react-kibana-mount",
+    "@kbn/reporting-public",
+  ]
+}

packages/kbn-reporting/public/share/index.ts

@@ -7,7 +7,9 @@
  */
 
 export { getSharedComponents } from './shared';
+export { reportingExportModalProvider } from './share_context_menu/register_pdf_png_modal_reporting';
 export { reportingScreenshotShareProvider } from './share_context_menu/register_pdf_png_reporting';
 export { reportingCsvShareProvider } from './share_context_menu/register_csv_reporting';
-export { ReportingCsvPanelAction } from './panel_actions/get_csv_panel_action';
+export { reportingCsvShareProvider as reportingCsvShareModalProvider } from './share_context_menu/register_csv_modal_reporting';
 export type { ReportingPublicComponents } from './shared/get_shared_components';
+export type { JobParamsProviderOptions } from './share_context_menu';

packages/kbn-reporting/public/share/share_context_menu/index.ts

@@ -8,6 +8,7 @@
 
 import type {
   ApplicationStart,
+  I18nStart,
   IUiSettingsClient,
   ThemeServiceSetup,
   ToastsSetup,
@@ -16,6 +17,16 @@ import { ILicense } from '@kbn/licensing-plugin/public';
 import type { LayoutParams } from '@kbn/screenshotting-plugin/common';
 import type { ReportingAPIClient } from '../../reporting_api_client';
 
+export interface ExportModalShareOpts {
+  apiClient: ReportingAPIClient;
+  uiSettings: IUiSettingsClient;
+  usesUiCapabilities: boolean;
+  license: ILicense;
+  application: ApplicationStart;
+  theme: ThemeServiceSetup;
+  i18n: I18nStart;
+}
+
 export interface ExportPanelShareOpts {
   apiClient: ReportingAPIClient;
   toasts: ToastsSetup;

packages/kbn-reporting/public/share/share_context_menu/register_csv_modal_reporting.tsx

@@ -0,0 +1,191 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0 and the Server Side Public License, v 1; you may not use this file except
+ * in compliance with, at your election, the Elastic License 2.0 or the Server
+ * Side Public License, v 1.
+ */
+
+import { i18n } from '@kbn/i18n';
+import React from 'react';
+import { toMountPoint } from '@kbn/react-kibana-mount';
+
+import { CSV_JOB_TYPE, CSV_JOB_TYPE_V2 } from '@kbn/reporting-export-types-csv-common';
+
+import type { SearchSourceFields } from '@kbn/data-plugin/common';
+import { ShareContext, ShareMenuItem } from '@kbn/share-plugin/public';
+import { FormattedMessage, InjectedIntl } from '@kbn/i18n-react';
+import type { ExportModalShareOpts } from '.';
+import { checkLicense } from '../..';
+
+export const reportingCsvShareProvider = ({
+  apiClient,
+  application,
+  license,
+  usesUiCapabilities,
+  i18n: i18nStart,
+  theme,
+}: ExportModalShareOpts) => {
+  const getShareMenuItems = ({ objectType, sharingData, onClose, toasts }: ShareContext) => {
+    if ('search' !== objectType) {
+      return [];
+    }
+
+    // only csv v2 supports esql (isTextBased) reports
+    // TODO: whole csv reporting should move to v2 https://github.com/elastic/kibana/issues/151190
+    const reportType = sharingData.isTextBased ? CSV_JOB_TYPE_V2 : CSV_JOB_TYPE;
+
+    const getSearchSource = sharingData.getSearchSource as ({
+      addGlobalTimeFilter,
+      absoluteTime,
+    }: {
+      addGlobalTimeFilter?: boolean;
+      absoluteTime?: boolean;
+    }) => SearchSourceFields;
+
+    const jobParams = {
+      title: sharingData.title as string,
+      objectType,
+    };
+
+    const getJobParams = (forShareUrl?: boolean) => {
+      if (reportType === CSV_JOB_TYPE_V2) {
+        // csv v2 uses locator params
+        return {
+          ...jobParams,
+          locatorParams: sharingData.locatorParams as [Record<string, unknown>],
+        };
+      }
+
+      // csv v1 uses search source and columns
+      return {
+        ...jobParams,
+        columns: sharingData.columns as string[] | undefined,
+        searchSource: getSearchSource({
+          addGlobalTimeFilter: true,
+          absoluteTime: !forShareUrl,
+        }),
+      };
+    };
+
+    const shareActions: ShareMenuItem[] = [];
+
+    const licenseCheck = checkLicense(license.check('reporting', 'basic'));
+    const licenseToolTipContent = licenseCheck.message;
+    const licenseHasCsvReporting = licenseCheck.showLinks;
+    const licenseDisabled = !licenseCheck.enableLinks;
+
+    let capabilityHasCsvReporting = false;
+    if (usesUiCapabilities) {
+      capabilityHasCsvReporting = application.capabilities.discover?.generateCsv === true;
+    } else {
+      capabilityHasCsvReporting = true; // deprecated
+    }
+
+    const generateReportingJobCSV = ({ intl }: { intl: InjectedIntl }) => {
+      const decoratedJobParams = apiClient.getDecoratedJobParams(getJobParams());
+      return apiClient
+        .createReportingJob(reportType, decoratedJobParams)
+        .then(() => {
+          toasts.addSuccess({
+            title: intl.formatMessage(
+              {
+                id: 'reporting.share.modalContent.successfullyQueuedReportNotificationTitle',
+                defaultMessage: 'Queued report for {objectType}',
+              },
+              { objectType }
+            ),
+            text: toMountPoint(
+              <FormattedMessage
+                id="reporting.share.modalContent.successfullyQueuedReportNotificationDescription"
+                defaultMessage="Track its progress in {path}."
+                values={{
+                  path: (
+                    <a href={apiClient.getManagementLink()}>
+                      <FormattedMessage
+                        id="reporting.share.publicNotifier.reportLink.reportingSectionUrlLinkLabel"
+                        defaultMessage="Stack Management &gt; Reporting"
+                      />
+                    </a>
+                  ),
+                }}
+              />,
+              { theme, i18n: i18nStart }
+            ),
+            'data-test-subj': 'queueReportSuccess',
+          });
+          if (onClose) {
+            onClose();
+          }
+        })
+        .catch((error) => {
+          toasts.addError(error, {
+            title: intl.formatMessage({
+              id: 'reporting.share.modalContent.notification.reportingErrorTitle',
+              defaultMessage: 'Unable to create report',
+            }),
+            toastMessage: error.body?.message,
+          });
+        });
+    };
+
+    if (licenseHasCsvReporting && capabilityHasCsvReporting) {
+      const panelTitle = i18n.translate(
+        'reporting.share.contextMenu.export.csvReportsButtonLabel',
+        {
+          defaultMessage: 'Export',
+        }
+      );
+
+      const reportingUrl = new URL(window.location.origin);
+
+      const relativePath = apiClient.getReportingPublicJobPath(
+        reportType,
+        apiClient.getDecoratedJobParams(getJobParams())
+      );
+
+      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' as const,
+        copyURLButton: {
+          id: 'reporting.share.modalContent.csv.copyUrlButtonLabel',
+          dataTestSubj: 'shareReportingCopyURL',
+          label: 'Post URL',
+        },
+        generateReportButton: (
+          <FormattedMessage
+            id="reporting.share.generateButtonLabelCSV"
+            data-test-subj="generateReportButton"
+            defaultMessage="Generate CSV"
+          />
+        ),
+        generateReport: generateReportingJobCSV,
+        generateCopyUrl: reportingUrl,
+        absoluteUrl,
+        renderCopyURLButton: true,
+      });
+    }
+
+    return shareActions;
+  };
+
+  return {
+    id: 'csvReportsModal',
+    getShareMenuItems,
+  };
+};

packages/kbn-reporting/public/share/share_context_menu/register_csv_reporting.tsx

@@ -12,7 +12,7 @@ import React from 'react';
 import { CSV_JOB_TYPE, CSV_JOB_TYPE_V2 } from '@kbn/reporting-export-types-csv-common';
 
 import type { SearchSourceFields } from '@kbn/data-plugin/common';
-import { ShareContext, ShareMenuProvider } from '@kbn/share-plugin/public';
+import { ShareContext, ShareMenuItem, ShareMenuProvider } from '@kbn/share-plugin/public';
 import type { ExportPanelShareOpts } from '.';
 import { checkLicense } from '../..';
 import { ReportingPanelContent } from './reporting_panel_content_lazy';
@@ -68,7 +68,7 @@ export const reportingCsvShareProvider = ({
       };
     };
 
-    const shareActions = [];
+    const shareActions: ShareMenuItem[] = [];
 
     const licenseCheck = checkLicense(license.check('reporting', 'basic'));
     const licenseToolTipContent = licenseCheck.message;