@gridsuite/commons-ui 0.63.3 → 0.63.5

package/dist/components/inputs/react-hook-form/ag-grid-table/csv-uploader/csv-uploader.js

@@ -52,9 +52,7 @@ function CsvUploader({
     }
     for (let i = 0; i < fileHeaders.length; i++) {
       if (fileHeaders[i] !== "" && rows[0][i] !== fileHeaders[i]) {
-        setCreateError(
-          intl.formatMessage({ id: "wrongCsvHeadersError" })
-        );
+        setCreateError(intl.formatMessage({ id: "wrongCsvHeadersError" }));
         return false;
       }
     }
@@ -87,11 +85,7 @@ function CsvUploader({
   };
   const handleOpenCSVConfirmationDataDialog = () => {
     const isValuesInTable = Array.isArray(watchTableValues) && watchTableValues.some(
-      (val) => val && Object.keys(val).filter(
-        (key) => key !== FieldConstants.AG_GRID_ROW_UUID
-      ).some(
-        (e) => val[e] !== void 0 && val[e] !== null && String(val[e]).trim().length > 0
-      )
+      (val) => val && Object.keys(val).filter((key) => key !== FieldConstants.AG_GRID_ROW_UUID).some((e) => val[e] !== void 0 && val[e] !== null && String(val[e]).trim().length > 0)
     );
     if (isValuesInTable && getResultsFromImportedData().length > 0) {
       setIsConfirmationPopupOpen(true);
@@ -112,51 +106,22 @@ function CsvUploader({
     setIsConfirmationPopupOpen(false);
   };
   const renderConfirmationCsvData = () => {
-    return /* @__PURE__ */ jsxs(
-      Dialog,
-      {
-        open: isConfirmationPopupOpen,
-        "aria-labelledby": "dialog-confirmation-csv-data",
-        children: [
-          /* @__PURE__ */ jsx(DialogTitle, { id: "dialog-confirmation-csv-data", children: "Confirmation" }),
-          /* @__PURE__ */ jsx(DialogContent, { children: /* @__PURE__ */ jsx(DialogContentText, { children: intl.formatMessage({ id: "keepCSVDataMessage" }) }) }),
-          /* @__PURE__ */ jsxs(DialogActions, { children: [
-            /* @__PURE__ */ jsx(CancelButton, { onClick: handleCancelDialog }),
-            /* @__PURE__ */ jsx(
-              Button,
-              {
-                onClick: () => handleReplacePopupConfirmation(),
-                variant: "outlined",
-                children: /* @__PURE__ */ jsx(FormattedMessage, { id: "replace" })
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              Button,
-              {
-                onClick: () => handleAddPopupConfirmation(),
-                variant: "outlined",
-                children: /* @__PURE__ */ jsx(FormattedMessage, { id: "add" })
-              }
-            )
-          ] })
-        ]
-      }
-    );
+    return /* @__PURE__ */ jsxs(Dialog, { open: isConfirmationPopupOpen, "aria-labelledby": "dialog-confirmation-csv-data", children: [
+      /* @__PURE__ */ jsx(DialogTitle, { id: "dialog-confirmation-csv-data", children: "Confirmation" }),
+      /* @__PURE__ */ jsx(DialogContent, { children: /* @__PURE__ */ jsx(DialogContentText, { children: intl.formatMessage({ id: "keepCSVDataMessage" }) }) }),
+      /* @__PURE__ */ jsxs(DialogActions, { children: [
+        /* @__PURE__ */ jsx(CancelButton, { onClick: handleCancelDialog }),
+        /* @__PURE__ */ jsx(Button, { onClick: () => handleReplacePopupConfirmation(), variant: "outlined", children: /* @__PURE__ */ jsx(FormattedMessage, { id: "replace" }) }),
+        /* @__PURE__ */ jsx(Button, { onClick: () => handleAddPopupConfirmation(), variant: "outlined", children: /* @__PURE__ */ jsx(FormattedMessage, { id: "add" }) })
+      ] })
+    ] });
   };
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsxs(Dialog, { open, onClose: handleClose, fullWidth: true, children: [
       /* @__PURE__ */ jsx(DialogTitle, { children: title }),
       /* @__PURE__ */ jsx(DialogContent, { children: /* @__PURE__ */ jsxs("div", { children: [
         /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, children: [
-          /* @__PURE__ */ jsx(Grid, { container: true, item: true, children: /* @__PURE__ */ jsx(Grid, { item: true, xs: 6, children: /* @__PURE__ */ jsx(
-            CsvDownloader,
-            {
-              datas: data,
-              filename: fileName,
-              separator: ",",
-              children: /* @__PURE__ */ jsx(Button, { variant: "contained", children: /* @__PURE__ */ jsx(FormattedMessage, { id: "GenerateCSV" }) })
-            }
-          ) }) }),
+          /* @__PURE__ */ jsx(Grid, { container: true, item: true, children: /* @__PURE__ */ jsx(Grid, { item: true, xs: 6, children: /* @__PURE__ */ jsx(CsvDownloader, { datas: data, filename: fileName, separator: ",", children: /* @__PURE__ */ jsx(Button, { variant: "contained", children: /* @__PURE__ */ jsx(FormattedMessage, { id: "GenerateCSV" }) }) }) }) }),
           /* @__PURE__ */ jsx(Grid, { container: true, item: true, spacing: 3, children: /* @__PURE__ */ jsx(
             CSVReader,
             {
@@ -166,23 +131,10 @@ function CsvUploader({
               },
               config: {
                 // We use | for multi values in one cell, then we remove it from the default value for this config, to avoid delimiter autodetection
-                delimitersToGuess: [
-                  ",",
-                  "	",
-                  ";",
-                  RECORD_SEP,
-                  UNIT_SEP
-                ]
+                delimitersToGuess: [",", "	", ";", RECORD_SEP, UNIT_SEP]
               },
               children: ({ getRootProps, acceptedFile }) => /* @__PURE__ */ jsxs(Grid, { item: true, children: [
-                /* @__PURE__ */ jsx(
-                  Button,
-                  {
-                    ...getRootProps(),
-                    variant: "contained",
-                    children: /* @__PURE__ */ jsx(FormattedMessage, { id: "UploadCSV" })
-                  }
-                ),
+                /* @__PURE__ */ jsx(Button, { ...getRootProps(), variant: "contained", children: /* @__PURE__ */ jsx(FormattedMessage, { id: "UploadCSV" }) }),
                 /* @__PURE__ */ jsx(
                   "span",
                   {

package/dist/components/inputs/react-hook-form/ag-grid-table/custom-ag-grid-table.js

@@ -102,9 +102,7 @@ function CustomAgGridTable({
     (rowData == null ? void 0 : rowData.length) && ((_a = gridApi == null ? void 0 : gridApi.api.getRowNode(rowData[0][FieldConstants.AG_GRID_ROW_UUID])) == null ? void 0 : _a.isSelected())
   );
   const isLastSelected = Boolean(
-    (rowData == null ? void 0 : rowData.length) && ((_b = gridApi == null ? void 0 : gridApi.api.getRowNode(
-      rowData[rowData.length - 1][FieldConstants.AG_GRID_ROW_UUID]
-    )) == null ? void 0 : _b.isSelected())
+    (rowData == null ? void 0 : rowData.length) && ((_b = gridApi == null ? void 0 : gridApi.api.getRowNode(rowData[rowData.length - 1][FieldConstants.AG_GRID_ROW_UUID])) == null ? void 0 : _b.isSelected())
   );
   const noRowSelected = selectedRows.length === 0;
   const getIndex = useCallback(
@@ -185,45 +183,36 @@ function CustomAgGridTable({
     setIsSortApplied(isAnycolumnhasSort);
   }, []);
   return /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, children: [
-    /* @__PURE__ */ jsx(
-      Grid,
+    /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, className: theme.aggrid.theme, sx: style(cssProps).grid, children: /* @__PURE__ */ jsx(
+      AgGridReact,
       {
-        item: true,
-        xs: 12,
-        className: theme.aggrid.theme,
-        sx: style(cssProps).grid,
-        children: /* @__PURE__ */ jsx(
-          AgGridReact,
-          {
-            rowData,
-            onGridReady,
-            getLocaleText,
-            cacheOverflowSize: 10,
-            rowSelection: "multiple",
-            domLayout: "autoHeight",
-            rowDragEntireRow: true,
-            rowDragManaged: true,
-            onRowDragEnd: (e) => move(getIndex(e.node.data), e.overIndex),
-            suppressBrowserResizeObserver: true,
-            columnDefs,
-            detailRowAutoHeight: true,
-            onSelectionChanged: () => {
-              setSelectedRows(gridApi.api.getSelectedRows());
-            },
-            onRowDataUpdated: newRowAdded ? onRowDataUpdated : void 0,
-            onCellEditingStopped,
-            onSortChanged,
-            getRowId: (row) => row.data[FieldConstants.AG_GRID_ROW_UUID],
-            pagination,
-            paginationPageSize,
-            suppressRowClickSelection,
-            alwaysShowVerticalScroll,
-            stopEditingWhenCellsLoseFocus,
-            ...props
-          }
-        )
+        rowData,
+        onGridReady,
+        getLocaleText,
+        cacheOverflowSize: 10,
+        rowSelection: "multiple",
+        domLayout: "autoHeight",
+        rowDragEntireRow: true,
+        rowDragManaged: true,
+        onRowDragEnd: (e) => move(getIndex(e.node.data), e.overIndex),
+        suppressBrowserResizeObserver: true,
+        columnDefs,
+        detailRowAutoHeight: true,
+        onSelectionChanged: () => {
+          setSelectedRows(gridApi.api.getSelectedRows());
+        },
+        onRowDataUpdated: newRowAdded ? onRowDataUpdated : void 0,
+        onCellEditingStopped,
+        onSortChanged,
+        getRowId: (row) => row.data[FieldConstants.AG_GRID_ROW_UUID],
+        pagination,
+        paginationPageSize,
+        suppressRowClickSelection,
+        alwaysShowVerticalScroll,
+        stopEditingWhenCellsLoseFocus,
+        ...props
       }
-    ),
+    ) }),
     /* @__PURE__ */ jsx(
       BottomRightButtons,
       {

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

@@ -31,9 +31,7 @@ function AutocompleteInput({
       onChange(outputTransform(newValue));
       return;
     }
-    const matchingOption = options.find(
-      (option) => typeof option !== "string" && option.id === newValue
-    );
+    const matchingOption = options.find((option) => typeof option !== "string" && option.id === newValue);
     if (matchingOption) {
       onChange(outputTransform(matchingOption));
       return;
@@ -61,11 +59,7 @@ function AutocompleteInput({
           ...label && {
             label: FieldLabel({
               label,
-              optional: !isFieldRequired(
-                name,
-                validationSchema,
-                getValues()
-              ) && !(props == null ? void 0 : props.disabled) && !removeOptional
+              optional: !isFieldRequired(name, validationSchema, getValues()) && !(props == null ? void 0 : props.disabled) && !removeOptional
             })
           },
           inputRef: ref,

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

@@ -18,9 +18,7 @@ function MultipleAutocompleteInput({ name, ...props }) {
   };
   const outputTransform = (values) => {
     const newValues = values.map((val) => val.trim());
-    return newValues.filter(
-      (val, index) => newValues.indexOf(val) === index
-    );
+    return newValues.filter((val, index) => newValues.indexOf(val) === index);
   };
   return /* @__PURE__ */ jsx(
     AutocompleteInput,

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

@@ -27,13 +27,7 @@ function BooleanInput({ name, label, formProps, Input }) {
     }
   );
   if (label) {
-    return /* @__PURE__ */ jsx(
-      FormControlLabel,
-      {
-        control: CustomInput,
-        label: intl.formatMessage({ id: label })
-      }
-    );
+    return /* @__PURE__ */ jsx(FormControlLabel, { control: CustomInput, label: intl.formatMessage({ id: label }) });
   }
   return CustomInput;
 }

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

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

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

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

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

@@ -88,18 +88,12 @@ function DirectoryItemsInput({
       }
       if ((selected == null ? void 0 : selected.length) > 0 && (values == null ? void 0 : values.length) > 0) {
         selected.forEach((chip) => {
-          remove(
-            getValues(name).findIndex(
-              (item) => item.id === chip
-            )
-          );
+          remove(getValues(name).findIndex((item) => item.id === chip));
         });
       }
       values.forEach((value) => {
         const { icon, children, ...otherElementAttributes } = value;
-        if (getValues(name).find(
-          (v) => (v == null ? void 0 : v.id) === otherElementAttributes.id
-        ) !== void 0) {
+        if (getValues(name).find((v) => (v == null ? void 0 : v.id) === otherElementAttributes.id) !== void 0) {
           snackError({
             messageTxt: "",
             headerId: "directory_items_input/ElementAlreadyUsed"
@@ -113,16 +107,7 @@ function DirectoryItemsInput({
       setDirectoryItemSelectorOpen(false);
       setSelected([]);
     },
-    [
-      append,
-      getValues,
-      snackError,
-      name,
-      onRowChanged,
-      onChange,
-      selected,
-      remove
-    ]
+    [append, getValues, snackError, name, onRowChanged, onChange, selected, remove]
   );
   const removeElements = useCallback(
     (index) => {
@@ -164,11 +149,7 @@ function DirectoryItemsInput({
             FieldLabel,
             {
               label,
-              optional: labelRequiredFromContext && !isFieldRequired(
-                name,
-                validationSchema,
-                getValues()
-              )
+              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(
@@ -180,12 +161,7 @@ function DirectoryItemsInput({
               label: /* @__PURE__ */ jsx(
                 OverflowableText,
                 {
-                  text: /* @__PURE__ */ jsx(
-                    RawReadOnlyInput,
-                    {
-                      name: `${name}.${index}.${NAME}`
-                    }
-                  ),
+                  text: /* @__PURE__ */ jsx(RawReadOnlyInput, { name: `${name}.${index}.${NAME}` }),
                   sx: { width: "100%" }
                 }
               )

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

@@ -6,7 +6,7 @@ export type ErrorMessage = {
 } | string;
 export interface ErrorInputProps {
     name: string;
-    InputField: ({ message, }: {
+    InputField: ({ message }: {
         message: string | React.ReactNode;
     }) => React.ReactNode;
 }

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

@@ -9,13 +9,7 @@ const CustomFormContext = createContext({
   language: getSystemLanguage()
 });
 function CustomFormProvider(props) {
-  const {
-    validationSchema,
-    removeOptional,
-    language,
-    children,
-    ...formMethods
-  } = props;
+  const { validationSchema, removeOptional, language, children, ...formMethods } = props;
   return /* @__PURE__ */ jsx(FormProvider, { ...formMethods, children: /* @__PURE__ */ jsx(
     CustomFormContext.Provider,
     {

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

@@ -9,25 +9,15 @@ function RadioInput({ name, label, id, options, formProps }) {
   } = useController({ name });
   return /* @__PURE__ */ jsxs(FormControl, { children: [
     label && /* @__PURE__ */ jsx(FormLabel, { id: id ?? label, children: /* @__PURE__ */ jsx(FormattedMessage, { id: label }) }),
-    /* @__PURE__ */ jsx(
-      RadioGroup,
+    /* @__PURE__ */ jsx(RadioGroup, { row: true, "aria-labelledby": id ?? label, value, onChange, ...formProps, children: options.map((option) => /* @__PURE__ */ jsx(
+      FormControlLabel,
       {
-        row: true,
-        "aria-labelledby": id ?? label,
-        value,
-        onChange,
-        ...formProps,
-        children: options.map((option) => /* @__PURE__ */ jsx(
-          FormControlLabel,
-          {
-            control: /* @__PURE__ */ jsx(Radio, {}),
-            value: option.id,
-            label: /* @__PURE__ */ jsx(FieldLabel, { label: option.label })
-          },
-          option.id
-        ))
-      }
-    )
+        control: /* @__PURE__ */ jsx(Radio, {}),
+        value: option.id,
+        label: /* @__PURE__ */ jsx(FieldLabel, { label: option.label })
+      },
+      option.id
+    )) })
   ] });
 }
 export {

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

@@ -55,10 +55,7 @@ function RangeInput({ name, label }) {
   const watchOperationType = useWatch({
     name: `${name}.${FieldConstants.OPERATION_TYPE}`
   });
-  const isOperationTypeRange = useMemo(
-    () => watchOperationType === RangeType.RANGE.id,
-    [watchOperationType]
-  );
+  const isOperationTypeRange = useMemo(() => watchOperationType === RangeType.RANGE.id, [watchOperationType]);
   const firstValueField = /* @__PURE__ */ jsx(
     FloatInput,
     {

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

@@ -25,15 +25,7 @@ function CountriesInput({ name, label }) {
       getOptionLabel: translateOption,
       fullWidth: true,
       multiple: true,
-      renderTags: (val, getTagsProps) => val.map((code, index) => /* @__PURE__ */ jsx(
-        Chip,
-        {
-          size: "small",
-          label: translate(code),
-          ...getTagsProps({ index })
-        },
-        code
-      ))
+      renderTags: (val, getTagsProps) => val.map((code, index) => /* @__PURE__ */ jsx(Chip, { size: "small", label: translate(code), ...getTagsProps({ index }) }, code))
     }
   );
 }

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

@@ -2,24 +2,13 @@ import { jsx } from "react/jsx-runtime";
 import { FormattedMessage } from "react-intl";
 import { Select, MenuItem } from "@mui/material";
 import { useController } from "react-hook-form";
-function MuiSelectInput({
-  name,
-  options,
-  ...props
-}) {
+function MuiSelectInput({ name, options, ...props }) {
   const {
     field: { value, onChange }
   } = useController({
     name
   });
-  return /* @__PURE__ */ jsx(Select, { value, onChange, ...props, children: options.map((option) => /* @__PURE__ */ jsx(
-    MenuItem,
-    {
-      value: option.id ?? option,
-      children: /* @__PURE__ */ jsx(FormattedMessage, { id: option.label ?? option })
-    },
-    option.id ?? option.label
-  )) });
+  return /* @__PURE__ */ jsx(Select, { value, onChange, ...props, children: options.map((option) => /* @__PURE__ */ jsx(MenuItem, { value: option.id ?? option, children: /* @__PURE__ */ jsx(FormattedMessage, { id: option.label ?? option }) }, option.id ?? option.label)) });
 }
 export {
   MuiSelectInput as default

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

@@ -9,13 +9,9 @@ function SelectInput(props) {
       return null;
     }
     if (typeof value === "string") {
-      return options.find(
-        (option) => typeof option !== "string" && (option == null ? void 0 : option.id) === value
-      ) || null;
+      return options.find((option) => typeof option !== "string" && (option == null ? void 0 : option.id) === value) || null;
     }
-    return options.find(
-      (option) => typeof option !== "string" && (option == null ? void 0 : option.id) === value.id
-    ) || null;
+    return options.find((option) => typeof option !== "string" && (option == null ? void 0 : option.id) === value.id) || null;
   };
   const outputTransform = (value) => {
     if (typeof value === "string") {

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

@@ -4,5 +4,5 @@ export interface SliderInputProps extends SliderProps {
     name: string;
     onValueChanged: (value: any) => void;
 }
-declare function SliderInput({ name, min, max, step, size, onValueChanged, }: SliderInputProps): import("react/jsx-runtime").JSX.Element;
+declare function SliderInput({ name, min, max, step, size, onValueChanged }: SliderInputProps): import("react/jsx-runtime").JSX.Element;
 export default SliderInput;

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

@@ -2,14 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import { Slider } from "@mui/material";
 import { useController } from "react-hook-form";
 import { identity } from "./utils/functions.js";
-function SliderInput({
-  name,
-  min,
-  max,
-  step,
-  size = "small",
-  onValueChanged = identity
-}) {
+function SliderInput({ name, min, max, step, size = "small", onValueChanged = identity }) {
   const {
     field: { onChange, value }
   } = useController({ name });
@@ -17,17 +10,7 @@ function SliderInput({
     onValueChanged(newValue);
     onChange(newValue);
   };
-  return /* @__PURE__ */ jsx(
-    Slider,
-    {
-      size,
-      min,
-      max,
-      step,
-      value,
-      onChange: handleValueChange
-    }
-  );
+  return /* @__PURE__ */ jsx(Slider, { size, min, max, step, value, onChange: handleValueChange });
 }
 export {
   SliderInput as default

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

@@ -84,15 +84,7 @@ function UniqueNameInput({
         message: "nameEmpty"
       });
     }
-  }, [
-    debouncedHandleCheckName,
-    setError,
-    clearErrors,
-    name,
-    value,
-    isDirty,
-    selectedDirectory
-  ]);
+  }, [debouncedHandleCheckName, setError, clearErrors, name, value, isDirty, selectedDirectory]);
   const handleManualChange = (e) => {
     onChange(e.target.value);
     onManualChangeCallback == null ? void 0 : onManualChangeCallback();

package/dist/components/inputs/react-hook-form/utils/field-label.d.ts

@@ -9,5 +9,5 @@ type FieldLabelProps = {
     optional?: boolean;
     values?: any;
 };
-declare function FieldLabel({ label, optional, values, }: FieldLabelProps): import("react/jsx-runtime").JSX.Element;
+declare function FieldLabel({ label, optional, values }: FieldLabelProps): import("react/jsx-runtime").JSX.Element;
 export default FieldLabel;

package/dist/components/inputs/react-hook-form/utils/field-label.js

@@ -1,10 +1,6 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { FormattedMessage } from "react-intl";
-function FieldLabel({
-  label,
-  optional = false,
-  values = void 0
-}) {
+function FieldLabel({ label, optional = false, values = void 0 }) {
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(FormattedMessage, { id: label, values }),
     optional && /* @__PURE__ */ jsx(FormattedMessage, { id: "Optional" })

package/dist/components/inputs/react-hook-form/utils/submit-button.js

@@ -4,14 +4,7 @@ import { useFormState } from "react-hook-form";
 import { FormattedMessage } from "react-intl";
 function SubmitButton({ ...buttonProps }) {
   const { isDirty } = useFormState();
-  return /* @__PURE__ */ jsx(
-    Button,
-    {
-      ...buttonProps,
-      disabled: !isDirty || ((buttonProps == null ? void 0 : buttonProps.disabled) ?? false),
-      children: /* @__PURE__ */ jsx(FormattedMessage, { id: "validate" })
-    }
-  );
+  return /* @__PURE__ */ jsx(Button, { ...buttonProps, disabled: !isDirty || ((buttonProps == null ? void 0 : buttonProps.disabled) ?? false), children: /* @__PURE__ */ jsx(FormattedMessage, { id: "validate" }) });
 }
 export {
   SubmitButton as default