@gridsuite/commons-ui 0.62.0 → 0.63.1

package/dist/components/inputs/react-hook-form/booleans/boolean-input.js

@@ -3,7 +3,7 @@ import { useCallback } from "react";
 import { useIntl } from "react-intl";
 import { FormControlLabel } from "@mui/material";
 import { useController } from "react-hook-form";
-const BooleanInput = ({ name, label, formProps, Input }) => {
+function BooleanInput({ name, label, formProps, Input }) {
   const {
     field: { onChange, value, ref }
   } = useController({ name });
@@ -36,7 +36,7 @@ const BooleanInput = ({ name, label, formProps, Input }) => {
     );
   }
   return CustomInput;
-};
+}
 export {
   BooleanInput as default
 };

package/dist/components/inputs/react-hook-form/booleans/checkbox-input.d.ts

@@ -5,5 +5,5 @@ export interface CheckboxInputProps {
     label?: string;
     formProps?: CheckboxProps;
 }
-declare const CheckboxInput: ({ name, label, formProps }: CheckboxInputProps) => import("react/jsx-runtime").JSX.Element;
+declare function CheckboxInput({ name, label, formProps }: CheckboxInputProps): import("react/jsx-runtime").JSX.Element;
 export default CheckboxInput;

package/dist/components/inputs/react-hook-form/booleans/checkbox-input.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
-import BooleanInput from "./boolean-input.js";
 import { Checkbox } from "@mui/material";
-const CheckboxInput = ({ name, label, formProps }) => {
+import BooleanInput from "./boolean-input.js";
+function CheckboxInput({ name, label, formProps }) {
   return /* @__PURE__ */ jsx(
     BooleanInput,
     {
@@ -11,7 +11,7 @@ const CheckboxInput = ({ name, label, formProps }) => {
       Input: Checkbox
     }
   );
-};
+}
 export {
   CheckboxInput as default
 };

package/dist/components/inputs/react-hook-form/booleans/switch-input.d.ts

@@ -5,5 +5,5 @@ export interface SwitchInputProps {
     label?: string;
     formProps?: SwitchProps;
 }
-declare const SwitchInput: ({ name, label, formProps }: SwitchInputProps) => import("react/jsx-runtime").JSX.Element;
+declare function SwitchInput({ name, label, formProps }: SwitchInputProps): import("react/jsx-runtime").JSX.Element;
 export default SwitchInput;

package/dist/components/inputs/react-hook-form/booleans/switch-input.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
-import BooleanInput from "./boolean-input.js";
 import { Switch } from "@mui/material";
-const SwitchInput = ({ name, label, formProps }) => {
+import BooleanInput from "./boolean-input.js";
+function SwitchInput({ name, label, formProps }) {
   return /* @__PURE__ */ jsx(
     BooleanInput,
     {
@@ -11,7 +11,7 @@ const SwitchInput = ({ name, label, formProps }) => {
       Input: Switch
     }
   );
-};
+}
 export {
   SwitchInput as default
 };

package/dist/components/inputs/react-hook-form/directory-items-input.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 declare const NAME = "name";
 export interface DirectoryItemsInputProps {
     label: string | undefined;
@@ -14,5 +18,9 @@ export interface DirectoryItemsInputProps {
     disable?: boolean;
     labelRequiredFromContext?: boolean;
 }
-declare const DirectoryItemsInput: FunctionComponent<DirectoryItemsInputProps>;
+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, labelRequiredFromContext, }: DirectoryItemsInputProps): import("react/jsx-runtime").JSX.Element;
 export default DirectoryItemsInput;

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

@@ -1,12 +1,12 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { FormControl, Chip, Grid, Tooltip, IconButton } from "@mui/material";
-import FieldLabel from "./utils/field-label.js";
 import FolderIcon from "@mui/icons-material/Folder";
 import { useState, useMemo, useCallback } from "react";
 import { useFieldArray, useController } from "react-hook-form";
 import { useIntl } from "react-intl";
-import { RawReadOnlyInput } from "./raw-read-only-input.js";
-import { useCustomFormContext } from "./provider/use-custom-form-context.js";
+import RawReadOnlyInput from "./raw-read-only-input.js";
+import FieldLabel from "./utils/field-label.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";
@@ -43,7 +43,7 @@ const styles = {
     marginTop: "-5px"
   }
 };
-const DirectoryItemsInput = ({
+function DirectoryItemsInput({
   label,
   name,
   elementType,
@@ -59,7 +59,7 @@ const DirectoryItemsInput = ({
   onChange,
   disable = false,
   labelRequiredFromContext = true
-}) => {
+}) {
   const { snackError } = useSnackMessage();
   const intl = useIntl();
   const [selected, setSelected] = useState([]);
@@ -106,8 +106,8 @@ const DirectoryItemsInput = ({
           });
         } else {
           append(otherElementAttributes);
-          onRowChanged && onRowChanged(true);
-          onChange && onChange(getValues(name));
+          onRowChanged == null ? void 0 : onRowChanged(true);
+          onChange == null ? void 0 : onChange(getValues(name));
         }
       });
       setDirectoryItemSelectorOpen(false);
@@ -127,8 +127,8 @@ const DirectoryItemsInput = ({
   const removeElements = useCallback(
     (index) => {
       remove(index);
-      onRowChanged && onRowChanged(true);
-      onChange && onChange(getValues(name));
+      onRowChanged == null ? void 0 : onRowChanged(true);
+      onChange == null ? void 0 : onChange(getValues(name));
     },
     [onRowChanged, remove, getValues, name, onChange]
   );
@@ -155,7 +155,7 @@ const DirectoryItemsInput = ({
       {
         sx: mergeSx(
           styles.formDirectoryElements1,
-          //@ts-ignore
+          // @ts-ignore
           (error == null ? void 0 : error.message) && styles.formDirectoryElementsError
         ),
         error: !!(error == null ? void 0 : error.message),
@@ -224,7 +224,7 @@ const DirectoryItemsInput = ({
       }
     )
   ] });
-};
+}
 export {
   NAME,
   DirectoryItemsInput as default

package/dist/components/inputs/react-hook-form/error-management/error-input.d.ts

@@ -1,4 +1,4 @@
-import { default as React, FunctionComponent } from 'react';
+import { default as React } from 'react';
 
 export type ErrorMessage = {
     id: string;
@@ -10,5 +10,5 @@ export interface ErrorInputProps {
         message: string | React.ReactNode;
     }) => React.ReactNode;
 }
-declare const ErrorInput: FunctionComponent<ErrorInputProps>;
+declare function ErrorInput({ name, InputField }: ErrorInputProps): "" | import("react/jsx-runtime").JSX.Element | undefined;
 export default ErrorInput;

package/dist/components/inputs/react-hook-form/error-management/error-input.js

@@ -1,11 +1,8 @@
-import { jsx, Fragment } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import { useRef, useEffect } from "react";
 import { FormattedMessage } from "react-intl";
 import { useController } from "react-hook-form";
-const ErrorInput = ({
-  name,
-  InputField
-}) => {
+function ErrorInput({ name, InputField }) {
   var _a;
   const {
     fieldState: { error },
@@ -19,7 +16,8 @@ const ErrorInput = ({
       return {
         id: errorMsg2
       };
-    } else if (typeof errorMsg2 === "object") {
+    }
+    if (typeof errorMsg2 === "object") {
       return {
         id: errorMsg2.id,
         values: {
@@ -35,10 +33,10 @@ const ErrorInput = ({
     }
   }, [isSubmitting]);
   const errorMsg = (error == null ? void 0 : error.message) || ((_a = error == null ? void 0 : error.root) == null ? void 0 : _a.message);
-  return /* @__PURE__ */ jsx(Fragment, { children: errorMsg && /* @__PURE__ */ jsx("div", { ref: errorRef, children: InputField({
+  return errorMsg && /* @__PURE__ */ jsx("div", { ref: errorRef, children: InputField({
     message: /* @__PURE__ */ jsx(FormattedMessage, { ...errorProps(errorMsg) })
-  }) }) });
-};
+  }) });
+}
 export {
   ErrorInput as default
 };

package/dist/components/inputs/react-hook-form/error-management/field-error-alert.d.ts

@@ -1,7 +1,7 @@
-import { default as React, FunctionComponent } from 'react';
+import { default as React } from 'react';
 
 interface FieldErrorAlertProps {
     message: string | React.ReactNode;
 }
-declare const FieldErrorAlert: FunctionComponent<FieldErrorAlertProps>;
+declare function FieldErrorAlert({ message }: FieldErrorAlertProps): import("react/jsx-runtime").JSX.Element;
 export default FieldErrorAlert;

package/dist/components/inputs/react-hook-form/error-management/field-error-alert.js

@@ -1,10 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import { Grid, Alert } from "@mui/material";
-const FieldErrorAlert = ({
-  message
-}) => {
+function FieldErrorAlert({ message }) {
   return /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(Alert, { severity: "error", children: message }) });
-};
+}
 export {
   FieldErrorAlert as default
 };

package/dist/components/inputs/react-hook-form/error-management/mid-form-error.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
 
-declare const MidFormError: ({ message }: {
+declare function MidFormError({ message }: {
     message: string | ReactNode;
-}) => import("react/jsx-runtime").JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
 export default MidFormError;

package/dist/components/inputs/react-hook-form/error-management/mid-form-error.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { Box } from "@mui/material";
-const MidFormError = ({ message }) => {
+function MidFormError({ message }) {
   return /* @__PURE__ */ jsx(
     Box,
     {
@@ -13,7 +13,7 @@ const MidFormError = ({ message }) => {
       children: message
     }
   );
-};
+}
 export {
   MidFormError as default
 };

package/dist/components/inputs/react-hook-form/numbers/float-input.d.ts

@@ -1,6 +1,5 @@
-import { FunctionComponent } from 'react';
 import { TextInputProps } from '../text-input';
 
 export type FloatInputProps = Omit<TextInputProps, 'outputTransform' | 'inputTransform' | 'acceptValue'>;
-declare const FloatInput: FunctionComponent<FloatInputProps>;
+declare function FloatInput(props: FloatInputProps): import("react/jsx-runtime").JSX.Element;
 export default FloatInput;

package/dist/components/inputs/react-hook-form/numbers/float-input.js

@@ -7,11 +7,12 @@ const normalizeFixed = (number) => {
     useGrouping: false
   });
 };
-const FloatInput = (props) => {
+function FloatInput(props) {
   const inputTransform = (value) => {
-    if (typeof value == "number" && !isNaN(value)) {
+    if (typeof value === "number" && !Number.isNaN(value)) {
       return normalizeFixed(value);
-    } else if (typeof value == "string") {
+    }
+    if (typeof value === "string") {
       if (["-", "."].includes(value)) {
         return value;
       }
@@ -31,7 +32,7 @@ const FloatInput = (props) => {
       return tmp;
     }
     const parsed = parseFloat(tmp);
-    return isNaN(parsed) ? null : normalizeFixed(parsed);
+    return Number.isNaN(parsed) ? null : normalizeFixed(parsed);
   };
   return /* @__PURE__ */ jsx(
     TextInput,
@@ -42,7 +43,7 @@ const FloatInput = (props) => {
       ...props
     }
   );
-};
+}
 export {
   FloatInput as default
 };

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

@@ -1,4 +1,4 @@
 import { TextInputProps } from '../text-input';
 
-declare const IntegerInput: (props: TextInputProps) => import("react/jsx-runtime").JSX.Element;
+declare function IntegerInput(props: TextInputProps): import("react/jsx-runtime").JSX.Element;
 export default IntegerInput;

package/dist/components/inputs/react-hook-form/numbers/integer-input.js

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import TextInput from "../text-input.js";
 import { isIntegerNumber } from "./utils.js";
-const IntegerInput = (props) => {
+function IntegerInput(props) {
   const inputTransform = (value) => {
-    if ("-" === value) {
+    if (value === "-") {
       return value;
     }
-    return value === null || typeof value === "number" && isNaN(value) ? "" : value.toString();
+    return value === null || typeof value === "number" && Number.isNaN(value) ? "" : value.toString();
   };
   const outputTransform = (value) => {
     if (value === "-") {
@@ -15,7 +15,7 @@ const IntegerInput = (props) => {
     if (value === "0") {
       return 0;
     }
-    return parseInt(value) || null;
+    return parseInt(value, 10) || null;
   };
   return /* @__PURE__ */ jsx(
     TextInput,
@@ -26,7 +26,7 @@ const IntegerInput = (props) => {
       ...props
     }
   );
-};
+}
 export {
   IntegerInput as default
 };

package/dist/components/inputs/react-hook-form/provider/custom-form-provider.d.ts

@@ -10,5 +10,5 @@ type CustomFormContextProps = {
 export type MergedFormContextProps = UseFormReturn<any> & CustomFormContextProps;
 type CustomFormProviderProps = PropsWithChildren<MergedFormContextProps>;
 export declare const CustomFormContext: React.Context<CustomFormContextProps>;
-declare const CustomFormProvider: (props: CustomFormProviderProps) => import("react/jsx-runtime").JSX.Element;
+declare function CustomFormProvider(props: CustomFormProviderProps): import("react/jsx-runtime").JSX.Element;
 export default CustomFormProvider;

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

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { createContext } from "react";
+import React, { createContext } from "react";
 import { FormProvider } from "react-hook-form";
 import * as yup from "yup";
 import { getSystemLanguage } from "../../../../hooks/localized-countries-hook.js";
@@ -8,7 +8,7 @@ const CustomFormContext = createContext({
   validationSchema: yup.object(),
   language: getSystemLanguage()
 });
-const CustomFormProvider = (props) => {
+function CustomFormProvider(props) {
   const {
     validationSchema,
     removeOptional,
@@ -19,15 +19,18 @@ const CustomFormProvider = (props) => {
   return /* @__PURE__ */ jsx(FormProvider, { ...formMethods, children: /* @__PURE__ */ jsx(
     CustomFormContext.Provider,
     {
-      value: {
-        validationSchema,
-        removeOptional,
-        language
-      },
+      value: React.useMemo(
+        () => ({
+          validationSchema,
+          removeOptional,
+          language
+        }),
+        [validationSchema, removeOptional, language]
+      ),
       children
     }
   ) });
-};
+}
 export {
   CustomFormContext,
   CustomFormProvider as default

package/dist/components/inputs/react-hook-form/provider/use-custom-form-context.d.ts

@@ -1,3 +1,4 @@
 import { MergedFormContextProps } from './custom-form-provider';
 
-export declare const useCustomFormContext: () => MergedFormContextProps;
+declare const useCustomFormContext: () => MergedFormContextProps;
+export default useCustomFormContext;

package/dist/components/inputs/react-hook-form/provider/use-custom-form-context.js

@@ -7,5 +7,5 @@ const useCustomFormContext = () => {
   return { ...formMethods, ...customFormMethods };
 };
 export {
-  useCustomFormContext
+  useCustomFormContext as default
 };

package/dist/components/inputs/react-hook-form/radio-input.d.ts

@@ -11,5 +11,5 @@ interface RadioInputProps {
     options: RadioOptions;
     formProps?: Omit<RadioGroupProps, 'value'>;
 }
-declare const RadioInput: ({ name, label, id, options, formProps, }: RadioInputProps) => import("react/jsx-runtime").JSX.Element;
+declare function RadioInput({ name, label, id, options, formProps }: RadioInputProps): import("react/jsx-runtime").JSX.Element;
 export default RadioInput;

package/dist/components/inputs/react-hook-form/radio-input.js

@@ -3,13 +3,7 @@ import { FormControl, FormLabel, RadioGroup, FormControlLabel, Radio } from "@mu
 import { FormattedMessage } from "react-intl";
 import { useController } from "react-hook-form";
 import FieldLabel from "./utils/field-label.js";
-const RadioInput = ({
-  name,
-  label,
-  id,
-  options,
-  formProps
-}) => {
+function RadioInput({ name, label, id, options, formProps }) {
   const {
     field: { onChange, value }
   } = useController({ name });
@@ -35,7 +29,7 @@ const RadioInput = ({
       }
     )
   ] });
-};
+}
 export {
   RadioInput as default
 };

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

@@ -1,4 +1,3 @@
-import { FunctionComponent } from 'react';
 import { default as yup } from '../../../utils/yup-config';
 
 export declare const RangeType: {
@@ -50,5 +49,5 @@ interface RangeInputProps {
     name: string;
     label: string;
 }
-declare const RangeInput: FunctionComponent<RangeInputProps>;
+declare function RangeInput({ name, label }: RangeInputProps): import("react/jsx-runtime").JSX.Element;
 export default RangeInput;

package/dist/components/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 { 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 FloatInput from "./numbers/float-input.js";
+import "../../../utils/yup-config.js";
 import MuiSelectInput from "./select-inputs/mui-select-input.js";
-import { FieldConstants } from "../../../utils/field-constants.js";
+import FieldConstants from "../../../utils/field-constants.js";
 import * as yup from "yup";
 const style = {
   inputLegend: (theme) => ({
@@ -51,7 +51,7 @@ const getRangeInputSchema = (name) => ({
     [[FieldConstants.VALUE_1, FieldConstants.VALUE_2]]
   )
 });
-const RangeInput = ({ name, label }) => {
+function RangeInput({ name, label }) {
   const watchOperationType = useWatch({
     name: `${name}.${FieldConstants.OPERATION_TYPE}`
   });
@@ -108,7 +108,7 @@ const RangeInput = ({ name, label }) => {
       isOperationTypeRange && /* @__PURE__ */ jsx(Grid, { item: true, children: secondValueField })
     ] })
   ] });
-};
+}
 export {
   DEFAULT_RANGE_VALUE,
   RangeType,

package/dist/components/inputs/react-hook-form/raw-read-only-input.d.ts

@@ -4,6 +4,7 @@
  * 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 function RawReadOnlyInput({ name }: {
+declare function RawReadOnlyInput({ name }: {
     name: string;
 }): any;
+export default RawReadOnlyInput;

package/dist/components/inputs/react-hook-form/raw-read-only-input.js

@@ -6,5 +6,5 @@ function RawReadOnlyInput({ name }) {
   return value;
 }
 export {
-  RawReadOnlyInput
+  RawReadOnlyInput as default
 };

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

@@ -1,8 +1,6 @@
-import { FunctionComponent } from 'react';
-
 interface CountryInputProps {
     name: string;
     label: string;
 }
-declare const CountriesInput: FunctionComponent<CountryInputProps>;
+declare function CountriesInput({ name, label }: CountryInputProps): import("react/jsx-runtime").JSX.Element;
 export default CountriesInput;

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

@@ -3,20 +3,16 @@ import { useCallback } from "react";
 import { Chip } from "@mui/material";
 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,
-  label
-}) => {
+import useCustomFormContext from "../provider/use-custom-form-context.js";
+function CountriesInput({ name, label }) {
   const { language } = useCustomFormContext();
   const { translate, countryCodes } = useLocalizedCountries(language);
   const translateOption = useCallback(
     (option) => {
       if (typeof option === "string") {
         return translate(option);
-      } else {
-        return translate(option.label);
       }
+      return translate(option.label);
     },
     [translate]
   );
@@ -40,7 +36,7 @@ const CountriesInput = ({
       ))
     }
   );
-};
+}
 export {
   CountriesInput as default
 };

package/dist/components/inputs/react-hook-form/select-inputs/input-with-popup-confirmation.d.ts

@@ -1,2 +1,4 @@
-declare const InputWithPopupConfirmation: ({ Input, name, shouldOpenPopup, resetOnConfirmation, message, validateButtonLabel, ...props }: any) => import("react/jsx-runtime").JSX.Element;
+declare function InputWithPopupConfirmation({ Input, name, shouldOpenPopup, // condition to open popup confirmation
+resetOnConfirmation, // function to reset values in your form on confirmation,
+message, validateButtonLabel, ...props }: any): import("react/jsx-runtime").JSX.Element;
 export default InputWithPopupConfirmation;

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

@@ -2,7 +2,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";
-const InputWithPopupConfirmation = ({
+function InputWithPopupConfirmation({
   Input,
   name,
   shouldOpenPopup,
@@ -12,7 +12,7 @@ const InputWithPopupConfirmation = ({
   message,
   validateButtonLabel,
   ...props
-}) => {
+}) {
   const [newValue, setNewValue] = useState(null);
   const [openPopup, setOpenPopup] = useState(false);
   const {
@@ -29,7 +29,7 @@ const InputWithPopupConfirmation = ({
     }
   };
   const handlePopupConfirmation = () => {
-    resetOnConfirmation && resetOnConfirmation();
+    resetOnConfirmation == null ? void 0 : resetOnConfirmation();
     onChange(newValue);
     setOpenPopup(false);
   };
@@ -55,7 +55,7 @@ const InputWithPopupConfirmation = ({
       }
     )
   ] });
-};
+}
 export {
   InputWithPopupConfirmation as default
 };

package/dist/components/inputs/react-hook-form/select-inputs/mui-select-input.d.ts

@@ -1,4 +1,3 @@
-import { FunctionComponent } from 'react';
 import { SelectProps } from '@mui/material';
 
 interface MuiSelectInputProps {
@@ -8,5 +7,5 @@ interface MuiSelectInputProps {
         label: string;
     }[];
 }
-declare const MuiSelectInput: FunctionComponent<MuiSelectInputProps & SelectProps>;
+declare function MuiSelectInput({ name, options, ...props }: MuiSelectInputProps & SelectProps): import("react/jsx-runtime").JSX.Element;
 export default MuiSelectInput;