@gridsuite/commons-ui 0.85.1 → 0.86.0

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

@@ -8,6 +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 "react-intl";
 import "@mui/icons-material";
 import "../../treeViewFinder/TreeViewFinder.js";

package/dist/components/contingencyList/criteriaBased/criteriaBasedUtils.d.ts

@@ -16,24 +16,24 @@ export type CriteriaBasedData = {
 export declare function getCriteriaBasedSchema(extraFields?: Record<string, yup.AnyObject | null>): {
     readonly criteriaBased: ObjectSchema<{
         nominalVoltage3: {
+            type: string;
             value1: number | null;
             value2: number | null;
-            type: string;
         };
         nominalVoltage2: {
+            type: string;
             value1: number | null;
             value2: number | null;
-            type: string;
         };
         nominalVoltage1: {
+            type: string;
             value1: number | null;
             value2: number | null;
-            type: string;
         };
         nominalVoltage: {
+            type: string;
             value1: number | null;
             value2: number | null;
-            type: string;
         };
         countries: string[] | undefined;
         countries1: string[] | undefined;

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

@@ -0,0 +1,29 @@
+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/ElementCreationDialog.js

@@ -0,0 +1,208 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useIntl, FormattedMessage } from "react-intl";
+import { useState, useCallback, useEffect } from "react";
+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 { CustomMuiDialog } from "../customMuiDialog/CustomMuiDialog.js";
+import "@mui/icons-material/Folder";
+import "../../inputs/reactHookForm/provider/CustomFormProvider.js";
+import * as yup from "yup";
+import { useSnackMessage } from "../../../hooks/useSnackMessage.js";
+import "../../overflowableText/OverflowableText.js";
+import { DirectoryItemSelector } from "../../directoryItemSelector/DirectoryItemSelector.js";
+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 "../../customAGGrid/customAggrid.js";
+import "ag-grid-community";
+import "@mui/material/Dialog";
+import "@mui/material/DialogTitle";
+import "@mui/material/DialogContent";
+import "@mui/material/DialogActions";
+import "react-papaparse";
+import "@mui/material/Button";
+import "@mui/material/Grid";
+import "react-csv-downloader";
+import "@mui/material/Alert";
+import "@mui/material/styles";
+import "../../inputs/reactHookForm/numbers/RangeInput.js";
+import "localized-countries";
+import "localized-countries/data/fr";
+import "localized-countries/data/en";
+import { DescriptionField } from "../../inputs/reactHookForm/text/DescriptionField.js";
+import { UniqueNameInput } from "../../inputs/reactHookForm/text/UniqueNameInput.js";
+import "@mui/icons-material/ControlPoint";
+import "@react-querybuilder/material";
+import "../../filter/expert/expertFilterConstants.js";
+import "../../inputs/reactQueryBuilder/CustomReactQueryBuilder.js";
+import "uuid";
+import "../../inputs/reactQueryBuilder/PropertyValueEditor.js";
+import "@mui/material/IconButton";
+import "@mui/icons-material/Delete";
+import "react-querybuilder";
+import "@mui/material/Box";
+const schema = yup.object().shape({
+  [FieldConstants.NAME]: yup.string().trim().required(),
+  [FieldConstants.DESCRIPTION]: yup.string().optional().max(MAX_CHAR_DESCRIPTION, "descriptionLimitError")
+}).required();
+const emptyFormData = {
+  [FieldConstants.NAME]: "",
+  [FieldConstants.DESCRIPTION]: ""
+};
+function ElementCreationDialog({
+  open,
+  onSave,
+  onClose,
+  type,
+  titleId,
+  prefixIdForGeneratedName,
+  studyUuid,
+  initDirectory
+}) {
+  const intl = useIntl();
+  const { snackError } = useSnackMessage();
+  const [directorySelectorOpen, setDirectorySelectorOpen] = useState(false);
+  const [destinationFolder, setDestinationFolder] = useState();
+  const formMethods = useForm({
+    defaultValues: emptyFormData,
+    resolver: yupResolver(schema)
+  });
+  const {
+    reset,
+    formState: { errors }
+  } = formMethods;
+  const disableSave = Object.keys(errors).length > 0;
+  const onCancel = useCallback(() => {
+    reset(emptyFormData);
+    onClose();
+  }, [onClose, reset]);
+  useEffect(() => {
+    if (prefixIdForGeneratedName) {
+      const getCurrentDateTime = () => (/* @__PURE__ */ new Date()).toISOString();
+      const formattedMessage = intl.formatMessage({
+        id: prefixIdForGeneratedName
+      });
+      const dateTime = getCurrentDateTime();
+      reset(
+        {
+          ...emptyFormData,
+          [FieldConstants.NAME]: `${formattedMessage}-${dateTime}`
+        },
+        { keepDefaultValues: true }
+      );
+    }
+  }, [prefixIdForGeneratedName, intl, reset]);
+  useEffect(() => {
+    if (open && studyUuid) {
+      fetchDirectoryElementPath(studyUuid).then((res) => {
+        if (!res || res.length < 2) {
+          snackError({
+            messageTxt: "unknown study directory",
+            headerId: "studyDirectoryFetchingError"
+          });
+          return;
+        }
+        const parentFolderIndex = res.length - 2;
+        const { elementUuid, elementName } = res[parentFolderIndex];
+        setDestinationFolder({
+          id: elementUuid,
+          name: elementName
+        });
+      });
+    }
+  }, [studyUuid, open, snackError]);
+  useEffect(() => {
+    if (open && initDirectory) {
+      setDestinationFolder({
+        id: initDirectory.elementUuid,
+        name: initDirectory.elementName
+      });
+    }
+  }, [initDirectory, open]);
+  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 });
+      }
+      setDirectorySelectorOpen(false);
+    },
+    [destinationFolder == null ? void 0 : destinationFolder.id]
+  );
+  const onSubmit = useCallback(
+    (values) => {
+      if (destinationFolder) {
+        const creationData = {
+          [FieldConstants.NAME]: values.name,
+          [FieldConstants.DESCRIPTION]: values.description ?? "",
+          [FieldConstants.FOLDER_NAME]: destinationFolder.name ?? "",
+          [FieldConstants.FOLDER_ID]: destinationFolder.id
+        };
+        onSave(creationData);
+      }
+    },
+    [onSave, destinationFolder]
+  );
+  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, {}) }) })
+  ] });
+  return /* @__PURE__ */ jsxs(
+    CustomMuiDialog,
+    {
+      open,
+      onClose: onCancel,
+      titleId,
+      onSave: onSubmit,
+      disabledSave: disableSave,
+      formSchema: schema,
+      formMethods,
+      children: [
+        /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, marginTop: "auto", direction: "column", children: [
+          /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(
+            UniqueNameInput,
+            {
+              name: FieldConstants.NAME,
+              label: "name",
+              elementType: type,
+              activeDirectory: destinationFolder == null ? void 0 : destinationFolder.id,
+              autoFocus: true
+            }
+          ) }),
+          /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(DescriptionField, {}) }),
+          folderChooser
+        ] }),
+        /* @__PURE__ */ jsx(
+          DirectoryItemSelector,
+          {
+            open: directorySelectorOpen,
+            onClose: setSelectedFolder,
+            types: [ElementType.DIRECTORY],
+            onlyLeaves: false,
+            multiSelect: false,
+            validationButtonText: intl.formatMessage({
+              id: "validate"
+            }),
+            title: intl.formatMessage({
+              id: "showSelectDirectoryDialog"
+            })
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  ElementCreationDialog
+};

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

@@ -0,0 +1,7 @@
+/**
+ * Copyright (c) 2024, 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';

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

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

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

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

package/dist/components/dialogs/index.js

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

package/dist/components/filter/FilterCreationDialog.d.ts

@@ -1,15 +1,13 @@
 import { UUID } from 'crypto';
-import { ElementExistsType } from '../../utils/types/elementType';
 
 export interface FilterCreationDialogProps {
     open: boolean;
     onClose: () => void;
     activeDirectory?: UUID;
-    elementExists?: ElementExistsType;
     language?: string;
     sourceFilterForExplicitNamingConversion?: {
         id: UUID;
         equipmentType: string;
     };
 }
-export declare function FilterCreationDialog({ open, onClose, activeDirectory, elementExists, language, sourceFilterForExplicitNamingConversion, }: FilterCreationDialogProps): import("react/jsx-runtime").JSX.Element;
+export declare function FilterCreationDialog({ open, onClose, activeDirectory, language, sourceFilterForExplicitNamingConversion, }: FilterCreationDialogProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/filter/FilterCreationDialog.js

@@ -35,7 +35,6 @@ function FilterCreationDialog({
   open,
   onClose,
   activeDirectory,
-  elementExists,
   language,
   sourceFilterForExplicitNamingConversion = void 0
 }) {
@@ -106,7 +105,6 @@ function FilterCreationDialog({
         {
           creation: true,
           activeDirectory,
-          elementExists,
           sourceFilterForExplicitNamingConversion
         }
       )

package/dist/components/filter/FilterForm.d.ts

@@ -1,3 +1,3 @@
 import { FilterFormProps } from './HeaderFilterForm';
 
-export declare function FilterForm({ sourceFilterForExplicitNamingConversion, creation, activeDirectory, elementExists, }: Readonly<FilterFormProps>): import("react/jsx-runtime").JSX.Element;
+export declare function FilterForm({ sourceFilterForExplicitNamingConversion, creation, activeDirectory, }: Readonly<FilterFormProps>): import("react/jsx-runtime").JSX.Element;

package/dist/components/filter/FilterForm.js

@@ -9,6 +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 "react-intl";
 import "@mui/icons-material";
 import "../treeViewFinder/TreeViewFinder.js";
@@ -22,8 +23,7 @@ import "@mui/material/styles";
 function FilterForm({
   sourceFilterForExplicitNamingConversion,
   creation,
-  activeDirectory,
-  elementExists
+  activeDirectory
 }) {
   const { setValue } = useFormContext();
   const filterType = useWatch({ name: FieldConstants.FILTER_TYPE });
@@ -41,7 +41,6 @@ function FilterForm({
       {
         creation,
         activeDirectory,
-        elementExists,
         sourceFilterForExplicitNamingConversion,
         handleFilterTypeChange
       }

package/dist/components/filter/HeaderFilterForm.d.ts

@@ -1,11 +1,9 @@
 import { UUID } from 'crypto';
-import { ElementExistsType } from '../../utils/types/elementType';
 import { default as yup } from '../../utils/yupConfig';
 
 export interface FilterFormProps {
     creation?: boolean;
     activeDirectory?: UUID;
-    elementExists?: ElementExistsType;
     sourceFilterForExplicitNamingConversion?: {
         id: UUID;
         equipmentType: string;
@@ -18,4 +16,4 @@ export declare const HeaderFilterSchema: {
     equipmentType: yup.StringSchema<string, yup.AnyObject, undefined, "">;
     description: yup.StringSchema<string | undefined, yup.AnyObject, undefined, "">;
 };
-export declare function HeaderFilterForm({ sourceFilterForExplicitNamingConversion, creation, activeDirectory, elementExists, handleFilterTypeChange, }: Readonly<FilterFormProps>): import("react/jsx-runtime").JSX.Element;
+export declare function HeaderFilterForm({ sourceFilterForExplicitNamingConversion, creation, activeDirectory, handleFilterTypeChange, }: Readonly<FilterFormProps>): import("react/jsx-runtime").JSX.Element;

package/dist/components/filter/HeaderFilterForm.js

@@ -19,7 +19,6 @@ function HeaderFilterForm({
   sourceFilterForExplicitNamingConversion,
   creation,
   activeDirectory,
-  elementExists,
   handleFilterTypeChange
 }) {
   const filterTypes = Object.values(FilterType);
@@ -31,8 +30,7 @@ function HeaderFilterForm({
         label: "nameProperty",
         elementType: ElementType.FILTER,
         autoFocus: creation,
-        activeDirectory,
-        elementExists
+        activeDirectory
       }
     ) }),
     /* @__PURE__ */ jsxs(Fragment, { children: [

package/dist/components/filter/expert/ExpertFilterEditionDialog.d.ts

@@ -1,3 +1,3 @@
 import { FilterEditionProps } from '../filter.type';
 
-export declare function ExpertFilterEditionDialog({ id, name, titleId, open, onClose, broadcastChannel, itemSelectionForCopy, getFilterById, setItemSelectionForCopy, activeDirectory, elementExists, language, description, }: Readonly<FilterEditionProps>): import("react/jsx-runtime").JSX.Element;
+export declare function ExpertFilterEditionDialog({ id, name, titleId, open, onClose, broadcastChannel, itemSelectionForCopy, getFilterById, setItemSelectionForCopy, activeDirectory, language, description, }: Readonly<FilterEditionProps>): import("react/jsx-runtime").JSX.Element;

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

@@ -31,7 +31,6 @@ function ExpertFilterEditionDialog({
   getFilterById,
   setItemSelectionForCopy,
   activeDirectory,
-  elementExists,
   language,
   description
 }) {
@@ -109,7 +108,7 @@ function ExpertFilterEditionDialog({
       isDataFetching: dataFetchStatus === FetchStatus.FETCHING,
       language,
       unscrollableFullHeight: true,
-      children: isDataReady && /* @__PURE__ */ jsx(FilterForm, { activeDirectory, elementExists })
+      children: isDataReady && /* @__PURE__ */ jsx(FilterForm, { activeDirectory })
     }
   );
 }

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

@@ -14,6 +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 "react-intl";
 import "@mui/icons-material";
 import "../../treeViewFinder/TreeViewFinder.js";

package/dist/components/filter/explicitNaming/ExplicitNamingFilterEditionDialog.d.ts

@@ -1,3 +1,3 @@
 import { FilterEditionProps } from '../filter.type';
 
-export declare function ExplicitNamingFilterEditionDialog({ id, name, titleId, open, onClose, broadcastChannel, itemSelectionForCopy, setItemSelectionForCopy, getFilterById, activeDirectory, elementExists, language, description, }: Readonly<FilterEditionProps>): import("react/jsx-runtime").JSX.Element;
+export declare function ExplicitNamingFilterEditionDialog({ id, name, titleId, open, onClose, broadcastChannel, itemSelectionForCopy, setItemSelectionForCopy, getFilterById, activeDirectory, language, description, }: Readonly<FilterEditionProps>): import("react/jsx-runtime").JSX.Element;

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

@@ -31,7 +31,6 @@ function ExplicitNamingFilterEditionDialog({
   setItemSelectionForCopy,
   getFilterById,
   activeDirectory,
-  elementExists,
   language,
   description
 }) {
@@ -110,7 +109,7 @@ function ExplicitNamingFilterEditionDialog({
       isDataFetching: dataFetchStatus === FetchStatus.FETCHING,
       language,
       unscrollableFullHeight: true,
-      children: isDataReady && /* @__PURE__ */ jsx(FilterForm, { activeDirectory, elementExists })
+      children: isDataReady && /* @__PURE__ */ jsx(FilterForm, { activeDirectory })
     }
   );
 }

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

@@ -20,6 +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 "@mui/material/Dialog";
 import "@mui/material/DialogTitle";
 import "@mui/material/DialogContent";

package/dist/components/filter/filter.type.d.ts

@@ -1,5 +1,5 @@
 import { UUID } from 'crypto';
-import { ElementExistsType, FieldConstants } from '../../utils';
+import { FieldConstants } from '../../utils';
 import { RuleGroupTypeExport } from './expert/expertFilter.type';
 import { EXPERT_FILTER_QUERY } from './expert/expertFilterConstants';
 import { FILTER_EQUIPMENTS_ATTRIBUTES } from './explicitNaming/ExplicitNamingFilterConstants';
@@ -34,7 +34,6 @@ export interface FilterEditionProps {
         [FILTER_EQUIPMENTS_ATTRIBUTES]?: EquipmentsFilter[];
     }>;
     activeDirectory?: UUID;
-    elementExists?: ElementExistsType;
     language?: string;
     description?: string;
 }

package/dist/components/index.js

@@ -15,6 +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 { ModifyElementSelection } from "./dialogs/modifyElementSelection/ModifyElementSelection.js";
 import { PopupConfirmationDialog } from "./dialogs/popupConfirmationDialog/PopupConfirmationDialog.js";
 import { DirectoryItemSelector } from "./directoryItemSelector/DirectoryItemSelector.js";
@@ -142,6 +143,7 @@ export {
   EXPERT_FILTER_EQUIPMENTS,
   EXPERT_FILTER_FIELDS,
   EXPERT_FILTER_QUERY,
+  ElementCreationDialog,
   ElementSearchDialog,
   ElementSearchInput,
   ElementValueEditor,

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

@@ -1,6 +1,6 @@
 import { TextFieldProps } from '@mui/material';
 import { UUID } from 'crypto';
-import { ElementExistsType, ElementType } from '../../../../utils/types/elementType';
+import { ElementType } from '../../../../utils';
 
 export interface UniqueNameInputProps {
     name: string;
@@ -10,9 +10,8 @@ export interface UniqueNameInputProps {
     onManualChangeCallback?: () => void;
     formProps?: Omit<TextFieldProps, 'value' | 'onChange' | 'name' | 'label' | 'inputRef' | 'inputProps' | 'InputProps'>;
     activeDirectory?: UUID;
-    elementExists?: ElementExistsType;
 }
 /**
  * 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, elementExists, }: Readonly<UniqueNameInputProps>): import("react/jsx-runtime").JSX.Element;
+export declare function UniqueNameInput({ name, label, elementType, autoFocus, onManualChangeCallback, formProps, activeDirectory, }: Readonly<UniqueNameInputProps>): import("react/jsx-runtime").JSX.Element;

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

@@ -6,8 +6,16 @@ import CheckIcon from "@mui/icons-material/Check";
 import { useController, useFormContext } from "react-hook-form";
 import CircularProgress from "@mui/material/CircularProgress";
 import TextField from "@mui/material/TextField";
+import { elementAlreadyExists } from "../../../../services/directory.js";
 import { useDebounce } from "../../../../hooks/useDebounce.js";
+import "localized-countries";
+import "localized-countries/data/fr";
+import "localized-countries/data/en";
+import "notistack";
 import { FieldConstants } from "../../../../utils/constants/fieldConstants.js";
+import "../../../../utils/conversionUtils.js";
+import "@mui/icons-material";
+import "../../../../utils/yupConfig.js";
 function UniqueNameInput({
   name,
   label,
@@ -15,8 +23,7 @@ function UniqueNameInput({
   autoFocus,
   onManualChangeCallback,
   formProps,
-  activeDirectory,
-  elementExists
+  activeDirectory
 }) {
   var _a;
   const {
@@ -41,7 +48,7 @@ function UniqueNameInput({
   const handleCheckName = useCallback(
     (nameValue) => {
       if (nameValue) {
-        elementExists == null ? void 0 : elementExists(directory, nameValue, elementType).then((alreadyExist) => {
+        elementAlreadyExists(directory, nameValue, elementType).then((alreadyExist) => {
           if (alreadyExist) {
             setError(name, {
               type: "validate",
@@ -60,7 +67,7 @@ function UniqueNameInput({
         });
       }
     },
-    [setError, clearErrors, name, elementType, elementExists, directory, trigger]
+    [setError, clearErrors, name, elementType, directory, trigger]
   );
   const debouncedHandleCheckName = useDebounce(handleCheckName, 700);
   useEffect(() => {

package/dist/index.js

@@ -16,6 +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 { ModifyElementSelection } from "./components/dialogs/modifyElementSelection/ModifyElementSelection.js";
 import { PopupConfirmationDialog } from "./components/dialogs/popupConfirmationDialog/PopupConfirmationDialog.js";
 import { DirectoryItemSelector } from "./components/directoryItemSelector/DirectoryItemSelector.js";
@@ -120,7 +121,7 @@ import { getUserToken, setCommonStore } from "./redux/commonStore.js";
 import { backendFetch, backendFetchJson, catchErrorHandler, getRequestParamFromList } from "./services/utils.js";
 import { createFilter, fetchElementsInfos, saveFilter } from "./services/explore.js";
 import { fetchAppsMetadata, fetchDefaultCountry, fetchEnv, fetchFavoriteAndDefaultCountries, fetchStudyMetadata, isStudyMetadata } from "./services/appsMetadata.js";
-import { fetchDirectoryContent, fetchDirectoryElementPath, fetchRootFolders } from "./services/directory.js";
+import { elementAlreadyExists, fetchDirectoryContent, fetchDirectoryElementPath, fetchRootFolders } from "./services/directory.js";
 import { exportFilter } from "./services/study.js";
 import { equalsArray } from "./utils/algos.js";
 import { DARK_THEME, LANG_ENGLISH, LANG_FRENCH, LANG_SYSTEM, LIGHT_THEME } from "./utils/constants/browserConstants.js";
@@ -229,6 +230,7 @@ export {
   EXPERT_FILTER_EQUIPMENTS,
   EXPERT_FILTER_FIELDS,
   EXPERT_FILTER_QUERY,
+  ElementCreationDialog,
   ElementSearchDialog,
   ElementSearchInput,
   ElementType,
@@ -371,6 +373,7 @@ export {
   directoryItemsInputEn,
   directoryItemsInputFr,
   dispatchUser,
+  elementAlreadyExists,
   elementSearchEn,
   elementSearchFr,
   equalsArray,

package/dist/services/directory.d.ts

@@ -1,6 +1,7 @@
 import { UUID } from 'crypto';
-import { ElementAttributes } from '../utils/types/types';
+import { ElementAttributes } from '../utils';
 
 export declare function fetchRootFolders(types: string[]): Promise<ElementAttributes[]>;
 export declare function fetchDirectoryContent(directoryUuid: UUID, types?: string[]): Promise<ElementAttributes[]>;
 export declare function fetchDirectoryElementPath(elementUuid: UUID): Promise<ElementAttributes[]>;
+export declare function elementAlreadyExists(directoryUuid: UUID, elementName: string, type: string): Promise<boolean>;

package/dist/services/directory.js

@@ -1,4 +1,4 @@
-import { getRequestParamFromList, backendFetchJson } from "./utils.js";
+import { getRequestParamFromList, backendFetchJson, backendFetch } from "./utils.js";
 const PREFIX_DIRECTORY_SERVER_QUERIES = `${"api/gateway"}/directory`;
 function fetchRootFolders(types) {
   console.info("Fetching Root Directories");
@@ -27,7 +27,17 @@ function fetchDirectoryElementPath(elementUuid) {
     headers: { "Content-Type": "application/json" }
   });
 }
+function elementAlreadyExists(directoryUuid, elementName, type) {
+  const elementNameEncoded = encodeURIComponent(elementName);
+  const existsElementUrl = `${PREFIX_DIRECTORY_SERVER_QUERIES}/v1/directories/${directoryUuid}/elements/${elementNameEncoded}/types/${type}`;
+  console.debug(existsElementUrl);
+  return backendFetch(existsElementUrl, { method: "head" }).then(
+    (response) => response.status !== 204
+    // HTTP 204 : No-content
+  );
+}
 export {
+  elementAlreadyExists,
   fetchDirectoryContent,
   fetchDirectoryElementPath,
   fetchRootFolders

package/dist/services/index.js

@@ -1,13 +1,14 @@
 import { backendFetch, backendFetchJson, catchErrorHandler, getRequestParamFromList } from "./utils.js";
 import { createFilter, fetchElementsInfos, saveFilter } from "./explore.js";
 import { fetchAppsMetadata, fetchDefaultCountry, fetchEnv, fetchFavoriteAndDefaultCountries, fetchStudyMetadata, isStudyMetadata } from "./appsMetadata.js";
-import { fetchDirectoryContent, fetchDirectoryElementPath, fetchRootFolders } from "./directory.js";
+import { elementAlreadyExists, fetchDirectoryContent, fetchDirectoryElementPath, fetchRootFolders } from "./directory.js";
 import { exportFilter } from "./study.js";
 export {
   backendFetch,
   backendFetchJson,
   catchErrorHandler,
   createFilter,
+  elementAlreadyExists,
   exportFilter,
   fetchAppsMetadata,
   fetchDefaultCountry,

package/dist/utils/constants/fieldConstants.d.ts

@@ -5,41 +5,43 @@
  * file, You can obtain one at http://mozilla.org/MPL/2.0/.
  */
 export declare enum FieldConstants {
-    ID = "id",
-    NAME = "name",
-    FILTER_TYPE = "filterType",
-    EQUIPMENT_TYPE = "equipmentType",
-    EQUIPMENT_TABLE = "equipmentTable",
-    EQUIPMENT_ID = "equipmentID",
-    EQUIPMENT_IDS = "equipmentIDs",
+    AG_GRID_ROW_UUID = "agGridRowUuid",
+    API_CALL = "apiCall",
+    CASE_FILE = "caseFile",
+    CASE_FORMAT = "caseFormat",
+    CASE_NAME = "caseName",
+    CASE_UUID = "caseUuid",
+    CONTINGENCY_LIST_TYPE = "contingencyListType",
     CONTINGENCY_NAME = "contingencyName",
-    COUNTRIES = "countries",
     COUNTRIES_1 = "countries1",
     COUNTRIES_2 = "countries2",
-    VALUE_1 = "value1",
-    VALUE_2 = "value2",
-    OPERATION_TYPE = "type",
-    CONTINGENCY_LIST_TYPE = "contingencyListType",
-    NOMINAL_VOLTAGE = "nominalVoltage",
-    NOMINAL_VOLTAGE_1 = "nominalVoltage1",
-    NOMINAL_VOLTAGE_2 = "nominalVoltage2",
-    NOMINAL_VOLTAGE_3 = "nominalVoltage3",
-    ENERGY_SOURCE = "energySource",
-    SCRIPT = "script",
-    AG_GRID_ROW_UUID = "agGridRowUuid",
+    COUNTRIES = "countries",
     CRITERIA_BASED = "criteriaBased",
-    STUDY_NAME = "studyName",
-    DESCRIPTION = "description",
-    CASE_FILE = "caseFile",
-    CASE_UUID = "caseUuid",
-    FORMATTED_CASE_PARAMETERS = "formattedCaseParameters",
     CURRENT_PARAMETERS = "currentParameters",
-    CASE_FORMAT = "caseFormat",
-    API_CALL = "apiCall",
-    CASE_NAME = "caseName",
+    DESCRIPTION = "description",
     DIRECTORY = "directory",
-    PROPERTY = "PROPERTY",
+    ENERGY_SOURCE = "energySource",
+    EQUIPMENT_ID = "equipmentID",
+    EQUIPMENT_IDS = "equipmentIDs",
+    EQUIPMENT_TABLE = "equipmentTable",
+    EQUIPMENT_TYPE = "equipmentType",
+    FILTER_TYPE = "filterType",
+    FOLDER_ID = "folderId",
+    FOLDER_NAME = "folderName",
+    FORMATTED_CASE_PARAMETERS = "formattedCaseParameters",
+    ID = "id",
+    NAME = "name",
+    NOMINAL_VOLTAGE_1 = "nominalVoltage1",
+    NOMINAL_VOLTAGE_2 = "nominalVoltage2",
+    NOMINAL_VOLTAGE_3 = "nominalVoltage3",
+    NOMINAL_VOLTAGE = "nominalVoltage",
+    OPERATION_TYPE = "type",
     PROPERTY_NAME = "propertyName",
+    PROPERTY_OPERATOR = "propertyOperator",
+    PROPERTY = "PROPERTY",
     PROPERTY_VALUES = "propertyValues",
-    PROPERTY_OPERATOR = "propertyOperator"
+    SCRIPT = "script",
+    STUDY_NAME = "studyName",
+    VALUE_1 = "value1",
+    VALUE_2 = "value2"
 }

package/dist/utils/constants/fieldConstants.js

@@ -1,41 +1,43 @@
 var FieldConstants = /* @__PURE__ */ ((FieldConstants2) => {
-  FieldConstants2["ID"] = "id";
-  FieldConstants2["NAME"] = "name";
-  FieldConstants2["FILTER_TYPE"] = "filterType";
-  FieldConstants2["EQUIPMENT_TYPE"] = "equipmentType";
-  FieldConstants2["EQUIPMENT_TABLE"] = "equipmentTable";
-  FieldConstants2["EQUIPMENT_ID"] = "equipmentID";
-  FieldConstants2["EQUIPMENT_IDS"] = "equipmentIDs";
+  FieldConstants2["AG_GRID_ROW_UUID"] = "agGridRowUuid";
+  FieldConstants2["API_CALL"] = "apiCall";
+  FieldConstants2["CASE_FILE"] = "caseFile";
+  FieldConstants2["CASE_FORMAT"] = "caseFormat";
+  FieldConstants2["CASE_NAME"] = "caseName";
+  FieldConstants2["CASE_UUID"] = "caseUuid";
+  FieldConstants2["CONTINGENCY_LIST_TYPE"] = "contingencyListType";
   FieldConstants2["CONTINGENCY_NAME"] = "contingencyName";
-  FieldConstants2["COUNTRIES"] = "countries";
   FieldConstants2["COUNTRIES_1"] = "countries1";
   FieldConstants2["COUNTRIES_2"] = "countries2";
-  FieldConstants2["VALUE_1"] = "value1";
-  FieldConstants2["VALUE_2"] = "value2";
-  FieldConstants2["OPERATION_TYPE"] = "type";
-  FieldConstants2["CONTINGENCY_LIST_TYPE"] = "contingencyListType";
-  FieldConstants2["NOMINAL_VOLTAGE"] = "nominalVoltage";
-  FieldConstants2["NOMINAL_VOLTAGE_1"] = "nominalVoltage1";
-  FieldConstants2["NOMINAL_VOLTAGE_2"] = "nominalVoltage2";
-  FieldConstants2["NOMINAL_VOLTAGE_3"] = "nominalVoltage3";
-  FieldConstants2["ENERGY_SOURCE"] = "energySource";
-  FieldConstants2["SCRIPT"] = "script";
-  FieldConstants2["AG_GRID_ROW_UUID"] = "agGridRowUuid";
+  FieldConstants2["COUNTRIES"] = "countries";
   FieldConstants2["CRITERIA_BASED"] = "criteriaBased";
-  FieldConstants2["STUDY_NAME"] = "studyName";
-  FieldConstants2["DESCRIPTION"] = "description";
-  FieldConstants2["CASE_FILE"] = "caseFile";
-  FieldConstants2["CASE_UUID"] = "caseUuid";
-  FieldConstants2["FORMATTED_CASE_PARAMETERS"] = "formattedCaseParameters";
   FieldConstants2["CURRENT_PARAMETERS"] = "currentParameters";
-  FieldConstants2["CASE_FORMAT"] = "caseFormat";
-  FieldConstants2["API_CALL"] = "apiCall";
-  FieldConstants2["CASE_NAME"] = "caseName";
+  FieldConstants2["DESCRIPTION"] = "description";
   FieldConstants2["DIRECTORY"] = "directory";
-  FieldConstants2["PROPERTY"] = "PROPERTY";
+  FieldConstants2["ENERGY_SOURCE"] = "energySource";
+  FieldConstants2["EQUIPMENT_ID"] = "equipmentID";
+  FieldConstants2["EQUIPMENT_IDS"] = "equipmentIDs";
+  FieldConstants2["EQUIPMENT_TABLE"] = "equipmentTable";
+  FieldConstants2["EQUIPMENT_TYPE"] = "equipmentType";
+  FieldConstants2["FILTER_TYPE"] = "filterType";
+  FieldConstants2["FOLDER_ID"] = "folderId";
+  FieldConstants2["FOLDER_NAME"] = "folderName";
+  FieldConstants2["FORMATTED_CASE_PARAMETERS"] = "formattedCaseParameters";
+  FieldConstants2["ID"] = "id";
+  FieldConstants2["NAME"] = "name";
+  FieldConstants2["NOMINAL_VOLTAGE_1"] = "nominalVoltage1";
+  FieldConstants2["NOMINAL_VOLTAGE_2"] = "nominalVoltage2";
+  FieldConstants2["NOMINAL_VOLTAGE_3"] = "nominalVoltage3";
+  FieldConstants2["NOMINAL_VOLTAGE"] = "nominalVoltage";
+  FieldConstants2["OPERATION_TYPE"] = "type";
   FieldConstants2["PROPERTY_NAME"] = "propertyName";
-  FieldConstants2["PROPERTY_VALUES"] = "propertyValues";
   FieldConstants2["PROPERTY_OPERATOR"] = "propertyOperator";
+  FieldConstants2["PROPERTY"] = "PROPERTY";
+  FieldConstants2["PROPERTY_VALUES"] = "propertyValues";
+  FieldConstants2["SCRIPT"] = "script";
+  FieldConstants2["STUDY_NAME"] = "studyName";
+  FieldConstants2["VALUE_1"] = "value1";
+  FieldConstants2["VALUE_2"] = "value2";
   return FieldConstants2;
 })(FieldConstants || {});
 export {

package/dist/utils/types/elementType.d.ts

@@ -1,5 +1,9 @@
-import { UUID } from 'crypto';
-
+/**
+ * Copyright (c) 2024, 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 declare enum ElementType {
     DIRECTORY = "DIRECTORY",
     STUDY = "STUDY",
@@ -16,4 +20,3 @@ export declare enum ElementType {
     SPREADSHEET_CONFIG = "SPREADSHEET_CONFIG",
     SPREADSHEET_CONFIG_COLLECTION = "SPREADSHEET_CONFIG_COLLECTION"
 }
-export type ElementExistsType = (directory: UUID, value: string, elementType: ElementType) => Promise<boolean>;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@gridsuite/commons-ui",
-    "version": "0.85.1",
+    "version": "0.86.0",
     "description": "common react components for gridsuite applications",
     "engines": {
         "node": ">=22",