@gridsuite/commons-ui 0.227.0 → 0.229.0

package/dist/components/composite/agGridTable/csvUploader/CsvUploader.js

@@ -1,182 +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 { CancelButton } from "../../../ui/reactHookForm/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/composite/agGridTable/csvUploader/index.js

@@ -1,4 +0,0 @@
-import { CsvUploader } from "./CsvUploader.js";
-export {
-  CsvUploader
-};