Finalize feature

src/components/dialogs/modify-element-selection.tsx

@@ -8,15 +8,13 @@
 import React, { useContext, useEffect, useState } from 'react';
 import { Button, Grid, Typography } from '@mui/material';
 import { FormattedMessage, useIntl } from 'react-intl';
-import {
-    DirectoryItemSelector,
-    TreeViewFinderNodeProps,
-    FieldConstants,
-} from '@gridsuite/commons-ui';
 import { useController } from 'react-hook-form';
 import { ElementType } from '@gridsuite/commons-ui';
 import { UUID } from 'crypto';
 import { FilterContext } from '../filter/filter-context.ts';
+import { TreeViewFinderNodeProps } from '../TreeViewFinder';
+import { FieldConstants } from '../../utils/field-constants.ts';
+import DirectoryItemSelector from '../DirectoryItemSelector/directory-item-selector.tsx';
 
 export interface ModifyElementSelectionProps {
     elementType: ElementType;

src/components/filter/explicit-naming/explicit-naming-filter-form.tsx

@@ -26,6 +26,7 @@ import { UUID } from 'crypto';
 import { useSnackMessage } from '../../../hooks/useSnackMessage.ts';
 import { ElementType } from '../../../utils/ElementType.ts';
 import ModifyElementSelection from '../../dialogs/modify-element-selection.tsx';
+import { exportFilter } from '../../../services/study';
 
 export const FILTER_EQUIPMENTS_ATTRIBUTES = 'filterEquipmentsAttributes';
 

src/components/filter/filter-creation-dialog.tsx

@@ -83,6 +83,7 @@ export interface FilterCreationDialogProps {
         elementTypes?: string[],
         equipmentTypes?: string[]
     ) => Promise<ElementAttributes[]>;
+    fetchPath?: (elementUuid: UUID) => Promise<ElementAttributes[]>;
     sourceFilterForExplicitNamingConversion?: {
         id: UUID;
         equipmentType: string;
@@ -99,6 +100,7 @@ const FilterCreationDialog: FunctionComponent<FilterCreationDialogProps> = ({
     fetchDirectoryContent,
     fetchRootFolders,
     fetchElementsInfos,
+    fetchPath,
     sourceFilterForExplicitNamingConversion = undefined,
 }) => {
     const { snackError } = useSnackMessage();
@@ -191,6 +193,7 @@ const FilterCreationDialog: FunctionComponent<FilterCreationDialogProps> = ({
                     fetchRootFolders: fetchRootFolders,
                     fetchElementsInfos: fetchElementsInfos,
                     fetchAppsAndUrls: fetchAppsAndUrls,
+                    fetchPath: fetchPath,
                 }}
             >
                 <FilterForm

src/services/study.ts

@@ -0,0 +1,25 @@
+import { UUID } from 'crypto';
+import { backendFetchJson } from './utils.ts';
+
+const PREFIX_STUDY_QUERIES = import.meta.env.VITE_API_GATEWAY + '/study';
+
+export function exportFilter(
+    studyUuid: UUID,
+    filterUuid?: UUID,
+    token?: string
+) {
+    console.info('get filter export on study root node');
+    return backendFetchJson(
+        PREFIX_STUDY_QUERIES +
+            '/v1/studies/' +
+            studyUuid +
+            '/filters/' +
+            filterUuid +
+            '/elements',
+        {
+            method: 'get',
+            headers: { 'Content-Type': 'application/json' },
+        },
+        token
+    );
+}

src/services/utils.ts

@@ -12,6 +12,13 @@ export const backendFetch = (url: string, init: any, token?: string) => {
     return safeFetch(url, initCopy);
 };
 
+export const backendFetchJson = (url: string, init: any, token?: string) => {
+    const initCopy = prepareRequest(init, token);
+    return safeFetch(url, initCopy).then((safeResponse) =>
+        safeResponse.status === 204 ? null : safeResponse.json()
+    );
+};
+
 const prepareRequest = (init: any, token?: string) => {
     if (!(typeof init === 'undefined' || typeof init === 'object')) {
         throw new TypeError(
@@ -22,7 +29,7 @@ const prepareRequest = (init: any, token?: string) => {
     initCopy.headers = new Headers(initCopy.headers || {});
     initCopy.headers.append(
         'Authorization',
-        'Bearer ' + token ?? getUserToken()
+        'Bearer ' + (token ?? getUserToken())
     );
     return initCopy;
 };