@gridsuite/commons-ui 0.57.0 → 0.58.0

package/dist/components/{react-hook-form → inputs/react-hook-form/autocomplete-inputs}/autocomplete-input.d.ts

@@ -1,4 +1,4 @@
-import { Option } from '../../utils/types.ts';
+import { Option } from '../../../../utils/types.ts';
 import { FunctionComponent } from 'react';
 import { AutocompleteProps, TextFieldProps } from '@mui/material';
 
@@ -6,8 +6,8 @@ export interface AutocompleteInputProps extends Omit<AutocompleteProps<Option, b
     name: string;
     options: Option[];
     label?: string;
-    outputTransform?: (value: Option) => Option;
-    inputTransform?: (value: Option | any) => Option | null;
+    outputTransform?: (value: Option | null) => Option | null;
+    inputTransform?: (value: Option | null) => Option | null;
     readOnly?: boolean;
     previousValue?: string;
     allowNewValue?: boolean;

package/dist/components/{react-hook-form → inputs/react-hook-form/autocomplete-inputs}/autocomplete-input.js

@@ -1,9 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import { Autocomplete, TextField } from "@mui/material";
 import { useController } from "react-hook-form";
-import { isFieldRequired, genHelperPreviousValue, genHelperError, identity } from "./utils/functions.js";
-import FieldLabel from "./utils/field-label.js";
-import { useCustomFormContext } from "./provider/use-custom-form-context.js";
+import { isFieldRequired, genHelperPreviousValue, genHelperError, identity } from "../utils/functions.js";
+import FieldLabel from "../utils/field-label.js";
+import { useCustomFormContext } from "../provider/use-custom-form-context.js";
 const AutocompleteInput = ({
   name,
   label,
@@ -43,7 +43,7 @@ const AutocompleteInput = ({
   return /* @__PURE__ */ jsx(
     Autocomplete,
     {
-      value: inputTransform(value || ""),
+      value: inputTransform(value),
       onChange: (_, data) => handleChange(data),
       ...allowNewValue && {
         freeSolo: true,

package/dist/components/{react-hook-form → inputs/react-hook-form}/autocomplete-inputs/multiple-autocomplete-input.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { useState } from "react";
 import { useWatch, useFieldArray } from "react-hook-form";
-import AutocompleteInput from "../autocomplete-input.js";
+import AutocompleteInput from "./autocomplete-input.js";
 const MultipleAutocompleteInput = ({ name, ...props }) => {
   const [unsavedInput, setUnsavedInput] = useState("");
   const watchAutocompleteValues = useWatch({

package/dist/components/{react-hook-form → inputs/react-hook-form}/directory-items-input.js

@@ -1,6 +1,6 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { FormControl, Chip, Grid, Tooltip, IconButton } from "@mui/material";
-import { OverflowableText } from "../OverflowableText/overflowable-text.js";
+import { OverflowableText } from "../../OverflowableText/overflowable-text.js";
 import FieldLabel from "./utils/field-label.js";
 import FolderIcon from "@mui/icons-material/Folder";
 import { useState, useMemo, useContext, useCallback } from "react";
@@ -8,13 +8,13 @@ import { useFieldArray, useController } from "react-hook-form";
 import { useIntl } from "react-intl";
 import MidFormError from "./error-management/mid-form-error.js";
 import { RawReadOnlyInput } from "./raw-read-only-input.js";
-import { mergeSx } from "../../utils/styles.js";
-import DirectoryItemSelector from "../DirectoryItemSelector/directory-item-selector.js";
+import { mergeSx } from "../../../utils/styles.js";
+import DirectoryItemSelector from "../../DirectoryItemSelector/directory-item-selector.js";
 import { useCustomFormContext } from "./provider/use-custom-form-context.js";
 import { isFieldRequired } from "./utils/functions.js";
 import ErrorInput from "./error-management/error-input.js";
-import { useSnackMessage } from "../../hooks/useSnackMessage.js";
-import { FilterContext } from "../filter/filter-context.js";
+import { useSnackMessage } from "../../../hooks/useSnackMessage.js";
+import { FilterContext } from "../../filter/filter-context.js";
 const NAME = "name";
 const styles = {
   formDirectoryElements1: {

package/dist/components/{react-hook-form → inputs/react-hook-form}/numbers/integer-input.d.ts

@@ -11,10 +11,10 @@ declare namespace IntegerInput {
             text: string;
         } | null | undefined> | undefined;
         customAdornment?: import('react').Validator<import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null | undefined> | undefined;
-        outputTransform?: import('react').Validator<((value: string) => import("../../../utils/types").Input | null) | null | undefined> | undefined;
-        inputTransform?: import('react').Validator<((value: import("../../../utils/types").Input) => string) | null | undefined> | undefined;
+        outputTransform?: import('react').Validator<((value: string) => import("../../../../utils/types").Input | null) | null | undefined> | undefined;
+        inputTransform?: import('react').Validator<((value: import("../../../../utils/types").Input) => string) | null | undefined> | undefined;
         acceptValue?: import('react').Validator<((value: string) => boolean) | null | undefined> | undefined;
-        previousValue?: import('react').Validator<import("../../../utils/types").Input | null | undefined> | undefined;
+        previousValue?: import('react').Validator<import("../../../../utils/types").Input | null | undefined> | undefined;
         clearable?: import('react').Validator<boolean | null | undefined> | undefined;
         formProps?: import('react').Validator<Omit<import("@mui/material").TextFieldProps | import("../utils/text-field-with-adornment").TextFieldWithAdornmentProps, "onChange" | "value" | "InputProps" | "inputProps" | "inputRef"> | null | undefined> | undefined;
     };

package/dist/components/{react-hook-form → inputs/react-hook-form}/provider/custom-form-provider.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import { createContext } from "react";
 import { FormProvider } from "react-hook-form";
 import * as yup from "yup";
-import { getSystemLanguage } from "../../../hooks/localized-countries-hook.js";
+import { getSystemLanguage } from "../../../../hooks/localized-countries-hook.js";
 const CustomFormContext = createContext({
   removeOptional: false,
   validationSchema: yup.object(),

package/dist/components/{react-hook-form → inputs/react-hook-form}/range-input.d.ts

@@ -1,5 +1,5 @@
 import { FunctionComponent } from 'react';
-import { default as yup } from '../../utils/yup-config.ts';
+import { default as yup } from '../../../utils/yup-config.ts';
 
 export declare const RangeType: {
     EQUALITY: {

package/dist/components/{react-hook-form → inputs/react-hook-form}/range-input.js

@@ -1,14 +1,14 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useWatch } from "react-hook-form";
 import FloatInput from "./numbers/float-input.js";
-import "../../utils/yup-config.js";
+import "../../../utils/yup-config.js";
 import { FormattedMessage } from "react-intl";
 import { useMemo } from "react";
 import InputLabel from "@mui/material/InputLabel";
 import { Grid } from "@mui/material";
 import FormControl from "@mui/material/FormControl";
 import MuiSelectInput from "./select-inputs/mui-select-input.js";
-import { FieldConstants } from "../filter/constants/field-constants.js";
+import { FieldConstants } from "../../../utils/field-constants.js";
 import * as yup from "yup";
 const style = {
   inputLegend: (theme) => ({

package/dist/components/{react-hook-form → inputs/react-hook-form}/select-inputs/countries-input.d.ts

@@ -4,5 +4,5 @@ interface CountryInputProps {
     name: string;
     label: string;
 }
-export declare const CountriesInput: FunctionComponent<CountryInputProps>;
+declare const CountriesInput: FunctionComponent<CountryInputProps>;
 export default CountriesInput;

package/dist/components/{react-hook-form → inputs/react-hook-form}/select-inputs/countries-input.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { Chip } from "@mui/material";
-import AutocompleteInput from "../autocomplete-input.js";
-import { useLocalizedCountries } from "../../../hooks/localized-countries-hook.js";
+import AutocompleteInput from "../autocomplete-inputs/autocomplete-input.js";
+import { useLocalizedCountries } from "../../../../hooks/localized-countries-hook.js";
 import { useCustomFormContext } from "../provider/use-custom-form-context.js";
 const CountriesInput = ({
   name,
@@ -31,6 +31,5 @@ const CountriesInput = ({
   );
 };
 export {
-  CountriesInput,
   CountriesInput as default
 };

package/dist/components/{react-hook-form → inputs/react-hook-form}/select-inputs/input-with-popup-confirmation.js

@@ -1,7 +1,7 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { useController } from "react-hook-form";
 import { useState } from "react";
-import PopupConfirmationDialog from "../../dialogs/popup-confirmation-dialog.js";
+import PopupConfirmationDialog from "../../../dialogs/popup-confirmation-dialog.js";
 const InputWithPopupConfirmation = ({
   Input,
   name,

package/dist/components/{react-hook-form → inputs/react-hook-form}/select-inputs/select-input.d.ts

@@ -1,6 +1,6 @@
-import { Option } from '../../../utils/types.ts';
+import { Option } from '../../../../utils/types.ts';
 import { FunctionComponent } from 'react';
-import { AutocompleteInputProps } from '../autocomplete-input';
+import { AutocompleteInputProps } from '../autocomplete-inputs/autocomplete-input';
 
 export interface SelectInputProps extends Omit<AutocompleteInputProps, 'outputTransform' | 'inputTransform' | 'readOnly' | 'getOptionLabel'> {
     options: Option[];

package/dist/components/{react-hook-form → inputs/react-hook-form}/select-inputs/select-input.js

@@ -1,9 +1,12 @@
 import { jsx } from "react/jsx-runtime";
-import AutocompleteInput from "../autocomplete-input.js";
+import AutocompleteInput from "../autocomplete-inputs/autocomplete-input.js";
 import { useIntl } from "react-intl";
 const SelectInput = (props) => {
   const intl = useIntl();
   const inputTransform = (value) => {
+    if (value === null) {
+      return null;
+    }
     if (typeof value === "string") {
       return props.options.find(
         (option) => typeof option !== "string" && (option == null ? void 0 : option.id) === value

package/dist/components/{react-hook-form → inputs/react-hook-form}/text-input.d.ts

@@ -1,4 +1,4 @@
-import { Input } from '../../utils/types.ts';
+import { Input } from '../../../utils/types.ts';
 import { TextFieldWithAdornmentProps } from './utils/text-field-with-adornment';
 import { TextFieldProps } from '@mui/material';
 import { FunctionComponent, ReactElement } from 'react';

package/dist/components/{react-hook-form → inputs/react-hook-form}/unique-name-input.d.ts

@@ -1,6 +1,6 @@
-import { elementExistsType } from '../filter/criteria-based/criteria-based-filter-edition-dialog';
+import { elementExistsType } from '../../filter/criteria-based/criteria-based-filter-edition-dialog';
 import { UUID } from 'crypto';
-import { ElementType } from '../../utils/ElementType.ts';
+import { ElementType } from '../../../utils/ElementType.ts';
 import { TextFieldProps } from '@mui/material';
 import { FunctionComponent } from 'react';
 

package/dist/components/{react-hook-form → inputs/react-hook-form}/unique-name-input.js

@@ -1,13 +1,13 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useCallback, useEffect } from "react";
-import { useDebounce } from "../../hooks/useDebounce.js";
+import { useDebounce } from "../../../hooks/useDebounce.js";
 import { FormattedMessage } from "react-intl";
 import { InputAdornment } from "@mui/material";
 import CheckIcon from "@mui/icons-material/Check";
 import { useController, useFormContext } from "react-hook-form";
 import CircularProgress from "@mui/material/CircularProgress";
 import TextField from "@mui/material/TextField";
-import { FieldConstants } from "../filter/constants/field-constants.js";
+import { FieldConstants } from "../../../utils/field-constants.js";
 const UniqueNameInput = ({
   name,
   label,

package/dist/components/{react-hook-form → inputs/react-hook-form}/utils/text-field-with-adornment.d.ts

@@ -1,4 +1,4 @@
-import { Input } from '../../../utils/types.ts';
+import { Input } from '../../../../utils/types.ts';
 import { TextFieldProps } from '@mui/material';
 import { FunctionComponent } from 'react';
 

package/dist/components/{react-query-builder-inputs → inputs/react-query-builder}/combinator-selector.js

@@ -1,6 +1,6 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { useState, useCallback } from "react";
-import PopupConfirmationDialog from "../dialogs/popup-confirmation-dialog.js";
+import PopupConfirmationDialog from "../../dialogs/popup-confirmation-dialog.js";
 import { MaterialValueSelector } from "@react-querybuilder/material";
 const CombinatorSelector = (props) => {
   const [tempCombinator, setTempCombinator] = useState(props.value);

package/dist/components/{react-query-builder-inputs → inputs/react-query-builder}/country-value-editor.js

@@ -3,7 +3,7 @@ import { MaterialValueEditor } from "@react-querybuilder/material";
 import { Autocomplete, TextField } from "@mui/material";
 import useConvertValue from "./use-convert-value.js";
 import useValid from "./use-valid.js";
-import { useLocalizedCountries } from "../../hooks/localized-countries-hook.js";
+import { useLocalizedCountries } from "../../../hooks/localized-countries-hook.js";
 import { useCustomFormContext } from "../react-hook-form/provider/use-custom-form-context.js";
 import { useMemo } from "react";
 const CountryValueEditor = (props) => {

package/dist/components/{react-query-builder-inputs → inputs/react-query-builder}/custom-react-query-builder.js

@@ -7,15 +7,15 @@ import "@react-querybuilder/material";
 import "react-querybuilder";
 import "react-intl";
 import "react-hook-form";
-import { j } from "../../chunks/criteria-based-filter-edition-dialog.BEXoNmzz.js";
+import { j } from "../../../chunks/criteria-based-filter-edition-dialog.CbhgOSRk.js";
 import "./combinator-selector.js";
 import "./add-button.js";
 import "./value-selector.js";
 import "react";
-import "../filter/constants/expert-filter-constants.js";
+import "../../filter/expert/expert-filter-constants.js";
 import "../react-hook-form/error-management/error-input.js";
 import "../react-hook-form/error-management/field-error-alert.js";
-import "../filter/expert/expert-filter-utils.js";
+import "../../filter/expert/expert-filter-utils.js";
 export {
   j as default
 };

package/dist/components/{react-query-builder-inputs → inputs/react-query-builder}/element-value-editor.js

@@ -1,53 +1,53 @@
 import "react/jsx-runtime";
 import "react";
 import "uuid";
-import "../TreeViewFinder/TreeViewFinder.js";
-import "../TopBar/TopBar.js";
-import "../TopBar/GridLogo.js";
-import "../TopBar/AboutDialog.js";
-import "../SnackbarProvider/SnackbarProvider.js";
+import "../../TreeViewFinder/TreeViewFinder.js";
+import "../../TopBar/TopBar.js";
+import "../../TopBar/GridLogo.js";
+import "../../TopBar/AboutDialog.js";
+import "../../SnackbarProvider/SnackbarProvider.js";
 import "react-router-dom";
-import "../../utils/AuthService.js";
+import "../../../utils/AuthService.js";
 import "@mui/material";
 import "@mui/icons-material";
 import "react-intl";
-import "../MuiVirtualizedTable/MuiVirtualizedTable.js";
-import "../ReportViewer/report-item.js";
-import "../ReportViewer/log-table.js";
-import "../ReportViewer/report-tree-view-context.js";
+import "../../MuiVirtualizedTable/MuiVirtualizedTable.js";
+import "../../ReportViewer/report-item.js";
+import "../../ReportViewer/log-table.js";
+import "../../ReportViewer/report-tree-view-context.js";
 import "@mui/x-tree-view";
-import "../OverflowableText/overflowable-text.js";
-import "../ElementSearchDialog/element-search-dialog.js";
-import "../ElementSearchDialog/tag-renderer.js";
+import "../../OverflowableText/overflowable-text.js";
+import "../../ElementSearchDialog/tag-renderer.js";
 import "../react-hook-form/utils/submit-button.js";
 import "../react-hook-form/utils/cancel-button.js";
 import "../react-hook-form/provider/custom-form-provider.js";
-import "../dialogs/description-modification-dialog.js";
+import "../../dialogs/description-modification-dialog.js";
 import "react-hook-form";
+import "../../filter/filter-context.js";
+import "notistack";
 import "yup";
 import "../react-hook-form/provider/use-custom-form-context.js";
-import "../dialogs/popup-confirmation-dialog.js";
-import "../filter/utils/criteria-based-utils.js";
-import { i } from "../../chunks/criteria-based-filter-edition-dialog.BEXoNmzz.js";
+import "../../dialogs/popup-confirmation-dialog.js";
+import { i } from "../../../chunks/criteria-based-filter-edition-dialog.CbhgOSRk.js";
 import "ag-grid-react";
 import "ag-grid-community/styles/ag-grid.css";
 import "ag-grid-community/styles/ag-theme-alpine.css";
 import "autosuggest-highlight/match";
 import "autosuggest-highlight/parse";
 import "clsx";
-import "../CardErrorBoundary/card-error-boundary.js";
-import "notistack";
+import "../../CardErrorBoundary/card-error-boundary.js";
 import "../react-hook-form/slider-input.js";
 import "../react-hook-form/numbers/integer-input.js";
 import "../react-hook-form/booleans/checkbox-input.js";
 import "../react-hook-form/booleans/switch-input.js";
 import "../react-hook-form/directory-items-input.js";
-import "../../chunks/filter-properties.GRon8-ML.js";
+import "../../../chunks/filter-properties.B7-q_yPf.js";
 import "@mui/icons-material/Delete";
 import "@mui/material/IconButton";
 import "@mui/material/Grid";
-import "../filter/expert/expert-filter-utils.js";
+import "../../../utils/yup-config.js";
 import "../react-hook-form/range-input.js";
+import "../../filter/expert/expert-filter-utils.js";
 import "../react-hook-form/select-inputs/mui-select-input.js";
 import "localized-countries";
 import "localized-countries/data/fr";
@@ -63,7 +63,7 @@ import "@mui/material/Alert";
 import "@mui/icons-material/Check";
 import "@mui/material/CircularProgress";
 import "@mui/material/TextField";
-import "../filter/filter-context.js";
+import "../../filter/utils/filter-form-utils.js";
 export {
   i as default
 };

package/dist/components/{react-query-builder-inputs → inputs/react-query-builder}/property-value-editor.js

@@ -4,9 +4,9 @@ import Grid from "@mui/material/Grid";
 import { Autocomplete, TextField, Select, MenuItem } from "@mui/material";
 import useValid from "./use-valid.js";
 import { useIntl } from "react-intl";
-import { FieldConstants } from "../filter/constants/field-constants.js";
-import { OPERATOR_OPTIONS } from "../filter/constants/expert-filter-constants.js";
-import { usePredefinedProperties } from "../../hooks/predefined-properties-hook.js";
+import { FieldConstants } from "../../../utils/field-constants.js";
+import { OPERATOR_OPTIONS } from "../../filter/expert/expert-filter-constants.js";
+import { usePredefinedProperties } from "../../../hooks/predefined-properties-hook.js";
 const PROPERTY_VALUE_OPERATORS = [OPERATOR_OPTIONS.IN];
 const PropertyValueEditor = (props) => {
   const { equipmentType, valueEditorProps } = props;

package/dist/components/{react-query-builder-inputs → inputs/react-query-builder}/remove-button.js

@@ -2,8 +2,8 @@ import "react/jsx-runtime";
 import "@mui/material/IconButton";
 import "@mui/icons-material/Delete";
 import "react-hook-form";
-import { h } from "../../chunks/criteria-based-filter-edition-dialog.BEXoNmzz.js";
-import "../filter/expert/expert-filter-utils.js";
+import { h } from "../../../chunks/criteria-based-filter-edition-dialog.CbhgOSRk.js";
+import "../../filter/expert/expert-filter-utils.js";
 export {
   h as default
 };

package/dist/components/{react-query-builder-inputs → inputs/react-query-builder}/use-convert-value.js

@@ -1,5 +1,5 @@
 import { useEffect } from "react";
-import { OPERATOR_OPTIONS } from "../filter/constants/expert-filter-constants.js";
+import { OPERATOR_OPTIONS } from "../../filter/expert/expert-filter-constants.js";
 const useConvertValue = ({
   operator,
   value,

package/dist/components/inputs/react-query-builder/value-editor.js

@@ -0,0 +1,18 @@
+import "react/jsx-runtime";
+import "react";
+import "@react-querybuilder/material";
+import "./country-value-editor.js";
+import "./translated-value-editor.js";
+import "./text-value-editor.js";
+import "@mui/material/Box";
+import "react-hook-form";
+import "../../../utils/field-constants.js";
+import "../../filter/expert/expert-filter.type.js";
+import "../../../utils/equipment-types.js";
+import { V } from "../../../chunks/criteria-based-filter-edition-dialog.CbhgOSRk.js";
+import "../../../utils/ElementType.js";
+import "./property-value-editor.js";
+import "../../filter/constants/filter-constants.js";
+export {
+  V as default
+};

package/dist/components/inputs/select-clearable.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { useIntl } from "react-intl";
 import { Autocomplete, TextField } from "@mui/material";
-import FieldLabel from "../react-hook-form/utils/field-label.js";
+import FieldLabel from "./react-hook-form/utils/field-label.js";
 const SelectClearable = (props) => {
   const { value, onChange, label, ...otherProps } = props;
   const intl = useIntl();

package/dist/hooks/useDebounce.d.ts

@@ -4,4 +4,4 @@
  * License, v. 2.0. If a copy of the MPL was not distributed with this
  * file, You can obtain one at http://mozilla.org/MPL/2.0/.
  */
-export declare const useDebounce: (func: (...args: any[]) => any, delay?: number) => ((...args: any[]) => any) & import('@mui/utils/debounce').Cancelable;
+export declare const useDebounce: <T extends (...args: any[]) => any>(func: T, delay?: number) => T & import('@mui/utils/debounce').Cancelable;

package/dist/hooks/useSnackMessage.d.ts

@@ -1,10 +1,6 @@
-/**
- * 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/.
- */
-interface SnackInputs {
+import { OptionsObject, closeSnackbar } from 'notistack';
+
+interface SnackInputs extends Omit<OptionsObject, 'variant' | 'style'> {
     messageTxt?: string;
     messageId?: string;
     messageValues?: {
@@ -18,6 +14,7 @@ export interface UseSnackMessageReturn {
     snackError: (snackInputs: SnackInputs) => void;
     snackWarning: (snackInputs: SnackInputs) => void;
     snackInfo: (snackInputs: SnackInputs) => void;
+    closeSnackbar: typeof closeSnackbar;
 }
 export declare function useSnackMessage(): UseSnackMessageReturn;
 export {};

package/dist/hooks/useSnackMessage.js

@@ -3,49 +3,34 @@ import { useSnackbar } from "notistack";
 import { useIntlRef } from "./useIntlRef.js";
 function useSnackMessage() {
   const intlRef = useIntlRef();
-  const { enqueueSnackbar } = useSnackbar();
-  const snackError = useCallback(
-    (snackInputs) => makeSnackbar(snackInputs, intlRef, enqueueSnackbar, "error", true),
+  const { enqueueSnackbar, closeSnackbar: closeSnackbar2 } = useSnackbar();
+  const enqueue = useCallback(
+    (snackInputs, variant) => {
+      const message = makeMessage(intlRef, snackInputs);
+      if (message === null) {
+        return;
+      }
+      return enqueueSnackbar(message, {
+        ...snackInputs,
+        variant,
+        style: { whiteSpace: "pre-line" }
+      });
+    },
     [enqueueSnackbar, intlRef]
   );
+  const snackError = useCallback(
+    (snackInputs) => enqueue(snackInputs, "error"),
+    [enqueue]
+  );
   const snackWarning = useCallback(
-    (snackInputs) => makeSnackbar(
-      snackInputs,
-      intlRef,
-      enqueueSnackbar,
-      "warning",
-      true
-    ),
-    [enqueueSnackbar, intlRef]
+    (snackInputs) => enqueue(snackInputs, "warning"),
+    [enqueue]
   );
   const snackInfo = useCallback(
-    (snackInputs) => makeSnackbar(snackInputs, intlRef, enqueueSnackbar, "info", false),
-    [enqueueSnackbar, intlRef]
-  );
-  return { snackError, snackInfo, snackWarning };
-}
-function makeSnackbar(snackInputs, intlRef, enqueueSnackbar, level, persistent) {
-  const message = checkAndTranslateIfNecessary(
-    intlRef,
-    snackInputs.messageTxt,
-    snackInputs.messageId,
-    snackInputs.messageValues
-  );
-  const header = checkAndTranslateIfNecessary(
-    intlRef,
-    snackInputs.headerTxt,
-    snackInputs.headerId,
-    snackInputs.headerValues
+    (snackInputs) => enqueue(snackInputs, "info"),
+    [enqueue]
   );
-  if (message !== null && header !== null) {
-    displayMessageWithSnackbar(
-      message,
-      header,
-      enqueueSnackbar,
-      level,
-      persistent
-    );
-  }
+  return { snackError, snackInfo, snackWarning, closeSnackbar: closeSnackbar2 };
 }
 function checkAndTranslateIfNecessary(intlRef, txt, id, values) {
   checkInputs(txt, id, values);
@@ -61,7 +46,19 @@ function checkInputs(txt, id, values) {
     console.warn("Snack inputs should be [*Txt] OR [*Id, *Values]");
   }
 }
-function displayMessageWithSnackbar(message, header, enqueueSnackbar, level, persistent) {
+function makeMessage(intlRef, snackInputs) {
+  const message = checkAndTranslateIfNecessary(
+    intlRef,
+    snackInputs.messageTxt,
+    snackInputs.messageId,
+    snackInputs.messageValues
+  );
+  const header = checkAndTranslateIfNecessary(
+    intlRef,
+    snackInputs.headerTxt,
+    snackInputs.headerId,
+    snackInputs.headerValues
+  );
   let fullMessage = "";
   if (header) {
     fullMessage += header;
@@ -72,11 +69,7 @@ function displayMessageWithSnackbar(message, header, enqueueSnackbar, level, per
     }
     fullMessage += message;
   }
-  enqueueSnackbar(fullMessage, {
-    variant: level,
-    persist: persistent,
-    style: { whiteSpace: "pre-line" }
-  });
+  return fullMessage;
 }
 export {
   useSnackMessage