[Bug]Support for date range in report generation

public/components/report_definitions/create/create_report_definition.tsx

@@ -23,33 +23,35 @@
 } from '../../utils/utils';
 import { definitionInputValidation } from '../utils/utils';
 
-interface reportParamsType {
+interface ReportParamsType {
   report_name: string;
   report_source: string;
   description: string;
-  core_params: visualReportParams | dataReportParams;
+  core_params: VisualReportParams | DataReportParams;
 }
-interface visualReportParams {
+interface VisualReportParams {
   base_url: string;
   report_format: string;
   header: string;
   footer: string;
   time_duration: string;
+  timeRangeParams: TimeRangeParams;
 }
 
-interface dataReportParams {
+interface DataReportParams {
   saved_search_id: number;
   base_url: string;
   report_format: string;
   time_duration: string;
+  timeRangeParams: TimeRangeParams;
 }
-interface triggerType {
+interface TriggerType {
   trigger_type: string;
   trigger_params?: any;
 }
 
-interface deliveryType {
-  configIds: Array<string>;
+interface DeliveryType {
+  configIds: string[];
   title: string;
   textDescription: string;
   htmlDescription: string;
@@ -77,21 +79,26 @@
   };
 }
 
-export interface reportDefinitionParams {
-  report_params: reportParamsType;
-  delivery: deliveryType;
-  trigger: triggerType;
+export interface ReportDefinitionParams {
+  report_params: ReportParamsType;
+  delivery: DeliveryType;
+  trigger: TriggerType;
 }
 
-export interface timeRangeParams {
+export interface TimeRangeParams {
   timeFrom: Date;
   timeTo: Date;
 }
 
-export function CreateReport(props: { [x: string]: any; setBreadcrumbs?: any; httpClient?: any; chrome: any }) {
+export function CreateReport(props: {
+  [x: string]: any;
+  setBreadcrumbs?: any;
+  httpClient?: any;
+  chrome: any;
+}) {
   const { chrome } = props;
 
-  let createReportDefinitionRequest: reportDefinitionParams = {
+  let createReportDefinitionRequest: ReportDefinitionParams = {
     report_params: {
       report_name: '',
       report_source: '',
@@ -106,7 +113,7 @@
       configIds: [],
       title: '',
       textDescription: '',
-      htmlDescription: ''
+      htmlDescription: '',
     },
     trigger: {
       trigger_type: '',
@@ -192,39 +199,21 @@
     addErrorOnCreateToastHandler(errorType);
   };
 
-  const addInvalidTimeRangeToastHandler = () => {
-    const errorToast = {
-      title: i18n.translate(
-        'opensearch.reports.createReportDefinition.error.invalidTimeRange',
-        { defaultMessage: 'Invalid time range selected.' }
-      ),
-      color: 'danger',
-      iconType: 'alert',
-      id: 'timeRangeErrorToast',
-    };
-    // @ts-ignore
-    setToasts(toasts.concat(errorToast));
-  };
-
-  const handleInvalidTimeRangeToast = () => {
-    addInvalidTimeRangeToastHandler();
-  };
-
-  const removeToast = (removedToast: { id: string; }) => {
+  const removeToast = (removedToast: { id: string }) => {
     setToasts(toasts.filter((toast: any) => toast.id !== removedToast.id));
   };
 
-  let timeRange = {
+  const NewTimeRange = {
     timeFrom: new Date(),
     timeTo: new Date(),
   };
 
   const createNewReportDefinition = async (
-    metadata: reportDefinitionParams,
-    timeRange: timeRangeParams
+    metadata: ReportDefinitionParams,
+    timeRange: TimeRangeParams
   ) => {
     const { httpClient } = props;
     //TODO: need better handle
     if (
       metadata.trigger.trigger_type === 'On demand' &&
       metadata.trigger.trigger_params !== undefined
@@ -243,7 +232,7 @@
       setShowTriggerIntervalNaNError,
       timeRange,
       setShowTimeRangeError,
-      setShowCronError,
+      setShowCronError
     ).then((response) => {
       error = response;
     });
@@ -259,16 +248,20 @@
             'Content-Type': 'application/json',
           },
         })
-        .then(async (resp: { scheduler_response: { reportDefinitionId: string; }; }) => {
-          //TODO: consider handle the on demand report generation from server side instead
-          if (metadata.trigger.trigger_type === 'On demand') {
-            const reportDefinitionId =
-              resp.scheduler_response.reportDefinitionId;
-            generateReportFromDefinitionId(reportDefinitionId, httpClient);
+        .then(
+          async (resp: {
+            scheduler_response: { reportDefinitionId: string };
+          }) => {
+            //TODO: consider handle the on demand report generation from server side instead
+            if (metadata.trigger.trigger_type === 'On demand') {
+              const reportDefinitionId =
+                resp.scheduler_response.reportDefinitionId;
+              generateReportFromDefinitionId(reportDefinitionId, httpClient);
+            }
+            window.location.assign(`reports-dashboards#/create=success`);
           }
-          window.location.assign(`reports-dashboards#/create=success`);
-        })
-        .catch((error: {body: { statusCode: number; }; }) => {
+        )
+        .catch((error: { body: { statusCode: number } }) => {
           console.log('error in creating report definition: ' + error);
           if (error.body.statusCode === 403) {
             handleErrorOnCreateToast('permissions');
@@ -297,25 +290,29 @@
         href: '#/create',
       },
     ]);
   }, []);
 
   return (
     <div>
       <EuiPageBody>
         <EuiTitle>
           <h1>
-            {!getNavGroupEnabled && i18n.translate('opensearch.reports.createReportDefinition.title', {
-              defaultMessage: 'Create report definition',
-            })}
+            {!getNavGroupEnabled &&
+              i18n.translate(
+                'opensearch.reports.createReportDefinition.title',
+                {
+                  defaultMessage: 'Create report definition',
+                }
+              )}
           </h1>
         </EuiTitle>
-        {!getNavGroupEnabled && <EuiSpacer size='s' />}
+        {!getNavGroupEnabled && <EuiSpacer size="s" />}
         <ReportSettings
           edit={false}
           editDefinitionId={''} // empty string since we are coming from create
           reportDefinitionRequest={createReportDefinitionRequest}
-          httpClientProps={props['httpClient']}
-          timeRange={timeRange}
+          httpClientProps={props.httpClient}
+          timeRange={NewTimeRange}
           showSettingsReportNameError={showSettingsReportNameError}
           settingsReportNameErrorMessage={settingsReportNameErrorMessage}
           showSettingsReportSourceError={showSettingsReportSourceError}
@@ -344,7 +341,7 @@
               onClick={() =>
                 createNewReportDefinition(
                   createReportDefinitionRequest,
-                  timeRange
+                  NewTimeRange
                 )
               }
               id={'createNewReportDefinition'}

public/components/report_definitions/delivery/delivery.tsx

@@ -25,7 +25,7 @@ import {
   testMessageFailureMessage,
 } from './delivery_constants';
 import 'react-mde/lib/styles/css/react-mde-all.css';
-import { reportDefinitionParams } from '../create/create_report_definition';
+import { ReportDefinitionParams } from '../create/create_report_definition';
 import ReactMDE from 'react-mde';
 import { converter } from '../utils';
 import { getAvailableNotificationsChannels } from '../../main/main_utils';
@@ -41,7 +41,7 @@ export let includeDelivery = false;
 export type ReportDeliveryProps = {
   edit: boolean;
   editDefinitionId: string;
-  reportDefinitionRequest: reportDefinitionParams;
+  reportDefinitionRequest: ReportDefinitionParams;
   httpClientProps: any;
   showDeliveryChannelError: boolean;
   deliveryChannelError: string;

public/components/report_definitions/report_settings/report_settings.tsx

@@ -35,8 +35,8 @@ import {
 import ReactMde from 'react-mde';
 import 'react-mde/lib/styles/css/react-mde-all.css';
 import {
-  reportDefinitionParams,
-  timeRangeParams,
+  ReportDefinitionParams,
+  TimeRangeParams,
 } from '../create/create_report_definition';
 import {
   parseInContextUrl,
@@ -59,9 +59,9 @@ import { ReportTrigger } from '../report_trigger';
 type ReportSettingProps = {
   edit: boolean;
   editDefinitionId: string;
-  reportDefinitionRequest: reportDefinitionParams;
+  reportDefinitionRequest: ReportDefinitionParams;
   httpClientProps: any;
-  timeRange: timeRangeParams;
+  timeRange: TimeRangeParams;
   showSettingsReportNameError: boolean;
   settingsReportNameErrorMessage: string;
   showSettingsReportSourceError: boolean;

public/components/report_definitions/report_trigger/report_trigger.tsx

@@ -21,7 +21,7 @@ import {
   EuiCompressedFieldNumber,
 } from '@elastic/eui';
 import moment, { Moment } from 'moment';
-import { reportDefinitionParams } from '../create/create_report_definition';
+import { ReportDefinitionParams } from '../create/create_report_definition';
 import {
   SCHEDULE_RECURRING_OPTIONS,
   INTERVAL_TIME_PERIODS,
@@ -36,7 +36,7 @@ import { TimezoneSelect } from './timezone';
 type ReportTriggerProps = {
   edit: boolean;
   editDefinitionId: string;
-  reportDefinitionRequest: reportDefinitionParams;
+  reportDefinitionRequest: ReportDefinitionParams;
   httpClientProps: any;
   showTriggerIntervalNaNError: boolean;
   showCronError: boolean;

public/components/report_definitions/utils/utils.tsx

@@ -60,10 +60,14 @@ export const definitionInputValidation = async (
 
   // if time range is invalid
   const nowDate = new Date(moment.now());
-  if (timeRange.timeFrom > timeRange.timeTo || timeRange.timeTo > nowDate) {
+  if (timeRange.timeFrom > timeRange.timeTo || timeRange.timeTo > nowDate) {  
     setShowTimeRangeError(true);
     error = true;
   }
+  else{
+    metadata.report_params.core_params.timeFrom = timeRange.timeFrom;
+    metadata.report_params.core_params.timeTo = timeRange.timeTo;
+  }
 
   // if cron based and cron input is invalid
   if (

server/model/backendModel.ts

@@ -36,6 +36,8 @@ export type BackendReportDefinitionType = {
   format: {
     duration: string;
     fileFormat: BACKEND_REPORT_FORMAT;
+    timeFrom: string;
+    timeTo: string;
     limit?: number;
     header?: string;
     footer?: string;

server/model/index.ts

@@ -42,6 +42,20 @@ export const dataReportSchema = schema.object({
       }
     },
   }),
+  timeFrom: schema.string({
+    validate(value) {
+      if (isNaN(Date.parse(value))) {
+        return `invalid timeFrom: ${value}`;
+      }
+    },
+  }),
+  timeTo: schema.string({
+    validate(value) {
+      if (isNaN(Date.parse(value))) {
+        return `invalid timeTo: ${value}`;
+      }
+    },
+  }),
   report_format: schema.oneOf([schema.literal(FORMAT.csv), schema.literal(FORMAT.xlsx)]),
   limit: schema.number({ defaultValue: DEFAULT_MAX_SIZE, min: 0 }),
   excel: schema.boolean({ defaultValue: true }),
@@ -73,6 +87,20 @@ export const visualReportSchema = schema.object({
       }
     },
   }),
+  timeFrom: schema.string({
+    validate(value) {
+      if (isNaN(Date.parse(value))) {
+        return `invalid timeFrom: ${value}`;
+      }
+    },
+  }),
+  timeTo: schema.string({
+    validate(value) {
+      if (isNaN(Date.parse(value))) {
+        return `invalid timeTo: ${value}`;
+      }
+    },
+  }),
 });
 
 export const intervalSchema = schema.object({

server/routes/utils/__tests__/savedSearchReportHelper.test.ts

@@ -29,6 +29,8 @@ const input = {
         limit: 10000,
         excel: true,
         origin: 'http://localhost:5601',
+        timeFrom : '2012-07-29T09:23:55.300Z',
+        timeTo: '2020-07-29T06:43:55.301Z',
       },
     },
     delivery: {

server/routes/utils/converters/__tests__/backendToUi.test.ts

@@ -40,6 +40,8 @@ const input: BackendReportInstanceType = {
         fileFormat: BACKEND_REPORT_FORMAT.pdf,
         header: '<p>test header</p>',
         footer: '<p>fake footer</p>',
+        timeFrom: "2020-11-11T09:52:00.000Z",
+        timeTo: "2020-11-11T10:22:00.000Z"
       },
       trigger: {
         triggerType: BACKEND_TRIGGER_TYPE.cronSchedule,
@@ -85,6 +87,8 @@ const output = {
         origin: 'http://localhost:5601',
         window_width: 1600,
         window_height: 800,
+        timeFrom: "2020-11-11T09:52:00.000Z",
+        timeTo: "2020-11-11T10:22:00.000Z"
       },
     },
     trigger: {