@gridsuite/commons-ui 0.126.0 → 0.128.0

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

@@ -6,3 +6,4 @@
  */
 export * from './customAggrid.style';
 export * from './customAggrid';
+export * from './separatorCellRenderer';

package/dist/components/customAGGrid/index.js

@@ -1,7 +1,9 @@
 import { CUSTOM_AGGRID_THEME, styles } from "./customAggrid.style.js";
 import { CustomAGGrid } from "./customAggrid.js";
+import { SeparatorCellRenderer } from "./separatorCellRenderer.js";
 export {
   CUSTOM_AGGRID_THEME,
   CustomAGGrid,
+  SeparatorCellRenderer,
   styles
 };

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

@@ -0,0 +1,11 @@
+/**
+ * Copyright (c) 2025, RTE (http://www.rte-france.com)
+ * This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ */
+type SeparatorCellRendererProps = {
+    value: string;
+};
+export declare function SeparatorCellRenderer({ value }: Readonly<SeparatorCellRendererProps>): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/customAGGrid/separatorCellRenderer.js

@@ -0,0 +1,16 @@
+import { jsx } from "react/jsx-runtime";
+import { Typography } from "@mui/material";
+const styles = {
+  separator: (theme) => ({
+    fontWeight: "bold",
+    fontSize: "1rem",
+    width: "100%",
+    marginTop: theme.spacing(1)
+  })
+};
+function SeparatorCellRenderer({ value }) {
+  return /* @__PURE__ */ jsx(Typography, { variant: "subtitle1", color: "primary", sx: styles.separator, children: value });
+}
+export {
+  SeparatorCellRenderer
+};

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

@@ -19,6 +19,9 @@ import "../../inputs/reactHookForm/provider/CustomFormProvider.js";
 import * as yup from "yup";
 import "../../overflowableText/OverflowableText.js";
 import { DirectoryItemSelector } from "../../directoryItemSelector/DirectoryItemSelector.js";
+import "react-querybuilder";
+import "uuid";
+import "../../filter/expert/expertFilterConstants.js";
 import "../../inputs/reactHookForm/agGridTable/BottomRightButtons.js";
 import "../../customAGGrid/customAggrid.js";
 import "ag-grid-community";
@@ -29,11 +32,8 @@ import "../../inputs/reactHookForm/numbers/RangeInput.js";
 import { DescriptionField } from "../../inputs/reactHookForm/text/DescriptionField.js";
 import { UniqueNameInput } from "../../inputs/reactHookForm/text/UniqueNameInput.js";
 import "@react-querybuilder/material";
-import "../../filter/expert/expertFilterConstants.js";
 import "../../inputs/reactQueryBuilder/CustomReactQueryBuilder.js";
-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) => {
@@ -225,8 +225,8 @@ function ElementSaveDialog({
             {
               name: FieldConstants.OPERATION_TYPE,
               options: [
-                { id: "CREATE", label: intl.formatMessage({ id: createLabelId }) },
-                { id: "UPDATE", label: intl.formatMessage({ id: updateLabelId }) }
+                { id: "CREATE", label: createLabelId ?? "createLabelId" },
+                { id: "UPDATE", label: updateLabelId ?? "updateLabelId" }
               ],
               formProps: {
                 sx: {

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

@@ -16,6 +16,9 @@ import { CancelButton } from "../inputs/reactHookForm/utils/CancelButton.js";
 import "yup";
 import "../overflowableText/OverflowableText.js";
 import "../treeViewFinder/TreeViewFinder.js";
+import "react-querybuilder";
+import "uuid";
+import "../filter/expert/expertFilterConstants.js";
 import "../inputs/reactHookForm/agGridTable/BottomRightButtons.js";
 import "../customAGGrid/customAggrid.js";
 import "ag-grid-community";
@@ -23,11 +26,8 @@ import "react-papaparse";
 import "react-csv-downloader";
 import "../inputs/reactHookForm/numbers/RangeInput.js";
 import "@react-querybuilder/material";
-import "../filter/expert/expertFilterConstants.js";
 import "../inputs/reactQueryBuilder/CustomReactQueryBuilder.js";
-import "uuid";
 import "../inputs/reactQueryBuilder/PropertyValueEditor.js";
-import "react-querybuilder";
 function DndTableAddRowsDialog({ open, handleAddButton, onClose }) {
   const [rowNumber, setRowNumber] = useState(1);
   const handleClose = () => {

package/dist/components/filter/HeaderFilterForm.js

@@ -18,6 +18,9 @@ import "../inputs/reactHookForm/provider/CustomFormProvider.js";
 import * as yup from "yup";
 import "../overflowableText/OverflowableText.js";
 import "../treeViewFinder/TreeViewFinder.js";
+import "react-querybuilder";
+import "uuid";
+import "./expert/expertFilterConstants.js";
 import "../inputs/reactHookForm/agGridTable/BottomRightButtons.js";
 import "../customAGGrid/customAggrid.js";
 import "ag-grid-community";
@@ -27,11 +30,8 @@ import "../inputs/reactHookForm/numbers/RangeInput.js";
 import { DescriptionField } from "../inputs/reactHookForm/text/DescriptionField.js";
 import { UniqueNameInput } from "../inputs/reactHookForm/text/UniqueNameInput.js";
 import "@react-querybuilder/material";
-import "./expert/expertFilterConstants.js";
 import "../inputs/reactQueryBuilder/CustomReactQueryBuilder.js";
-import "uuid";
 import "../inputs/reactQueryBuilder/PropertyValueEditor.js";
-import "react-querybuilder";
 const filterStyles = {
   textField: {
     minWidth: "250px",

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

@@ -12,3 +12,4 @@ export declare const queryValidator: QueryValidator;
 export declare const testQuery: (check: string, query: RuleGroupTypeAny) => boolean;
 export declare function getNumberOfSiblings(path: number[], query: RuleGroupTypeAny): number;
 export declare function recursiveRemove(query: RuleGroupTypeAny, path: number[]): RuleGroupTypeAny;
+export declare function getFilterEquipmentTypeLabel(equipmentType: string | undefined): string;

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

@@ -1,7 +1,7 @@
 import { defaultOperators, getParentPath, findPath, remove } from "react-querybuilder";
 import { validate } from "uuid";
 import { DataType } from "./expertFilter.type.js";
-import { OPERATOR_OPTIONS, RULES, FIELDS_OPTIONS } from "./expertFilterConstants.js";
+import { OPERATOR_OPTIONS, RULES, FIELDS_OPTIONS, EXPERT_FILTER_EQUIPMENTS } from "./expertFilterConstants.js";
 import { isBlankOrEmpty, convertOutputValue, convertInputValue } from "../../../utils/conversionUtils.js";
 import { FieldType } from "../../../utils/types/fieldType.js";
 const searchTree = (tree, key, value) => {
@@ -362,9 +362,17 @@ function recursiveRemove(query, path) {
   }
   return remove(query, path);
 }
+function getFilterEquipmentTypeLabel(equipmentType) {
+  var _a;
+  if (!equipmentType) {
+    return "";
+  }
+  return ((_a = EXPERT_FILTER_EQUIPMENTS[equipmentType]) == null ? void 0 : _a.label) ?? "";
+}
 export {
   countRules,
   exportExpertRules,
+  getFilterEquipmentTypeLabel,
   getNumberOfSiblings,
   getOperators,
   importExpertRules,

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

@@ -2,7 +2,7 @@ import { ExpertFilterEditionDialog } from "./ExpertFilterEditionDialog.js";
 import { ExpertFilterForm, expertFilterSchema, getExpertFilterEmptyFormData, rqbQuerySchemaValidator } from "./ExpertFilterForm.js";
 import { CombinatorType, DataType, OperatorType } from "./expertFilter.type.js";
 import { COMBINATOR_OPTIONS, CONVERTERS_MODE_OPTIONS, ENERGY_SOURCE_OPTIONS, EXPERT_FILTER_EQUIPMENTS, EXPERT_FILTER_FIELDS, EXPERT_FILTER_QUERY, FIELDS_OPTIONS, LOAD_TYPE_OPTIONS, OPERATOR_OPTIONS, PHASE_REGULATION_MODE_OPTIONS, RATIO_REGULATION_MODE_OPTIONS, REGULATION_TYPE_OPTIONS, RULES, SHUNT_COMPENSATOR_TYPE_OPTIONS, SVAR_REGULATION_MODE_OPTIONS } from "./expertFilterConstants.js";
-import { countRules, exportExpertRules, getNumberOfSiblings, getOperators, importExpertRules, queryValidator, recursiveRemove, testQuery } from "./expertFilterUtils.js";
+import { countRules, exportExpertRules, getFilterEquipmentTypeLabel, getNumberOfSiblings, getOperators, importExpertRules, queryValidator, recursiveRemove, testQuery } from "./expertFilterUtils.js";
 export {
   COMBINATOR_OPTIONS,
   CONVERTERS_MODE_OPTIONS,
@@ -28,6 +28,7 @@ export {
   expertFilterSchema,
   exportExpertRules,
   getExpertFilterEmptyFormData,
+  getFilterEquipmentTypeLabel,
   getNumberOfSiblings,
   getOperators,
   importExpertRules,

package/dist/components/filter/index.js

@@ -7,7 +7,7 @@ import { ExpertFilterEditionDialog } from "./expert/ExpertFilterEditionDialog.js
 import { ExpertFilterForm, expertFilterSchema, getExpertFilterEmptyFormData, rqbQuerySchemaValidator } from "./expert/ExpertFilterForm.js";
 import { CombinatorType, DataType, OperatorType } from "./expert/expertFilter.type.js";
 import { COMBINATOR_OPTIONS, CONVERTERS_MODE_OPTIONS, ENERGY_SOURCE_OPTIONS, EXPERT_FILTER_EQUIPMENTS, EXPERT_FILTER_FIELDS, EXPERT_FILTER_QUERY, FIELDS_OPTIONS, LOAD_TYPE_OPTIONS, OPERATOR_OPTIONS, PHASE_REGULATION_MODE_OPTIONS, RATIO_REGULATION_MODE_OPTIONS, REGULATION_TYPE_OPTIONS, RULES, SHUNT_COMPENSATOR_TYPE_OPTIONS, SVAR_REGULATION_MODE_OPTIONS } from "./expert/expertFilterConstants.js";
-import { countRules, exportExpertRules, getNumberOfSiblings, getOperators, importExpertRules, queryValidator, recursiveRemove, testQuery } from "./expert/expertFilterUtils.js";
+import { countRules, exportExpertRules, getFilterEquipmentTypeLabel, getNumberOfSiblings, getOperators, importExpertRules, queryValidator, recursiveRemove, testQuery } from "./expert/expertFilterUtils.js";
 import { ExplicitNamingFilterEditionDialog } from "./explicitNaming/ExplicitNamingFilterEditionDialog.js";
 import { ExplicitNamingFilterForm, explicitNamingFilterSchema, getExplicitNamingFilterEmptyFormData } from "./explicitNaming/ExplicitNamingFilterForm.js";
 import { FILTER_EQUIPMENTS_ATTRIBUTES } from "./explicitNaming/ExplicitNamingFilterConstants.js";
@@ -53,6 +53,7 @@ export {
   getCriteriaBasedSchema,
   getExpertFilterEmptyFormData,
   getExplicitNamingFilterEmptyFormData,
+  getFilterEquipmentTypeLabel,
   getNumberOfSiblings,
   getOperators,
   importExpertRules,

package/dist/components/index.js

@@ -19,6 +19,7 @@ import { ExportCsvButton } from "./csvDownloader/export-csv-button.js";
 import { useCsvExport } from "./csvDownloader/use-csv-export.js";
 import { CUSTOM_AGGRID_THEME, styles } from "./customAGGrid/customAggrid.style.js";
 import { CustomAGGrid } from "./customAGGrid/customAggrid.js";
+import { SeparatorCellRenderer } from "./customAGGrid/separatorCellRenderer.js";
 import { CustomMuiDialog, unscrollableDialogStyles } from "./dialogs/customMuiDialog/CustomMuiDialog.js";
 import { DescriptionModificationDialog } from "./dialogs/descriptionModificationDialog/DescriptionModificationDialog.js";
 import { ElementSaveDialog } from "./dialogs/elementSaveDialog/ElementSaveDialog.js";
@@ -44,7 +45,7 @@ import { ExpertFilterEditionDialog } from "./filter/expert/ExpertFilterEditionDi
 import { ExpertFilterForm, expertFilterSchema, getExpertFilterEmptyFormData, rqbQuerySchemaValidator } from "./filter/expert/ExpertFilterForm.js";
 import { CombinatorType, DataType, OperatorType } from "./filter/expert/expertFilter.type.js";
 import { COMBINATOR_OPTIONS, CONVERTERS_MODE_OPTIONS, ENERGY_SOURCE_OPTIONS, EXPERT_FILTER_EQUIPMENTS, EXPERT_FILTER_FIELDS, EXPERT_FILTER_QUERY, FIELDS_OPTIONS, LOAD_TYPE_OPTIONS, OPERATOR_OPTIONS, PHASE_REGULATION_MODE_OPTIONS, RATIO_REGULATION_MODE_OPTIONS, REGULATION_TYPE_OPTIONS, RULES, SHUNT_COMPENSATOR_TYPE_OPTIONS, SVAR_REGULATION_MODE_OPTIONS } from "./filter/expert/expertFilterConstants.js";
-import { countRules, exportExpertRules, getNumberOfSiblings, getOperators, importExpertRules, queryValidator, recursiveRemove, testQuery } from "./filter/expert/expertFilterUtils.js";
+import { countRules, exportExpertRules, getFilterEquipmentTypeLabel, getNumberOfSiblings, getOperators, importExpertRules, queryValidator, recursiveRemove, testQuery } from "./filter/expert/expertFilterUtils.js";
 import { ExplicitNamingFilterEditionDialog } from "./filter/explicitNaming/ExplicitNamingFilterEditionDialog.js";
 import { ExplicitNamingFilterForm, explicitNamingFilterSchema, getExplicitNamingFilterEmptyFormData } from "./filter/explicitNaming/ExplicitNamingFilterForm.js";
 import { FILTER_EQUIPMENTS_ATTRIBUTES } from "./filter/explicitNaming/ExplicitNamingFilterConstants.js";
@@ -428,6 +429,7 @@ export {
   SensitivityAnalysisParametersDialog,
   SensitivityAnalysisParametersInline,
   SensitivityTable,
+  SeparatorCellRenderer,
   ShortCircuitParametersEditionDialog,
   ShortCircuitParametersInLine,
   SignInCallbackHandler,
@@ -487,6 +489,7 @@ export {
   getCriteriaBasedSchema,
   getExpertFilterEmptyFormData,
   getExplicitNamingFilterEmptyFormData,
+  getFilterEquipmentTypeLabel,
   getLimitReductionsFormSchema,
   getNumberOfSiblings,
   getOperators,

package/dist/components/inputs/reactHookForm/DirectoryItemsInput.d.ts

@@ -12,9 +12,10 @@ export interface DirectoryItemsInputProps {
     disable?: boolean;
     allowMultiSelect?: boolean;
     labelRequiredFromContext?: boolean;
+    equipmentColorsMap?: Map<string, string>;
 }
 export declare function DirectoryItemsInput({ label, name, elementType, // Used to specify type of element (Filter, Contingency list, ...)
 equipmentTypes, // Mostly used for filters, it allows the user to get elements of specific equipment only
 itemFilter, // Used to further filter the results displayed according to specific requirement
 titleId, // title of directory item selector dialogue
-hideErrorMessage, onRowChanged, onChange, disable, allowMultiSelect, labelRequiredFromContext, }: Readonly<DirectoryItemsInputProps>): import("react/jsx-runtime").JSX.Element;
+hideErrorMessage, onRowChanged, onChange, disable, allowMultiSelect, labelRequiredFromContext, equipmentColorsMap, }: Readonly<DirectoryItemsInputProps>): import("react/jsx-runtime").JSX.Element;

package/dist/components/inputs/reactHookForm/DirectoryItemsInput.js

@@ -1,21 +1,29 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import { FormControl, Chip, Grid, Tooltip, IconButton } from "@mui/material";
+import { FormControl, Box, Chip, FormHelperText, Grid, Tooltip, IconButton } from "@mui/material";
 import { Folder } from "@mui/icons-material";
 import { useState, useMemo, useCallback } from "react";
 import { useFieldArray, useController } from "react-hook-form";
-import { useIntl } from "react-intl";
+import { useIntl, FormattedMessage } from "react-intl";
 import { RawReadOnlyInput } from "./RawReadOnlyInput.js";
 import { FieldLabel } from "./utils/FieldLabel.js";
-import { useCustomFormContext } from "./provider/useCustomFormContext.js";
 import { isFieldRequired } from "./utils/functions.js";
+import "./provider/CustomFormProvider.js";
+import { useCustomFormContext } from "./provider/useCustomFormContext.js";
 import { ErrorInput } from "./errorManagement/ErrorInput.js";
+import { MidFormError } from "./errorManagement/MidFormError.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";
 import { useSnackMessage } from "../../../hooks/useSnackMessage.js";
-import { mergeSx } from "../../../utils/styles.js";
 import { OverflowableText } from "../../overflowableText/OverflowableText.js";
-import { MidFormError } from "./errorManagement/MidFormError.js";
 import { DirectoryItemSelector } from "../../directoryItemSelector/DirectoryItemSelector.js";
-import { fetchDirectoryElementPath } from "../../../services/directory.js";
+import "../../../utils/conversionUtils.js";
+import { mergeSx } from "../../../utils/styles.js";
+import "../../../utils/yupConfig.js";
 import { NAME } from "./constants.js";
+import { getFilterEquipmentTypeLabel } from "../../filter/expert/expertFilterUtils.js";
 const styles = {
   formDirectoryElements1: {
     display: "flex",
@@ -59,7 +67,8 @@ function DirectoryItemsInput({
   onChange,
   disable = false,
   allowMultiSelect = true,
-  labelRequiredFromContext = true
+  labelRequiredFromContext = true,
+  equipmentColorsMap
 }) {
   const { snackError } = useSnackMessage();
   const intl = useIntl();
@@ -156,22 +165,42 @@ function DirectoryItemsInput({
               optional: labelRequiredFromContext && !isFieldRequired(name, validationSchema, getValues())
             }
           ),
-          (elements == null ? void 0 : elements.length) > 0 && /* @__PURE__ */ jsx(FormControl, { sx: styles.formDirectoryElements2, children: elements.map((item, index) => /* @__PURE__ */ jsx(
-            Chip,
-            {
-              size: "small",
-              onDelete: () => removeElements(index),
-              onClick: () => handleChipClick(index),
-              label: /* @__PURE__ */ jsx(
-                OverflowableText,
-                {
-                  text: /* @__PURE__ */ jsx(RawReadOnlyInput, { name: `${name}.${index}.${NAME}` }),
-                  sx: { width: "100%" }
-                }
-              )
-            },
-            item.id
-          )) }),
+          (elements == null ? void 0 : elements.length) > 0 && /* @__PURE__ */ jsx(FormControl, { sx: styles.formDirectoryElements2, children: elements.map((item, index) => {
+            var _a, _b, _c;
+            return /* @__PURE__ */ jsxs(
+              Box,
+              {
+                sx: { display: "flex", alignItems: "center", flexDirection: "column", gap: 1 },
+                children: [
+                  /* @__PURE__ */ jsx(
+                    Chip,
+                    {
+                      size: "small",
+                      sx: {
+                        backgroundColor: ((_a = item == null ? void 0 : item.specificMetadata) == null ? void 0 : _a.equipmentType) && (equipmentColorsMap == null ? void 0 : equipmentColorsMap.get((_b = item == null ? void 0 : item.specificMetadata) == null ? void 0 : _b.equipmentType))
+                      },
+                      onDelete: () => removeElements(index),
+                      onClick: () => handleChipClick(index),
+                      label: /* @__PURE__ */ jsx(
+                        OverflowableText,
+                        {
+                          text: getValues(`${name}.${index}.${NAME}`) ? /* @__PURE__ */ jsx(RawReadOnlyInput, { name: `${name}.${index}.${NAME}` }) : intl.formatMessage({ id: "elementNotFound" }),
+                          sx: { width: "100%" }
+                        }
+                      )
+                    }
+                  ),
+                  equipmentColorsMap && /* @__PURE__ */ jsx(FormHelperText, { children: ((_c = item == null ? void 0 : item.specificMetadata) == null ? void 0 : _c.equipmentType) ? /* @__PURE__ */ jsx(
+                    FormattedMessage,
+                    {
+                      id: getFilterEquipmentTypeLabel(item.specificMetadata.equipmentType)
+                    }
+                  ) : "" })
+                ]
+              },
+              item.id
+            );
+          }) }),
           /* @__PURE__ */ jsx(Grid, { item: true, xs: true, children: /* @__PURE__ */ jsx(Grid, { container: true, direction: "row-reverse", children: /* @__PURE__ */ jsx(Tooltip, { title: intl.formatMessage({ id: titleId }), children: /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(
             IconButton,
             {

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

@@ -19,9 +19,11 @@ export interface TextInputProps {
     clearable?: boolean;
     formProps?: Omit<TextFieldWithAdornmentProps | TextFieldProps, 'value' | 'onChange' | 'inputRef' | 'inputProps' | 'InputProps'>;
     disabledTooltip?: boolean;
+    disabled?: boolean;
 }
 export declare function TextInput({ name, label, labelValues, // this prop is used to add a value to label. this value is displayed without being translated
 id, adornment, customAdornment, outputTransform, // transform materialUi input value before sending it to react hook form, mostly used to deal with number fields
 inputTransform, // transform react hook form value before sending it to materialUi input, mostly used to deal with number fields
 acceptValue, // used to check user entry before committing the input change, used mostly to prevent user from typing a character in number field
-previousValue, clearable, formProps, disabledTooltip, }: TextInputProps): import("react/jsx-runtime").JSX.Element;
+previousValue, clearable, formProps, disabledTooltip, // In case we don't want to show tooltip on the value and warning/info icons
+disabled, }: TextInputProps): import("react/jsx-runtime").JSX.Element;

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

@@ -24,8 +24,9 @@ function TextInput({
   previousValue,
   clearable,
   formProps,
-  disabledTooltip
+  disabledTooltip,
   // In case we don't want to show tooltip on the value and warning/info icons
+  disabled
 }) {
   const { validationSchema, getValues, removeOptional, isNodeBuilt, isUpdate } = useCustomFormContext();
   const {
@@ -60,6 +61,7 @@ function TextInput({
       label: fieldLabel,
       value: transformedValue,
       onChange: handleValueChanged,
+      disabled,
       InputProps: {
         endAdornment: /* @__PURE__ */ jsxs(InputAdornment, { position: "end", children: [
           clearable && transformedValue !== void 0 && transformedValue !== "" && /* @__PURE__ */ jsx(IconButton, { onClick: handleClearValue, children: /* @__PURE__ */ jsx(Clear, {}) }),

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

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

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

@@ -12,6 +12,7 @@ function UniqueNameInput({
   onManualChangeCallback,
   formProps,
   currentName = "",
+  isPrefilled = false,
   activeDirectory,
   sx,
   fullWidth = true
@@ -26,7 +27,8 @@ function UniqueNameInput({
     name,
     currentName,
     elementType,
-    activeDirectory
+    activeDirectory,
+    isPrefilled
   });
   const handleManualChange = (e) => {
     onChange(e.target.value);

package/dist/components/notifications/NotificationsProvider.js

@@ -33,7 +33,7 @@ function NotificationsProvider({ urls, children }) {
       };
       rws.onopen = () => {
         console.info(`${urlKey} Notification Websocket connected`);
-        broadcastOnReopen(urlKey);
+        broadcastOnReopen(urlKey)();
       };
       return rws;
     });

package/dist/components/notifications/contexts/NotificationsContext.d.ts

@@ -4,12 +4,14 @@
  * 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 type ListenerEventWS = {
+export type ListenerEventBase = {
     id: string;
+    callback: (...args: any[]) => void;
+};
+export type ListenerEventWS = ListenerEventBase & {
     callback: (event: MessageEvent) => void;
 };
-export type ListenerOnReopen = {
-    id: string;
+export type ListenerOnReopen = ListenerEventBase & {
     callback: () => void;
 };
 export type NotificationsContextType = {

package/dist/components/notifications/hooks/useListenerManager.d.ts

@@ -1,6 +1,6 @@
-import { ListenerEventWS, ListenerOnReopen } from '../contexts/NotificationsContext';
-export declare const useListenerManager: <TListener extends ListenerEventWS | ListenerOnReopen, TMessage extends MessageEvent>(urls: Record<string, string | undefined>) => {
+import { ListenerEventBase } from '../contexts/NotificationsContext';
+export declare const useListenerManager: <TListener extends ListenerEventBase>(urls: Record<string, string | undefined>) => {
     addListener: (urlKey: string, listener: TListener) => void;
     removeListener: (urlKey: string, id: string) => void;
-    broadcast: (urlKey: string) => (event: TMessage) => void;
+    broadcast: (urlKey: string) => (...args: Parameters<TListener["callback"]>) => void;
 };

package/dist/components/notifications/hooks/useListenerManager.js

@@ -37,12 +37,12 @@ const useListenerManager = (urls) => {
     }
   }, []);
   const broadcast = useCallback(
-    (urlKey) => (event) => {
+    (urlKey) => (...args) => {
       var _a;
       const listeners = (_a = urlsListenersRef.current) == null ? void 0 : _a[urlKey];
       if (listeners) {
         listeners.forEach(({ callback }) => {
-          callback(event);
+          callback(...args);
         });
       }
     },

package/dist/components/parameters/common/ProviderParam.js

@@ -17,6 +17,9 @@ import "../../inputs/reactHookForm/provider/CustomFormProvider.js";
 import "yup";
 import "../../overflowableText/OverflowableText.js";
 import "../../treeViewFinder/TreeViewFinder.js";
+import "react-querybuilder";
+import "uuid";
+import "../../filter/expert/expertFilterConstants.js";
 import "../../inputs/reactHookForm/agGridTable/BottomRightButtons.js";
 import "../../customAGGrid/customAggrid.js";
 import "ag-grid-community";
@@ -25,11 +28,8 @@ import "react-csv-downloader";
 import "../../inputs/reactHookForm/numbers/RangeInput.js";
 import { MuiSelectInput } from "../../inputs/reactHookForm/selectInputs/MuiSelectInput.js";
 import "@react-querybuilder/material";
-import "../../filter/expert/expertFilterConstants.js";
 import "../../inputs/reactQueryBuilder/CustomReactQueryBuilder.js";
-import "uuid";
 import "../../inputs/reactQueryBuilder/PropertyValueEditor.js";
-import "react-querybuilder";
 import { PROVIDER } from "./constant.js";
 const styles = {
   providerParam: {

package/dist/components/parameters/common/limitreductions/limit-reduction-table-cell.js

@@ -17,6 +17,9 @@ import "yup";
 import "../../../overflowableText/OverflowableText.js";
 import { RawReadOnlyInput } from "../../../inputs/reactHookForm/RawReadOnlyInput.js";
 import "../../../treeViewFinder/TreeViewFinder.js";
+import "react-querybuilder";
+import "uuid";
+import "../../../filter/expert/expertFilterConstants.js";
 import "../../../inputs/reactHookForm/agGridTable/BottomRightButtons.js";
 import "../../../customAGGrid/customAggrid.js";
 import "ag-grid-community";
@@ -25,11 +28,8 @@ import "react-csv-downloader";
 import { FloatInput } from "../../../inputs/reactHookForm/numbers/FloatInput.js";
 import "../../../inputs/reactHookForm/numbers/RangeInput.js";
 import "@react-querybuilder/material";
-import "../../../filter/expert/expertFilterConstants.js";
 import "../../../inputs/reactQueryBuilder/CustomReactQueryBuilder.js";
-import "uuid";
 import "../../../inputs/reactQueryBuilder/PropertyValueEditor.js";
-import "react-querybuilder";
 function LimitReductionTableCell({
   rowIndex,
   column,

package/dist/components/parameters/common/limitreductions/limit-reductions-table-form.js

@@ -17,6 +17,9 @@ import "../../../inputs/reactHookForm/provider/CustomFormProvider.js";
 import "yup";
 import "../../../overflowableText/OverflowableText.js";
 import "../../../treeViewFinder/TreeViewFinder.js";
+import "react-querybuilder";
+import "uuid";
+import "../../../filter/expert/expertFilterConstants.js";
 import "../../../inputs/reactHookForm/agGridTable/BottomRightButtons.js";
 import "../../../customAGGrid/customAggrid.js";
 import "ag-grid-community";
@@ -24,11 +27,8 @@ import "react-papaparse";
 import "react-csv-downloader";
 import "../../../inputs/reactHookForm/numbers/RangeInput.js";
 import "@react-querybuilder/material";
-import "../../../filter/expert/expertFilterConstants.js";
 import "../../../inputs/reactQueryBuilder/CustomReactQueryBuilder.js";
-import "uuid";
 import "../../../inputs/reactQueryBuilder/PropertyValueEditor.js";
-import "react-querybuilder";
 import { LimitReductionsToolTipColumn } from "./limit-reductions-tooltip-column.js";
 import { LimitReductionsLabelColumn } from "./limit-reductions-label-column.js";
 function LimitReductionsTableForm({ limits }) {

package/dist/components/parameters/common/limitreductions/limit-reductions-tooltip-column.js

@@ -1,11 +1,12 @@
 import { jsx } from "react/jsx-runtime";
-import { FormattedMessage } from "react-intl";
+import { useIntl, FormattedMessage } from "react-intl";
 function LimitReductionsToolTipColumn({ limits }) {
+  const intl = useIntl();
   const lowBound = `${Math.trunc(limits.limitDuration.lowBound / 60)} min`;
   const highBoundValue = Math.trunc(limits.limitDuration.highBound / 60);
   const highBound = highBoundValue === 0 ? "∞" : `${Math.trunc(limits.limitDuration.highBound / 60)} min`;
-  const lowerBoundClosed = limits.limitDuration.lowClosed ? "[" : "]";
-  const higherBoundClosed = limits.limitDuration.highClosed || null ? "]" : "[";
+  const lowerBoundClosed = limits.limitDuration.lowClosed ? "[" : intl.formatMessage({ id: "leftOpenBracket" });
+  const higherBoundClosed = limits.limitDuration.highClosed || null ? "]" : intl.formatMessage({ id: "rightOpenBracket" });
   return /* @__PURE__ */ jsx(
     FormattedMessage,
     {

package/dist/components/parameters/common/name-element-editor/name-element-editor-utils.js

@@ -16,6 +16,9 @@ import * as yup from "yup";
 import "../../../overflowableText/OverflowableText.js";
 import "../../../treeViewFinder/TreeViewFinder.js";
 import { DESCRIPTION, NAME } from "../../../inputs/reactHookForm/constants.js";
+import "react-querybuilder";
+import "uuid";
+import "../../../filter/expert/expertFilterConstants.js";
 import "../../../inputs/reactHookForm/agGridTable/BottomRightButtons.js";
 import "../../../customAGGrid/customAggrid.js";
 import "ag-grid-community";
@@ -23,11 +26,8 @@ import "react-papaparse";
 import "react-csv-downloader";
 import "../../../inputs/reactHookForm/numbers/RangeInput.js";
 import "@react-querybuilder/material";
-import "../../../filter/expert/expertFilterConstants.js";
 import "../../../inputs/reactQueryBuilder/CustomReactQueryBuilder.js";
-import "uuid";
 import "../../../inputs/reactQueryBuilder/PropertyValueEditor.js";
-import "react-querybuilder";
 function getNameElementEditorEmptyFormData(initialElementName, initialElementdescripton) {
   return {
     [NAME]: initialElementName,

package/dist/components/parameters/common/voltage-level-table/custom-voltage-level-table-cell.js

@@ -17,6 +17,9 @@ import "yup";
 import "../../../overflowableText/OverflowableText.js";
 import { RawReadOnlyInput } from "../../../inputs/reactHookForm/RawReadOnlyInput.js";
 import "../../../treeViewFinder/TreeViewFinder.js";
+import "react-querybuilder";
+import "uuid";
+import "../../../filter/expert/expertFilterConstants.js";
 import "../../../inputs/reactHookForm/agGridTable/BottomRightButtons.js";
 import "../../../customAGGrid/customAggrid.js";
 import "ag-grid-community";
@@ -25,11 +28,8 @@ import "react-csv-downloader";
 import { FloatInput } from "../../../inputs/reactHookForm/numbers/FloatInput.js";
 import "../../../inputs/reactHookForm/numbers/RangeInput.js";
 import "@react-querybuilder/material";
-import "../../../filter/expert/expertFilterConstants.js";
 import "../../../inputs/reactQueryBuilder/CustomReactQueryBuilder.js";
-import "uuid";
 import "../../../inputs/reactQueryBuilder/PropertyValueEditor.js";
-import "react-querybuilder";
 function CustomVoltageLevelTableCell({
   formName,
   rowIndex,

package/dist/components/parameters/common/widget/parameter-float.js

@@ -15,6 +15,9 @@ import "../../../inputs/reactHookForm/provider/CustomFormProvider.js";
 import "yup";
 import "../../../overflowableText/OverflowableText.js";
 import "../../../treeViewFinder/TreeViewFinder.js";
+import "react-querybuilder";
+import "uuid";
+import "../../../filter/expert/expertFilterConstants.js";
 import "../../../inputs/reactHookForm/agGridTable/BottomRightButtons.js";
 import "../../../customAGGrid/customAggrid.js";
 import "ag-grid-community";
@@ -23,11 +26,8 @@ import "react-csv-downloader";
 import { FloatInput } from "../../../inputs/reactHookForm/numbers/FloatInput.js";
 import "../../../inputs/reactHookForm/numbers/RangeInput.js";
 import "@react-querybuilder/material";
-import "../../../filter/expert/expertFilterConstants.js";
 import "../../../inputs/reactQueryBuilder/CustomReactQueryBuilder.js";
-import "uuid";
 import "../../../inputs/reactQueryBuilder/PropertyValueEditor.js";
-import "react-querybuilder";
 function ParameterFloat({
   name,
   label,