@orchestrator-ui/orchestrator-ui-components 0.3.0 → 0.4.0

package/src/pages/tasks/{WfoTaskListPage.tsx → WfoTasksListPage.tsx}

@@ -2,14 +2,17 @@ import React, { useContext, useEffect, useState } from 'react';
 
 import { useTranslations } from 'next-intl';
 import Link from 'next/link';
+import { useRouter } from 'next/router';
+import { StringParam, useQueryParam, withDefault } from 'use-query-params';
 
-import { EuiButton, EuiHorizontalRule, EuiSpacer } from '@elastic/eui';
+import { EuiButton, EuiSpacer } from '@elastic/eui';
 
 import {
+    ACTIVE_TASKS_LIST_TABLE_LOCAL_STORAGE_KEY,
+    COMPLETED_TASKS_LIST_TABLE_LOCAL_STORAGE_KEY,
     DEFAULT_PAGE_SIZE,
-    FilterQuery,
     StoredTableConfig,
-    TASK_LIST_TABLE_LOCAL_STORAGE_KEY,
+    WfoFilterTabs,
     WfoStartTaskButtonComboBox,
     WfoTableColumns,
 } from '@/components';
@@ -17,8 +20,8 @@ import { PATH_TASKS } from '@/components';
 import { WfoPageHeader } from '@/components/WfoPageHeader/WfoPageHeader';
 import {
     ProcessListItem,
-    WfoProcessList,
-} from '@/components/WfoProcessList/WfoProcessList';
+    WfoProcessesList,
+} from '@/components/WfoProcessList/WfoProcessesList';
 import { ConfirmationDialogContext } from '@/contexts';
 import {
     useCheckEngineStatus,
@@ -28,21 +31,35 @@ import {
     useStoredTableConfig,
 } from '@/hooks';
 import { WfoRefresh } from '@/icons';
+import { WfoTasksListTabType, defaultTasksListTabs } from '@/pages';
+import { getTasksListTabTypeFromString } from '@/pages/tasks/getTasksListTabTypeFromString';
 import { SortOrder } from '@/types';
 
-export const WfoTaskListPage = () => {
-    const { theme } = useOrchestratorTheme();
+export const WfoTasksListPage = () => {
+    const router = useRouter();
     const t = useTranslations('tasks.page');
-    const { showConfirmDialog } = useContext(ConfirmationDialogContext);
-    const { retryAllProcesses } = useMutateProcess();
-    const { isEngineRunningNow } = useCheckEngineStatus();
+    const [activeTab, setActiveTab] = useQueryParam(
+        'activeTab',
+        withDefault(StringParam, WfoTasksListTabType.ACTIVE),
+    );
 
     const [tableDefaults, setTableDefaults] =
         useState<StoredTableConfig<ProcessListItem>>();
 
-    const getStoredTableConfig = useStoredTableConfig<ProcessListItem>(
-        TASK_LIST_TABLE_LOCAL_STORAGE_KEY,
-    );
+    const selectedTasksListTab = getTasksListTabTypeFromString(activeTab);
+
+    const localStorageKey =
+        selectedTasksListTab === WfoTasksListTabType.ACTIVE
+            ? ACTIVE_TASKS_LIST_TABLE_LOCAL_STORAGE_KEY
+            : COMPLETED_TASKS_LIST_TABLE_LOCAL_STORAGE_KEY;
+
+    const getStoredTableConfig =
+        useStoredTableConfig<ProcessListItem>(localStorageKey);
+
+    const { theme } = useOrchestratorTheme();
+    const { showConfirmDialog } = useContext(ConfirmationDialogContext);
+    const { retryAllProcesses } = useMutateProcess();
+    const { isEngineRunningNow } = useCheckEngineStatus();
 
     useEffect(() => {
         const storedConfig = getStoredTableConfig();
@@ -54,6 +71,8 @@ export const WfoTaskListPage = () => {
 
     const { dataDisplayParams, setDataDisplayParam } =
         useDataDisplayParams<ProcessListItem>({
+            // TODO: Improvement: A default pageSize value is set to avoid a graphql error when the query is executed
+            // https://github.com/workfloworchestrator/orchestrator-ui/issues/261
             pageSize: tableDefaults?.selectedPageSize || DEFAULT_PAGE_SIZE,
             sortBy: {
                 field: 'lastModifiedAt',
@@ -61,21 +80,32 @@ export const WfoTaskListPage = () => {
             },
         });
 
-    const alwaysOnFilters: FilterQuery<ProcessListItem>[] = [
-        {
-            // Todo: isTask is not a key of Process
-            // However, backend still supports it. Field should not be a keyof ProcessListItem (or process)
-            // https://github.com/workfloworchestrator/orchestrator-ui/issues/290
-            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-            // @ts-ignore waiting for fix in backend
-            field: 'isTask',
-            value: 'true',
-        },
-        {
-            field: 'lastStatus',
-            value: 'running-failed-api_unavailable-inconsistent_data',
-        },
-    ];
+    const handleChangeTasksListTab = (
+        updatedTasksListTab: WfoTasksListTabType,
+    ) => {
+        setActiveTab(updatedTasksListTab);
+        setDataDisplayParam('pageIndex', 0);
+    };
+
+    const alwaysOnFilters = defaultTasksListTabs.find(
+        ({ id }) => id === selectedTasksListTab,
+    )?.alwaysOnFilters;
+
+    if (!selectedTasksListTab) {
+        router.replace(PATH_TASKS);
+        return null;
+    }
+
+    const handleRerunAllButtonClick = async () => {
+        if (await isEngineRunningNow()) {
+            showConfirmDialog({
+                question: t('rerunAllQuestion'),
+                confirmAction: () => {
+                    retryAllProcesses.mutate();
+                },
+            });
+        }
+    };
 
     // Changing the order of the keys, resulting in an updated column order in the table
     const handleOverrideTableColumns: (
@@ -103,17 +133,6 @@ export const WfoTaskListPage = () => {
         lastModifiedAt: defaultTableColumns.lastModifiedAt,
     });
 
-    const handleRerunAllButtonClick = async () => {
-        if (await isEngineRunningNow()) {
-            showConfirmDialog({
-                question: t('rerunAllQuestion'),
-                confirmAction: () => {
-                    retryAllProcesses.mutate();
-                },
-            });
-        }
-    };
-
     return (
         <>
             <EuiSpacer />
@@ -129,16 +148,20 @@ export const WfoTaskListPage = () => {
                 </EuiButton>
                 <WfoStartTaskButtonComboBox />
             </WfoPageHeader>
-            <EuiHorizontalRule />
-
+            <WfoFilterTabs
+                tabs={defaultTasksListTabs}
+                translationNamespace="tasks.tabs"
+                selectedTab={selectedTasksListTab}
+                onChangeTab={handleChangeTasksListTab}
+            />
             <EuiSpacer size="xxl" />
 
-            <WfoProcessList
+            <WfoProcessesList
                 defaultHiddenColumns={tableDefaults?.hiddenColumns}
-                localStorageKey={TASK_LIST_TABLE_LOCAL_STORAGE_KEY}
+                localStorageKey={localStorageKey}
+                overrideDefaultTableColumns={handleOverrideTableColumns}
                 dataDisplayParams={dataDisplayParams}
                 setDataDisplayParam={setDataDisplayParam}
-                overrideDefaultTableColumns={handleOverrideTableColumns}
                 alwaysOnFilters={alwaysOnFilters}
             />
         </>

package/src/pages/tasks/getTasksListTabTypeFromString.ts

@@ -0,0 +1,19 @@
+import { WfoTasksListTabType } from './tabConfig';
+
+export const getTasksListTabTypeFromString = (
+    tabId?: string,
+): WfoTasksListTabType | undefined => {
+    if (!tabId) {
+        return undefined;
+    }
+
+    switch (tabId.toUpperCase()) {
+        case WfoTasksListTabType.ACTIVE.toString():
+            return WfoTasksListTabType.ACTIVE;
+        case WfoTasksListTabType.COMPLETED.toString():
+            return WfoTasksListTabType.COMPLETED;
+
+        default:
+            return undefined;
+    }
+};

package/src/pages/tasks/index.ts

@@ -1 +1,3 @@
-export * from './WfoTaskListPage';
+export * from './WfoTasksListPage';
+export * from './tabConfig';
+export * from './getTasksListTabTypeFromString';

package/src/pages/tasks/tabConfig.ts

@@ -0,0 +1,51 @@
+import { WfoFilterTab } from '@/components';
+import { ProcessListItem } from '@/components';
+
+export enum WfoTasksListTabType {
+    ACTIVE = 'ACTIVE',
+    COMPLETED = 'COMPLETED',
+}
+
+export const defaultTasksListTabs: WfoFilterTab<
+    WfoTasksListTabType,
+    ProcessListItem
+>[] = [
+    {
+        id: WfoTasksListTabType.ACTIVE,
+        translationKey: 'active',
+        alwaysOnFilters: [
+            {
+                // Todo: isTask is not a key of Process
+                // However, backend still supports it. Field should not be a keyof ProcessListItem (or process)
+                // https://github.com/workfloworchestrator/orchestrator-ui/issues/290
+                // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+                // @ts-ignore waiting for fix in backend
+                field: 'isTask',
+                value: 'true',
+            },
+            {
+                field: 'lastStatus',
+                value: 'created-running-suspended-waiting-failed-resumed-inconsistent_data-api_unavailable-awaiting_callback',
+            },
+        ],
+    },
+    {
+        id: WfoTasksListTabType.COMPLETED,
+        translationKey: 'completed',
+        alwaysOnFilters: [
+            {
+                // Todo: isTask is not a key of Process
+                // However, backend still supports it. Field should not be a keyof ProcessListItem (or process)
+                // https://github.com/workfloworchestrator/orchestrator-ui/issues/290
+                // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+                // @ts-ignore waiting for fix in backend
+                field: 'isTask',
+                value: 'true',
+            },
+            {
+                field: 'lastStatus',
+                value: 'completed-aborted',
+            },
+        ],
+    },
+];

package/src/pages/{workflow/WfoWorkflowListPage.tsx → workflows/WfoWorkflowsListPage.tsx}

@@ -13,28 +13,29 @@ import {
     PATH_WORKFLOWS,
 } from '@/components';
 import type { StoredTableConfig } from '@/components';
-import { ProcessListItem, WfoFilterTabs, WfoProcessList } from '@/components';
+import { ProcessListItem, WfoFilterTabs, WfoProcessesList } from '@/components';
 import { useDataDisplayParams, useStoredTableConfig } from '@/hooks';
 import { SortOrder } from '@/types';
 
-import { getWorkflowListTabTypeFromString } from './getWorkflowListTabTypeFromString';
-import { WfoWorkflowListTabType, defaultWorkflowListTabs } from './tabConfig';
+import { getWorkflowsListTabTypeFromString } from './getWorkflowsListTabTypeFromString';
+import { WfoWorkflowsListTabType, defaultWorkflowsListTabs } from './tabConfig';
 
-export const WfoWorkflowListPage = () => {
+export const WfoWorkflowsListPage = () => {
     const router = useRouter();
     const t = useTranslations('workflows.index');
     const [activeTab, setActiveTab] = useQueryParam(
         'activeTab',
-        withDefault(StringParam, WfoWorkflowListTabType.ACTIVE),
+        withDefault(StringParam, WfoWorkflowsListTabType.ACTIVE),
     );
 
     const [tableDefaults, setTableDefaults] =
         useState<StoredTableConfig<ProcessListItem>>();
 
-    const selectedProcessListTab = getWorkflowListTabTypeFromString(activeTab);
+    const selectedWorkflowsListTab =
+        getWorkflowsListTabTypeFromString(activeTab);
 
     const localStorageKey =
-        selectedProcessListTab === WfoWorkflowListTabType.ACTIVE
+        selectedWorkflowsListTab === WfoWorkflowsListTabType.ACTIVE
             ? ACTIVE_PROCESSES_LIST_TABLE_LOCAL_STORAGE_KEY
             : COMPLETED_PROCESSES_LIST_TABLE_LOCAL_STORAGE_KEY;
 
@@ -52,8 +53,6 @@ export const WfoWorkflowListPage = () => {
     const { dataDisplayParams, setDataDisplayParam } =
         useDataDisplayParams<ProcessListItem>({
             // TODO: Improvement: A default pageSize value is set to avoid a graphql error when the query is executed
-            // the fist time before the useEffect has populated the tableDefaults. Better is to create a way for
-            // the query to wait for the values to be available
             // https://github.com/workfloworchestrator/orchestrator-ui/issues/261
             pageSize: tableDefaults?.selectedPageSize || DEFAULT_PAGE_SIZE,
             sortBy: {
@@ -62,18 +61,18 @@ export const WfoWorkflowListPage = () => {
             },
         });
 
-    const handleChangeProcessListTab = (
-        updatedProcessListTab: WfoWorkflowListTabType,
+    const handleChangeWorkflowsListTab = (
+        updatedWorkflowsListTab: WfoWorkflowsListTabType,
     ) => {
-        setActiveTab(updatedProcessListTab);
+        setActiveTab(updatedWorkflowsListTab);
         setDataDisplayParam('pageIndex', 0);
     };
 
-    const alwaysOnFilters = defaultWorkflowListTabs.find(
-        ({ id }) => id === selectedProcessListTab,
+    const alwaysOnFilters = defaultWorkflowsListTabs.find(
+        ({ id }) => id === selectedWorkflowsListTab,
     )?.alwaysOnFilters;
 
-    if (!selectedProcessListTab) {
+    if (!selectedWorkflowsListTab) {
         router.replace(PATH_WORKFLOWS);
         return null;
     }
@@ -86,14 +85,14 @@ export const WfoWorkflowListPage = () => {
             <EuiSpacer size="m" />
 
             <WfoFilterTabs
-                tabs={defaultWorkflowListTabs}
+                tabs={defaultWorkflowsListTabs}
                 translationNamespace="workflows.tabs"
-                selectedTab={selectedProcessListTab}
-                onChangeTab={handleChangeProcessListTab}
+                selectedTab={selectedWorkflowsListTab}
+                onChangeTab={handleChangeWorkflowsListTab}
             />
             <EuiSpacer size="xxl" />
 
-            <WfoProcessList
+            <WfoProcessesList
                 alwaysOnFilters={alwaysOnFilters}
                 defaultHiddenColumns={tableDefaults?.hiddenColumns}
                 localStorageKey={localStorageKey}

package/src/pages/workflows/getWorkflowsListTabTypeFromString.ts

@@ -0,0 +1,19 @@
+import { WfoWorkflowsListTabType } from './tabConfig';
+
+export const getWorkflowsListTabTypeFromString = (
+    tabId?: string,
+): WfoWorkflowsListTabType | undefined => {
+    if (!tabId) {
+        return undefined;
+    }
+
+    switch (tabId.toUpperCase()) {
+        case WfoWorkflowsListTabType.ACTIVE.toString():
+            return WfoWorkflowsListTabType.ACTIVE;
+        case WfoWorkflowsListTabType.COMPLETED.toString():
+            return WfoWorkflowsListTabType.COMPLETED;
+
+        default:
+            return undefined;
+    }
+};

package/src/pages/workflows/index.ts

@@ -0,0 +1 @@
+export * from './WfoWorkflowsListPage';

package/src/pages/{workflow → workflows}/tabConfig.ts

@@ -1,17 +1,17 @@
-import { WfoFilterTab } from '../../components';
-import { ProcessListItem } from '../../components/WfoProcessList/WfoProcessList';
+import { WfoFilterTab } from '@/components';
+import { ProcessListItem } from '@/components';
 
-export enum WfoWorkflowListTabType {
+export enum WfoWorkflowsListTabType {
     ACTIVE = 'ACTIVE',
     COMPLETED = 'COMPLETED',
 }
 
-export const defaultWorkflowListTabs: WfoFilterTab<
-    WfoWorkflowListTabType,
+export const defaultWorkflowsListTabs: WfoFilterTab<
+    WfoWorkflowsListTabType,
     ProcessListItem
 >[] = [
     {
-        id: WfoWorkflowListTabType.ACTIVE,
+        id: WfoWorkflowsListTabType.ACTIVE,
         translationKey: 'active',
         alwaysOnFilters: [
             {
@@ -25,12 +25,12 @@ export const defaultWorkflowListTabs: WfoFilterTab<
             },
             {
                 field: 'lastStatus',
-                value: 'created-running-suspended-waiting-failed-resumed',
+                value: 'created-running-suspended-waiting-failed-resumed-inconsistent_data-api_unavailable-awaiting_callback',
             },
         ],
     },
     {
-        id: WfoWorkflowListTabType.COMPLETED,
+        id: WfoWorkflowsListTabType.COMPLETED,
         translationKey: 'completed',
         alwaysOnFilters: [
             {
@@ -44,7 +44,7 @@ export const defaultWorkflowListTabs: WfoFilterTab<
             },
             {
                 field: 'lastStatus',
-                value: 'completed',
+                value: 'completed-aborted',
             },
         ],
     },

package/src/theme/defaultOrchestratorTheme.ts

@@ -2,6 +2,14 @@ import { EuiThemeModifications } from '@elastic/eui';
 
 export const defaultOrchestratorTheme: EuiThemeModifications = {
     base: 16,
+    breakpoint: {
+        xs: 0,
+        s: 575,
+        m: 768,
+        l: 992,
+        xl: 1200,
+        xxl: 1600,
+    },
     size: {
         base: '16px',
         xxs: '2px',

package/src/types/types.ts

@@ -1,13 +1,7 @@
-import { _EuiThemeColorsMode } from '@elastic/eui/src/global_styling/variables/colors';
-
 import { InputForm } from './forms';
 
-export type UnionOfInterfaceTypes<T> = T[keyof T];
-
 export type Nullable<T> = T | null;
 
-type GenericField = { [key: string]: number | string | boolean };
-
 type GenericResponse = { [key: string]: unknown };
 
 export type FieldValue = {
@@ -28,18 +22,10 @@ export enum EngineStatus {
 
 export type Customer = {
     fullname: string;
-    identifier: string;
+    customerId: string;
     shortcode: string;
 };
 
-export type ResourceTypeBase = {
-    name: string;
-    title: string;
-    subscriptionInstanceId: string;
-    ownerSubscriptionId: string;
-    label?: string;
-} & GenericField;
-
 export type InUseByRelation = {
     subscription_instance_id: string;
     subscription_id: string;
@@ -89,8 +75,6 @@ export enum BadgeType {
     PRODUCT_TAG = 'product_tag',
 }
 
-export type FixedInputsBase = GenericField;
-
 export interface FixedInputDefinition {
     fixedInputId: string;
     name: string;
@@ -110,36 +94,6 @@ export interface TreeBlock extends ProductBlockInstance {
     children: TreeBlock[];
 }
 
-export interface ItemsList {
-    type: string;
-    title: string;
-    items: ProcessFromRestApi[];
-    buttonName: string;
-}
-
-export interface TotalStat {
-    icon: string;
-    name: string;
-    value: number;
-    color: keyof _EuiThemeColorsMode;
-}
-
-// Todo: Temporary renamed this type, will be fixed in:
-// https://github.com/workfloworchestrator/orchestrator-ui/issues/216
-export interface ProcessFromRestApi {
-    pid: string;
-    workflow: string;
-    assignee: string;
-    last_status: string;
-    failed_reason: Nullable<string>;
-    traceback: string;
-    step: string;
-    created_by: string;
-    started_at: number;
-    last_modified_at: number;
-    is_task: boolean;
-}
-
 export interface ProductDefinition {
     productId: string;
     name: string;
@@ -263,7 +217,7 @@ export interface Step {
     status: StepStatus;
     stepId: string; // sic backend
     executed: string;
-    state: StepState;
+    state: StepState | undefined;
     stateDelta: StepState;
 }
 
@@ -312,8 +266,8 @@ export type GraphQLPageInfo = {
     filterFields: string[];
 };
 
-export interface SubscriptionsResult {
-    subscriptions: GraphQlResultPage<Subscription>;
+export interface SubscriptionsResult<T = Subscription> {
+    subscriptions: GraphQlResultPage<T>;
 }
 
 export interface SubscriptionDropdownOptionsResult {
@@ -324,8 +278,8 @@ export interface SubscriptionDetailResult {
     subscriptions: GraphQlResultPage<SubscriptionDetail>;
 }
 
-export interface ProductDefinitionsResult {
-    products: GraphQlResultPage<ProductDefinition>;
+export interface ProductDefinitionsResult<T = ProductDefinition> {
+    products: GraphQlResultPage<T>;
 }
 export interface StartProcessStep {
     name: Step['name'];
@@ -343,8 +297,8 @@ export interface ResourceTypeDefinitionsResult {
     resourceTypes: GraphQlResultPage<ResourceTypeDefinition>;
 }
 
-export interface ProcessListResult {
-    processes: GraphQlResultPage<Process>;
+export interface ProcessListResult<T = Process> {
+    processes: GraphQlResultPage<T>;
 }
 
 export interface ProcessesDetailResult {
@@ -416,13 +370,14 @@ export type Subscription = {
     status: SubscriptionStatus;
     product: Pick<ProductDefinition, 'name' | 'tag' | 'productType'>;
     productBlockInstances: ProductBlockInstance[];
+    customer: Pick<Customer, 'fullname' | 'shortcode'>;
 };
 
 export type SubscriptionDropdownOption = {
     description: Subscription['description'];
     subscriptionId: Subscription['subscriptionId'];
     product: Pick<ProductDefinition, 'tag' | 'productId'>;
-    customer: Pick<Customer, 'fullname' | 'identifier'>;
+    customer: Pick<Customer, 'fullname' | 'customerId'>;
     productBlockInstances: ProductBlockInstance[];
     fixedInputs: FieldValue[];
     tag: string;

package/src/utils/csvDownload.ts

@@ -0,0 +1,87 @@
+import { TranslationValues } from 'next-intl';
+
+import { MAXIMUM_ITEMS_FOR_BULK_FETCHING } from '@/configuration/constants';
+import { ToastTypes } from '@/contexts';
+import { GraphQLPageInfo } from '@/types';
+import { sortObjectKeys } from '@/utils/sortObjectKeys';
+
+function toCsvFileContent<T extends object>(data: T[]): string {
+    const headers = Object.keys(data[0]).join(';');
+    const rows = data.map((row) =>
+        Object.values(row)
+            .map((value) => (value === null ? '' : `"${value}"`))
+            .join(';')
+            .split('\n')
+            .join(' '),
+    );
+    return [headers, ...rows].join('\n');
+}
+
+function startCsvDownload(csvFileContent: string, fileName: string) {
+    const blob = new Blob([csvFileContent], { type: 'text/csv' });
+    const url = URL.createObjectURL(blob);
+    const link = document.createElement('a');
+    link.href = url;
+    link.download = fileName.endsWith('.csv') ? fileName : `${fileName}.csv`;
+    link.click();
+    URL.revokeObjectURL(url);
+}
+
+export function initiateCsvFileDownload<T extends object>(
+    data: T[],
+    fileName: string,
+) {
+    const csvFileContent = toCsvFileContent(data);
+    startCsvDownload(csvFileContent, fileName);
+}
+
+export const getCsvFileNameWithDate = (fileNameWithoutExtension: string) => {
+    const date = new Date();
+    const year = date.getFullYear();
+    const month = (date.getMonth() + 1).toString().padStart(2, '0');
+    const day = date.getDate();
+
+    const hour = date.getHours();
+    const minute = date.getMinutes();
+    const second = date.getSeconds();
+
+    return `${fileNameWithoutExtension}_${year}-${month}-${day}-${hour}${minute}${second}.csv`;
+};
+
+export const csvDownloadHandler =
+    <T extends object, U extends object>(
+        dataFetchFunction: () => Promise<T | undefined>,
+        dataMapper: (data: T) => U[],
+        pageInfoMapper: (data: T) => GraphQLPageInfo,
+        keyOrder: string[],
+        filename: string,
+        addToastFunction: (
+            type: ToastTypes,
+            text: string,
+            title: string,
+        ) => void,
+        translationFunction: (
+            translationKey: string,
+            variables?: TranslationValues,
+        ) => string,
+    ) =>
+    async () => {
+        const data: T | undefined = await dataFetchFunction();
+
+        if (data) {
+            const dataForExport = dataMapper(data).map((d) =>
+                sortObjectKeys(d, keyOrder),
+            );
+            const pageInfo = pageInfoMapper(data);
+            (pageInfo.totalItems ?? 0) > MAXIMUM_ITEMS_FOR_BULK_FETCHING &&
+                addToastFunction(
+                    ToastTypes.ERROR,
+                    translationFunction('notAllResultsExported', {
+                        totalResults: pageInfo.totalItems,
+                        maximumExportedResults: MAXIMUM_ITEMS_FOR_BULK_FETCHING,
+                    }),
+                    translationFunction('notAllResultsExportedTitle'),
+                );
+            initiateCsvFileDownload(dataForExport, filename);
+        }
+    };