@gridsuite/commons-ui 0.89.4 → 0.91.1

package/dist/components/contingencyList/criteriaBased/CriteriaBasedForm.js

@@ -8,7 +8,7 @@ import { InputWithPopupConfirmation } from "../../inputs/reactHookForm/selectInp
 import { useSnackMessage } from "../../../hooks/useSnackMessage.js";
 import { unscrollableDialogStyles } from "../../dialogs/customMuiDialog/CustomMuiDialog.js";
 import "../../dialogs/descriptionModificationDialog/DescriptionModificationDialog.js";
-import "../../dialogs/elementCreationDialog/ElementCreationDialog.js";
+import "../../dialogs/elementSaveDialog/ElementSaveDialog.js";
 import "react-intl";
 import "@mui/icons-material";
 import "../../treeViewFinder/TreeViewFinder.js";

package/dist/components/customAGGrid/customAggrid.d.ts

@@ -2,7 +2,6 @@ import { default as React } from 'react';
 import { AgGridReact, AgGridReactProps } from 'ag-grid-react';
 interface CustomAGGGridStyleProps {
     shouldHidePinnedHeaderRightBorder?: boolean;
-    showOverlay?: boolean;
 }
 export interface CustomAGGridProps extends AgGridReactProps, CustomAGGGridStyleProps {
 }

package/dist/components/customAGGrid/customAggrid.js

@@ -19,7 +19,7 @@ const onColumnResized = (params) => {
   }
 };
 const CustomAGGrid = React.forwardRef((props, ref) => {
-  const { shouldHidePinnedHeaderRightBorder = false, showOverlay = false, ...agGridReactProps } = props;
+  const { shouldHidePinnedHeaderRightBorder = false, ...agGridReactProps } = props;
   const theme = useTheme();
   const intl = useIntl();
   const GRID_PREFIX = "grid.";
@@ -38,8 +38,7 @@ const CustomAGGrid = React.forwardRef((props, ref) => {
     {
       sx: mergeSx(
         styles.grid,
-        shouldHidePinnedHeaderRightBorder ? styles.noBorderRight : void 0,
-        showOverlay ? styles.overlayBackground : void 0
+        shouldHidePinnedHeaderRightBorder ? styles.noBorderRight : void 0
       ),
       className: `${theme.aggrid.theme} ${CUSTOM_AGGRID_THEME}`,
       children: /* @__PURE__ */ jsx(

package/dist/components/customAGGrid/customAggrid.style.d.ts

@@ -8,12 +8,4 @@ export declare const styles: {
             borderRight: string;
         };
     };
-    overlayBackground: (theme: Theme) => {
-        '& .ag-overlay-loading-wrapper': {
-            background: string;
-        };
-        '& .ag-overlay-no-rows-wrapper': {
-            background: string;
-        };
-    };
 };

package/dist/components/customAGGrid/customAggrid.style.js

@@ -33,15 +33,7 @@ const styles = {
     "& .ag-pinned-left-header": {
       borderRight: "none"
     }
-  },
-  overlayBackground: (theme) => ({
-    "& .ag-overlay-loading-wrapper": {
-      background: theme.aggrid.overlay.background
-    },
-    "& .ag-overlay-no-rows-wrapper": {
-      background: "none"
-    }
-  })
+  }
 };
 export {
   CUSTOM_AGGRID_THEME,

package/dist/components/dialogs/elementSaveDialog/ElementSaveDialog.d.ts

@@ -0,0 +1,56 @@
+import { UUID } from 'crypto';
+import { ElementAttributes, ElementType, FieldConstants } from '../../../utils';
+declare enum OperationType {
+    CREATE = "CREATE",
+    UPDATE = "UPDATE"
+}
+export interface IElementCommonFields {
+    [FieldConstants.NAME]: string;
+    [FieldConstants.DESCRIPTION]: string;
+}
+export interface IElementCreationDialog extends IElementCommonFields {
+    [FieldConstants.FOLDER_NAME]: string;
+    [FieldConstants.FOLDER_ID]: UUID;
+}
+export interface IElementUpdateDialog extends IElementCommonFields {
+    [FieldConstants.ID]: UUID;
+    parentFolderId?: UUID;
+    elementFullPath: string;
+}
+export type ElementSaveDialogProps = {
+    open: boolean;
+    onClose: () => void;
+    type: ElementType;
+    titleId: string;
+    onSave: (data: IElementCreationDialog) => void;
+    OnUpdate?: (data: IElementUpdateDialog) => void;
+    prefixIdForGeneratedName?: string;
+    initialOperation?: OperationType;
+    selectorTitleId?: string;
+    createLabelId?: string;
+    updateLabelId?: string;
+    createOnlyMode?: boolean;
+} & ({
+    /** createOnlyMode uses only CREATE operation */
+    createOnlyMode: true;
+    selectorTitleId?: string;
+    createLabelId?: string;
+    updateLabelId?: string;
+} | {
+    /** Standard mode requires label IDs for both operations and update callback */
+    createOnlyMode?: false;
+    selectorTitleId: string;
+    createLabelId: string;
+    updateLabelId: string;
+    OnUpdate: (data: IElementUpdateDialog) => void;
+}) & ({
+    /** starting directory can be the same as a given study */
+    studyUuid: UUID;
+    initDirectory?: never;
+} | {
+    studyUuid?: never;
+    /** or directly a given directory */
+    initDirectory?: ElementAttributes;
+});
+export declare function ElementSaveDialog({ open, onSave, OnUpdate, onClose, type, titleId, prefixIdForGeneratedName, studyUuid, initDirectory, initialOperation, selectorTitleId, createLabelId, updateLabelId, createOnlyMode, }: Readonly<ElementSaveDialogProps>): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/dialogs/{elementCreationDialog/ElementCreationDialog.js → elementSaveDialog/ElementSaveDialog.js}

@@ -5,13 +5,6 @@ import { Grid, Button, Typography, Box, CircularProgress } from "@mui/material";
 import { useForm } from "react-hook-form";
 import { yupResolver } from "@hookform/resolvers/yup";
 import "../../../utils/yupConfig.js";
-import { FieldConstants } from "../../../utils/constants/fieldConstants.js";
-import { MAX_CHAR_DESCRIPTION } from "../../../utils/constants/uiConstants.js";
-import "../../../utils/conversionUtils.js";
-import "@mui/icons-material";
-import { ElementType } from "../../../utils/types/elementType.js";
-import "../../../utils/types/equipmentType.js";
-import { CustomMuiDialog } from "../customMuiDialog/CustomMuiDialog.js";
 import "@mui/icons-material/Folder";
 import "../../inputs/reactHookForm/provider/CustomFormProvider.js";
 import * as yup from "yup";
@@ -22,6 +15,7 @@ import { fetchDirectoryElementPath } from "../../../services/directory.js";
 import "../../inputs/reactHookForm/agGridTable/BottomRightButtons.js";
 import "ag-grid-community/styles/ag-grid.css";
 import "ag-grid-community/styles/ag-theme-alpine.css";
+import { FieldConstants } from "../../../utils/constants/fieldConstants.js";
 import "../../customAGGrid/customAggrid.js";
 import "ag-grid-community";
 import "@mui/material/Dialog";
@@ -33,6 +27,8 @@ import "@mui/material/Button";
 import "@mui/material/Grid";
 import "react-csv-downloader";
 import "@mui/material/Alert";
+import "@mui/icons-material";
+import { RadioInput } from "../../inputs/reactHookForm/booleans/RadioInput.js";
 import "../../inputs/reactHookForm/numbers/RangeInput.js";
 import "localized-countries";
 import "localized-countries/data/fr";
@@ -48,44 +44,71 @@ import "../../inputs/reactQueryBuilder/PropertyValueEditor.js";
 import "@mui/material/IconButton";
 import "@mui/icons-material/Delete";
 import "react-querybuilder";
+import "../../../utils/conversionUtils.js";
 import "@mui/material/Box";
+import { ElementType } from "../../../utils/types/elementType.js";
+import { CustomMuiDialog } from "../customMuiDialog/CustomMuiDialog.js";
+import { MAX_CHAR_DESCRIPTION } from "../../../utils/constants/uiConstants.js";
+import "../../../utils/types/equipmentType.js";
+var OperationType = /* @__PURE__ */ ((OperationType2) => {
+  OperationType2["CREATE"] = "CREATE";
+  OperationType2["UPDATE"] = "UPDATE";
+  return OperationType2;
+})(OperationType || {});
 const schema = yup.object().shape({
   [FieldConstants.NAME]: yup.string().trim().required(),
-  [FieldConstants.DESCRIPTION]: yup.string().optional().max(MAX_CHAR_DESCRIPTION, "descriptionLimitError")
+  [FieldConstants.DESCRIPTION]: yup.string().optional().max(MAX_CHAR_DESCRIPTION, "descriptionLimitError"),
+  [FieldConstants.OPERATION_TYPE]: yup.string().oneOf(Object.values(OperationType)).required()
 }).required();
 const emptyFormData = {
   [FieldConstants.NAME]: "",
-  [FieldConstants.DESCRIPTION]: ""
+  [FieldConstants.DESCRIPTION]: "",
+  [FieldConstants.OPERATION_TYPE]: "CREATE"
+  /* CREATE */
 };
-function ElementCreationDialog({
+function ElementSaveDialog({
   open,
   onSave,
+  OnUpdate,
   onClose,
   type,
   titleId,
   prefixIdForGeneratedName,
   studyUuid,
-  initDirectory
+  initDirectory,
+  initialOperation = "CREATE",
+  selectorTitleId,
+  createLabelId,
+  updateLabelId,
+  createOnlyMode = false
 }) {
   const intl = useIntl();
   const { snackError } = useSnackMessage();
   const [directorySelectorOpen, setDirectorySelectorOpen] = useState(false);
   const [destinationFolder, setDestinationFolder] = useState();
+  const [selectedItem, setSelectedItem] = useState();
   const formMethods = useForm({
-    defaultValues: emptyFormData,
+    defaultValues: {
+      ...emptyFormData,
+      [FieldConstants.OPERATION_TYPE]: createOnlyMode ? "CREATE" : initialOperation
+    },
     resolver: yupResolver(schema)
   });
   const {
     reset,
+    setValue,
+    watch,
     formState: { errors }
   } = formMethods;
-  const disableSave = Object.keys(errors).length > 0;
+  const operationType = createOnlyMode ? "CREATE" : watch(FieldConstants.OPERATION_TYPE);
+  const isCreateMode = operationType === "CREATE";
+  const disableSave = Object.keys(errors).length > 0 || isCreateMode && !destinationFolder || !isCreateMode && !selectedItem;
   const onCancel = useCallback(() => {
-    reset(emptyFormData);
+    reset({ ...emptyFormData, [FieldConstants.OPERATION_TYPE]: initialOperation });
     onClose();
-  }, [onClose, reset]);
+  }, [onClose, reset, initialOperation]);
   useEffect(() => {
-    if (prefixIdForGeneratedName) {
+    if (isCreateMode && prefixIdForGeneratedName) {
       const getCurrentDateTime = () => (/* @__PURE__ */ new Date()).toISOString();
       const formattedMessage = intl.formatMessage({
         id: prefixIdForGeneratedName
@@ -99,9 +122,9 @@ function ElementCreationDialog({
         { keepDefaultValues: true }
       );
     }
-  }, [prefixIdForGeneratedName, intl, reset]);
+  }, [prefixIdForGeneratedName, intl, reset, isCreateMode]);
   useEffect(() => {
-    if (open && studyUuid) {
+    if (open && isCreateMode && studyUuid) {
       fetchDirectoryElementPath(studyUuid).then((res) => {
         if (!res || res.length < 2) {
           snackError({
@@ -118,31 +141,47 @@ function ElementCreationDialog({
         });
       });
     }
-  }, [studyUuid, open, snackError]);
+  }, [studyUuid, open, snackError, isCreateMode]);
   useEffect(() => {
-    if (open && initDirectory) {
+    if (open && isCreateMode && initDirectory) {
       setDestinationFolder({
         id: initDirectory.elementUuid,
         name: initDirectory.elementName
       });
     }
-  }, [initDirectory, open]);
+  }, [initDirectory, open, isCreateMode]);
   const handleChangeFolder = useCallback(() => {
     setDirectorySelectorOpen(true);
   }, []);
-  const setSelectedFolder = useCallback(
-    (folder) => {
-      if ((folder == null ? void 0 : folder.length) > 0 && folder[0].id !== (destinationFolder == null ? void 0 : destinationFolder.id)) {
-        const { id, name } = folder[0];
-        setDestinationFolder({ id, name });
+  const handleSelection = useCallback(
+    (items) => {
+      if (isCreateMode) {
+        if ((items == null ? void 0 : items.length) > 0 && items[0].id !== (destinationFolder == null ? void 0 : destinationFolder.id)) {
+          const { id, name } = items[0];
+          setDestinationFolder({ id, name });
+        }
+      } else if ((items == null ? void 0 : items.length) > 0 && items[0].id !== (selectedItem == null ? void 0 : selectedItem.id)) {
+        const { id, name, description, parents } = items[0];
+        if (!parents) {
+          snackError({
+            messageTxt: "errorNoParent",
+            headerId: "error"
+          });
+          return;
+        }
+        const fullPath = [...parents.map((parent) => parent.name), name].join("/");
+        const parentFolderId = parents[parents.length - 1].id;
+        setSelectedItem({ id, name, description, parentFolderId, fullPath });
+        setValue(FieldConstants.DESCRIPTION, description ?? "", { shouldDirty: true });
+        setValue(FieldConstants.NAME, name, { shouldDirty: true });
       }
       setDirectorySelectorOpen(false);
     },
-    [destinationFolder == null ? void 0 : destinationFolder.id]
+    [isCreateMode, destinationFolder == null ? void 0 : destinationFolder.id, selectedItem == null ? void 0 : selectedItem.id, setValue, snackError]
   );
   const onSubmit = useCallback(
     (values) => {
-      if (destinationFolder) {
+      if (isCreateMode && destinationFolder && onSave) {
         const creationData = {
           [FieldConstants.NAME]: values.name,
           [FieldConstants.DESCRIPTION]: values.description ?? "",
@@ -150,14 +189,31 @@ function ElementCreationDialog({
           [FieldConstants.FOLDER_ID]: destinationFolder.id
         };
         onSave(creationData);
+      } else if (!isCreateMode && selectedItem && OnUpdate) {
+        const updateData = {
+          [FieldConstants.ID]: selectedItem.id,
+          [FieldConstants.NAME]: values.name,
+          [FieldConstants.DESCRIPTION]: values.description ?? "",
+          elementFullPath: selectedItem.fullPath,
+          parentFolderId: selectedItem.parentFolderId
+        };
+        OnUpdate(updateData);
       }
     },
-    [onSave, destinationFolder]
+    [isCreateMode, onSave, OnUpdate, destinationFolder, selectedItem]
   );
-  const folderChooser = /* @__PURE__ */ jsxs(Grid, { container: true, item: true, children: [
-    /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(Button, { onClick: handleChangeFolder, variant: "contained", size: "small", children: /* @__PURE__ */ jsx(FormattedMessage, { id: "showSelectDirectoryDialog" }) }) }),
-    /* @__PURE__ */ jsx(Typography, { m: 1, component: "span", children: /* @__PURE__ */ jsx(Box, { fontWeight: "fontWeightBold", children: destinationFolder ? destinationFolder.name : /* @__PURE__ */ jsx(CircularProgress, {}) }) })
-  ] });
+  const renderChooser = () => {
+    if (isCreateMode) {
+      return /* @__PURE__ */ jsxs(Grid, { container: true, item: true, children: [
+        /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(Button, { onClick: handleChangeFolder, variant: "contained", size: "small", children: /* @__PURE__ */ jsx(FormattedMessage, { id: "showSelectDirectoryDialog" }) }) }),
+        /* @__PURE__ */ jsx(Typography, { m: 1, component: "span", children: /* @__PURE__ */ jsx(Box, { fontWeight: "fontWeightBold", children: destinationFolder ? destinationFolder.name : /* @__PURE__ */ jsx(CircularProgress, {}) }) })
+      ] });
+    }
+    return /* @__PURE__ */ jsxs(Grid, { container: true, item: true, children: [
+      /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(Button, { onClick: handleChangeFolder, variant: "contained", size: "small", children: /* @__PURE__ */ jsx(FormattedMessage, { id: "showSelectDirectoryItemDialog" }) }) }),
+      /* @__PURE__ */ jsx(Typography, { m: 1, component: "span", children: /* @__PURE__ */ jsx(Box, { fontWeight: "fontWeightBold", children: selectedItem ? selectedItem.fullPath : null }) })
+    ] });
+  };
   return /* @__PURE__ */ jsxs(
     CustomMuiDialog,
     {
@@ -170,39 +226,58 @@ function ElementCreationDialog({
       formMethods,
       children: [
         /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, marginTop: "auto", direction: "column", children: [
+          !createOnlyMode && /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(
+            RadioInput,
+            {
+              name: FieldConstants.OPERATION_TYPE,
+              options: [
+                { id: "CREATE", label: intl.formatMessage({ id: createLabelId }) },
+                { id: "UPDATE", label: intl.formatMessage({ id: updateLabelId }) }
+              ],
+              formProps: {
+                sx: {
+                  "& .MuiFormControlLabel-root": {
+                    marginRight: 15
+                  }
+                }
+              }
+            }
+          ) }),
           /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(
             UniqueNameInput,
             {
               name: FieldConstants.NAME,
               label: "name",
               elementType: type,
-              activeDirectory: destinationFolder == null ? void 0 : destinationFolder.id,
+              currentName: !isCreateMode ? selectedItem == null ? void 0 : selectedItem.name : void 0,
+              activeDirectory: isCreateMode ? destinationFolder == null ? void 0 : destinationFolder.id : selectedItem == null ? void 0 : selectedItem.parentFolderId,
               autoFocus: true
             }
           ) }),
           /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(DescriptionField, {}) }),
-          folderChooser
+          renderChooser()
         ] }),
         /* @__PURE__ */ jsx(
           DirectoryItemSelector,
           {
             open: directorySelectorOpen,
-            onClose: setSelectedFolder,
-            types: [ElementType.DIRECTORY],
-            onlyLeaves: false,
+            onClose: handleSelection,
+            types: isCreateMode ? [ElementType.DIRECTORY] : [type],
+            onlyLeaves: isCreateMode ? false : void 0,
             multiSelect: false,
             validationButtonText: intl.formatMessage({
               id: "validate"
             }),
             title: intl.formatMessage({
-              id: "showSelectDirectoryDialog"
+              id: isCreateMode ? "showSelectDirectoryDialog" : selectorTitleId
             })
-          }
+          },
+          isCreateMode ? destinationFolder == null ? void 0 : destinationFolder.id : selectedItem == null ? void 0 : selectedItem.id
         )
       ]
     }
   );
 }
 export {
-  ElementCreationDialog
+  ElementSaveDialog
 };

package/dist/components/dialogs/{elementCreationDialog → elementSaveDialog}/index.d.ts

@@ -1,7 +1,7 @@
 /**
- * Copyright (c) 2024, RTE (http://www.rte-france.com)
+ * Copyright (c) 2025, RTE (http://www.rte-france.com)
  * This Source Code Form is subject to the terms of the Mozilla Public
  * License, v. 2.0. If a copy of the MPL was not distributed with this
  * file, You can obtain one at http://mozilla.org/MPL/2.0/.
  */
-export * from './ElementCreationDialog';
+export * from './ElementSaveDialog';

package/dist/components/dialogs/elementSaveDialog/index.js

@@ -0,0 +1,4 @@
+import { ElementSaveDialog } from "./ElementSaveDialog.js";
+export {
+  ElementSaveDialog
+};

package/dist/components/dialogs/index.d.ts

@@ -6,6 +6,6 @@
  */
 export * from './customMuiDialog/CustomMuiDialog';
 export * from './descriptionModificationDialog';
-export * from './elementCreationDialog';
+export * from './elementSaveDialog';
 export * from './modifyElementSelection';
 export * from './popupConfirmationDialog';

package/dist/components/dialogs/index.js

@@ -1,12 +1,12 @@
 import { CustomMuiDialog, unscrollableDialogStyles } from "./customMuiDialog/CustomMuiDialog.js";
 import { DescriptionModificationDialog } from "./descriptionModificationDialog/DescriptionModificationDialog.js";
-import { ElementCreationDialog } from "./elementCreationDialog/ElementCreationDialog.js";
+import { ElementSaveDialog } from "./elementSaveDialog/ElementSaveDialog.js";
 import { ModifyElementSelection } from "./modifyElementSelection/ModifyElementSelection.js";
 import { PopupConfirmationDialog } from "./popupConfirmationDialog/PopupConfirmationDialog.js";
 export {
   CustomMuiDialog,
   DescriptionModificationDialog,
-  ElementCreationDialog,
+  ElementSaveDialog,
   ModifyElementSelection,
   PopupConfirmationDialog,
   unscrollableDialogStyles

package/dist/components/directoryItemSelector/DirectoryItemSelector.js

@@ -124,6 +124,7 @@ function DirectoryItemSelector({
       return {
         id: e.elementUuid,
         name: e.elementName,
+        description: e.description,
         specificMetadata: e.specificMetadata,
         icon: getFileIcon(e.type, styles.icon),
         children: e.type === ElementType.DIRECTORY ? convertChildren(e.children) : void 0,
@@ -137,6 +138,7 @@ function DirectoryItemSelector({
         return {
           id: e.elementUuid,
           name: e.elementName,
+          description: e.description,
           icon: getFileIcon(e.type, styles.icon),
           children: e.type === ElementType.DIRECTORY ? convertChildren(nodeMap.current[e.elementUuid].children) : void 0,
           childrenCount: e.type === ElementType.DIRECTORY ? e.subdirectoriesCount : void 0

package/dist/components/filter/FilterForm.js

@@ -9,7 +9,7 @@ import { ExpertFilterForm } from "./expert/ExpertFilterForm.js";
 import { FilterType } from "./constants/FilterConstants.js";
 import { unscrollableDialogStyles } from "../dialogs/customMuiDialog/CustomMuiDialog.js";
 import "../dialogs/descriptionModificationDialog/DescriptionModificationDialog.js";
-import "../dialogs/elementCreationDialog/ElementCreationDialog.js";
+import "../dialogs/elementSaveDialog/ElementSaveDialog.js";
 import "react-intl";
 import "@mui/icons-material";
 import "../treeViewFinder/TreeViewFinder.js";

package/dist/components/filter/expert/ExpertFilterForm.js

@@ -14,7 +14,7 @@ import { FilterType } from "../constants/FilterConstants.js";
 import { CustomReactQueryBuilder } from "../../inputs/reactQueryBuilder/CustomReactQueryBuilder.js";
 import { unscrollableDialogStyles } from "../../dialogs/customMuiDialog/CustomMuiDialog.js";
 import "../../dialogs/descriptionModificationDialog/DescriptionModificationDialog.js";
-import "../../dialogs/elementCreationDialog/ElementCreationDialog.js";
+import "../../dialogs/elementSaveDialog/ElementSaveDialog.js";
 import "react-intl";
 import "@mui/icons-material";
 import "../../treeViewFinder/TreeViewFinder.js";

package/dist/components/filter/explicitNaming/ExplicitNamingFilterForm.js

@@ -20,7 +20,7 @@ import { ModifyElementSelection } from "../../dialogs/modifyElementSelection/Mod
 import { exportFilter } from "../../../services/study.js";
 import { unscrollableDialogStyles } from "../../dialogs/customMuiDialog/CustomMuiDialog.js";
 import "../../dialogs/descriptionModificationDialog/DescriptionModificationDialog.js";
-import "../../dialogs/elementCreationDialog/ElementCreationDialog.js";
+import "../../dialogs/elementSaveDialog/ElementSaveDialog.js";
 import "@mui/material/Dialog";
 import "@mui/material/DialogTitle";
 import "@mui/material/DialogContent";

package/dist/components/index.js

@@ -15,7 +15,7 @@ import { CUSTOM_AGGRID_THEME, styles } from "./customAGGrid/customAggrid.style.j
 import { CustomAGGrid } from "./customAGGrid/customAggrid.js";
 import { CustomMuiDialog, unscrollableDialogStyles } from "./dialogs/customMuiDialog/CustomMuiDialog.js";
 import { DescriptionModificationDialog } from "./dialogs/descriptionModificationDialog/DescriptionModificationDialog.js";
-import { ElementCreationDialog } from "./dialogs/elementCreationDialog/ElementCreationDialog.js";
+import { ElementSaveDialog } from "./dialogs/elementSaveDialog/ElementSaveDialog.js";
 import { ModifyElementSelection } from "./dialogs/modifyElementSelection/ModifyElementSelection.js";
 import { PopupConfirmationDialog } from "./dialogs/popupConfirmationDialog/PopupConfirmationDialog.js";
 import { DirectoryItemSelector } from "./directoryItemSelector/DirectoryItemSelector.js";
@@ -144,7 +144,7 @@ export {
   EXPERT_FILTER_EQUIPMENTS,
   EXPERT_FILTER_FIELDS,
   EXPERT_FILTER_QUERY,
-  ElementCreationDialog,
+  ElementSaveDialog,
   ElementSearchDialog,
   ElementSearchInput,
   ElementValueEditor,

package/dist/components/inputs/reactHookForm/text/DescriptionField.js

@@ -1,5 +1,5 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useState } from "react";
+import { useState, useEffect } from "react";
 import { FormattedMessage } from "react-intl";
 import { Box, Button } from "@mui/material";
 import AddIcon from "@mui/icons-material/ControlPoint";
@@ -22,6 +22,11 @@ function DescriptionField({ expandingTextSx }) {
     setIsDescriptionFieldVisible(false);
     setValue(FieldConstants.DESCRIPTION, "", { shouldDirty: true });
   };
+  useEffect(() => {
+    if (description) {
+      setIsDescriptionFieldVisible(true);
+    }
+  }, [description]);
   return /* @__PURE__ */ jsx(Box, { children: !isDescriptionFieldVisible ? /* @__PURE__ */ jsx(Button, { startIcon: /* @__PURE__ */ jsx(AddIcon, {}), onClick: handleOpenDescription, children: /* @__PURE__ */ jsx(FormattedMessage, { id: "AddDescription" }) }) : /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "flex-start" }, children: [
     /* @__PURE__ */ jsx(
       ExpandingTextField,

package/dist/components/inputs/reactHookForm/text/UniqueNameInput.d.ts

@@ -9,10 +9,11 @@ export interface UniqueNameInputProps {
     onManualChangeCallback?: () => void;
     formProps?: Omit<TextFieldProps, 'value' | 'onChange' | 'name' | 'label' | 'inputRef' | 'inputProps' | 'InputProps'>;
     activeDirectory?: UUID;
+    currentName?: string;
     sx?: SxProps<Theme>;
     fullWidth?: boolean;
 }
 /**
  * Input component that constantly check if the field's value is available or not
  */
-export declare function UniqueNameInput({ name, label, elementType, autoFocus, onManualChangeCallback, formProps, activeDirectory, sx, fullWidth, }: Readonly<UniqueNameInputProps>): import("react/jsx-runtime").JSX.Element;
+export declare function UniqueNameInput({ name, label, elementType, autoFocus, onManualChangeCallback, formProps, currentName, activeDirectory, sx, fullWidth, }: Readonly<UniqueNameInputProps>): import("react/jsx-runtime").JSX.Element;

package/dist/components/inputs/reactHookForm/text/UniqueNameInput.js

@@ -24,6 +24,7 @@ function UniqueNameInput({
   autoFocus,
   onManualChangeCallback,
   formProps,
+  currentName = "",
   activeDirectory,
   sx,
   fullWidth = true
@@ -50,7 +51,7 @@ function UniqueNameInput({
   const directory = selectedDirectory || activeDirectory;
   const handleCheckName = useCallback(
     (nameValue) => {
-      if (nameValue) {
+      if (nameValue !== currentName && directory) {
         elementAlreadyExists(directory, nameValue, elementType).then((alreadyExist) => {
           if (alreadyExist) {
             setError(name, {
@@ -68,9 +69,11 @@ function UniqueNameInput({
           clearErrors("root.isValidating");
           trigger("root.isValidating");
         });
+      } else {
+        trigger("root.isValidating");
       }
     },
-    [setError, clearErrors, name, elementType, directory, trigger]
+    [currentName, directory, elementType, setError, name, clearErrors, trigger]
   );
   const debouncedHandleCheckName = useDebounce(handleCheckName, 700);
   useEffect(() => {

package/dist/components/treeViewFinder/TreeViewFinder.d.ts

@@ -1,13 +1,16 @@
 import { ReactElement } from 'react';
 import { ButtonProps, ModalProps } from '@mui/material';
 import { TreeViewClasses } from '@mui/x-tree-view';
+import { UUID } from 'crypto';
 export declare const generateTreeViewFinderClass: (className: string) => string;
 export interface TreeViewFinderNodeProps {
-    id: string;
+    id: UUID;
     name: string;
+    description?: string;
     icon?: ReactElement;
     childrenCount?: number;
     children?: TreeViewFinderNodeProps[];
+    parents?: TreeViewFinderNodeProps[];
 }
 export interface TreeViewFinderProps {
     defaultExpanded?: string[];
@@ -28,4 +31,4 @@ export interface TreeViewFinderProps {
     onTreeBrowse?: (nodeId: string) => void;
     sortMethod?: (a: TreeViewFinderNodeProps, b: TreeViewFinderNodeProps) => number;
 }
-export declare const TreeViewFinder: import('@emotion/styled').StyledComponent<TreeViewFinderProps & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
+export declare const TreeViewFinder: import('@emotion/styled').StyledComponent<Readonly<TreeViewFinderProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;

package/dist/components/treeViewFinder/TreeViewFinder.js

@@ -79,6 +79,24 @@ function TreeViewFinderComponant(props) {
     });
     return newMapPrintedNodes;
   }, []);
+  const findParents = (nodeId, nodes, parentPath = []) => {
+    let result = null;
+    nodes.some((node) => {
+      if (node.id === nodeId) {
+        result = parentPath;
+        return true;
+      }
+      if (node.children) {
+        const childResult = findParents(nodeId, node.children, [...parentPath, node]);
+        if (childResult) {
+          result = childResult;
+          return true;
+        }
+      }
+      return false;
+    });
+    return result;
+  };
   useEffect(() => {
     const newMapPrintedNodes = computeMapPrintedNodes(data);
     setMapPrintedNodes(newMapPrintedNodes);
@@ -87,9 +105,17 @@ function TreeViewFinderComponant(props) {
     if (!selected) {
       return [];
     }
-    return selected == null ? void 0 : selected.map((nodeId) => {
-      return mapPrintedNodes[nodeId];
-    });
+    return selected.map((nodeId) => {
+      const selectedNode = mapPrintedNodes[nodeId];
+      if (!selectedNode) {
+        return null;
+      }
+      const parents = findParents(nodeId, data ?? []);
+      return {
+        ...selectedNode,
+        parents: parents ?? []
+      };
+    }).filter((node) => node !== null);
   };
   const handleNodeToggle = (_e, nodeIds) => {
     nodeIds.every((nodeId) => {

package/dist/index.js

@@ -16,7 +16,7 @@ import { CUSTOM_AGGRID_THEME, styles } from "./components/customAGGrid/customAgg
 import { CustomAGGrid } from "./components/customAGGrid/customAggrid.js";
 import { CustomMuiDialog, unscrollableDialogStyles } from "./components/dialogs/customMuiDialog/CustomMuiDialog.js";
 import { DescriptionModificationDialog } from "./components/dialogs/descriptionModificationDialog/DescriptionModificationDialog.js";
-import { ElementCreationDialog } from "./components/dialogs/elementCreationDialog/ElementCreationDialog.js";
+import { ElementSaveDialog } from "./components/dialogs/elementSaveDialog/ElementSaveDialog.js";
 import { ModifyElementSelection } from "./components/dialogs/modifyElementSelection/ModifyElementSelection.js";
 import { PopupConfirmationDialog } from "./components/dialogs/popupConfirmationDialog/PopupConfirmationDialog.js";
 import { DirectoryItemSelector } from "./components/directoryItemSelector/DirectoryItemSelector.js";
@@ -234,7 +234,7 @@ export {
   EXPERT_FILTER_EQUIPMENTS,
   EXPERT_FILTER_FIELDS,
   EXPERT_FILTER_QUERY,
-  ElementCreationDialog,
+  ElementSaveDialog,
   ElementSearchDialog,
   ElementSearchInput,
   ElementType,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@gridsuite/commons-ui",
-    "version": "0.89.4",
+    "version": "0.91.1",
     "description": "common react components for gridsuite applications",
     "author": "gridsuite team",
     "homepage": "https://github.com/gridsuite",

package/dist/components/dialogs/elementCreationDialog/ElementCreationDialog.d.ts

@@ -1,28 +0,0 @@
-import { UUID } from 'crypto';
-import { ElementAttributes, ElementType, FieldConstants } from '../../../utils';
-interface FormData {
-    [FieldConstants.NAME]: string;
-    [FieldConstants.DESCRIPTION]: string;
-}
-export interface IElementCreationDialog extends FormData {
-    [FieldConstants.FOLDER_NAME]: string;
-    [FieldConstants.FOLDER_ID]: UUID;
-}
-export type ElementCreationDialogProps = {
-    open: boolean;
-    onSave: (data: IElementCreationDialog) => void;
-    onClose: () => void;
-    type: ElementType;
-    titleId: string;
-    prefixIdForGeneratedName?: string;
-} & ({
-    /** starting directory can be the same as a given study */
-    studyUuid: UUID;
-    initDirectory?: never;
-} | {
-    studyUuid?: never;
-    /** or directly a given directory */
-    initDirectory: ElementAttributes;
-});
-export declare function ElementCreationDialog({ open, onSave, onClose, type, titleId, prefixIdForGeneratedName, studyUuid, initDirectory, }: Readonly<ElementCreationDialogProps>): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/dialogs/elementCreationDialog/index.js

@@ -1,4 +0,0 @@
-import { ElementCreationDialog } from "./ElementCreationDialog.js";
-export {
-  ElementCreationDialog
-};