@gridsuite/commons-ui 0.213.0 → 0.215.0

package/dist/components/inputs/reactHookForm/agGridTable/csvUploader/CsvUploader.js

@@ -1,183 +0,0 @@
-import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import { Dialog, DialogTitle, DialogContent, Grid, Button, Alert, DialogActions, DialogContentText } from "@mui/material";
-import { useCSVReader, RECORD_SEP, UNIT_SEP } from "react-papaparse";
-import React, { useState, useMemo } from "react";
-import { useIntl, FormattedMessage } from "react-intl";
-import CsvDownloader from "react-csv-downloader";
-import { useWatch } from "react-hook-form";
-import { FieldConstants } from "../../../../../utils/constants/fieldConstants.js";
-import "../../../../../utils/conversionUtils.js";
-import "../../../../../utils/types/equipmentType.js";
-import { LANG_FRENCH } from "../../../../../utils/langs.js";
-import "@mui/icons-material";
-import "../../../../../utils/yupConfig.js";
-import { CancelButton } from "../../utils/CancelButton.js";
-import "yup";
-function CsvUploader({
-  name,
-  onClose,
-  open,
-  title,
-  fileHeaders,
-  fileName,
-  csvData,
-  validateData = () => true,
-  getDataFromCsv,
-  useFieldArrayOutput,
-  language
-}) {
-  const watchTableValues = useWatch({ name });
-  const { append, replace } = useFieldArrayOutput;
-  const [createError, setCreateError] = React.useState("");
-  const intl = useIntl();
-  const { CSVReader } = useCSVReader();
-  const [importedData, setImportedData] = useState([]);
-  const [isConfirmationPopupOpen, setIsConfirmationPopupOpen] = useState(false);
-  const data = useMemo(() => {
-    const newData = [...[fileHeaders]];
-    if (Array.isArray(csvData)) {
-      csvData.forEach((row) => newData.push([row]));
-    }
-    return newData;
-  }, [csvData, fileHeaders]);
-  const handleClose = () => {
-    onClose();
-    setCreateError("");
-  };
-  const validateCsvFile = (rows) => {
-    if (rows.length === 0) {
-      setCreateError(intl.formatMessage({ id: "noDataInCsvFile" }));
-      return false;
-    }
-    for (let i = 0; i < fileHeaders.length; i++) {
-      if (fileHeaders[i] !== "" && rows[0][i] !== fileHeaders[i]) {
-        setCreateError(intl.formatMessage({ id: "wrongCsvHeadersError" }));
-        return false;
-      }
-    }
-    return validateData(rows);
-  };
-  const getResultsFromImportedData = () => {
-    return importedData.filter((row) => {
-      if (row[0].startsWith("#")) {
-        return false;
-      }
-      return row.some((column) => !!column?.trim());
-    });
-  };
-  const handleFileSubmit = (keepTableValues) => {
-    if (importedData.length !== 0) {
-      const result = getResultsFromImportedData();
-      if (validateCsvFile(result)) {
-        result.splice(0, 1);
-        const dataFromCsv = getDataFromCsv(result);
-        if (keepTableValues) {
-          append(dataFromCsv);
-        } else {
-          replace(dataFromCsv);
-        }
-        handleClose();
-      }
-    } else {
-      setCreateError(intl.formatMessage({ id: "noDataInCsvFile" }));
-    }
-  };
-  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)
-    );
-    if (isValuesInTable && getResultsFromImportedData().length > 0) {
-      setIsConfirmationPopupOpen(true);
-    } else {
-      setIsConfirmationPopupOpen(false);
-      handleFileSubmit(false);
-    }
-  };
-  const handleAddPopupConfirmation = () => {
-    handleFileSubmit(true);
-    setIsConfirmationPopupOpen(false);
-  };
-  const handleReplacePopupConfirmation = () => {
-    handleFileSubmit(false);
-    setIsConfirmationPopupOpen(false);
-  };
-  const handleCancelDialog = () => {
-    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(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: language === LANG_FRENCH ? ";" : ",",
-              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,
-            {
-              onUploadAccepted: (results) => {
-                setImportedData([...results.data]);
-                setCreateError("");
-              },
-              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],
-                delimiter: language === LANG_FRENCH ? ";" : ","
-              },
-              children: ({ getRootProps, acceptedFile }) => /* @__PURE__ */ jsxs(Grid, { item: true, children: [
-                /* @__PURE__ */ jsx(Button, { ...getRootProps(), variant: "contained", children: /* @__PURE__ */ jsx(FormattedMessage, { id: "UploadCSV" }) }),
-                /* @__PURE__ */ jsx(
-                  "span",
-                  {
-                    style: {
-                      marginLeft: "10px",
-                      fontWeight: "bold"
-                    },
-                    children: acceptedFile ? acceptedFile.name : intl.formatMessage({
-                      id: "uploadMessage"
-                    })
-                  }
-                )
-              ] })
-            }
-          ) })
-        ] }),
-        createError !== "" && /* @__PURE__ */ jsx(Alert, { severity: "error", children: createError })
-      ] }) }),
-      /* @__PURE__ */ jsxs(DialogActions, { children: [
-        /* @__PURE__ */ jsx(CancelButton, { onClick: handleClose }),
-        /* @__PURE__ */ jsx(
-          Button,
-          {
-            variant: "outlined",
-            onClick: () => handleOpenCSVConfirmationDataDialog(),
-            disabled: createError !== "",
-            "data-testid": "ValidateButton",
-            children: /* @__PURE__ */ jsx(FormattedMessage, { id: "validate" })
-          }
-        )
-      ] })
-    ] }),
-    renderConfirmationCsvData()
-  ] });
-}
-export {
-  CsvUploader
-};

package/dist/components/inputs/reactHookForm/chip-items-input.js

@@ -1,135 +0,0 @@
-import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import { FormControl, Chip, TextField } from "@mui/material";
-import { useState, useCallback, useMemo } from "react";
-import { useFieldArray, useController } from "react-hook-form";
-import "react-intl";
-import "../../../utils/conversionUtils.js";
-import "../../../utils/types/equipmentType.js";
-import "@mui/icons-material";
-import "../../../utils/yupConfig.js";
-import "localized-countries";
-import "localized-countries/data/fr";
-import "localized-countries/data/en";
-import { useSnackMessage } from "../../../hooks/useSnackMessage.js";
-import "./provider/CustomFormProvider.js";
-import { useCustomFormContext } from "./provider/useCustomFormContext.js";
-import { FieldLabel } from "./utils/FieldLabel.js";
-import { isFieldRequired } from "./utils/functions.js";
-import { OverflowableText } from "../../overflowableText/OverflowableText.js";
-import { RawReadOnlyInput } from "./RawReadOnlyInput.js";
-import { ErrorInput } from "./errorManagement/ErrorInput.js";
-import { MidFormError } from "./errorManagement/MidFormError.js";
-const styles = {
-  chipContainer: {
-    display: "flex",
-    gap: "8px",
-    flexWrap: "wrap",
-    flexDirection: "row",
-    border: "2px solid lightgray",
-    borderRadius: "4px",
-    overflow: "hidden"
-  },
-  chipItem: {
-    display: "flex",
-    gap: "8px",
-    flexWrap: "wrap",
-    flexDirection: "row",
-    marginTop: 0,
-    padding: 1,
-    overflow: "hidden"
-  }
-};
-function ChipItemsInput({ label, name, hideErrorMessage }) {
-  const [textEntered, setTextEntered] = useState("");
-  const { snackError } = useSnackMessage();
-  const {
-    fields: elements,
-    append,
-    remove
-  } = useFieldArray({
-    name
-  });
-  const { validationSchema, getValues } = useCustomFormContext();
-  const {
-    fieldState: { error }
-  } = useController({
-    name
-  });
-  const addItem = useCallback(
-    (value) => {
-      if (getValues(name).find((v) => v === value) !== void 0) {
-        snackError({
-          messageTxt: "",
-          headerId: "directory_items_input/ElementAlreadyUsed"
-        });
-      } else {
-        append(value);
-      }
-    },
-    [append, getValues, snackError, name]
-  );
-  const keyPress = (e) => {
-    if (e.key === "Enter" && textEntered.length > 0) {
-      addItem(textEntered);
-      setTextEntered("");
-    }
-  };
-  const onBlur = () => {
-    if (textEntered.length > 0) {
-      addItem(textEntered);
-      setTextEntered("");
-    }
-  };
-  const handleChange = (e) => {
-    setTextEntered(e.target.value);
-  };
-  const hasError = !!error?.message;
-  const containerStyle = useMemo(
-    () => ({ ...styles.chipContainer, borderColor: hasError ? "error.main" : null }),
-    [hasError]
-  );
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs(FormControl, { sx: containerStyle, error: hasError, children: [
-      elements?.length === 0 && label && /* @__PURE__ */ jsx(FieldLabel, { label, optional: !isFieldRequired(name, validationSchema, getValues()) }),
-      elements?.length > 0 && /* @__PURE__ */ jsx(FormControl, { sx: styles.chipItem, children: elements.map((item, index) => /* @__PURE__ */ jsx(
-        Chip,
-        {
-          size: "small",
-          onDelete: () => {
-            remove(index);
-          },
-          label: /* @__PURE__ */ jsx(
-            OverflowableText,
-            {
-              text: /* @__PURE__ */ jsx(RawReadOnlyInput, { name: `${name}.${index}` }),
-              sx: { width: "100%" }
-            }
-          )
-        },
-        item.id
-      )) }),
-      /* @__PURE__ */ jsx(
-        TextField,
-        {
-          variant: "standard",
-          InputProps: {
-            disableUnderline: true,
-            style: {
-              marginTop: "5px",
-              height: "30px",
-              marginLeft: "10px"
-            }
-          },
-          value: textEntered,
-          onKeyDown: keyPress,
-          onChange: handleChange,
-          onBlur
-        }
-      )
-    ] }),
-    !hideErrorMessage && /* @__PURE__ */ jsx(ErrorInput, { name, InputField: MidFormError })
-  ] });
-}
-export {
-  ChipItemsInput
-};

package/dist/components/inputs/reactHookForm/expandableInput/DeletableRow.js

@@ -1,42 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { useState } from "react";
-import { useIntl } from "react-intl";
-import { Grid, IconButton } from "@mui/material";
-import { RestoreFromTrash, Delete } from "@mui/icons-material";
-import { CustomTooltip } from "../../../tooltip/CustomTooltip.js";
-function DeletableRow({
-  alignItems,
-  onClick,
-  deletionMark,
-  disabledDeletion,
-  children
-}) {
-  const intl = useIntl();
-  const [isMouseHover, setIsMouseHover] = useState(false);
-  return /* @__PURE__ */ jsxs(
-    Grid,
-    {
-      container: true,
-      spacing: 2,
-      item: true,
-      alignItems,
-      onMouseEnter: () => setIsMouseHover(true),
-      onMouseLeave: () => setIsMouseHover(false),
-      children: [
-        children,
-        /* @__PURE__ */ jsx(Grid, { item: true, xs: 1, children: isMouseHover && !disabledDeletion && /* @__PURE__ */ jsx(
-          CustomTooltip,
-          {
-            title: intl.formatMessage({
-              id: deletionMark ? "button.restore" : "DeleteRows"
-            }),
-            children: /* @__PURE__ */ jsx(IconButton, { onClick, children: deletionMark ? /* @__PURE__ */ jsx(RestoreFromTrash, {}) : /* @__PURE__ */ jsx(Delete, {}) })
-          }
-        ) })
-      ]
-    }
-  );
-}
-export {
-  DeletableRow
-};

package/dist/components/inputs/reactHookForm/expandableInput/ExpandableInput.js

@@ -1,67 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { useFieldArray } from "react-hook-form";
-import { Grid } from "@mui/material";
-import { forwardRef, useImperativeHandle } from "react";
-import { DeletableRow } from "./DeletableRow.js";
-import { ErrorInput } from "../errorManagement/ErrorInput.js";
-import { MidFormError } from "../errorManagement/MidFormError.js";
-import { AddButton } from "../../../addButton/AddButton.js";
-const ExpandableInput = forwardRef(
-  ({
-    name,
-    Field,
-    // Used to display each object of an array
-    fieldProps,
-    // Props to pass to Field
-    addButtonLabel,
-    initialValue,
-    // Initial value to display when we add a new entry to array
-    getDeletionMark,
-    deleteCallback,
-    alignItems = "stretch",
-    // default value for a flex container
-    watchProps = true,
-    disabled = false,
-    disabledDeletion
-  }, ref) => {
-    const {
-      fields: values,
-      append,
-      remove,
-      replace
-    } = useFieldArray({
-      name
-    });
-    useImperativeHandle(
-      ref,
-      () => ({
-        replaceItems: (newItems) => replace(newItems),
-        appendItem: (newItem) => append(newItem)
-      }),
-      [append, replace]
-    );
-    return /* @__PURE__ */ jsxs(Grid, { item: true, container: true, spacing: 2, children: [
-      /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(ErrorInput, { name, InputField: MidFormError }) }),
-      watchProps && values.map((value, idx) => /* @__PURE__ */ jsx(
-        DeletableRow,
-        {
-          alignItems,
-          onClick: () => {
-            const shouldRemove = deleteCallback ? deleteCallback(idx) : true;
-            if (shouldRemove) {
-              remove(idx);
-            }
-          },
-          deletionMark: getDeletionMark?.(idx),
-          disabledDeletion: disabledDeletion?.(idx),
-          children: /* @__PURE__ */ jsx(Field, { name, index: idx, ...fieldProps })
-        },
-        value.id
-      )),
-      addButtonLabel && /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(AddButton, { disabled, onClick: () => append(initialValue), label: addButtonLabel }) })
-    ] });
-  }
-);
-export {
-  ExpandableInput
-};

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

@@ -1,26 +0,0 @@
-/**
- * Copyright (c) 2024, 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 * from './OverflowableChip';
-export * from './OverflowableChipWithHelperText';
-export * from './chip-items-input';
-export * from './DirectoryItemsInput';
-export * from './RawReadOnlyInput';
-export * from './agGridTable';
-export * from './autocompleteInputs';
-export * from './booleans';
-export * from './errorManagement';
-export * from './numbers';
-export * from './provider';
-export * from './readOnly';
-export * from './selectInputs';
-export * from './tableInputs';
-export * from './text';
-export * from './utils';
-export * from './constants';
-export * from './expandableInput';
-export * from './CountrySelectionInput';
-export * from './CheckboxNullableInput';

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

@@ -1,112 +0,0 @@
-import { OverflowableChip } from "./OverflowableChip.js";
-import { OverflowableChipWithHelperText } from "./OverflowableChipWithHelperText.js";
-import { ChipItemsInput } from "./chip-items-input.js";
-import { DirectoryItemsInput } from "./DirectoryItemsInput.js";
-import { RawReadOnlyInput } from "./RawReadOnlyInput.js";
-import { BottomRightButtons } from "./agGridTable/BottomRightButtons.js";
-import { CustomAgGridTable } from "./agGridTable/CustomAgGridTable.js";
-import { NumericEditor } from "./agGridTable/cellEditors/numericEditor.js";
-import { CsvUploader } from "./agGridTable/csvUploader/CsvUploader.js";
-import { AutocompleteInput } from "./autocompleteInputs/AutocompleteInput.js";
-import { MultipleAutocompleteInput } from "./autocompleteInputs/MultipleAutocompleteInput.js";
-import { BooleanInput } from "./booleans/BooleanInput.js";
-import { CheckboxInput } from "./booleans/CheckboxInput.js";
-import { RadioInput } from "./booleans/RadioInput.js";
-import { SwitchInput } from "./booleans/SwitchInput.js";
-import { ErrorInput } from "./errorManagement/ErrorInput.js";
-import { FieldErrorAlert } from "./errorManagement/FieldErrorAlert.js";
-import { MidFormError } from "./errorManagement/MidFormError.js";
-import { FloatInput } from "./numbers/FloatInput.js";
-import { IntegerInput } from "./numbers/IntegerInput.js";
-import { DEFAULT_RANGE_VALUE, RangeInput, RangeType, getRangeInputSchema } from "./numbers/RangeInput.js";
-import { SliderInput } from "./numbers/SliderInput.js";
-import { isFloatNumber, isIntegerNumber } from "./numbers/utils.js";
-import { CustomFormContext, CustomFormProvider } from "./provider/CustomFormProvider.js";
-import { useCustomFormContext } from "./provider/useCustomFormContext.js";
-import { ReadOnlyInput } from "./readOnly/ReadOnlyInput.js";
-import { ButtonReadOnlyInput } from "./readOnly/ButtonReadOnlyInput.js";
-import { CountriesInput } from "./selectInputs/CountriesInput.js";
-import { InputWithPopupConfirmation } from "./selectInputs/InputWithPopupConfirmation.js";
-import { MuiSelectInput } from "./selectInputs/MuiSelectInput.js";
-import { SelectInput } from "./selectInputs/SelectInput.js";
-import { SelectWithConfirmationInput } from "./selectInputs/SelectWithConfirmationInput.js";
-import { EnumInput } from "./selectInputs/EnumInput.js";
-import { TableNumericalInput } from "./tableInputs/table-numerical-input.js";
-import { TableTextInput } from "./tableInputs/table-text-input.js";
-import { DescriptionField } from "./text/DescriptionField.js";
-import { ExpandingTextField } from "./text/ExpandingTextField.js";
-import { TextInput } from "./text/TextInput.js";
-import { UniqueNameInput } from "./text/UniqueNameInput.js";
-import { DescriptionInput } from "./text/DescriptionInput.js";
-import { CancelButton } from "./utils/CancelButton.js";
-import { FieldLabel } from "./utils/FieldLabel.js";
-import { SubmitButton } from "./utils/SubmitButton.js";
-import { TextFieldWithAdornment } from "./utils/TextFieldWithAdornment.js";
-import { genHelperError, gridItem, identity, isFieldRequired, toFloatOrNullValue } from "./utils/functions.js";
-import { HelperPreviousValue } from "./utils/HelperPreviousValue.js";
-import { DESCRIPTION, NAME } from "./constants.js";
-import { ExpandableInput } from "./expandableInput/ExpandableInput.js";
-import { CountrySelectionInput } from "./CountrySelectionInput.js";
-import { CheckboxNullableInput } from "./CheckboxNullableInput.js";
-export {
-  AutocompleteInput,
-  BooleanInput,
-  BottomRightButtons,
-  ButtonReadOnlyInput,
-  CancelButton,
-  CheckboxInput,
-  CheckboxNullableInput,
-  ChipItemsInput,
-  CountriesInput,
-  CountrySelectionInput,
-  CsvUploader,
-  CustomAgGridTable,
-  CustomFormContext,
-  CustomFormProvider,
-  DEFAULT_RANGE_VALUE,
-  DESCRIPTION,
-  DescriptionField,
-  DescriptionInput,
-  DirectoryItemsInput,
-  EnumInput,
-  ErrorInput,
-  ExpandableInput,
-  ExpandingTextField,
-  FieldErrorAlert,
-  FieldLabel,
-  FloatInput,
-  HelperPreviousValue,
-  InputWithPopupConfirmation,
-  IntegerInput,
-  MidFormError,
-  MuiSelectInput,
-  MultipleAutocompleteInput,
-  NAME,
-  NumericEditor,
-  OverflowableChip,
-  OverflowableChipWithHelperText,
-  RadioInput,
-  RangeInput,
-  RangeType,
-  RawReadOnlyInput,
-  ReadOnlyInput,
-  SelectInput,
-  SelectWithConfirmationInput,
-  SliderInput,
-  SubmitButton,
-  SwitchInput,
-  TableNumericalInput,
-  TableTextInput,
-  TextFieldWithAdornment,
-  TextInput,
-  UniqueNameInput,
-  genHelperError,
-  getRangeInputSchema,
-  gridItem,
-  identity,
-  isFieldRequired,
-  isFloatNumber,
-  isIntegerNumber,
-  toFloatOrNullValue,
-  useCustomFormContext
-};

package/dist/components/inputs/reactHookForm/selectInputs/InputWithPopupConfirmation.js

@@ -1,61 +0,0 @@
-import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import { useController } from "react-hook-form";
-import { useState } from "react";
-import { PopupConfirmationDialog } from "../../../dialogs/popupConfirmationDialog/PopupConfirmationDialog.js";
-function InputWithPopupConfirmation({
-  Input,
-  name,
-  shouldOpenPopup,
-  // condition to open popup confirmation
-  resetOnConfirmation,
-  // function to reset values in your form on confirmation,
-  message,
-  validateButtonLabel,
-  ...props
-}) {
-  const [newValue, setNewValue] = useState(null);
-  const [openPopup, setOpenPopup] = useState(false);
-  const {
-    field: { onChange }
-  } = useController({
-    name
-  });
-  const handleOnChange = (_event, value) => {
-    if (shouldOpenPopup()) {
-      setOpenPopup(true);
-      setNewValue(value);
-    } else {
-      onChange(value);
-    }
-  };
-  const handlePopupConfirmation = () => {
-    resetOnConfirmation?.();
-    onChange(newValue);
-    setOpenPopup(false);
-  };
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      Input,
-      {
-        name,
-        ...props,
-        onChange: (e, value) => {
-          handleOnChange(e, value?.id ?? value);
-        }
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      PopupConfirmationDialog,
-      {
-        message,
-        openConfirmationPopup: openPopup,
-        setOpenConfirmationPopup: setOpenPopup,
-        handlePopupConfirmation,
-        validateButtonLabel
-      }
-    )
-  ] });
-}
-export {
-  InputWithPopupConfirmation
-};