@gridsuite/commons-ui 0.48.0 → 0.50.0

package/dist/components/react-hook-form/ExpandingTextField.js

@@ -0,0 +1,106 @@
+import { jsx } from "react/jsx-runtime";
+import { useState } from "react";
+import { Typography } from "@mui/material";
+import { useFormContext, useWatch } from "react-hook-form";
+import "../TreeViewFinder/TreeViewFinder.js";
+import "../TopBar/TopBar.js";
+import "../TopBar/GridLogo.js";
+import "../TopBar/AboutDialog.js";
+import "../SnackbarProvider/SnackbarProvider.js";
+import "react-router-dom";
+import "../../utils/AuthService.js";
+import "@mui/icons-material";
+import "react-intl";
+import "../MuiVirtualizedTable/MuiVirtualizedTable.js";
+import "@mui/lab";
+import "../ReportViewer/report-item.js";
+import "uuid";
+import "../ReportViewer/log-table.js";
+import "../ReportViewer/report-tree-view-context.js";
+import "../OverflowableText/overflowable-text.js";
+import "../ElementSearchDialog/element-search-dialog.js";
+import "../ElementSearchDialog/tag-renderer.js";
+import "autosuggest-highlight/match";
+import "autosuggest-highlight/parse";
+import "clsx";
+import "../CardErrorBoundary/card-error-boundary.js";
+import "notistack";
+import "./autocomplete-input.js";
+import TextInput from "./text-input.js";
+import "./radio-input.js";
+import "./slider-input.js";
+import "./numbers/float-input.js";
+import "./numbers/integer-input.js";
+import "./select-input.js";
+import "./booleans/checkbox-input.js";
+import "./booleans/switch-input.js";
+import "./utils/text-field-with-adornment.js";
+import "./utils/submit-button.js";
+import "./utils/cancel-button.js";
+import "yup";
+import "@mui/icons-material/Folder";
+const ExpandingTextField = ({
+  name,
+  maxCharactersNumber = 500,
+  rows,
+  minRows = 1,
+  sx,
+  label,
+  textFieldFormProps,
+  ...otherTexFieldProps
+}) => {
+  const [isFocused, setIsFocused] = useState(false);
+  const { control } = useFormContext();
+  const descriptionWatch = useWatch({
+    name,
+    control
+  });
+  const handleFocus = () => {
+    setIsFocused(true);
+  };
+  const handleBlur = () => {
+    setIsFocused(false);
+  };
+  const isOverTheLimit = (descriptionWatch == null ? void 0 : descriptionWatch.length) > maxCharactersNumber;
+  const descriptionLength = (descriptionWatch == null ? void 0 : descriptionWatch.length) ?? 0;
+  const descriptionCounter = descriptionLength + "/" + maxCharactersNumber;
+  const rowsToDisplay = isFocused ? rows : minRows;
+  const formProps = {
+    size: "medium",
+    multiline: true,
+    onFocus: handleFocus,
+    onBlur: handleBlur,
+    InputProps: {
+      style: {
+        textOverflow: "ellipsis",
+        overflow: "hidden",
+        // disable scrolling
+        whiteSpace: "pre",
+        resize: "none"
+        // or 'horizontal' for horizontal resizing
+      }
+    },
+    helperText: /* @__PURE__ */ jsx(Typography, { variant: "caption", children: descriptionCounter }),
+    FormHelperTextProps: {
+      sx: {
+        ml: "auto",
+        color: (theme) => isOverTheLimit ? theme.palette.error.main : theme.palette.text.secondary
+      }
+    },
+    ...rowsToDisplay && { rows: rowsToDisplay },
+    ...sx && { sx },
+    ...textFieldFormProps
+  };
+  return /* @__PURE__ */ jsx(
+    TextInput,
+    {
+      name,
+      label,
+      formProps,
+      ...otherTexFieldProps
+    }
+  );
+};
+export {
+  ExpandingTextField as default
+};

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

@@ -1,5 +1,4 @@
 import { jsx } from "react/jsx-runtime";
-import "react";
 import PropTypes from "prop-types";
 import { Autocomplete, TextField } from "@mui/material";
 import { useFormContext, useController } from "react-hook-form";

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

@@ -1,5 +1,4 @@
 import { jsx } from "react/jsx-runtime";
-import "react";
 import PropTypes from "prop-types";
 import BooleanInput from "./boolean-input.js";
 import { Checkbox } from "@mui/material";

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

@@ -1,5 +1,4 @@
 import { jsx } from "react/jsx-runtime";
-import "react";
 import PropTypes from "prop-types";
 import BooleanInput from "./boolean-input.js";
 import { Switch } from "@mui/material";

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

@@ -88,7 +88,7 @@ const DirectoryItemsInput = ({
         ) !== void 0) {
           snackError({
             messageTxt: "",
-            headerId: "ElementAlreadyUsed"
+            headerId: "directory_items_input/ElementAlreadyUsed"
           });
         } else {
           append(otherElementAttributes);

package/dist/components/react-hook-form/error-management/field-error-alert.js

@@ -1,5 +1,4 @@
 import { jsx } from "react/jsx-runtime";
-import "react";
 import { Grid, Alert } from "@mui/material";
 const FieldErrorAlert = ({ message }) => {
   return /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(Alert, { severity: "error", children: message }) });

package/dist/components/react-hook-form/error-management/mid-form-error.js

@@ -1,5 +1,4 @@
 import { jsx } from "react/jsx-runtime";
-import "react";
 import { Box } from "@mui/material";
 const MidFormError = ({ message }) => {
   return /* @__PURE__ */ jsx(

package/dist/components/react-hook-form/numbers/float-input.js

@@ -1,5 +1,4 @@
 import { jsx } from "react/jsx-runtime";
-import "react";
 import TextInput from "../text-input.js";
 import { isFloatNumber } from "./utils.js";
 const normalizeFixed = (number) => {

package/dist/components/react-hook-form/numbers/integer-input.js

@@ -1,5 +1,4 @@
 import { jsx } from "react/jsx-runtime";
-import "react";
 import TextInput from "../text-input.js";
 import { isIntegerNumber } from "./utils.js";
 const IntegerInput = (props) => {

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

@@ -1,5 +1,4 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import "react";
 import PropTypes from "prop-types";
 import { FormControl, FormLabel, RadioGroup, FormControlLabel, Radio } from "@mui/material";
 import { FormattedMessage } from "react-intl";

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

@@ -1,5 +1,4 @@
 import { jsx } from "react/jsx-runtime";
-import "react";
 import PropTypes from "prop-types";
 import AutocompleteInput from "./autocomplete-input.js";
 import { useIntl } from "react-intl";

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

@@ -1,5 +1,4 @@
 import { jsx } from "react/jsx-runtime";
-import "react";
 import PropTypes from "prop-types";
 import { Slider } from "@mui/material";
 import { useController } from "react-hook-form";

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

@@ -1,5 +1,4 @@
 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";

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

@@ -1,5 +1,4 @@
 import { jsx } from "react/jsx-runtime";
-import "react";
 import { Button } from "@mui/material";
 import { FormattedMessage } from "react-intl";
 import PropTypes from "prop-types";

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

@@ -1,5 +1,4 @@
 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: [

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

@@ -1,5 +1,4 @@
 import { jsx } from "react/jsx-runtime";
-import "react";
 import { FormattedMessage } from "react-intl";
 import { getIn } from "yup";
 function genHelperPreviousValue(previousValue, adornment) {

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

@@ -1,5 +1,4 @@
 import { jsx } from "react/jsx-runtime";
-import "react";
 import { Button } from "@mui/material";
 import { useFormState } from "react-hook-form";
 import { FormattedMessage } from "react-intl";

package/dist/components/translations/directory-items-input-en.d.ts

@@ -0,0 +1,10 @@
+export default directory_items_input_en;
+/**
+ * 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/.
+ */
+declare const directory_items_input_en: {
+    'directory_items_input/ElementAlreadyUsed': string;
+};

package/dist/components/translations/directory-items-input-en.js

@@ -0,0 +1,6 @@
+const directory_items_input_en = {
+  "directory_items_input/ElementAlreadyUsed": "This element is already used"
+};
+export {
+  directory_items_input_en as default
+};

package/dist/components/translations/directory-items-input-fr.d.ts

@@ -0,0 +1,10 @@
+export default directory_items_input_fr;
+/**
+ * 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/.
+ */
+declare const directory_items_input_fr: {
+    'directory_items_input/ElementAlreadyUsed': string;
+};

package/dist/components/translations/directory-items-input-fr.js

@@ -0,0 +1,6 @@
+const directory_items_input_fr = {
+  "directory_items_input/ElementAlreadyUsed": "Cet élément est déjà utilisé"
+};
+export {
+  directory_items_input_fr as default
+};

package/dist/components/translations/inputs-en.d.ts

@@ -0,0 +1,25 @@
+export default inputs_en;
+/**
+ * Copyright (c) 2022, 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/.
+ */
+declare const inputs_en: {
+    'inputs/kiki': string;
+    'inputs/ney': string;
+    'inputs/lapulga': string;
+    'inputs/ibra': string;
+    'inputs/float': string;
+    'inputs/integer': string;
+    'inputs/radio': string;
+    'inputs/select': string;
+    'inputs/slider': string;
+    'inputs/text': string;
+    'inputs/description': string;
+    'inputs/autocomplete': string;
+    'inputs/boolean': string;
+    'inputs/checkbox': string;
+    'inputs/switch': string;
+    Optional: string;
+};

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

@@ -0,0 +1,21 @@
+const inputs_en = {
+  "inputs/kiki": "Kylian Mbappe",
+  "inputs/ney": "Neymar",
+  "inputs/lapulga": "Lionel Messi",
+  "inputs/ibra": "Zlatan Ibrahimovic",
+  "inputs/float": "Float",
+  "inputs/integer": "Integer",
+  "inputs/radio": "Radio",
+  "inputs/select": "Select",
+  "inputs/slider": "Slider",
+  "inputs/text": "Text",
+  "inputs/description": "Description",
+  "inputs/autocomplete": "Autocomplete",
+  "inputs/boolean": "Boolean",
+  "inputs/checkbox": "Checkbox",
+  "inputs/switch": "Switch",
+  Optional: "Optional"
+};
+export {
+  inputs_en as default
+};

package/dist/components/translations/inputs-fr.d.ts

@@ -0,0 +1,25 @@
+export default inputs_fr;
+/**
+ * Copyright (c) 2022, 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/.
+ */
+declare const inputs_fr: {
+    'inputs/kiki': string;
+    'inputs/ney': string;
+    'inputs/lapulga': string;
+    'inputs/ibra': string;
+    'inputs/float': string;
+    'inputs/integer': string;
+    'inputs/radio': string;
+    'inputs/select': string;
+    'inputs/slider': string;
+    'inputs/text': string;
+    'inputs/description': string;
+    'inputs/autocomplete': string;
+    'inputs/boolean': string;
+    'inputs/checkbox': string;
+    'inputs/switch': string;
+    Optional: string;
+};

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

@@ -0,0 +1,21 @@
+const inputs_fr = {
+  "inputs/kiki": "Kylian Mbappe",
+  "inputs/ney": "Neymar",
+  "inputs/lapulga": "Lionel Messi",
+  "inputs/ibra": "Zlatan Ibrahimovic",
+  "inputs/float": "Float",
+  "inputs/integer": "Integer",
+  "inputs/radio": "Radio",
+  "inputs/select": "Select",
+  "inputs/slider": "Slider",
+  "inputs/text": "Text",
+  "inputs/description": "Description",
+  "inputs/autocomplete": "Autocomplete",
+  "inputs/boolean": "Boolean",
+  "inputs/checkbox": "Checkbox",
+  "inputs/switch": "Switch",
+  Optional: "Optional"
+};
+export {
+  inputs_fr as default
+};

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

@@ -2,7 +2,7 @@ const login_en = {
   "login/login": "Login",
   "login/connection": "Connection",
   "login/unauthorizedAccess": "Unauthorized access",
-  "login/unauthorizedAccessMessage": "The user {userName} isn't granted yet",
+  "login/unauthorizedAccessMessage": "The user {userName} does not have permission to access GridSuite yet.",
   "login/errorInUserValidation": "Error during user validation",
   "login/errorInUserValidationMessage": "An unexpected error occured during user validation for {userName}.",
   "login/errorInLogout": "Error during user logout",

package/dist/index.d.ts

@@ -1,3 +1,10 @@
+/**
+ * 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/.
+ */
+
 import type { FunctionComponent, ReactElement } from 'react';
 import type { AutocompleteProps } from '@mui/material/Autocomplete/Autocomplete';
 import type {
@@ -10,24 +17,113 @@ import type {
 } from '@mui/material';
 
 /**
- * Section to export generated type declarations of .ts or .tsx files
+ * Section to export generated type declarations
  */
 
-export { useIntlRef } from './hooks/useIntlRef';
-export { RawReadOnlyInput } from './components/react-hook-form/raw-read-only-input';
+export { default as TreeViewFinder } from './components/TreeViewFinder';
+export { default as AboutDialog } from './components/TopBar/AboutDialog';
+export { default as SnackbarProvider } from './components/SnackbarProvider';
+export { default as AuthenticationRouter } from './components/AuthenticationRouter';
+export { default as MuiVirtualizedTable } from './components/MuiVirtualizedTable';
+export {
+    KeyedColumnsRowIndexer,
+    CHANGE_WAYS,
+} from './components/MuiVirtualizedTable';
+export { default as ReportViewer } from './components/ReportViewer';
+export { default as ReportViewerDialog } from './components/ReportViewerDialog';
+export { default as ElementSearchDialog } from './components/ElementSearchDialog';
+export { default as MultipleSelectionDialog } from './components/MultipleSelectionDialog';
+
+export {
+    EQUIPMENT_TYPE,
+    getEquipmentsInfosForSearchBar,
+    equipmentStyles,
+} from './utils/EquipmentType';
+
+export {
+    initializeAuthenticationDev,
+    initializeAuthenticationProd,
+    dispatchUser,
+    getPreLoginPath,
+} from './utils/AuthService';
+
+export { getFileIcon } from './utils/ElementType';
+
+export {
+    DEFAULT_CELL_PADDING,
+    DEFAULT_HEADER_HEIGHT,
+    DEFAULT_ROW_HEIGHT,
+} from './components/MuiVirtualizedTable/MuiVirtualizedTable';
+
+export {
+    DARK_THEME,
+    LIGHT_THEME,
+    LANG_SYSTEM,
+    LANG_ENGLISH,
+    LANG_FRENCH,
+} from './components/TopBar/TopBar';
 export {
-    DirectoryItemsInputProps,
-    DirectoryItemsInput,
-} from './components/react-hook-form/directory-items-input';
+    USER,
+    setLoggedUser,
+    SIGNIN_CALLBACK_ERROR,
+    setSignInCallbackError,
+    UNAUTHORIZED_USER_INFO,
+    LOGOUT_ERROR,
+    USER_VALIDATION_ERROR,
+    RESET_AUTHENTICATION_ROUTER_ERROR,
+    SHOW_AUTH_INFO_LOGIN,
+} from './utils/actions';
+export { default as report_viewer_en } from './components/translations/report-viewer-en';
+export { default as report_viewer_fr } from './components/translations/report-viewer-fr';
+export { default as login_en } from './components/translations/login-en';
+export { default as login_fr } from './components/translations/login-fr';
+export { default as top_bar_en } from './components/translations/top-bar-en';
+export { default as top_bar_fr } from './components/translations/top-bar-fr';
+export { default as table_en } from './components/translations/table-en';
+export { default as table_fr } from './components/translations/table-fr';
+export { default as treeview_finder_en } from './components/translations/treeview-finder-en';
+export { default as treeview_finder_fr } from './components/translations/treeview-finder-fr';
+export { default as element_search_en } from './components/translations/element-search-en';
+export { default as element_search_fr } from './components/translations/element-search-fr';
+export { default as equipment_search_en } from './components/translations/equipment-search-en';
+export { default as equipment_search_fr } from './components/translations/equipment-search-fr';
+export { default as card_error_boundary_en } from './components/translations/card-error-boundary-en';
+export { default as card_error_boundary_fr } from './components/translations/card-error-boundary-fr';
+export { default as flat_parameters_en } from './components/translations/flat-parameters-en';
+export { default as flat_parameters_fr } from './components/translations/flat-parameters-fr';
+export { default as multiple_selection_dialog_en } from './components/translations/multiple-selection-dialog-en';
+export { default as multiple_selection_dialog_fr } from './components/translations/multiple-selection-dialog-fr';
+export { default as common_button_en } from './components/translations/common-button-en';
+export { default as common_button_fr } from './components/translations/common-button-fr';
+export { default as directory_items_input_en } from './components/translations/directory-items-input-en';
+export { default as directory_items_input_fr } from './components/translations/directory-items-input-fr';
+
+export { TagRenderer } from './components/ElementSearchDialog';
+export { EquipmentItem } from './components/ElementSearchDialog/equipment-item';
+export { useIntlRef } from './hooks/useIntlRef';
+export { default as SliderInput } from './components/react-hook-form/slider-input';
+export { default as TextFieldWithAdornment } from './components/react-hook-form/utils/text-field-with-adornment';
 export {
-    DirectoryItemSelectorProps,
-    DirectoryItemSelector,
-} from './components/DirectoryItemSelector/directory-item-selector';
+    genHelperPreviousValue,
+    genHelperError,
+    identity,
+    isFieldRequired,
+} from './components/react-hook-form/utils/functions';
+export { default as DirectoryItemsInput } from './components/react-hook-form/directory-items-input';
+export { default as DirectoryItemSelector } from './components/DirectoryItemSelector/directory-item-selector';
+export { RawReadOnlyInput } from './components/react-hook-form/raw-read-only-input';
+export { UserManagerMock } from './utils/UserManagerMock';
 
+export {
+    ExpandingTextFieldProps,
+    ExpandingTextField,
+} from './components/react-hook-form/expanding-text-field';
 /**
  * Section to export manual type declarations of .js and .jsx files
  */
 
+export const CardErrorBoundary: FunctionComponent;
+
 export const TopBar: FunctionComponent;
 
 export function logout(
@@ -35,8 +131,6 @@ export function logout(
     userManagerInstance: any
 ): Promise<any | undefined>;
 
-export const DARK_THEME: string, LIGHT_THEME: string;
-
 interface SnackInputs {
     messageTxt?: string;
     messageId?: string;
@@ -111,7 +205,7 @@ type TextFieldWithAdornmentProps = TextFieldProps & {
     handleClearValue?: () => void;
 };
 
-interface TextInputProps {
+export interface TextInputProps {
     name: string;
     label?: string;
     labelValues?: any; // it's for values from https://formatjs.io/docs/react-intl/components/#formattedmessage