@gridsuite/commons-ui 0.55.0 → 0.57.0

package/dist/components/dialogs/custom-mui-dialog.d.ts

@@ -0,0 +1,21 @@
+import { MergedFormContextProps } from '../react-hook-form/provider/custom-form-provider';
+import { FieldErrors, UseFormReturn } from 'react-hook-form';
+import { default as React, FunctionComponent } from 'react';
+
+import * as yup from 'yup';
+interface ICustomMuiDialog {
+    open: boolean;
+    formSchema: yup.AnySchema;
+    formMethods: UseFormReturn<any> | MergedFormContextProps;
+    onClose: (event: React.MouseEvent) => void;
+    onSave: (data: any) => void;
+    onValidationError?: (errors: FieldErrors) => void;
+    titleId: string;
+    disabledSave?: boolean;
+    removeOptional?: boolean;
+    onCancel?: () => void;
+    children: React.ReactNode;
+    isDataFetching?: boolean;
+}
+declare const CustomMuiDialog: FunctionComponent<ICustomMuiDialog>;
+export default CustomMuiDialog;

package/dist/components/dialogs/custom-mui-dialog.js

@@ -0,0 +1,87 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { FormattedMessage } from "react-intl";
+import { Dialog, LinearProgress, DialogTitle, Grid, DialogContent, DialogActions } from "@mui/material";
+import SubmitButton from "../react-hook-form/utils/submit-button.js";
+import CancelButton from "../react-hook-form/utils/cancel-button.js";
+import CustomFormProvider from "../react-hook-form/provider/custom-form-provider.js";
+const styles = {
+  dialogPaper: {
+    ".MuiDialog-paper": {
+      width: "auto",
+      minWidth: "1100px",
+      margin: "auto"
+    }
+  }
+};
+const CustomMuiDialog = ({
+  open,
+  formSchema,
+  formMethods,
+  onClose,
+  onSave,
+  isDataFetching = false,
+  onValidationError,
+  titleId,
+  disabledSave,
+  removeOptional = false,
+  onCancel,
+  children
+}) => {
+  const { handleSubmit } = formMethods;
+  const handleCancel = (event) => {
+    onCancel && onCancel();
+    onClose(event);
+  };
+  const handleClose = (event, reason) => {
+    if (reason === "backdropClick" && onCancel) {
+      onCancel();
+    }
+    onClose(event);
+  };
+  const handleValidate = (data) => {
+    onSave(data);
+    onClose(data);
+  };
+  const handleValidationError = (errors) => {
+    onValidationError && onValidationError(errors);
+  };
+  return /* @__PURE__ */ jsx(
+    CustomFormProvider,
+    {
+      ...formMethods,
+      validationSchema: formSchema,
+      removeOptional,
+      children: /* @__PURE__ */ jsxs(
+        Dialog,
+        {
+          sx: styles.dialogPaper,
+          open,
+          onClose: handleClose,
+          fullWidth: true,
+          children: [
+            isDataFetching && /* @__PURE__ */ jsx(LinearProgress, {}),
+            /* @__PURE__ */ jsx(DialogTitle, { children: /* @__PURE__ */ jsx(Grid, { item: true, xs: 11, children: /* @__PURE__ */ jsx(FormattedMessage, { id: titleId }) }) }),
+            /* @__PURE__ */ jsx(DialogContent, { children }),
+            /* @__PURE__ */ jsxs(DialogActions, { children: [
+              /* @__PURE__ */ jsx(CancelButton, { onClick: handleCancel }),
+              /* @__PURE__ */ jsx(
+                SubmitButton,
+                {
+                  variant: "outlined",
+                  disabled: disabledSave,
+                  onClick: handleSubmit(
+                    handleValidate,
+                    handleValidationError
+                  )
+                }
+              )
+            ] })
+          ]
+        }
+      )
+    }
+  );
+};
+export {
+  CustomMuiDialog as default
+};

package/dist/components/dialogs/description-modification-dialog.d.ts

@@ -0,0 +1,11 @@
+import { FunctionComponent } from 'react';
+
+export interface IDescriptionModificationDialog {
+    elementUuid: string;
+    description: string;
+    open: boolean;
+    onClose: () => void;
+    updateElement: (uuid: string, data: Record<string, string>) => Promise<void>;
+}
+declare const DescriptionModificationDialog: FunctionComponent<IDescriptionModificationDialog>;
+export default DescriptionModificationDialog;

package/dist/components/dialogs/description-modification-dialog.js

@@ -0,0 +1,71 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useCallback } from "react";
+import "../../utils/yup-config.js";
+import { FieldConstants } from "../filter/constants/field-constants.js";
+import { useForm } from "react-hook-form";
+import { yupResolver } from "@hookform/resolvers/yup";
+import { useSnackMessage } from "../../hooks/useSnackMessage.js";
+import CustomMuiDialog from "./custom-mui-dialog.js";
+import ExpandingTextField from "../react-hook-form/ExpandingTextField.js";
+import { Box } from "@mui/material";
+import * as yup from "yup";
+const schema = yup.object().shape({
+  [FieldConstants.DESCRIPTION]: yup.string().max(500, "descriptionLimitError")
+});
+const DescriptionModificationDialog = ({ elementUuid, description, open, onClose, updateElement }) => {
+  const { snackError } = useSnackMessage();
+  const emptyFormData = {
+    [FieldConstants.DESCRIPTION]: description ?? ""
+  };
+  const methods = useForm({
+    defaultValues: emptyFormData,
+    resolver: yupResolver(schema)
+  });
+  const { reset } = methods;
+  const onCancel = () => {
+    reset({
+      [FieldConstants.DESCRIPTION]: ""
+    });
+    onClose();
+  };
+  const onSubmit = useCallback(
+    (data) => {
+      updateElement(elementUuid, {
+        [FieldConstants.DESCRIPTION]: data[FieldConstants.DESCRIPTION].trim()
+      }).catch((error) => {
+        snackError({
+          messageTxt: error.message,
+          headerId: "descriptionModificationError"
+        });
+      });
+    },
+    [elementUuid, updateElement, snackError]
+  );
+  return /* @__PURE__ */ jsxs(
+    CustomMuiDialog,
+    {
+      open,
+      onClose: onCancel,
+      onSave: onSubmit,
+      formSchema: schema,
+      formMethods: methods,
+      titleId: "description",
+      removeOptional: true,
+      children: [
+        /* @__PURE__ */ jsx(Box, { paddingTop: 1, children: /* @__PURE__ */ jsx(
+          ExpandingTextField,
+          {
+            name: FieldConstants.DESCRIPTION,
+            label: "descriptionProperty",
+            minRows: 3,
+            rows: 5
+          }
+        ) }),
+        " "
+      ]
+    }
+  );
+};
+export {
+  DescriptionModificationDialog as default
+};

package/dist/components/dialogs/popup-confirmation-dialog.d.ts

@@ -0,0 +1,11 @@
+import { FunctionComponent } from 'react';
+
+export interface PopupConfirmationDialogProps {
+    message: string;
+    validateButtonLabel: string;
+    openConfirmationPopup: boolean;
+    setOpenConfirmationPopup: (value: boolean) => void;
+    handlePopupConfirmation: () => void;
+}
+declare const PopupConfirmationDialog: FunctionComponent<PopupConfirmationDialogProps>;
+export default PopupConfirmationDialog;

package/dist/components/dialogs/popup-confirmation-dialog.js

@@ -0,0 +1,38 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import Dialog from "@mui/material/Dialog";
+import DialogTitle from "@mui/material/DialogTitle";
+import DialogContent from "@mui/material/DialogContent";
+import { DialogContentText } from "@mui/material";
+import DialogActions from "@mui/material/DialogActions";
+import Button from "@mui/material/Button";
+import { FormattedMessage } from "react-intl";
+import CancelButton from "../react-hook-form/utils/cancel-button.js";
+const PopupConfirmationDialog = ({
+  message,
+  validateButtonLabel,
+  openConfirmationPopup,
+  setOpenConfirmationPopup,
+  handlePopupConfirmation
+}) => {
+  return /* @__PURE__ */ jsxs(
+    Dialog,
+    {
+      open: openConfirmationPopup,
+      "aria-labelledby": "dialog-title-change-equipment-type",
+      children: [
+        /* @__PURE__ */ jsx(DialogTitle, { id: "dialog-title-change-equipment-type", children: "Confirmation" }),
+        /* @__PURE__ */ jsx(DialogContent, { children: /* @__PURE__ */ jsx(DialogContentText, { children: /* @__PURE__ */ jsx(FormattedMessage, { id: message }) }) }),
+        /* @__PURE__ */ jsxs(DialogActions, { children: [
+          /* @__PURE__ */ jsx(CancelButton, { onClick: () => setOpenConfirmationPopup(false) }),
+          /* @__PURE__ */ jsx(Button, { onClick: handlePopupConfirmation, variant: "outlined", children: /* @__PURE__ */ jsx(FormattedMessage, { id: validateButtonLabel ?? "validate" }) })
+        ] })
+      ]
+    }
+  );
+};
+PopupConfirmationDialog.defaultProps = {
+  validateButtonLabel: void 0
+};
+export {
+  PopupConfirmationDialog as default
+};

package/dist/components/filter/constants/equipment-types.d.ts

@@ -0,0 +1,72 @@
+/**
+ * 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/.
+ */
+export declare const Line: {
+    label: string;
+    type: string;
+};
+export declare const Generator: {
+    label: string;
+    type: string;
+};
+export declare const Load: {
+    label: string;
+    type: string;
+};
+export declare const Battery: {
+    label: string;
+    type: string;
+};
+export declare const SVC: {
+    label: string;
+    type: string;
+};
+export declare const DanglingLine: {
+    label: string;
+    type: string;
+};
+export declare const LCC: {
+    label: string;
+    type: string;
+};
+export declare const VSC: {
+    label: string;
+    type: string;
+};
+export declare const Hvdc: {
+    label: string;
+    type: string;
+};
+export declare const BusBar: {
+    label: string;
+    type: string;
+};
+export declare const TwoWindingTransfo: {
+    label: string;
+    type: string;
+};
+export declare const ThreeWindingTransfo: {
+    label: string;
+    type: string;
+};
+export declare const ShuntCompensator: {
+    label: string;
+    type: string;
+};
+export declare const VoltageLevel: {
+    label: string;
+    type: string;
+};
+export declare const Substation: {
+    label: string;
+    type: string;
+};
+export declare const noSelectionForCopy: {
+    sourceCaseUuid: null;
+    name: null;
+    description: null;
+    parentDirectoryUuid: null;
+};

package/dist/components/filter/constants/equipment-types.js

@@ -0,0 +1,63 @@
+const Line = { label: "Lines", type: "LINE" };
+const Generator = { label: "Generators", type: "GENERATOR" };
+const Load = { label: "Loads", type: "LOAD" };
+const Battery = { label: "Batteries", type: "BATTERY" };
+const SVC = {
+  label: "StaticVarCompensators",
+  type: "STATIC_VAR_COMPENSATOR"
+};
+const DanglingLine = { label: "DanglingLines", type: "DANGLING_LINE" };
+const LCC = {
+  label: "LccConverterStations",
+  type: "LCC_CONVERTER_STATION"
+};
+const VSC = {
+  label: "VscConverterStations",
+  type: "VSC_CONVERTER_STATION"
+};
+const Hvdc = { label: "HvdcLines", type: "HVDC_LINE" };
+const BusBar = { label: "BusBarSections", type: "BUSBAR_SECTION" };
+const TwoWindingTransfo = {
+  label: "TwoWindingsTransformers",
+  type: "TWO_WINDINGS_TRANSFORMER"
+};
+const ThreeWindingTransfo = {
+  label: "ThreeWindingsTransformers",
+  type: "THREE_WINDINGS_TRANSFORMER"
+};
+const ShuntCompensator = {
+  label: "ShuntCompensators",
+  type: "SHUNT_COMPENSATOR"
+};
+const VoltageLevel = {
+  label: "VoltageLevels",
+  type: "VOLTAGE_LEVEL"
+};
+const Substation = {
+  label: "Substations",
+  type: "SUBSTATION"
+};
+const noSelectionForCopy = {
+  sourceCaseUuid: null,
+  name: null,
+  description: null,
+  parentDirectoryUuid: null
+};
+export {
+  Battery,
+  BusBar,
+  DanglingLine,
+  Generator,
+  Hvdc,
+  LCC,
+  Line,
+  Load,
+  SVC,
+  ShuntCompensator,
+  Substation,
+  ThreeWindingTransfo,
+  TwoWindingTransfo,
+  VSC,
+  VoltageLevel,
+  noSelectionForCopy
+};