@gridsuite/commons-ui 0.57.0 → 0.58.0

package/dist/components/ElementSearchDialog/element-search-dialog.js

@@ -1,7 +1,6 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { useState, useEffect, useCallback } from "react";
+import { useMemo, useCallback } from "react";
 import { Dialog, DialogContent, Autocomplete, TextField } from "@mui/material";
-import PropTypes from "prop-types";
 import { SearchOff, Search } from "@mui/icons-material";
 import { useIntl } from "react-intl";
 const ElementSearchDialog = (props) => {
@@ -10,48 +9,23 @@ const ElementSearchDialog = (props) => {
     open,
     onClose,
     searchingLabel,
+    searchTerm,
     onSearchTermChange,
     onSelectionChange,
     elementsFound,
-    // [{ label: aLabel, id: anId }, ...]
     renderElement,
     searchTermDisabled,
-    searchTermDisableReason
+    searchTermDisableReason,
+    isLoading,
+    loadingText
   } = props;
-  const [expanded, setExpanded] = useState(false);
-  const [value, setValue] = useState(
-    searchTermDisabled && searchTermDisableReason ? { label: searchTermDisableReason } : null
-  );
-  const [loading, setLoading] = useState(false);
-  useEffect(() => {
-    setLoading(false);
-  }, [elementsFound]);
-  useEffect(() => {
-    if (!searchTermDisabled || !searchTermDisableReason) {
-      setValue(null);
-    } else {
-      setValue({ label: searchTermDisableReason });
-    }
-  }, [searchTermDisabled, searchTermDisableReason]);
-  useEffect(() => {
-    setValue((old) => !open ? null : old);
-  }, [open]);
-  const handleSearchTermChange = (term) => {
-    if (term) {
-      setLoading(true);
-      onSearchTermChange(term);
-      setExpanded(true);
-      setValue({ label: term });
-    } else {
-      setExpanded(false);
-      setValue(null);
-    }
-  };
+  const displayedValue = useMemo(() => {
+    return searchTermDisabled || searchTermDisableReason ? searchTermDisableReason : searchTerm;
+  }, [searchTerm, searchTermDisabled, searchTermDisableReason]);
   const handleClose = useCallback(() => {
-    setValue(null);
-    setExpanded(false);
+    onSearchTermChange("");
     onClose();
-  }, [onClose]);
+  }, [onSearchTermChange, onClose]);
   return /* @__PURE__ */ jsx(
     Dialog,
     {
@@ -63,32 +37,32 @@ const ElementSearchDialog = (props) => {
       children: /* @__PURE__ */ jsx(DialogContent, { children: /* @__PURE__ */ jsx(
         Autocomplete,
         {
+          open: isLoading || (elementsFound == null ? void 0 : elementsFound.length) > 0,
           id: "element-search",
           forcePopupIcon: false,
-          open: expanded,
-          onClose: () => {
-            setExpanded(false);
-          },
           fullWidth: true,
           freeSolo: true,
-          clearOnBlur: true,
-          onInputChange: (_event, value2) => {
-            if (!searchTermDisabled) {
-              handleSearchTermChange(value2);
+          onInputChange: (_event, value, reason) => {
+            if (!searchTermDisabled && reason !== "reset") {
+              onSearchTermChange(value);
             }
           },
           onChange: (_event, newValue, reason) => {
-            if (reason === "selectOption") {
+            if (newValue != null && typeof newValue !== "string" && reason === "selectOption") {
               onSelectionChange(newValue);
-              setValue(newValue);
+            }
+          },
+          getOptionLabel: (option) => typeof option === "string" ? option : option.label,
+          isOptionEqualToValue: (option, value) => {
+            if (typeof option === "string" || typeof value === "string") {
+              return option === value;
             } else {
-              setValue(null);
+              return option.id === value.id;
             }
           },
-          getOptionLabel: (option) => option.label,
-          isOptionEqualToValue: (option, value2) => option.id === value2.id,
-          options: loading ? [] : elementsFound,
-          loading,
+          options: isLoading ? [] : elementsFound,
+          loading: isLoading,
+          loadingText,
           autoHighlight: true,
           noOptionsText: intl.formatMessage({
             id: "element_search/noResult"
@@ -104,7 +78,7 @@ const ElementSearchDialog = (props) => {
             {
               autoFocus: true,
               ...params,
-              label: searchingLabel || intl.formatMessage({
+              label: searchingLabel ?? intl.formatMessage({
                 id: "element_search/label"
               }),
               InputProps: {
@@ -113,27 +87,16 @@ const ElementSearchDialog = (props) => {
                   searchTermDisabled ? /* @__PURE__ */ jsx(SearchOff, { color: "disabled" }) : /* @__PURE__ */ jsx(Search, { color: "disabled" }),
                   params.InputProps.startAdornment
                 ] })
-              }
+              },
+              value: displayedValue ?? ""
             }
           ),
-          value,
           disabled: searchTermDisabled
         }
       ) })
     }
   );
 };
-ElementSearchDialog.propTypes = {
-  open: PropTypes.bool.isRequired,
-  onClose: PropTypes.func.isRequired,
-  searchingLabel: PropTypes.string,
-  onSearchTermChange: PropTypes.func.isRequired,
-  onSelectionChange: PropTypes.func.isRequired,
-  elementsFound: PropTypes.array.isRequired,
-  renderElement: PropTypes.func.isRequired,
-  searchTermDisabled: PropTypes.bool,
-  searchTermDisableReason: PropTypes.string
-};
 export {
   ElementSearchDialog as default
 };

package/dist/components/ElementSearchDialog/equipment-item.js

@@ -1,13 +1,14 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import "./element-search-dialog.js";
+import "react";
+import { Box } from "@mui/material";
+import "@mui/icons-material";
+import { FormattedMessage } from "react-intl";
 import { TagRenderer } from "./tag-renderer.js";
 import match from "autosuggest-highlight/match";
 import parse from "autosuggest-highlight/parse";
 import clsx from "clsx";
-import { FormattedMessage } from "react-intl";
 import { OverflowableText } from "../OverflowableText/overflowable-text.js";
 import { EQUIPMENT_TYPE } from "../../utils/EquipmentType.js";
-import { Box } from "@mui/material";
 import { mergeSx } from "../../utils/styles.js";
 const EquipmentItem = ({
   inputValue,

package/dist/components/OverflowableText/overflowable-text.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { useRef, useState, useCallback, useLayoutEffect } from "react";
+import { useRef, useMemo, useState, useCallback, useLayoutEffect } from "react";
 import { Tooltip, Box } from "@mui/material";
 import PropTypes from "prop-types";
 import { styled } from "@mui/system";
@@ -16,26 +16,56 @@ const overflowStyle = {
     maxWidth: "fit-content"
   }
 };
+const multilineOverflowStyle = (numberOfLinesToDisplay) => ({
+  overflow: "hidden",
+  display: "-webkit-box",
+  WebkitLineClamp: numberOfLinesToDisplay,
+  lineClamp: numberOfLinesToDisplay,
+  WebkitBoxOrient: "vertical",
+  wordWrap: "break-word"
+  // prevent bug when writing a very long word
+});
 const OverflowableText = styled(
-  ({ text, tooltipStyle, tooltipSx, className, children, ...props }) => {
-    var _a, _b;
+  ({
+    text,
+    maxLineCount,
+    // overflowable text can be displayed on several lines if this is set to a number > 1
+    tooltipStyle,
+    tooltipSx,
+    className,
+    children,
+    ...props
+  }) => {
+    var _a, _b, _c, _d;
     const element = useRef();
+    const isMultiLine = useMemo(
+      () => maxLineCount && maxLineCount > 1,
+      [maxLineCount]
+    );
     const [overflowed, setOverflowed] = useState(false);
     const checkOverflow = useCallback(() => {
       if (!element.current) {
         return;
       }
-      setOverflowed(
-        element.current.scrollWidth > element.current.clientWidth
-      );
-    }, [setOverflowed, element]);
+      if (isMultiLine) {
+        setOverflowed(
+          element.current.scrollHeight > element.current.clientHeight
+        );
+      } else {
+        setOverflowed(
+          element.current.scrollWidth > element.current.clientWidth
+        );
+      }
+    }, [isMultiLine, setOverflowed, element]);
     useLayoutEffect(() => {
       checkOverflow();
     }, [
       checkOverflow,
       text,
       (_a = element.current) == null ? void 0 : _a.scrollWidth,
-      (_b = element.current) == null ? void 0 : _b.clientWidth
+      (_b = element.current) == null ? void 0 : _b.clientWidth,
+      (_c = element.current) == null ? void 0 : _c.scrollHeight,
+      (_d = element.current) == null ? void 0 : _d.clientHeight
     ]);
     const defaultTooltipSx = !tooltipStyle ? overflowStyle.tooltip : false;
     const finalTooltipSx = tooltipSx || defaultTooltipSx;
@@ -58,7 +88,7 @@ const OverflowableText = styled(
             ref: element,
             children: children || text,
             className,
-            sx: overflowStyle.overflow
+            sx: isMultiLine ? multilineOverflowStyle(maxLineCount) : overflowStyle.overflow
           }
         )
       }

package/dist/components/TreeViewFinder/TreeViewFinder.js

@@ -6,7 +6,7 @@ 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 CancelButton from "../react-hook-form/utils/cancel-button.js";
+import CancelButton from "../inputs/react-hook-form/utils/cancel-button.js";
 const cssDialogPaper = "dialogPaper";
 const cssLabelRoot = "labelRoot";
 const cssLabelText = "labelText";

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

@@ -1 +1,8 @@
+/**
+ * Copyright (c) 2021, 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 { default, generateTreeViewFinderClass } from './TreeViewFinder';
+export type { TreeViewFinderProps, TreeViewFinderNodeProps, } from './TreeViewFinder';

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

@@ -1,4 +1,4 @@
-import { MergedFormContextProps } from '../react-hook-form/provider/custom-form-provider';
+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';
 
@@ -16,6 +16,7 @@ interface ICustomMuiDialog {
     onCancel?: () => void;
     children: React.ReactNode;
     isDataFetching?: boolean;
+    language?: string;
 }
 declare const CustomMuiDialog: FunctionComponent<ICustomMuiDialog>;
 export default CustomMuiDialog;

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

@@ -1,9 +1,9 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { FormattedMessage } from "react-intl";
 import { Dialog, LinearProgress, DialogTitle, Grid, DialogContent, DialogActions } from "@mui/material";
-import SubmitButton from "../react-hook-form/utils/submit-button.js";
-import CancelButton from "../react-hook-form/utils/cancel-button.js";
-import CustomFormProvider from "../react-hook-form/provider/custom-form-provider.js";
+import SubmitButton from "../inputs/react-hook-form/utils/submit-button.js";
+import CancelButton from "../inputs/react-hook-form/utils/cancel-button.js";
+import CustomFormProvider from "../inputs/react-hook-form/provider/custom-form-provider.js";
 const styles = {
   dialogPaper: {
     ".MuiDialog-paper": {
@@ -25,7 +25,8 @@ const CustomMuiDialog = ({
   disabledSave,
   removeOptional = false,
   onCancel,
-  children
+  children,
+  language
 }) => {
   const { handleSubmit } = formMethods;
   const handleCancel = (event) => {
@@ -51,6 +52,7 @@ const CustomMuiDialog = ({
       ...formMethods,
       validationSchema: formSchema,
       removeOptional,
+      language,
       children: /* @__PURE__ */ jsxs(
         Dialog,
         {

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

@@ -1,12 +1,12 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useCallback } from "react";
 import "../../utils/yup-config.js";
-import { FieldConstants } from "../filter/constants/field-constants.js";
+import { FieldConstants } from "../../utils/field-constants.js";
 import { useForm } from "react-hook-form";
 import { yupResolver } from "@hookform/resolvers/yup";
 import { useSnackMessage } from "../../hooks/useSnackMessage.js";
 import CustomMuiDialog from "./custom-mui-dialog.js";
-import ExpandingTextField from "../react-hook-form/ExpandingTextField.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({

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

@@ -0,0 +1,14 @@
+import { ElementType } from '../../utils/ElementType.ts';
+import { UUID } from 'crypto';
+import { default as React } from 'react';
+
+export interface ModifyElementSelectionProps {
+    elementType: ElementType;
+    dialogOpeningButtonLabel: string;
+    dialogTitleLabel: string;
+    dialogMessageLabel: string;
+    noElementMessageLabel?: string;
+    onElementValidated?: (elementId: UUID) => void;
+}
+declare const ModifyElementSelection: React.FunctionComponent<ModifyElementSelectionProps>;
+export default ModifyElementSelection;

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

@@ -0,0 +1,108 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useState, useContext, useEffect } from "react";
+import { Grid, Button, Typography } from "@mui/material";
+import { useIntl, FormattedMessage } from "react-intl";
+import { useController } from "react-hook-form";
+import { FilterContext } from "../filter/filter-context.js";
+import { FieldConstants } from "../../utils/field-constants.js";
+import DirectoryItemSelector from "../DirectoryItemSelector/directory-item-selector.js";
+import { ElementType } from "../../utils/ElementType.js";
+const ModifyElementSelection = (props) => {
+  const intl = useIntl();
+  const [open, setOpen] = useState(false);
+  const [activeDirectoryName, setActiveDirectoryName] = useState("");
+  const {
+    fetchDirectoryContent,
+    fetchRootFolders,
+    fetchElementsInfos,
+    fetchPath
+  } = useContext(FilterContext);
+  const {
+    field: { onChange, value: directory }
+  } = useController({
+    name: FieldConstants.DIRECTORY
+  });
+  useEffect(() => {
+    if (directory) {
+      fetchPath && fetchPath(directory).then((res) => {
+        setActiveDirectoryName(
+          res.map((element) => element.elementName.trim()).reverse().join("/")
+        );
+      });
+    }
+  }, [directory, fetchPath]);
+  const handleSelectFolder = () => {
+    setOpen(true);
+  };
+  const handleClose = (nodes) => {
+    if (nodes.length) {
+      onChange(nodes[0].id);
+      if (props.onElementValidated) {
+        props.onElementValidated(nodes[0].id);
+      }
+    }
+    setOpen(false);
+  };
+  return /* @__PURE__ */ jsxs(
+    Grid,
+    {
+      sx: {
+        marginTop: "10px",
+        display: "flex",
+        alignItems: "center"
+      },
+      children: [
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            onClick: handleSelectFolder,
+            variant: "contained",
+            sx: {
+              padding: "10px 30px"
+            },
+            color: "primary",
+            component: "label",
+            children: /* @__PURE__ */ jsx(FormattedMessage, { id: props.dialogOpeningButtonLabel })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Typography,
+          {
+            sx: {
+              marginLeft: "10px",
+              fontWeight: "bold"
+            },
+            children: activeDirectoryName ? activeDirectoryName : (props == null ? void 0 : props.noElementMessageLabel) ? intl.formatMessage({
+              id: props.noElementMessageLabel
+            }) : ""
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          DirectoryItemSelector,
+          {
+            open,
+            onClose: handleClose,
+            types: [props.elementType],
+            onlyLeaves: props.elementType !== ElementType.DIRECTORY,
+            multiSelect: false,
+            validationButtonText: intl.formatMessage({
+              id: "confirmDirectoryDialog"
+            }),
+            title: intl.formatMessage({
+              id: props.dialogTitleLabel
+            }),
+            contentText: intl.formatMessage({
+              id: props.dialogMessageLabel
+            }),
+            fetchDirectoryContent,
+            fetchRootFolders,
+            fetchElementsInfos
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  ModifyElementSelection as default
+};

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

@@ -6,7 +6,7 @@ import { DialogContentText } from "@mui/material";
 import DialogActions from "@mui/material/DialogActions";
 import Button from "@mui/material/Button";
 import { FormattedMessage } from "react-intl";
-import CancelButton from "../react-hook-form/utils/cancel-button.js";
+import CancelButton from "../inputs/react-hook-form/utils/cancel-button.js";
 const PopupConfirmationDialog = ({
   message,
   validateButtonLabel,

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

@@ -18,12 +18,11 @@ interface CriteriaBasedFilterEditionDialogProps {
     onClose: () => void;
     broadcastChannel: BroadcastChannel;
     getFilterById: (id: string) => Promise<any>;
-    saveFilter: (value: any, t: Record<string, any>) => Promise<void>;
     selectionForCopy: SelectionCopy;
     setSelelectionForCopy: (selection: SelectionCopy) => Dispatch<SetStateAction<SelectionCopy>>;
     activeDirectory?: UUID;
     elementExists?: elementExistsType;
     language?: string;
 }
-export declare const CriteriaBasedFilterEditionDialog: FunctionComponent<CriteriaBasedFilterEditionDialogProps>;
+declare const CriteriaBasedFilterEditionDialog: FunctionComponent<CriteriaBasedFilterEditionDialogProps>;
 export default CriteriaBasedFilterEditionDialog;

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

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import "../constants/field-constants.js";
+import "../../../utils/field-constants.js";
 import "./criteria-based-filter-utils.js";
 import "../../dialogs/custom-mui-dialog.js";
 import "../../../hooks/useSnackMessage.js";
@@ -8,12 +8,12 @@ import "react-hook-form";
 import "@hookform/resolvers/yup";
 import "./criteria-based-filter-form.js";
 import "../../../utils/yup-config.js";
-import { b, b as b2, p } from "../../../chunks/criteria-based-filter-edition-dialog.BEXoNmzz.js";
+import { b, p } from "../../../chunks/criteria-based-filter-edition-dialog.CbhgOSRk.js";
 import "../constants/filter-constants.js";
 import "../../../utils/FetchStatus.js";
+import "../../../services/explore.js";
 import "yup";
 export {
-  b as CriteriaBasedFilterEditionDialog,
-  b2 as default,
+  b as default,
   p as noSelectionForCopy
 };

package/dist/components/filter/criteria-based/criteria-based-filter-form.js

@@ -1,10 +1,11 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { f as filterPropertiesYupSchema, F as FreePropertiesTypes, a as FilterProperties } from "../../../chunks/filter-properties.GRon8-ML.js";
-import { FieldConstants } from "../constants/field-constants.js";
+import { f as filterPropertiesYupSchema, F as FreePropertiesTypes, a as FilterProperties } from "../../../chunks/filter-properties.B7-q_yPf.js";
+import { FieldConstants } from "../../../utils/field-constants.js";
 import "../../../utils/yup-config.js";
 import CriteriaBasedForm from "./criteria-based-form.js";
 import Grid from "@mui/material/Grid";
-import { getCriteriaBasedSchema, getCriteriaBasedFormData } from "../utils/criteria-based-utils.js";
+import { getCriteriaBasedSchema, getCriteriaBasedFormData } from "./criteria-based-filter-utils.js";
+import { FILTER_EQUIPMENTS } from "../utils/filter-form-utils.js";
 import * as yup from "yup";
 const criteriaBasedFilterSchema = getCriteriaBasedSchema({
   [FieldConstants.ENERGY_SOURCE]: yup.string().nullable(),
@@ -20,6 +21,7 @@ const CriteriaBasedFilterForm = () => {
     /* @__PURE__ */ jsx(
       CriteriaBasedForm,
       {
+        equipments: FILTER_EQUIPMENTS,
         defaultValues: criteriaBasedFilterEmptyFormData[FieldConstants.CRITERIA_BASED]
       }
     ),

package/dist/components/filter/criteria-based/criteria-based-filter-utils.d.ts

@@ -1,9 +1,15 @@
-/**
- * Copyright (c) 2021, 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/.
- */
+import { default as yup } from '../../../utils/yup-config';
+
+export declare const getCriteriaBasedSchema: (extraFields: any) => {
+    criteriaBased: yup.ObjectSchema<{
+        [x: string]: any;
+    }, yup.AnyObject, {
+        [x: string]: any;
+    }, "">;
+};
+export declare const getCriteriaBasedFormData: (criteriaValues: any, extraFields: any) => {
+    criteriaBased: any;
+};
 /**
  * Transform
  * from obj.equipmentFilterForm.{

package/dist/components/filter/criteria-based/criteria-based-filter-utils.js

@@ -1,8 +1,46 @@
-import { FieldConstants } from "../constants/field-constants.js";
-import { F as FreePropertiesTypes } from "../../../chunks/filter-properties.GRon8-ML.js";
+import { FieldConstants } from "../../../utils/field-constants.js";
+import { F as FreePropertiesTypes } from "../../../chunks/filter-properties.B7-q_yPf.js";
 import { PROPERTY_VALUES, PROPERTY_VALUES_1, PROPERTY_VALUES_2, PROPERTY_NAME } from "./filter-property.js";
-import { getCriteriaBasedFormData } from "../utils/criteria-based-utils.js";
 import { FilterType } from "../constants/filter-constants.js";
+import "../../../utils/yup-config.js";
+import { getRangeInputSchema, getRangeInputDataForm, DEFAULT_RANGE_VALUE } from "../../inputs/react-hook-form/range-input.js";
+import * as yup from "yup";
+const getCriteriaBasedSchema = (extraFields) => ({
+  [FieldConstants.CRITERIA_BASED]: yup.object().shape({
+    [FieldConstants.COUNTRIES]: yup.array().of(yup.string()),
+    [FieldConstants.COUNTRIES_1]: yup.array().of(yup.string()),
+    [FieldConstants.COUNTRIES_2]: yup.array().of(yup.string()),
+    ...getRangeInputSchema(FieldConstants.NOMINAL_VOLTAGE),
+    ...getRangeInputSchema(FieldConstants.NOMINAL_VOLTAGE_1),
+    ...getRangeInputSchema(FieldConstants.NOMINAL_VOLTAGE_2),
+    ...getRangeInputSchema(FieldConstants.NOMINAL_VOLTAGE_3),
+    ...extraFields
+  })
+});
+const getCriteriaBasedFormData = (criteriaValues, extraFields) => ({
+  [FieldConstants.CRITERIA_BASED]: {
+    [FieldConstants.COUNTRIES]: (criteriaValues == null ? void 0 : criteriaValues[FieldConstants.COUNTRIES]) ?? [],
+    [FieldConstants.COUNTRIES_1]: (criteriaValues == null ? void 0 : criteriaValues[FieldConstants.COUNTRIES_1]) ?? [],
+    [FieldConstants.COUNTRIES_2]: (criteriaValues == null ? void 0 : criteriaValues[FieldConstants.COUNTRIES_2]) ?? [],
+    ...getRangeInputDataForm(
+      FieldConstants.NOMINAL_VOLTAGE,
+      (criteriaValues == null ? void 0 : criteriaValues[FieldConstants.NOMINAL_VOLTAGE]) ?? DEFAULT_RANGE_VALUE
+    ),
+    ...getRangeInputDataForm(
+      FieldConstants.NOMINAL_VOLTAGE_1,
+      (criteriaValues == null ? void 0 : criteriaValues[FieldConstants.NOMINAL_VOLTAGE_1]) ?? DEFAULT_RANGE_VALUE
+    ),
+    ...getRangeInputDataForm(
+      FieldConstants.NOMINAL_VOLTAGE_2,
+      (criteriaValues == null ? void 0 : criteriaValues[FieldConstants.NOMINAL_VOLTAGE_2]) ?? DEFAULT_RANGE_VALUE
+    ),
+    ...getRangeInputDataForm(
+      FieldConstants.NOMINAL_VOLTAGE_3,
+      (criteriaValues == null ? void 0 : criteriaValues[FieldConstants.NOMINAL_VOLTAGE_3]) ?? DEFAULT_RANGE_VALUE
+    ),
+    ...extraFields
+  }
+});
 const backToFrontTweak = (response) => {
   const subProps = response.equipmentFilterForm.substationFreeProperties;
   const freeProps = response.equipmentFilterForm.freeProperties;
@@ -123,5 +161,7 @@ function isNominalVoltageEmpty(nominalVoltage) {
 }
 export {
   backToFrontTweak,
-  frontToBackTweak
+  frontToBackTweak,
+  getCriteriaBasedFormData,
+  getCriteriaBasedSchema
 };

package/dist/components/filter/criteria-based/criteria-based-form.d.ts

@@ -1,6 +1,8 @@
+import { FormEquipment } from '../utils/filter-form-utils';
 import { FunctionComponent } from 'react';
 
 export interface CriteriaBasedFormProps {
+    equipments: Record<string, FormEquipment>;
     defaultValues: Record<string, any>;
 }
 declare const CriteriaBasedForm: FunctionComponent<CriteriaBasedFormProps>;

package/dist/components/filter/criteria-based/criteria-based-form.js

@@ -1,11 +1,11 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { FieldConstants } from "../constants/field-constants.js";
+import { FieldConstants } from "../../../utils/field-constants.js";
 import { useFormContext, useWatch } from "react-hook-form";
 import { Grid } from "@mui/material";
-import SelectInput from "../../react-hook-form/select-inputs/select-input.js";
-import InputWithPopupConfirmation from "../../react-hook-form/select-inputs/input-with-popup-confirmation.js";
-import { FILTER_EQUIPMENTS } from "../utils/criteria-based-utils.js";
+import SelectInput from "../../inputs/react-hook-form/select-inputs/select-input.js";
+import InputWithPopupConfirmation from "../../inputs/react-hook-form/select-inputs/input-with-popup-confirmation.js";
 const CriteriaBasedForm = ({
+  equipments,
   defaultValues
 }) => {
   const { getValues, setValue } = useFormContext();
@@ -29,7 +29,7 @@ const CriteriaBasedForm = ({
       {
         Input: SelectInput,
         name: FieldConstants.EQUIPMENT_TYPE,
-        options: Object.values(FILTER_EQUIPMENTS),
+        options: Object.values(equipments),
         label: "equipmentType",
         shouldOpenPopup: openConfirmationPopup,
         resetOnConfirmation: handleResetOnConfirmation,
@@ -37,7 +37,7 @@ const CriteriaBasedForm = ({
         validateButtonLabel: "button.changeType"
       }
     ) }),
-    watchEquipmentType && FILTER_EQUIPMENTS[watchEquipmentType].fields.map(
+    watchEquipmentType && equipments[watchEquipmentType].fields.map(
       (equipment, index) => {
         const EquipmentForm = equipment.renderer;
         return /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, flexGrow: 1, children: /* @__PURE__ */ jsx(EquipmentForm, { ...equipment.props }) }, index);