@gridsuite/commons-ui 0.116.2 → 0.116.4

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

@@ -12,6 +12,9 @@ import "../../dialogs/elementSaveDialog/ElementSaveDialog.js";
 import "react-intl";
 import "@mui/icons-material";
 import "../../treeViewFinder/TreeViewFinder.js";
+import "../../../utils/conversionUtils.js";
+import "../../../utils/types/equipmentType.js";
+import "../../../utils/yupConfig.js";
 function CriteriaBasedForm({ equipments, defaultValues, children }) {
   const { getValues, setValue } = useFormContext();
   const { snackError } = useSnackMessage();

package/dist/components/dialogs/customMuiDialog/CustomMuiDialog.js

@@ -120,16 +120,17 @@ function CustomMuiDialog({
             ...dialogProps,
             children: [
               isDataFetching && /* @__PURE__ */ jsx(LinearProgress, {}),
-              /* @__PURE__ */ jsx(DialogTitle, { children: /* @__PURE__ */ jsx(Grid, { item: true, xs: 11, children: /* @__PURE__ */ jsx(FormattedMessage, { id: titleId }) }) }),
+              /* @__PURE__ */ jsx(DialogTitle, { "data-testid": "DialogTitle", children: /* @__PURE__ */ jsx(Grid, { item: true, xs: 11, children: /* @__PURE__ */ jsx(FormattedMessage, { id: titleId }) }) }),
               /* @__PURE__ */ jsx(DialogContent, { sx: unscrollableFullHeight ? unscrollableDialogStyles.unscrollableContainer : null, children }),
               /* @__PURE__ */ jsxs(DialogActions, { children: [
-                /* @__PURE__ */ jsx(CancelButton, { onClick: handleCancel }),
+                /* @__PURE__ */ jsx(CancelButton, { onClick: handleCancel, "data-testid": "CancelButton" }),
                 /* @__PURE__ */ jsx(
                   SubmitButton,
                   {
                     variant: "outlined",
                     disabled: disabledSave,
-                    onClick: handleSubmit(handleValidate, handleValidationError)
+                    onClick: handleSubmit(handleValidate, handleValidationError),
+                    "data-testid": "ValidateButton"
                   }
                 )
               ] })

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

@@ -6,7 +6,6 @@ import { useForm } from "react-hook-form";
 import { yupResolver } from "@hookform/resolvers/yup";
 import "../../../utils/yupConfig.js";
 import "../../../utils/types/equipmentType.js";
-import { fetchDirectoryElementPath } from "../../../services/directory.js";
 import "localized-countries";
 import "localized-countries/data/fr";
 import "localized-countries/data/en";
@@ -36,6 +35,7 @@ import "uuid";
 import "../../inputs/reactQueryBuilder/PropertyValueEditor.js";
 import "react-querybuilder";
 import { CustomMuiDialog } from "../customMuiDialog/CustomMuiDialog.js";
+import { initializeDirectory } from "./utils.js";
 var OperationType = /* @__PURE__ */ ((OperationType2) => {
   OperationType2["CREATE"] = "CREATE";
   OperationType2["UPDATE"] = "UPDATE";
@@ -73,6 +73,7 @@ function ElementSaveDialog({
   const [directorySelectorOpen, setDirectorySelectorOpen] = useState(false);
   const [destinationFolder, setDestinationFolder] = useState();
   const [selectedItem, setSelectedItem] = useState();
+  const [expanded, setExpanded] = useState([]);
   const formMethods = useForm({
     defaultValues: {
       ...emptyFormData,
@@ -89,8 +90,35 @@ function ElementSaveDialog({
   const operationType = createOnlyMode ? "CREATE" : watch(FieldConstants.OPERATION_TYPE);
   const isCreateMode = operationType === "CREATE";
   const disableSave = Object.keys(errors).length > 0 || isCreateMode && !destinationFolder || !isCreateMode && !selectedItem;
+  const setDestinationFolderWithPath = useCallback(
+    (elementUuid, elementName, path) => {
+      setDestinationFolder({
+        id: elementUuid,
+        name: elementName
+      });
+      if (path && path.length > 0) {
+        const expandPath = path.map((element) => element.elementUuid);
+        setExpanded(expandPath);
+      }
+    },
+    []
+  );
+  const initializeDestinationFolder = useCallback(async () => {
+    const config = {
+      studyUuid,
+      initDirectory,
+      onError: (messageTxt, headerId) => {
+        snackError({ messageTxt, headerId });
+      }
+    };
+    const result = await initializeDirectory(config);
+    if (result) {
+      setDestinationFolderWithPath(result.element.elementUuid, result.element.elementName, result.path);
+    }
+  }, [studyUuid, initDirectory, snackError, setDestinationFolderWithPath]);
   const onCancel = useCallback(() => {
     reset({ ...emptyFormData, [FieldConstants.OPERATION_TYPE]: initialOperation });
+    setExpanded([]);
     onClose();
   }, [onClose, reset, initialOperation]);
   useEffect(() => {
@@ -110,32 +138,11 @@ function ElementSaveDialog({
     }
   }, [prefixIdForGeneratedName, intl, reset, isCreateMode]);
   useEffect(() => {
-    if (open && isCreateMode && 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, isCreateMode]);
-  useEffect(() => {
-    if (open && isCreateMode && initDirectory) {
-      setDestinationFolder({
-        id: initDirectory.elementUuid,
-        name: initDirectory.elementName
-      });
+    if (!open || !isCreateMode) {
+      return;
     }
-  }, [initDirectory, open, isCreateMode]);
+    initializeDestinationFolder();
+  }, [open, isCreateMode, initializeDestinationFolder]);
   const handleChangeFolder = useCallback(() => {
     setDirectorySelectorOpen(true);
   }, []);
@@ -145,6 +152,7 @@ function ElementSaveDialog({
         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 });
+          setExpanded([]);
         }
       } 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];
@@ -251,6 +259,7 @@ function ElementSaveDialog({
             types: isCreateMode ? [ElementType.DIRECTORY] : [type],
             onlyLeaves: isCreateMode ? false : void 0,
             multiSelect: false,
+            expanded: isCreateMode ? expanded : [],
             validationButtonText: intl.formatMessage({
               id: "validate"
             }),

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

@@ -0,0 +1,23 @@
+import { UUID } from 'crypto';
+import { ElementAttributes } from '../../../utils';
+/**
+ * Generic directory initialization configuration
+ */
+export interface DirectoryInitConfig {
+    studyUuid?: UUID;
+    initDirectory?: ElementAttributes;
+    onError?: (message: string, headerId: string) => void;
+}
+/**
+ * Generic destination directory initialization that follows the standard priority:
+ * 1. Last selected directory from localStorage
+ * 2. Study UUID (if provided)
+ * 3. Initial directory (if provided)
+ *
+ * @param config Configuration object
+ * @returns Promise resolving to { element, path } or null if all methods fail
+ */
+export declare function initializeDirectory(config: DirectoryInitConfig): Promise<{
+    element: ElementAttributes;
+    path?: ElementAttributes[];
+} | null>;

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

@@ -0,0 +1,33 @@
+import { getLastSelectedDirectoryId, fetchDirectoryPathSafe, clearLastSelectedDirectory } from "../../directoryItemSelector/utils.js";
+async function initializeDirectory(config) {
+  const { studyUuid, initDirectory, onError } = config;
+  const lastSelectedDirId = getLastSelectedDirectoryId();
+  if (lastSelectedDirId) {
+    const path = await fetchDirectoryPathSafe(lastSelectedDirId);
+    if (path && path.length > 0) {
+      const targetElement = path[path.length - 1];
+      return { element: targetElement, path };
+    }
+    await clearLastSelectedDirectory();
+  }
+  if (studyUuid) {
+    const path = await fetchDirectoryPathSafe(studyUuid);
+    if (path && path.length >= 2) {
+      const parentFolderIndex = path.length - 2;
+      const parentElement = path[parentFolderIndex];
+      return {
+        element: parentElement,
+        path: path.slice(0, parentFolderIndex + 1)
+      };
+    }
+    onError == null ? void 0 : onError("unknown study directory", "studyDirectoryFetchingError");
+    return null;
+  }
+  if (initDirectory) {
+    return { element: initDirectory };
+  }
+  return null;
+}
+export {
+  initializeDirectory
+};

package/dist/components/directoryItemSelector/DirectoryItemSelector.d.ts

@@ -8,4 +8,4 @@ export interface DirectoryItemSelectorProps extends TreeViewFinderProps {
     expanded?: UUID[];
     selected?: UUID[];
 }
-export declare function DirectoryItemSelector({ open, types, equipmentTypes, itemFilter, expanded, selected, ...otherTreeViewFinderProps }: Readonly<DirectoryItemSelectorProps>): import("react/jsx-runtime").JSX.Element;
+export declare function DirectoryItemSelector({ open, types, equipmentTypes, itemFilter, expanded, selected, onClose, ...otherTreeViewFinderProps }: Readonly<DirectoryItemSelectorProps>): import("react/jsx-runtime").JSX.Element;

package/dist/components/directoryItemSelector/DirectoryItemSelector.js

@@ -6,6 +6,7 @@ import { TreeViewFinder } from "../treeViewFinder/TreeViewFinder.js";
 import { useSnackMessage } from "../../hooks/useSnackMessage.js";
 import { fetchElementsInfos } from "../../services/explore.js";
 import { fetchRootFolders, fetchDirectoryContent } from "../../services/directory.js";
+import { getExpansionPathsForSelected, fetchChildrenForExpandedNodes, initializeFromLastSelected, saveLastSelectedDirectoryFromNode } from "./utils.js";
 const styles = {
   icon: (theme) => ({
     marginRight: theme.spacing(1),
@@ -108,10 +109,13 @@ function DirectoryItemSelector({
   itemFilter,
   expanded,
   selected,
+  onClose,
   ...otherTreeViewFinderProps
 }) {
   const [data, setData] = useState([]);
   const [rootDirectories, setRootDirectories] = useState([]);
+  const [isRootsLoaded, setIsRootsLoaded] = useState(false);
+  const [autoExpandedNodes, setAutoExpandedNodes] = useState([]);
   const nodeMap = useRef({});
   const dataRef = useRef([]);
   dataRef.current = data;
@@ -158,6 +162,7 @@ function DirectoryItemSelector({
     [convertRoots]
   );
   const updateRootDirectories = useCallback(() => {
+    setIsRootsLoaded(false);
     fetchRootFolders(types).then((newData) => {
       const [nrs, mdr] = updatedTree(rootsRef.current, nodeMap.current, null, newData);
       setRootDirectories(nrs);
@@ -168,6 +173,8 @@ function DirectoryItemSelector({
         messageTxt: error.message,
         headerId: "DirectoryItemSelector"
       });
+    }).finally(() => {
+      setIsRootsLoaded(true);
     });
   }, [convertRoots, types, snackError]);
   const fetchDirectoryChildren = useCallback(
@@ -200,24 +207,73 @@ function DirectoryItemSelector({
     },
     [types, equipmentTypes, itemFilter, contentFilter, addToDirectory]
   );
-  useEffect(() => {
-    if (open && expanded && selected) {
-      const isSelectedItemFetched = selected.every((id) => nodeMap.current[id]);
-      if (!isSelectedItemFetched) {
-        expanded.forEach((nodeId) => {
-          const node = nodeMap.current[nodeId];
-          if ((node == null ? void 0 : node.children) && node.children.length === 0) {
-            fetchDirectoryChildren(nodeId);
-          }
-        });
-      }
+  const fetchNodeChildrenIfNeeded = useCallback(
+    (nodeId, delay = 0) => {
+      setTimeout(() => {
+        const node = nodeMap.current[nodeId];
+        if (node && (!node.children || node.children.length === 0) && node.type === ElementType.DIRECTORY) {
+          fetchDirectoryChildren(nodeId);
+        }
+      }, delay);
+    },
+    [fetchDirectoryChildren]
+  );
+  const handleSelectedExpansion = useCallback(async () => {
+    if (!selected || selected.length === 0) {
+      return false;
+    }
+    const expandedArray = await getExpansionPathsForSelected(selected, expanded);
+    setAutoExpandedNodes(expandedArray);
+    fetchChildrenForExpandedNodes(expandedArray, fetchNodeChildrenIfNeeded);
+    return true;
+  }, [selected, expanded, fetchNodeChildrenIfNeeded]);
+  const handleProvidedExpansion = useCallback(() => {
+    if (!expanded || expanded.length === 0) {
+      return false;
     }
-  }, [open, expanded, fetchDirectoryChildren, selected, data]);
+    setAutoExpandedNodes(expanded);
+    fetchChildrenForExpandedNodes(expanded, fetchNodeChildrenIfNeeded);
+    return true;
+  }, [expanded, fetchNodeChildrenIfNeeded]);
+  const handleLastSelectedExpansion = useCallback(async () => {
+    const expandPath = await initializeFromLastSelected();
+    if (!expandPath) {
+      return false;
+    }
+    setAutoExpandedNodes(expandPath);
+    fetchChildrenForExpandedNodes(expandPath, fetchNodeChildrenIfNeeded);
+    return true;
+  }, [fetchNodeChildrenIfNeeded]);
+  const initializeExpansion = useCallback(async () => {
+    const selectedSuccess = await handleSelectedExpansion();
+    if (selectedSuccess) return;
+    const expandedSuccess = handleProvidedExpansion();
+    if (expandedSuccess) return;
+    await handleLastSelectedExpansion();
+  }, [handleSelectedExpansion, handleProvidedExpansion, handleLastSelectedExpansion]);
   useEffect(() => {
-    if (open) {
+    if (!open) {
+      setIsRootsLoaded(false);
+      setAutoExpandedNodes([]);
+      return;
+    }
+    if (!isRootsLoaded) {
       updateRootDirectories();
+      return;
     }
-  }, [open, updateRootDirectories]);
+    initializeExpansion();
+  }, [open, isRootsLoaded, updateRootDirectories, initializeExpansion]);
+  const handleClose = useCallback(
+    (nodes) => {
+      if (nodes && nodes.length > 0) {
+        const lastSelectedNode = nodes[0];
+        saveLastSelectedDirectoryFromNode(lastSelectedNode);
+      }
+      setAutoExpandedNodes([]);
+      onClose(nodes);
+    },
+    [onClose]
+  );
   return /* @__PURE__ */ jsx(
     TreeViewFinder,
     {
@@ -225,9 +281,10 @@ function DirectoryItemSelector({
       sortMethod: sortHandlingDirectories,
       multiSelect: true,
       open,
-      expanded,
+      expanded: autoExpandedNodes,
       onlyLeaves: true,
       selected,
+      onClose: handleClose,
       ...otherTreeViewFinderProps,
       data
     }

package/dist/components/directoryItemSelector/utils.d.ts

@@ -0,0 +1,52 @@
+import { UUID } from 'crypto';
+import { ElementAttributes } from '../../utils';
+/**
+ * Gets the last selected directory ID from localStorage with proper null handling
+ * @returns UUID or null if no valid directory ID is stored
+ */
+export declare function getLastSelectedDirectoryId(): UUID | null;
+/**
+ * Clears the last selected directory from both localStorage and backend
+ */
+export declare function clearLastSelectedDirectory(): Promise<void>;
+/**
+ * Saves a directory ID as the last selected directory
+ * @param directoryId The directory UUID to save
+ */
+export declare function saveLastSelectedDirectory(directoryId: UUID): Promise<void>;
+/**
+ * Fetches directory path with error handling and validation
+ * @param directoryId The directory UUID to fetch path for
+ * @returns Promise resolving to path array or null if failed
+ */
+export declare function fetchDirectoryPathSafe(directoryId: UUID): Promise<ElementAttributes[] | null>;
+/**
+ * Initializes directory expansion from last selected directory
+ * @returns Promise resolving to expansion path or null if failed
+ */
+export declare function initializeFromLastSelected(): Promise<UUID[] | null>;
+/**
+ * Fetches expansion paths for multiple selected items
+ * @param selectedIds Array of selected item UUIDs
+ * @param expanded Optional existing expanded nodes
+ * @returns Promise resolving to combined expansion array
+ */
+export declare function getExpansionPathsForSelected(selectedIds: UUID[], expanded?: UUID[]): Promise<UUID[]>;
+/**
+ * Saves the last selected directory from a TreeViewFinderNode
+ * @param node The selected node
+ */
+export declare function saveLastSelectedDirectoryFromNode(node: {
+    id: UUID;
+    type?: string;
+    parents?: Array<{
+        id: UUID;
+    }>;
+}): Promise<void>;
+/**
+ * Fetches children for expanded nodes with staggered delay to avoid overwhelming the server
+ * @param expandedNodes Array of node UUIDs to fetch children for
+ * @param fetchChildrenCallback Function to fetch children for a single node
+ * @param delayBetweenRequests Delay in milliseconds between requests (default: 100ms)
+ */
+export declare function fetchChildrenForExpandedNodes(expandedNodes: UUID[], fetchChildrenCallback: (nodeId: UUID, delay: number) => void, delayBetweenRequests?: number): void;

package/dist/components/directoryItemSelector/utils.js

@@ -0,0 +1,95 @@
+import { LAST_SELECTED_DIRECTORY } from "../../utils/constants/configConstants.js";
+import "../../utils/conversionUtils.js";
+import "react/jsx-runtime";
+import "@mui/icons-material";
+import { ElementType } from "../../utils/types/elementType.js";
+import "../../utils/types/equipmentType.js";
+import "../../utils/yupConfig.js";
+import { updateConfigParameter, fetchDirectoryElementPath } from "../../services/directory.js";
+function getLastSelectedDirectoryId() {
+  const lastSelectedDirId = localStorage.getItem(LAST_SELECTED_DIRECTORY);
+  if (!lastSelectedDirId || lastSelectedDirId === "null") {
+    return null;
+  }
+  return lastSelectedDirId;
+}
+async function clearLastSelectedDirectory() {
+  localStorage.removeItem(LAST_SELECTED_DIRECTORY);
+  try {
+    await updateConfigParameter(LAST_SELECTED_DIRECTORY, "null");
+  } catch (error) {
+    console.error("Failed to clear last selected directory:", error);
+  }
+}
+async function saveLastSelectedDirectory(directoryId) {
+  try {
+    await updateConfigParameter(LAST_SELECTED_DIRECTORY, directoryId);
+  } catch (error) {
+    console.error("Failed to save last selected directory:", error);
+  }
+}
+async function fetchDirectoryPathSafe(directoryId) {
+  try {
+    const path = await fetchDirectoryElementPath(directoryId);
+    if (!path || path.length === 0) {
+      return null;
+    }
+    return path;
+  } catch (error) {
+    console.warn(`Failed to fetch directory path for ${directoryId}:`, error);
+    return null;
+  }
+}
+async function initializeFromLastSelected() {
+  const lastSelectedDirId = getLastSelectedDirectoryId();
+  if (!lastSelectedDirId) {
+    return null;
+  }
+  const path = await fetchDirectoryPathSafe(lastSelectedDirId);
+  if (!path) {
+    await clearLastSelectedDirectory();
+    return null;
+  }
+  return path.map((element) => element.elementUuid);
+}
+async function getExpansionPathsForSelected(selectedIds, expanded = []) {
+  const expandedSet = new Set(expanded);
+  const fetchPromises = selectedIds.map(async (selectedId) => {
+    const path = await fetchDirectoryPathSafe(selectedId);
+    if (path && path.length > 0) {
+      path.forEach((element, index) => {
+        if (index < path.length - 1) {
+          expandedSet.add(element.elementUuid);
+        }
+      });
+    }
+  });
+  await Promise.all(fetchPromises);
+  return Array.from(expandedSet);
+}
+async function saveLastSelectedDirectoryFromNode(node) {
+  let lastSelectedDirId;
+  if (node.type === ElementType.DIRECTORY || node.type === void 0) {
+    lastSelectedDirId = node.id;
+  } else if (node.parents && node.parents.length > 0) {
+    lastSelectedDirId = node.parents[node.parents.length - 1].id;
+  }
+  if (lastSelectedDirId) {
+    await saveLastSelectedDirectory(lastSelectedDirId);
+  }
+}
+function fetchChildrenForExpandedNodes(expandedNodes, fetchChildrenCallback, delayBetweenRequests = 100) {
+  expandedNodes.forEach((nodeId, index) => {
+    fetchChildrenCallback(nodeId, index * delayBetweenRequests);
+  });
+}
+export {
+  clearLastSelectedDirectory,
+  fetchChildrenForExpandedNodes,
+  fetchDirectoryPathSafe,
+  getExpansionPathsForSelected,
+  getLastSelectedDirectoryId,
+  initializeFromLastSelected,
+  saveLastSelectedDirectory,
+  saveLastSelectedDirectoryFromNode
+};

package/dist/components/dnd-table/dnd-table-add-rows-dialog.js

@@ -14,14 +14,14 @@ import "@mui/icons-material";
 import "yup";
 import "../overflowableText/OverflowableText.js";
 import "../treeViewFinder/TreeViewFinder.js";
+import "../../utils/conversionUtils.js";
+import "../../utils/yupConfig.js";
 import "../inputs/reactHookForm/agGridTable/BottomRightButtons.js";
 import "../customAGGrid/customAggrid.js";
 import "ag-grid-community";
 import "react-papaparse";
 import "react-csv-downloader";
 import "../inputs/reactHookForm/numbers/RangeInput.js";
-import "../../utils/conversionUtils.js";
-import "../../utils/yupConfig.js";
 import "@react-querybuilder/material";
 import "../filter/expert/expertFilterConstants.js";
 import "../inputs/reactQueryBuilder/CustomReactQueryBuilder.js";

package/dist/components/filter/FilterForm.js

@@ -13,6 +13,9 @@ import "react-hook-form";
 import "@mui/icons-material";
 import "../treeViewFinder/TreeViewFinder.js";
 import "notistack";
+import "../../utils/conversionUtils.js";
+import "../../utils/types/equipmentType.js";
+import "../../utils/yupConfig.js";
 function FilterForm({
   sourceFilterForExplicitNamingConversion,
   creation,

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

@@ -19,7 +19,10 @@ import "react-intl";
 import "@mui/icons-material";
 import "../../treeViewFinder/TreeViewFinder.js";
 import "notistack";
+import "../../../utils/conversionUtils.js";
+import "../../../utils/types/equipmentType.js";
 import { FieldType } from "../../../utils/types/fieldType.js";
+import "../../../utils/yupConfig.js";
 import { useFormatLabelWithUnit } from "../../../hooks/useFormatLabelWithUnit.js";
 import { filterStyles } from "../HeaderFilterForm.js";
 yup.setLocale({

package/dist/components/icons/ArrowsOutputIcon.d.ts

@@ -0,0 +1,2 @@
+import { SvgIconProps } from '@mui/material';
+export declare function ArrowsOutputIcon(props: SvgIconProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/icons/ArrowsOutputIcon.js

@@ -0,0 +1,9 @@
+import { jsx } from "react/jsx-runtime";
+import { SvgIcon } from "@mui/material";
+import ArrowsOutput from "@material-symbols/svg-400/outlined/arrows_output.svg?react";
+function ArrowsOutputIcon(props) {
+  return /* @__PURE__ */ jsx(SvgIcon, { component: ArrowsOutput, inheritViewBox: true, ...props });
+}
+export {
+  ArrowsOutputIcon
+};

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

@@ -5,5 +5,6 @@
  * file, You can obtain one at http://mozilla.org/MPL/2.0/.
  */
 export { LeftPanelOpenIcon } from './LeftPanelOpenIcon';
+export { ArrowsOutputIcon } from './ArrowsOutputIcon';
 export { LeftPanelCloseIcon } from './LeftPanelCloseIcon';
 export { DeviceHubIcon } from './DeviceHubIcon';

package/dist/components/icons/index.js

@@ -1,7 +1,9 @@
 import { LeftPanelOpenIcon } from "./LeftPanelOpenIcon.js";
+import { ArrowsOutputIcon } from "./ArrowsOutputIcon.js";
 import { LeftPanelCloseIcon } from "./LeftPanelCloseIcon.js";
 import { DeviceHubIcon } from "./DeviceHubIcon.js";
 export {
+  ArrowsOutputIcon,
   DeviceHubIcon,
   LeftPanelCloseIcon,
   LeftPanelOpenIcon

package/dist/components/index.js

@@ -125,6 +125,7 @@ import { NotificationsContext } from "./notifications/contexts/NotificationsCont
 import { useNotificationsListener } from "./notifications/hooks/useNotificationsListener.js";
 import { useListenerManager } from "./notifications/hooks/useListenerManager.js";
 import { LeftPanelOpenIcon } from "./icons/LeftPanelOpenIcon.js";
+import { ArrowsOutputIcon } from "./icons/ArrowsOutputIcon.js";
 import { LeftPanelCloseIcon } from "./icons/LeftPanelCloseIcon.js";
 import { DeviceHubIcon } from "./icons/DeviceHubIcon.js";
 import { ComputingType, formatComputingTypeLabel, isValidComputingType } from "./parameters/common/computing-type.js";
@@ -173,6 +174,7 @@ export {
   AddButton,
   AnnouncementBanner,
   AnnouncementNotification,
+  ArrowsOutputIcon,
   AuthenticationRouter,
   default2 as AuthenticationRouterErrorDisplay,
   AutocompleteInput,

package/dist/components/inputs/reactHookForm/autocompleteInputs/AutocompleteInput.d.ts

@@ -1,5 +1,5 @@
 import { AutocompleteProps, TextFieldProps } from '@mui/material';
-import { Option } from '../../../../utils/types/types';
+import { Option } from '../../../../utils';
 export interface AutocompleteInputProps extends Omit<AutocompleteProps<Option, boolean | undefined, boolean | undefined, boolean | undefined>, 'value' | 'onChange' | 'renderInput'> {
     name: string;
     options: Option[];
@@ -12,8 +12,9 @@ export interface AutocompleteInputProps extends Omit<AutocompleteProps<Option, b
     onChangeCallback?: () => void;
     formProps?: Omit<TextFieldProps, 'value' | 'onChange' | 'inputRef' | 'inputProps' | 'InputProps'>;
     disabledTooltip?: boolean;
+    onCheckNewValue?: (value: Option | null) => boolean;
 }
 export declare function AutocompleteInput({ name, label, options, outputTransform, // transform materialUi input value before sending it to react hook form, mostly used to deal with select fields that need to return a string
 inputTransform, // transform react hook form value before sending it to materialUi input, mostly used to deal with select fields that need to return a string
 readOnly, previousValue, allowNewValue, onChangeCallback, // method called when input value is changing
-formProps, disabledTooltip, ...props }: AutocompleteInputProps): import("react/jsx-runtime").JSX.Element;
+formProps, disabledTooltip, onCheckNewValue, ...props }: AutocompleteInputProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/inputs/reactHookForm/autocompleteInputs/AutocompleteInput.js

@@ -2,10 +2,13 @@ import { jsx } from "react/jsx-runtime";
 import { useMemo } from "react";
 import { Autocomplete, TextField } from "@mui/material";
 import { useController } from "react-hook-form";
-import { identity, genHelperError, isFieldRequired } from "../utils/functions.js";
+import "react-intl";
 import { FieldLabel } from "../utils/FieldLabel.js";
-import { useCustomFormContext } from "../provider/useCustomFormContext.js";
+import "@mui/icons-material";
+import { identity, genHelperError, isFieldRequired } from "../utils/functions.js";
 import { HelperPreviousValue } from "../utils/HelperPreviousValue.js";
+import "../provider/CustomFormProvider.js";
+import { useCustomFormContext } from "../provider/useCustomFormContext.js";
 function AutocompleteInput({
   name,
   label,
@@ -21,6 +24,7 @@ function AutocompleteInput({
   // method called when input value is changing
   formProps,
   disabledTooltip,
+  onCheckNewValue,
   ...props
 }) {
   const { validationSchema, getValues, removeOptional, isNodeBuilt, isUpdate } = useCustomFormContext();
@@ -33,6 +37,9 @@ function AutocompleteInput({
     if ((currentValue == null ? void 0 : currentValue.id) === newValue) {
       return;
     }
+    if (!(onCheckNewValue == null ? void 0 : onCheckNewValue(newValue))) {
+      return;
+    }
     onChangeCallback == null ? void 0 : onChangeCallback();
     if (!allowNewValue || typeof newValue !== "string") {
       onChange(outputTransform(newValue));

package/dist/components/inputs/reactHookForm/selectInputs/SelectInput.d.ts

@@ -1,6 +1,7 @@
-import { AutocompleteInputProps } from '../autocompleteInputs/AutocompleteInput';
-import { Option } from '../../../../utils/types/types';
+import { AutocompleteInputProps } from '../autocompleteInputs';
+import { Option } from '../../../../utils';
 export interface SelectInputProps extends Omit<AutocompleteInputProps, 'outputTransform' | 'inputTransform' | 'readOnly' | 'getOptionLabel'> {
     options: Option[];
+    onCheckNewValue?: (value: Option | null) => boolean;
 }
 export declare function SelectInput(props: SelectInputProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/inputs/reactHookForm/selectInputs/SelectInput.js

@@ -1,6 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import { useIntl } from "react-intl";
 import { AutocompleteInput } from "../autocompleteInputs/AutocompleteInput.js";
+import "react";
+import "react-hook-form";
 function SelectInput(props) {
   const intl = useIntl();
   const { options } = props;