@gridsuite/commons-ui 0.62.0 → 0.63.0

package/dist/components/TreeViewFinder/TreeViewFinder.js

@@ -1,11 +1,11 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useState, useRef, useCallback, useEffect } from "react";
 import { useIntl } from "react-intl";
-import { toNestedGlobalSelectors, makeComposeClasses } from "../../utils/styles.js";
 import { styled } from "@mui/system";
 import { Dialog, DialogTitle, DialogContent, DialogContentText, DialogActions, Button, Typography } from "@mui/material";
 import { TreeView, TreeItem } from "@mui/x-tree-view";
 import { ChevronRight, ExpandMore, Check } from "@mui/icons-material";
+import { toNestedGlobalSelectors, makeComposeClasses } from "../../utils/styles.js";
 import CancelButton from "../inputs/react-hook-form/utils/cancel-button.js";
 const cssDialogPaper = "dialogPaper";
 const cssLabelRoot = "labelRoot";
@@ -35,7 +35,7 @@ const defaultStyles = {
 };
 const generateTreeViewFinderClass = (className) => `GsiTreeViewFinder-${className}`;
 const composeClasses = makeComposeClasses(generateTreeViewFinderClass);
-const TreeViewFinder = (props) => {
+function TreeViewFinder(props) {
   const intl = useIntl();
   const {
     classes = {},
@@ -65,18 +65,18 @@ const TreeViewFinder = (props) => {
   );
   const scrollRef = useRef([]);
   const [autoScrollAllowed, setAutoScrollAllowed] = useState(true);
-  const isSelectable = (node) => {
-    return onlyLeaves ? isLeaf(node) : true;
-  };
   const isLeaf = (node) => {
     return node && node.children === void 0;
   };
+  const isSelectable = (node) => {
+    return onlyLeaves ? isLeaf(node) : true;
+  };
   const isValidationDisabled = () => {
     return (selected == null ? void 0 : selected.length) === 0 || (selected == null ? void 0 : selected.length) === (selectedProp == null ? void 0 : selectedProp.length) && (selected == null ? void 0 : selected.every((nodeId) => selectedProp == null ? void 0 : selectedProp.includes(nodeId)));
   };
   const computeMapPrintedNodes = useCallback(
     (nodes) => {
-      let newMapPrintedNodes = {};
+      const newMapPrintedNodes = {};
       nodes == null ? void 0 : nodes.forEach((node) => {
         newMapPrintedNodes[node.id] = node;
         if (!isLeaf(node)) {
@@ -91,7 +91,7 @@ const TreeViewFinder = (props) => {
     []
   );
   useEffect(() => {
-    let newMapPrintedNodes = computeMapPrintedNodes(data);
+    const newMapPrintedNodes = computeMapPrintedNodes(data);
     setMapPrintedNodes(newMapPrintedNodes);
   }, [data, computeMapPrintedNodes]);
   const computeSelectedNodes = () => {
@@ -105,7 +105,7 @@ const TreeViewFinder = (props) => {
   const handleNodeToggle = (_e, nodeIds) => {
     nodeIds.every((nodeId) => {
       if (!(expanded == null ? void 0 : expanded.includes(nodeId))) {
-        onTreeBrowse && onTreeBrowse(nodeId);
+        onTreeBrowse == null ? void 0 : onTreeBrowse(nodeId);
         return false;
       }
       return true;
@@ -118,7 +118,7 @@ const TreeViewFinder = (props) => {
     }
     if (selectedProp.length > 0) {
       setSelected((oldSelectedNodes) => [
-        ...oldSelectedNodes ? oldSelectedNodes : [],
+        ...oldSelectedNodes ?? [],
         ...selectedProp
       ]);
     }
@@ -129,7 +129,7 @@ const TreeViewFinder = (props) => {
     }
     if (expandedProp.length > 0) {
       setExpanded((oldExpandedNodes) => [
-        ...oldExpandedNodes ? oldExpandedNodes : [],
+        ...oldExpandedNodes ?? [],
         ...expandedProp
       ]);
     }
@@ -158,35 +158,32 @@ const TreeViewFinder = (props) => {
       setSelected(
         values.filter((nodeId) => isSelectable(mapPrintedNodes[nodeId]))
       );
-    } else {
-      if (!Array.isArray(values)) {
-        if (selected == null ? void 0 : selected.includes(values)) {
-          setSelected([]);
-        } else {
-          setSelected(
-            isSelectable(mapPrintedNodes[values]) ? [values] : []
-          );
-        }
+    } else if (!Array.isArray(values)) {
+      if (selected == null ? void 0 : selected.includes(values)) {
+        setSelected([]);
+      } else {
+        setSelected(
+          isSelectable(mapPrintedNodes[values]) ? [values] : []
+        );
       }
     }
   };
   const getValidationButtonText = () => {
     if (validationButtonText) {
       return validationButtonText;
+    }
+    let buttonLabelId = "";
+    if (Array.isArray(selectedProp)) {
+      buttonLabelId = (selectedProp == null ? void 0 : selectedProp.length) > 0 ? "treeview_finder/replaceElementsValidation" : "treeview_finder/addElementsValidation";
     } else {
-      let buttonLabelId = "";
-      if (Array.isArray(selectedProp)) {
-        buttonLabelId = (selectedProp == null ? void 0 : selectedProp.length) > 0 ? "treeview_finder/replaceElementsValidation" : "treeview_finder/addElementsValidation";
-      } else {
-        buttonLabelId = selectedProp ? "treeview_finder/replaceElementsValidation" : "treeview_finder/addElementsValidation";
-      }
-      return intl.formatMessage(
-        { id: buttonLabelId },
-        {
-          nbElements: selected == null ? void 0 : selected.length
-        }
-      );
+      buttonLabelId = selectedProp ? "treeview_finder/replaceElementsValidation" : "treeview_finder/addElementsValidation";
     }
+    return intl.formatMessage(
+      { id: buttonLabelId },
+      {
+        nbElements: selected == null ? void 0 : selected.length
+      }
+    );
   };
   const getNodeIcon = (node) => {
     if (!node) {
@@ -194,13 +191,11 @@ const TreeViewFinder = (props) => {
     }
     if (isSelectable(node) && (selected == null ? void 0 : selected.find((nodeId) => nodeId === node.id))) {
       return /* @__PURE__ */ jsx(Check, { className: composeClasses(classes, cssLabelIcon) });
-    } else {
-      if (node.icon) {
-        return /* @__PURE__ */ jsx("div", { className: composeClasses(classes, cssLabelIcon), children: node.icon });
-      } else {
-        return null;
-      }
     }
+    if (node.icon) {
+      return /* @__PURE__ */ jsx("div", { className: composeClasses(classes, cssLabelIcon), children: node.icon });
+    }
+    return null;
   };
   const renderTreeItemLabel = (node) => {
     return /* @__PURE__ */ jsxs("div", { className: composeClasses(classes, cssLabelRoot), children: [
@@ -213,7 +208,18 @@ const TreeViewFinder = (props) => {
   };
   const renderTree = (node) => {
     if (!node) {
-      return;
+      return null;
+    }
+    let childrenNodes = null;
+    if (Array.isArray(node.children)) {
+      if (node.children.length) {
+        const sortedChildren = node.children.sort(sortMethod);
+        childrenNodes = sortedChildren.map(
+          (child) => renderTree(child)
+        );
+      } else {
+        childrenNodes = [false];
+      }
     }
     return /* @__PURE__ */ jsx(
       TreeItem,
@@ -237,7 +243,7 @@ const TreeViewFinder = (props) => {
             scrollRef.current.push(element);
           }
         },
-        children: Array.isArray(node.children) ? node.children.length ? node.children.sort(sortMethod).map((child) => renderTree(child)) : [false] : null
+        children: childrenNodes
       },
       node.id
     );
@@ -260,7 +266,7 @@ const TreeViewFinder = (props) => {
       open,
       onClose: (e, r) => {
         if (r === "escapeKeyDown" || r === "backdropClick") {
-          onClose && onClose([]);
+          onClose == null ? void 0 : onClose([]);
           setSelected([]);
         }
       },
@@ -270,12 +276,12 @@ const TreeViewFinder = (props) => {
         paper: composeClasses(classes, cssDialogPaper)
       },
       children: [
-        /* @__PURE__ */ jsx(DialogTitle, { id: "TreeViewFindertitle", children: title ? title : intl.formatMessage(
+        /* @__PURE__ */ jsx(DialogTitle, { id: "TreeViewFindertitle", children: title ?? intl.formatMessage(
           { id: "treeview_finder/finderTitle" },
           { multiSelect }
         ) }),
         /* @__PURE__ */ jsxs(DialogContent, { children: [
-          /* @__PURE__ */ jsx(DialogContentText, { children: contentText ? contentText : intl.formatMessage(
+          /* @__PURE__ */ jsx(DialogContentText, { children: contentText ?? intl.formatMessage(
             { id: "treeview_finder/contentText" },
             { multiSelect }
           ) }),
@@ -296,7 +302,7 @@ const TreeViewFinder = (props) => {
             {
               style: { float: "left", margin: "5px" },
               onClick: () => {
-                onClose && onClose([]);
+                onClose == null ? void 0 : onClose([]);
                 setSelected([]);
                 setAutoScrollAllowed(true);
               },
@@ -309,7 +315,7 @@ const TreeViewFinder = (props) => {
               variant: "outlined",
               style: { float: "left", margin: "5px" },
               onClick: () => {
-                onClose && onClose(computeSelectedNodes());
+                onClose == null ? void 0 : onClose(computeSelectedNodes());
                 setSelected([]);
                 setAutoScrollAllowed(true);
               },
@@ -321,7 +327,7 @@ const TreeViewFinder = (props) => {
       ]
     }
   );
-};
+}
 const nestedGlobalSelectorsStyles = toNestedGlobalSelectors(
   defaultStyles,
   generateTreeViewFinderClass

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

@@ -4,5 +4,5 @@
  * 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 { default, generateTreeViewFinderClass } from './TreeViewFinder';
+export { default as TreeViewFinder, generateTreeViewFinderClass, } from './TreeViewFinder';
 export type { TreeViewFinderProps, TreeViewFinderNodeProps, } from './TreeViewFinder';

package/dist/components/TreeViewFinder/index.js

@@ -1,5 +1,5 @@
 import { default as default2, generateTreeViewFinderClass } from "./TreeViewFinder.js";
 export {
-  default2 as default,
+  default2 as TreeViewFinder,
   generateTreeViewFinderClass
 };

package/dist/components/dialogs/custom-mui-dialog.d.ts

@@ -1,6 +1,6 @@
 import { MergedFormContextProps } from '../inputs/react-hook-form/provider/custom-form-provider';
 import { FieldErrors, UseFormReturn } from 'react-hook-form';
-import { default as React, FunctionComponent } from 'react';
+import { default as React } from 'react';
 
 import * as yup from 'yup';
 interface ICustomMuiDialog {
@@ -18,5 +18,5 @@ interface ICustomMuiDialog {
     isDataFetching?: boolean;
     language?: string;
 }
-declare const CustomMuiDialog: FunctionComponent<ICustomMuiDialog>;
+declare function CustomMuiDialog({ open, formSchema, formMethods, onClose, onSave, isDataFetching, onValidationError, titleId, disabledSave, removeOptional, onCancel, children, language, }: ICustomMuiDialog): import("react/jsx-runtime").JSX.Element;
 export default CustomMuiDialog;

package/dist/components/dialogs/custom-mui-dialog.js

@@ -13,7 +13,7 @@ const styles = {
     }
   }
 };
-const CustomMuiDialog = ({
+function CustomMuiDialog({
   open,
   formSchema,
   formMethods,
@@ -27,10 +27,10 @@ const CustomMuiDialog = ({
   onCancel,
   children,
   language
-}) => {
+}) {
   const { handleSubmit } = formMethods;
   const handleCancel = (event) => {
-    onCancel && onCancel();
+    onCancel == null ? void 0 : onCancel();
     onClose(event);
   };
   const handleClose = (event, reason) => {
@@ -44,7 +44,7 @@ const CustomMuiDialog = ({
     onClose(data);
   };
   const handleValidationError = (errors) => {
-    onValidationError && onValidationError(errors);
+    onValidationError == null ? void 0 : onValidationError(errors);
   };
   return /* @__PURE__ */ jsx(
     CustomFormProvider,
@@ -83,7 +83,7 @@ const CustomMuiDialog = ({
       )
     }
   );
-};
+}
 export {
   CustomMuiDialog as default
 };

package/dist/components/dialogs/description-modification-dialog.d.ts

@@ -1,5 +1,9 @@
-import { FunctionComponent } from 'react';
-
+/**
+ * Copyright (c) 2023, 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 interface IDescriptionModificationDialog {
     elementUuid: string;
     description: string;
@@ -7,5 +11,5 @@ export interface IDescriptionModificationDialog {
     onClose: () => void;
     updateElement: (uuid: string, data: Record<string, string>) => Promise<void>;
 }
-declare const DescriptionModificationDialog: FunctionComponent<IDescriptionModificationDialog>;
+declare function DescriptionModificationDialog({ elementUuid, description, open, onClose, updateElement, }: IDescriptionModificationDialog): import("react/jsx-runtime").JSX.Element;
 export default DescriptionModificationDialog;

package/dist/components/dialogs/description-modification-dialog.js

@@ -1,18 +1,24 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useCallback } from "react";
-import "../../utils/yup-config.js";
-import { FieldConstants } from "../../utils/field-constants.js";
 import { useForm } from "react-hook-form";
 import { yupResolver } from "@hookform/resolvers/yup";
+import { Box } from "@mui/material";
+import "../../utils/yup-config.js";
+import FieldConstants from "../../utils/field-constants.js";
 import { useSnackMessage } from "../../hooks/useSnackMessage.js";
 import CustomMuiDialog from "./custom-mui-dialog.js";
 import ExpandingTextField from "../inputs/react-hook-form/ExpandingTextField.js";
-import { Box } from "@mui/material";
 import * as yup from "yup";
 const schema = yup.object().shape({
   [FieldConstants.DESCRIPTION]: yup.string().max(500, "descriptionLimitError")
 });
-const DescriptionModificationDialog = ({ elementUuid, description, open, onClose, updateElement }) => {
+function DescriptionModificationDialog({
+  elementUuid,
+  description,
+  open,
+  onClose,
+  updateElement
+}) {
   const { snackError } = useSnackMessage();
   const emptyFormData = {
     [FieldConstants.DESCRIPTION]: description ?? ""
@@ -65,7 +71,7 @@ const DescriptionModificationDialog = ({ elementUuid, description, open, onClose
       ]
     }
   );
-};
+}
 export {
   DescriptionModificationDialog as default
 };

package/dist/components/dialogs/modify-element-selection.d.ts

@@ -1,6 +1,5 @@
 import { ElementType } from '../../utils/ElementType';
 import { UUID } from 'crypto';
-import { default as React } from 'react';
 
 export interface ModifyElementSelectionProps {
     elementType: ElementType;
@@ -10,5 +9,5 @@ export interface ModifyElementSelectionProps {
     noElementMessageLabel?: string;
     onElementValidated?: (elementId: UUID) => void;
 }
-declare const ModifyElementSelection: React.FunctionComponent<ModifyElementSelectionProps>;
+declare function ModifyElementSelection(props: ModifyElementSelectionProps): import("react/jsx-runtime").JSX.Element;
 export default ModifyElementSelection;

package/dist/components/dialogs/modify-element-selection.js

@@ -3,12 +3,20 @@ import { useState, useEffect } from "react";
 import { Grid, Button, Typography } from "@mui/material";
 import { useIntl, FormattedMessage } from "react-intl";
 import { useController } from "react-hook-form";
-import { FieldConstants } from "../../utils/field-constants.js";
+import FieldConstants from "../../utils/field-constants.js";
 import DirectoryItemSelector from "../DirectoryItemSelector/directory-item-selector.js";
 import { ElementType } from "../../utils/ElementType.js";
 import { fetchDirectoryElementPath } from "../../services/directory.js";
-const ModifyElementSelection = (props) => {
+function ModifyElementSelection(props) {
   const intl = useIntl();
+  const {
+    elementType,
+    dialogTitleLabel,
+    dialogMessageLabel,
+    dialogOpeningButtonLabel,
+    noElementMessageLabel,
+    onElementValidated
+  } = props;
   const [open, setOpen] = useState(false);
   const [activeDirectoryName, setActiveDirectoryName] = useState("");
   const {
@@ -31,8 +39,8 @@ const ModifyElementSelection = (props) => {
   const handleClose = (nodes) => {
     if (nodes.length) {
       onChange(nodes[0].id);
-      if (props.onElementValidated) {
-        props.onElementValidated(nodes[0].id);
+      if (onElementValidated) {
+        onElementValidated(nodes[0].id);
       }
     }
     setOpen(false);
@@ -56,7 +64,7 @@ const ModifyElementSelection = (props) => {
             },
             color: "primary",
             component: "label",
-            children: /* @__PURE__ */ jsx(FormattedMessage, { id: props.dialogOpeningButtonLabel })
+            children: /* @__PURE__ */ jsx(FormattedMessage, { id: dialogOpeningButtonLabel })
           }
         ),
         /* @__PURE__ */ jsx(
@@ -66,9 +74,9 @@ const ModifyElementSelection = (props) => {
               marginLeft: "10px",
               fontWeight: "bold"
             },
-            children: activeDirectoryName ? activeDirectoryName : (props == null ? void 0 : props.noElementMessageLabel) ? intl.formatMessage({
-              id: props.noElementMessageLabel
-            }) : ""
+            children: activeDirectoryName || ((props == null ? void 0 : props.noElementMessageLabel) ? intl.formatMessage({
+              id: noElementMessageLabel
+            }) : "")
           }
         ),
         /* @__PURE__ */ jsx(
@@ -76,24 +84,24 @@ const ModifyElementSelection = (props) => {
           {
             open,
             onClose: handleClose,
-            types: [props.elementType],
-            onlyLeaves: props.elementType !== ElementType.DIRECTORY,
+            types: [elementType],
+            onlyLeaves: elementType !== ElementType.DIRECTORY,
             multiSelect: false,
             validationButtonText: intl.formatMessage({
               id: "confirmDirectoryDialog"
             }),
             title: intl.formatMessage({
-              id: props.dialogTitleLabel
+              id: dialogTitleLabel
             }),
             contentText: intl.formatMessage({
-              id: props.dialogMessageLabel
+              id: dialogMessageLabel
             })
           }
         )
       ]
     }
   );
-};
+}
 export {
   ModifyElementSelection as default
 };

package/dist/components/dialogs/popup-confirmation-dialog.d.ts

@@ -1,5 +1,9 @@
-import { FunctionComponent } from 'react';
-
+/**
+ * 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 interface PopupConfirmationDialogProps {
     message: string;
     validateButtonLabel: string;
@@ -7,5 +11,5 @@ export interface PopupConfirmationDialogProps {
     setOpenConfirmationPopup: (value: boolean) => void;
     handlePopupConfirmation: () => void;
 }
-declare const PopupConfirmationDialog: FunctionComponent<PopupConfirmationDialogProps>;
+declare function PopupConfirmationDialog({ message, validateButtonLabel, openConfirmationPopup, setOpenConfirmationPopup, handlePopupConfirmation, }: PopupConfirmationDialogProps): import("react/jsx-runtime").JSX.Element;
 export default PopupConfirmationDialog;

package/dist/components/dialogs/popup-confirmation-dialog.js

@@ -7,13 +7,13 @@ import DialogActions from "@mui/material/DialogActions";
 import Button from "@mui/material/Button";
 import { FormattedMessage } from "react-intl";
 import CancelButton from "../inputs/react-hook-form/utils/cancel-button.js";
-const PopupConfirmationDialog = ({
+function PopupConfirmationDialog({
   message,
   validateButtonLabel,
   openConfirmationPopup,
   setOpenConfirmationPopup,
   handlePopupConfirmation
-}) => {
+}) {
   return /* @__PURE__ */ jsxs(
     Dialog,
     {
@@ -29,10 +29,7 @@ const PopupConfirmationDialog = ({
       ]
     }
   );
-};
-PopupConfirmationDialog.defaultProps = {
-  validateButtonLabel: void 0
-};
+}
 export {
   PopupConfirmationDialog as default
 };

package/dist/components/filter/criteria-based/criteria-based-filter-edition-dialog.d.ts

@@ -1,6 +1,6 @@
-import { ElementType } from '../../../utils/ElementType';
+import { ElementExistsType } from '../../../utils/ElementType';
 import { UUID } from 'crypto';
-import { Dispatch, FunctionComponent, SetStateAction } from 'react';
+import { Dispatch, SetStateAction } from 'react';
 
 export type SelectionCopy = {
     sourceItemUuid: UUID | null;
@@ -8,7 +8,6 @@ export type SelectionCopy = {
     description: string | null;
     parentDirectoryUuid: UUID | null;
 };
-export type elementExistsType = (directory: UUID, value: string, elementType: ElementType) => Promise<boolean>;
 export declare const noSelectionForCopy: SelectionCopy;
 interface CriteriaBasedFilterEditionDialogProps {
     id: string;
@@ -21,8 +20,8 @@ interface CriteriaBasedFilterEditionDialogProps {
     selectionForCopy: SelectionCopy;
     setSelelectionForCopy: (selection: SelectionCopy) => Dispatch<SetStateAction<SelectionCopy>>;
     activeDirectory?: UUID;
-    elementExists?: elementExistsType;
+    elementExists?: ElementExistsType;
     language?: string;
 }
-declare const CriteriaBasedFilterEditionDialog: FunctionComponent<CriteriaBasedFilterEditionDialogProps>;
+declare function CriteriaBasedFilterEditionDialog({ id, name, titleId, open, onClose, broadcastChannel, getFilterById, selectionForCopy, setSelelectionForCopy, activeDirectory, elementExists, language, }: CriteriaBasedFilterEditionDialogProps): import("react/jsx-runtime").JSX.Element;
 export default CriteriaBasedFilterEditionDialog;

package/dist/components/filter/criteria-based/criteria-based-filter-edition-dialog.js

@@ -1,19 +1,126 @@
-import "react/jsx-runtime";
-import "react";
-import "../../../utils/field-constants.js";
-import "./criteria-based-filter-utils.js";
-import "../../dialogs/custom-mui-dialog.js";
-import "../../../hooks/useSnackMessage.js";
-import "react-hook-form";
-import "@hookform/resolvers/yup";
-import "./criteria-based-filter-form.js";
+import { jsx } from "react/jsx-runtime";
+import { useState, useEffect, useCallback } from "react";
+import { useForm } from "react-hook-form";
+import { yupResolver } from "@hookform/resolvers/yup";
+import FieldConstants from "../../../utils/field-constants.js";
+import { backToFrontTweak, frontToBackTweak } from "./criteria-based-filter-utils.js";
+import CustomMuiDialog from "../../dialogs/custom-mui-dialog.js";
+import { useSnackMessage } from "../../../hooks/useSnackMessage.js";
+import { criteriaBasedFilterSchema } from "./criteria-based-filter-form.js";
 import "../../../utils/yup-config.js";
-import { b, p } from "../../../chunks/criteria-based-filter-edition-dialog.CAT38SvB.js";
-import "../constants/filter-constants.js";
-import "../../../utils/FetchStatus.js";
-import "../../../services/explore.js";
-import "yup";
+import { FilterType } from "../constants/filter-constants.js";
+import FetchStatus from "../../../utils/FetchStatus.js";
+import { saveFilter } from "../../../services/explore.js";
+import FilterForm from "../filter-form.js";
+import * as yup from "yup";
+const noSelectionForCopy = {
+  sourceItemUuid: null,
+  name: null,
+  description: null,
+  parentDirectoryUuid: null
+};
+const formSchema = yup.object().shape({
+  [FieldConstants.NAME]: yup.string().trim().required("nameEmpty"),
+  [FieldConstants.FILTER_TYPE]: yup.string().required(),
+  [FieldConstants.EQUIPMENT_TYPE]: yup.string().required(),
+  ...criteriaBasedFilterSchema
+}).required();
+function CriteriaBasedFilterEditionDialog({
+  id,
+  name,
+  titleId,
+  open,
+  onClose,
+  broadcastChannel,
+  getFilterById,
+  selectionForCopy,
+  setSelelectionForCopy,
+  activeDirectory,
+  elementExists,
+  language
+}) {
+  var _a;
+  const { snackError } = useSnackMessage();
+  const [dataFetchStatus, setDataFetchStatus] = useState(FetchStatus.IDLE);
+  const formMethods = useForm({
+    resolver: yupResolver(formSchema)
+  });
+  const {
+    reset,
+    formState: { errors }
+  } = formMethods;
+  const nameError = errors[FieldConstants.NAME];
+  const isValidating = (_a = errors.root) == null ? void 0 : _a.isValidating;
+  useEffect(() => {
+    if (id && open) {
+      setDataFetchStatus(FetchStatus.FETCHING);
+      getFilterById(id).then((response) => {
+        setDataFetchStatus(FetchStatus.FETCH_SUCCESS);
+        reset({
+          [FieldConstants.NAME]: name,
+          [FieldConstants.FILTER_TYPE]: FilterType.CRITERIA_BASED.id,
+          ...backToFrontTweak(response)
+        });
+      }).catch((error) => {
+        setDataFetchStatus(FetchStatus.FETCH_ERROR);
+        snackError({
+          messageTxt: error.message,
+          headerId: "cannotRetrieveFilter"
+        });
+      });
+    }
+  }, [id, name, open, reset, snackError, getFilterById]);
+  const onSubmit = useCallback(
+    (filterForm) => {
+      saveFilter(
+        frontToBackTweak(id, filterForm),
+        filterForm[FieldConstants.NAME]
+      ).then(() => {
+        if (selectionForCopy.sourceItemUuid === id) {
+          setSelelectionForCopy(noSelectionForCopy);
+          broadcastChannel.postMessage({
+            noSelectionForCopy
+          });
+        }
+      }).catch((error) => {
+        snackError({
+          messageTxt: error.message
+        });
+      });
+    },
+    [
+      broadcastChannel,
+      id,
+      selectionForCopy.sourceItemUuid,
+      snackError,
+      setSelelectionForCopy
+    ]
+  );
+  const isDataReady = dataFetchStatus === FetchStatus.FETCH_SUCCESS;
+  return /* @__PURE__ */ jsx(
+    CustomMuiDialog,
+    {
+      open,
+      onClose,
+      onSave: onSubmit,
+      formSchema,
+      formMethods,
+      titleId,
+      removeOptional: true,
+      disabledSave: !!nameError || !!isValidating,
+      isDataFetching: dataFetchStatus === FetchStatus.FETCHING,
+      language,
+      children: isDataReady && /* @__PURE__ */ jsx(
+        FilterForm,
+        {
+          activeDirectory,
+          elementExists
+        }
+      )
+    }
+  );
+}
 export {
-  b as default,
-  p as noSelectionForCopy
+  CriteriaBasedFilterEditionDialog as default,
+  noSelectionForCopy
 };