@gridsuite/commons-ui 0.45.0 → 0.47.0

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

@@ -0,0 +1,31 @@
+import { jsx } from "react/jsx-runtime";
+import "react";
+import PropTypes from "prop-types";
+import AutocompleteInput from "./autocomplete-input.js";
+import { useIntl } from "react-intl";
+const SelectInput = (props) => {
+  const intl = useIntl();
+  const inputTransform = (value) => props.options.find((option) => (option == null ? void 0 : option.id) === value) || null;
+  const outputTransform = (value) => {
+    return (value == null ? void 0 : value.id) ?? null;
+  };
+  return /* @__PURE__ */ jsx(
+    AutocompleteInput,
+    {
+      getOptionLabel: (option) => {
+        return (option == null ? void 0 : option.label) ? intl.formatMessage({ id: option == null ? void 0 : option.label }) : option == null ? void 0 : option.id;
+      },
+      inputTransform,
+      outputTransform,
+      readOnly: true,
+      ...props
+    }
+  );
+};
+SelectInput.propTypes = {
+  options: PropTypes.array.isRequired,
+  ...AutocompleteInput.propTypes
+};
+export {
+  SelectInput as default
+};

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

@@ -0,0 +1,43 @@
+import { jsx } from "react/jsx-runtime";
+import "react";
+import PropTypes from "prop-types";
+import { Slider } from "@mui/material";
+import { useController } from "react-hook-form";
+import { identity } from "./utils/functions.js";
+const SliderInput = ({
+  name,
+  min,
+  max,
+  step,
+  size = "small",
+  onValueChange = identity
+}) => {
+  const {
+    field: { onChange, value }
+  } = useController({ name });
+  const handleValueChange = (e) => {
+    onChange(onValueChange(e.target.value));
+  };
+  return /* @__PURE__ */ jsx(
+    Slider,
+    {
+      size,
+      min,
+      max,
+      step,
+      value,
+      onChange: handleValueChange
+    }
+  );
+};
+SliderInput.propTypes = {
+  name: PropTypes.string.isRequired,
+  min: PropTypes.number.isRequired,
+  max: PropTypes.number.isRequired,
+  step: PropTypes.number.isRequired,
+  size: PropTypes.string,
+  onValueChange: PropTypes.func
+};
+export {
+  SliderInput as default
+};

package/dist/components/react-hook-form/text-input.js

@@ -0,0 +1,94 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import "react";
+import PropTypes from "prop-types";
+import { InputAdornment, IconButton, TextField } from "@mui/material";
+import { Clear } from "@mui/icons-material";
+import { useFormContext, useController } from "react-hook-form";
+import TextFieldWithAdornment from "./utils/text-field-with-adornment.js";
+import FieldLabel from "./utils/field-label.js";
+import { isFieldRequired, genHelperPreviousValue, genHelperError, identity } from "./utils/functions.js";
+const TextInput = ({
+  name,
+  label,
+  labelValues,
+  // this prop is used to add a value to label. this value is displayed without being translated
+  id,
+  adornment,
+  customAdornment,
+  outputTransform = identity,
+  //transform materialUi input value before sending it to react hook form, mostly used to deal with number fields
+  inputTransform = identity,
+  //transform react hook form value before sending it to materialUi input, mostly used to deal with number fields
+  acceptValue = () => true,
+  //used to check user entry before committing the input change, used mostly to prevent user from typing a character in number field
+  previousValue,
+  clearable,
+  formProps
+}) => {
+  const { validationSchema, getValues, removeOptional } = useFormContext();
+  const {
+    field: { onChange, value, ref },
+    fieldState: { error }
+  } = useController({ name });
+  const Field = adornment ? TextFieldWithAdornment : TextField;
+  const handleClearValue = () => {
+    onChange(outputTransform(""));
+  };
+  const handleValueChanged = (e) => {
+    if (acceptValue(e.target.value)) {
+      onChange(outputTransform(e.target.value));
+    }
+  };
+  const transformedValue = inputTransform(value);
+  const fieldLabel = !label ? null : FieldLabel({
+    label,
+    values: labelValues,
+    optional: !isFieldRequired(name, validationSchema, getValues()) && !(formProps == null ? void 0 : formProps.disabled) && !removeOptional
+  });
+  return /* @__PURE__ */ jsx(
+    Field,
+    {
+      size: "small",
+      fullWidth: true,
+      id: id ? id : label,
+      label: fieldLabel,
+      ...adornment && {
+        adornmentPosition: adornment.position,
+        adornmentText: adornment == null ? void 0 : adornment.text
+      },
+      value: transformedValue,
+      onChange: handleValueChanged,
+      InputProps: {
+        endAdornment: /* @__PURE__ */ jsxs(InputAdornment, { position: "end", children: [
+          clearable && transformedValue !== void 0 && transformedValue !== "" && /* @__PURE__ */ jsx(IconButton, { onClick: handleClearValue, children: /* @__PURE__ */ jsx(Clear, {}) }),
+          customAdornment && { ...customAdornment }
+        ] })
+      },
+      inputRef: ref,
+      ...clearable && adornment && {
+        handleClearValue
+      },
+      ...genHelperPreviousValue(previousValue, adornment),
+      ...genHelperError(error == null ? void 0 : error.message),
+      ...formProps
+    },
+    id ? id : label
+  );
+};
+TextInput.propTypes = {
+  name: PropTypes.string,
+  label: PropTypes.string,
+  labelValues: PropTypes.object,
+  id: PropTypes.string,
+  adornment: PropTypes.object,
+  customAdornment: PropTypes.object,
+  outputTransform: PropTypes.func,
+  inputTransform: PropTypes.func,
+  acceptValue: PropTypes.func,
+  previousValue: PropTypes.any,
+  clearable: PropTypes.bool,
+  formProps: PropTypes.object
+};
+export {
+  TextInput as default
+};

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

@@ -0,0 +1,16 @@
+import { jsx } from "react/jsx-runtime";
+import "react";
+import { Button } from "@mui/material";
+import { FormattedMessage } from "react-intl";
+import PropTypes from "prop-types";
+import { useThemeProps } from "@mui/material/styles";
+const CancelButton = ({ ...inProps }) => {
+  const props = useThemeProps({ props: inProps, name: "CancelButton" });
+  return /* @__PURE__ */ jsx(Button, { ...props, children: /* @__PURE__ */ jsx(FormattedMessage, { id: "cancel" }) });
+};
+CancelButton.propTypes = {
+  buttonProps: PropTypes.object
+};
+export {
+  CancelButton as default
+};

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

@@ -0,0 +1,12 @@
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import "react";
+import { FormattedMessage } from "react-intl";
+const FieldLabel = ({ label, optional, values = void 0 }) => {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(FormattedMessage, { id: label, values }),
+    optional && /* @__PURE__ */ jsx(FormattedMessage, { id: "Optional" })
+  ] });
+};
+export {
+  FieldLabel as default
+};

package/dist/components/react-hook-form/utils/functions.js

@@ -0,0 +1,36 @@
+import { jsx } from "react/jsx-runtime";
+import "react";
+import { FormattedMessage } from "react-intl";
+import { getIn } from "yup";
+function genHelperPreviousValue(previousValue, adornment) {
+  return {
+    ...(previousValue || previousValue === 0) && {
+      error: false,
+      helperText: previousValue + (adornment ? " " + (adornment == null ? void 0 : adornment.text) : "")
+    }
+  };
+}
+function genHelperError(...errors) {
+  const inError = errors.find((e) => e);
+  if (inError) {
+    return {
+      error: true,
+      helperText: /* @__PURE__ */ jsx(FormattedMessage, { id: inError })
+    };
+  }
+  return {};
+}
+function identity(x) {
+  return x;
+}
+const isFieldRequired = (fieldName, schema, values) => {
+  var _a;
+  const { schema: fieldSchema, parent: parentValues } = getIn(schema, fieldName, values) || {};
+  return ((_a = fieldSchema.describe({ parent: parentValues })) == null ? void 0 : _a.optional) === false;
+};
+export {
+  genHelperError,
+  genHelperPreviousValue,
+  identity,
+  isFieldRequired
+};

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

@@ -0,0 +1,23 @@
+import { jsx } from "react/jsx-runtime";
+import "react";
+import { Button } from "@mui/material";
+import { useFormState } from "react-hook-form";
+import { FormattedMessage } from "react-intl";
+import PropTypes from "prop-types";
+const 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" })
+    }
+  );
+};
+SubmitButton.propTypes = {
+  buttonProps: PropTypes.object
+};
+export {
+  SubmitButton as default
+};

package/dist/components/react-hook-form/utils/text-field-with-adornment.js

@@ -0,0 +1,96 @@
+import { jsx } from "react/jsx-runtime";
+import { useState, useCallback } from "react";
+import PropTypes from "prop-types";
+import { Clear } from "@mui/icons-material";
+import { InputAdornment, IconButton, TextField } from "@mui/material";
+const TextFieldWithAdornment = (props) => {
+  const {
+    adornmentPosition,
+    adornmentText,
+    value,
+    variant,
+    handleClearValue,
+    ...otherProps
+  } = props;
+  const [isFocused, setIsFocused] = useState(false);
+  const getAdornmentStyle = useCallback((variant2) => {
+    if (variant2 === "filled") {
+      return {
+        alignItems: "start",
+        marginBottom: "0.4em"
+      };
+    }
+    if (variant2 === "standard") {
+      return {
+        marginBottom: "0.3em"
+      };
+    }
+    return void 0;
+  }, []);
+  const getClearAdornment = useCallback(
+    (position) => {
+      return /* @__PURE__ */ jsx(InputAdornment, { position, children: /* @__PURE__ */ jsx(IconButton, { onClick: handleClearValue, children: /* @__PURE__ */ jsx(Clear, {}) }) });
+    },
+    [handleClearValue]
+  );
+  const getTextAdornment = useCallback(
+    (position) => {
+      return /* @__PURE__ */ jsx(
+        InputAdornment,
+        {
+          position,
+          sx: getAdornmentStyle(variant),
+          children: adornmentText
+        }
+      );
+    },
+    [adornmentText, getAdornmentStyle, variant]
+  );
+  const withEndAdornmentText = useCallback(() => {
+    return value !== "" || isFocused ? {
+      startAdornment: value && handleClearValue ? getClearAdornment("start") : void 0,
+      endAdornment: getTextAdornment("end"),
+      sx: { textAlign: "end" }
+    } : void 0;
+  }, [
+    value,
+    handleClearValue,
+    getClearAdornment,
+    isFocused,
+    getTextAdornment
+  ]);
+  const withStartAdornmentText = useCallback(() => {
+    return value !== "" || isFocused ? {
+      startAdornment: getTextAdornment("start"),
+      endAdornment: value && handleClearValue && getClearAdornment("end"),
+      sx: { textAlign: "start" }
+    } : void 0;
+  }, [
+    value,
+    handleClearValue,
+    getClearAdornment,
+    isFocused,
+    getTextAdornment
+  ]);
+  return /* @__PURE__ */ jsx(
+    TextField,
+    {
+      ...otherProps,
+      variant,
+      value,
+      InputProps: adornmentPosition === "start" ? withStartAdornmentText() : withEndAdornmentText(),
+      onFocus: (e) => setIsFocused(true),
+      onBlur: (e) => setIsFocused(false)
+    }
+  );
+};
+TextFieldWithAdornment.propTypes = {
+  adornmentPosition: PropTypes.string.isRequired,
+  adornmentText: PropTypes.string.isRequired,
+  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  variant: PropTypes.string,
+  handleClearValue: PropTypes.func
+};
+export {
+  TextFieldWithAdornment as default
+};

package/dist/components/translations/card-error-boundary-en.js

@@ -0,0 +1,8 @@
+const card_error_boundary_en = {
+  "card_error_boundary/title": "Sorry, unexpected error :(",
+  "card_error_boundary/content": "Please reload, or close and reopen this application, or contact support.",
+  "card_error_boundary/expandederrorheader": "Error message (and see more information in the developper console):"
+};
+export {
+  card_error_boundary_en as default
+};

package/dist/components/translations/card-error-boundary-fr.js

@@ -0,0 +1,8 @@
+const card_error_boundary_fr = {
+  "card_error_boundary/title": "Désolé, erreur inattendue :(",
+  "card_error_boundary/content": "Veuillez recharger, ou fermer et réouvrir cette application, ou contacter le support.",
+  "card_error_boundary/expandederrorheader": "Message d'erreur (et voir plus d'informations dans la console developpeur):"
+};
+export {
+  card_error_boundary_fr as default
+};

package/dist/components/translations/common-button-en.js

@@ -0,0 +1,7 @@
+const common_button_en = {
+  cancel: "Cancel",
+  validate: "Validate"
+};
+export {
+  common_button_en as default
+};

package/dist/components/translations/common-button-fr.js

@@ -0,0 +1,7 @@
+const common_button_fr = {
+  cancel: "Annuler",
+  validate: "Valider"
+};
+export {
+  common_button_fr as default
+};

package/dist/components/translations/element-search-en.js

@@ -0,0 +1,7 @@
+const element_search_en = {
+  "element_search/label": "Search for an element",
+  "element_search/noResult": "No result"
+};
+export {
+  element_search_en as default
+};

package/dist/components/translations/element-search-fr.js

@@ -0,0 +1,7 @@
+const element_search_fr = {
+  "element_search/label": "Rechercher un élément",
+  "element_search/noResult": "Aucun résultat"
+};
+export {
+  element_search_fr as default
+};

package/dist/components/translations/equipment-search-en.js

@@ -0,0 +1,21 @@
+const equipment_search_en = {
+  "equipment_search/label": "Search for an equipment",
+  "equipment_search/switchTag": "SWITCH",
+  "equipment_search/busbarSectionTag": "BBS",
+  "equipment_search/lineTag": "LINE",
+  "equipment_search/2wtTag": "2W TRANSFO",
+  "equipment_search/3wtTag": "3W TRANSFO",
+  "equipment_search/generatorTag": "GENERATOR",
+  "equipment_search/batteryTag": "BATTERY",
+  "equipment_search/loadTag": "LOAD",
+  "equipment_search/shuntTag": "SHUNT",
+  "equipment_search/svcTag": "SVC",
+  "equipment_search/hvdcLineTag": "HVDC LINE",
+  "equipment_search/hvdcStationTag": "HVDC STATION",
+  "equipment_search/voltageLevelTag": "VOLTAGE LEVEL",
+  "equipment_search/substationTag": "SUBSTATION",
+  "equipment_search/busTag": "BUS"
+};
+export {
+  equipment_search_en as default
+};

package/dist/components/translations/equipment-search-fr.js

@@ -0,0 +1,21 @@
+const equipment_search_fr = {
+  "equipment_search/label": "Rechercher un ouvrage",
+  "equipment_search/switchTag": "SWITCH",
+  "equipment_search/busbarSectionTag": "SJB",
+  "equipment_search/lineTag": "LIGNE",
+  "equipment_search/2wtTag": "TRANSFO 2E",
+  "equipment_search/3wtTag": "TRANSFO 3E",
+  "equipment_search/generatorTag": "GROUPE",
+  "equipment_search/batteryTag": "BATTERIE",
+  "equipment_search/loadTag": "CONSO",
+  "equipment_search/shuntTag": "MCS",
+  "equipment_search/svcTag": "CSPR",
+  "equipment_search/hvdcLineTag": "LIGNE HVDC",
+  "equipment_search/hvdcStationTag": "STATION HVDC",
+  "equipment_search/voltageLevelTag": "POSTE",
+  "equipment_search/substationTag": "SITE",
+  "equipment_search/busTag": "NOEUD"
+};
+export {
+  equipment_search_fr as default
+};

package/dist/components/translations/flat-parameters-en.js

@@ -0,0 +1,8 @@
+const flat_parameters_en = {
+  "flat_parameters/none": "None",
+  "flat_parameters/some": "Some",
+  "flat_parameters/all": "All"
+};
+export {
+  flat_parameters_en as default
+};

package/dist/components/translations/flat-parameters-fr.js

@@ -0,0 +1,8 @@
+const flat_parameters_fr = {
+  "flat_parameters/none": "Aucune",
+  "flat_parameters/some": "Quelques-unes",
+  "flat_parameters/all": "Toutes"
+};
+export {
+  flat_parameters_fr as default
+};

package/dist/components/translations/login-en.js

@@ -0,0 +1,14 @@
+const login_en = {
+  "login/login": "Login",
+  "login/connection": "Connection",
+  "login/unauthorizedAccess": "Unauthorized access",
+  "login/unauthorizedAccessMessage": "The user {userName} isn't granted yet",
+  "login/errorInUserValidation": "Error during user validation",
+  "login/errorInUserValidationMessage": "An unexpected error occured during user validation for {userName}.",
+  "login/errorInLogout": "Error during user logout",
+  "login/errorInLogoutMessage": "An unexpected error occured during user logout for {userName}.",
+  "login/logout": "Logout"
+};
+export {
+  login_en as default
+};

package/dist/components/translations/login-fr.js

@@ -0,0 +1,14 @@
+const login_fr = {
+  "login/login": "Se connecter",
+  "login/connection": "Connexion",
+  "login/unauthorizedAccess": "Accès non autorisé",
+  "login/unauthorizedAccessMessage": "L'utilisateur {userName} n'a pas encore accès à GridSuite",
+  "login/errorInUserValidation": "Erreur lors de la validation de l'utilisateur",
+  "login/errorInUserValidationMessage": "Une erreur s'est produite pendant la validation de l'utilisateur {userName}.",
+  "login/errorInLogout": "Erreur lors de la déconnexion de l'utilisateur",
+  "login/errorInLogoutMessage": "Une erreur s'est produite pendant la déconnexion de l'utilisateur {userName}.",
+  "login/logout": "Se déconnecter"
+};
+export {
+  login_fr as default
+};

package/dist/components/translations/multiple-selection-dialog-en.js

@@ -0,0 +1,8 @@
+const multiple_selection_dialog_en = {
+  "multiple_selection_dialog/cancel": "Cancel",
+  "multiple_selection_dialog/validate": "Validate",
+  "multiple_selection_dialog/selectAll": "Select all"
+};
+export {
+  multiple_selection_dialog_en as default
+};

package/dist/components/translations/multiple-selection-dialog-fr.js

@@ -0,0 +1,8 @@
+const multiple_selection_dialog_fr = {
+  "multiple_selection_dialog/cancel": "Annuler",
+  "multiple_selection_dialog/validate": "Valider",
+  "multiple_selection_dialog/selectAll": "Tout sélectionner"
+};
+export {
+  multiple_selection_dialog_fr as default
+};

package/dist/components/translations/report-viewer-en.js

@@ -0,0 +1,8 @@
+const report_viewer_en = {
+  "report_viewer/close": "Close",
+  "report_viewer/severity": "Severity",
+  "report_viewer/message": "Message"
+};
+export {
+  report_viewer_en as default
+};

package/dist/components/translations/report-viewer-fr.js

@@ -0,0 +1,8 @@
+const report_viewer_fr = {
+  "report_viewer/close": "Fermer",
+  "report_viewer/severity": "Sévérité",
+  "report_viewer/message": "Message"
+};
+export {
+  report_viewer_fr as default
+};

package/dist/components/translations/table-en.js

@@ -0,0 +1,6 @@
+const table_en = {
+  "MuiVirtualizedTable/exportCSV": "Download CSV"
+};
+export {
+  table_en as default
+};

package/dist/components/translations/table-fr.js

@@ -0,0 +1,6 @@
+const table_fr = {
+  "MuiVirtualizedTable/exportCSV": "Télécharger un CSV"
+};
+export {
+  table_fr as default
+};

package/dist/components/translations/top-bar-en.js

@@ -0,0 +1,27 @@
+const top_bar_en = {
+  "top-bar/settings": "Settings",
+  "top-bar/logout": "Logout",
+  "top-bar/goFullScreen": "Full screen",
+  "top-bar/exitFullScreen": "Exit full screen mode",
+  "top-bar/about": "About",
+  "top-bar/displayMode": "Display mode",
+  "top-bar/equipmentLabel": "Equipment label",
+  "top-bar/id": "Id",
+  "top-bar/name": "Name",
+  "top-bar/language": "Language",
+  "top-bar/customTheme": "Custom theme",
+  "about-dialog/title": "About",
+  "about-dialog/version": "Version {version}",
+  "about-dialog/alert-running-old-version-msg": "Running old version.\nSave your work and refresh the application to load the latest version.",
+  "about-dialog/license": "License",
+  "about-dialog/modules-section": "Modules details",
+  "about-dialog/label-version": "Version",
+  "about-dialog/label-git-version": "Tag",
+  "about-dialog/label-type": "Type",
+  "about-dialog/module-tooltip-app": "application",
+  "about-dialog/module-tooltip-server": "server",
+  "about-dialog/module-tooltip-other": "other"
+};
+export {
+  top_bar_en as default
+};

package/dist/components/translations/top-bar-fr.js

@@ -0,0 +1,27 @@
+const top_bar_fr = {
+  "top-bar/settings": "Paramètres",
+  "top-bar/logout": "Se déconnecter",
+  "top-bar/goFullScreen": "Plein écran",
+  "top-bar/exitFullScreen": "Quitter mode plein écran",
+  "top-bar/about": "À propos",
+  "top-bar/displayMode": "Mode d'affichage",
+  "top-bar/equipmentLabel": "Label des ouvrages",
+  "top-bar/id": "Id",
+  "top-bar/name": "Nom",
+  "top-bar/language": "Langue",
+  "top-bar/customTheme": "Choix de theme",
+  "about-dialog/title": "À propos",
+  "about-dialog/version": "Version {version}",
+  "about-dialog/alert-running-old-version-msg": "Ancienne version de l'application.\nVeuillez sauvegarder votre travail et rafraîchir l'application pour charger la dernière version",
+  "about-dialog/license": "Licence",
+  "about-dialog/modules-section": "Détails des modules",
+  "about-dialog/label-version": "Version",
+  "about-dialog/label-git-version": "Tag",
+  "about-dialog/label-type": "Type",
+  "about-dialog/module-tooltip-app": "application",
+  "about-dialog/module-tooltip-server": "serveur",
+  "about-dialog/module-tooltip-other": "autre"
+};
+export {
+  top_bar_fr as default
+};

package/dist/components/translations/treeview-finder-en.js

@@ -0,0 +1,12 @@
+const treeview_finder_en = {
+  "treeview_finder/close": "Close",
+  "treeview_finder/validate": "Validate",
+  "treeview_finder/add": "Add...",
+  "treeview_finder/deleteSelection": "Delete selection",
+  "treeview_finder/contentText": "{multiselect, select, true {Please choose one or more element(s).} false {Please choose one element.} other {}}",
+  "treeview_finder/finderTitle": "{multiselect, select, true {Please choose one or more element(s).} false {Please choose one element.} other {}}",
+  "treeview_finder/addElementsValidation": "{nbElements, plural, =0 {Please select an element} =1 {Add this element} other{Add # elements}}"
+};
+export {
+  treeview_finder_en as default
+};

package/dist/components/translations/treeview-finder-fr.js

@@ -0,0 +1,12 @@
+const treeview_finder_fr = {
+  "treeview_finder/close": "Fermer",
+  "treeview_finder/validate": "Valider",
+  "treeview_finder/add": "Ajouter...",
+  "treeview_finder/deleteSelection": "Supprimer la selection",
+  "treeview_finder/contentText": "{multiselect, select, true {Veuillez choisir un ou plusieurs éléments.} false {Veuillez choisir un élément.} other {}}",
+  "treeview_finder/finderTitle": "{multiselect, select, true {Veuillez choisir un ou plusieurs éléments.} false {Veuillez choisir un élément.} other {}}",
+  "treeview_finder/addElementsValidation": "{nbElements, plural, =0 {Veuillez sélectionner un élément} =1 {Ajouter cet élément} other {Ajouter # éléments}}"
+};
+export {
+  treeview_finder_fr as default
+};