@gridsuite/commons-ui 0.61.4 → 0.63.0

package/dist/components/ElementSearchDialog/tag-renderer.js

@@ -1,9 +1,9 @@
-import { jsx, Fragment } from "react/jsx-runtime";
-import { OverflowableText } from "../OverflowableText/overflowable-text.js";
+import { jsx } from "react/jsx-runtime";
 import clsx from "clsx";
+import { OverflowableText } from "../OverflowableText/overflowable-text.js";
 import { EQUIPMENT_TYPE } from "../../utils/EquipmentType.js";
 import { mergeSx } from "../../utils/styles.js";
-const TagRenderer = ({ props, element }) => {
+function TagRenderer({ element, ...props }) {
   var _a, _b, _c, _d, _e, _f;
   if (element.type !== ((_a = EQUIPMENT_TYPE.SUBSTATION) == null ? void 0 : _a.name) && element.type !== ((_b = EQUIPMENT_TYPE.VOLTAGE_LEVEL) == null ? void 0 : _b.name)) {
     return /* @__PURE__ */ jsx(
@@ -21,8 +21,7 @@ const TagRenderer = ({ props, element }) => {
       }
     );
   }
-  return /* @__PURE__ */ jsx(Fragment, {});
-};
+}
 export {
-  TagRenderer
+  TagRenderer as default
 };

package/dist/components/ElementSearchDialog/use-element-search.d.ts

@@ -7,10 +7,10 @@
 interface UseElementSearch<T> {
     fetchElements: (newSearchTerm: string) => Promise<T[]>;
 }
-export declare const useElementSearch: <T>(props: UseElementSearch<T>) => {
+declare const useElementSearch: <T>(props: UseElementSearch<T>) => {
     searchTerm: string;
     updateSearchTerm: (newSearchTerm: string) => void;
     elementsFound: T[];
     isLoading: boolean;
 };
-export {};
+export default useElementSearch;

package/dist/components/ElementSearchDialog/use-element-search.js

@@ -1,5 +1,5 @@
 import { useState, useRef, useCallback } from "react";
-import { useDebounce } from "../../hooks/useDebounce.js";
+import useDebounce from "../../hooks/useDebounce.js";
 import { useSnackMessage } from "../../hooks/useSnackMessage.js";
 const SEARCH_FETCH_TIMEOUT_MILLIS = 1e3;
 const useElementSearch = (props) => {
@@ -53,5 +53,5 @@ const useElementSearch = (props) => {
   return { searchTerm, updateSearchTerm, elementsFound, isLoading };
 };
 export {
-  useElementSearch
+  useElementSearch as default
 };

package/dist/components/ExpandableGroup/expandable-group.d.ts

@@ -2,7 +2,7 @@ import { PropsWithChildren, ReactNode } from 'react';
 import { Theme } from '@mui/material';
 
 export declare const styles: {
-    accordion: (theme: Theme) => {
+    accordion: () => {
         '&:before': {
             display: string;
         };
@@ -25,12 +25,12 @@ export declare const styles: {
             transform: string;
         };
     };
-    accordionDetails: (theme: Theme) => {
+    accordionDetails: () => {
         padding: number;
     };
 };
 interface ExpandableGroupProps extends PropsWithChildren {
     renderHeader: ReactNode;
 }
-declare const ExpandableGroup: ({ renderHeader, children }: ExpandableGroupProps) => import("react/jsx-runtime").JSX.Element;
+declare function ExpandableGroup({ renderHeader, children }: ExpandableGroupProps): import("react/jsx-runtime").JSX.Element;
 export default ExpandableGroup;

package/dist/components/ExpandableGroup/expandable-group.js

@@ -4,7 +4,7 @@ import { useState } from "react";
 import { ExpandCircleDown, ExpandMore } from "@mui/icons-material";
 import { FormattedMessage } from "react-intl";
 const styles = {
-  accordion: (theme) => ({
+  accordion: () => ({
     "&:before": {
       display: "none"
     },
@@ -31,12 +31,12 @@ const styles = {
       transform: "rotate(0deg)"
     }
   }),
-  accordionDetails: (theme) => ({
+  accordionDetails: () => ({
     padding: 0
     // reset default left right space in details
   })
 };
-const ExpandableGroup = ({ renderHeader, children }) => {
+function ExpandableGroup({ renderHeader, children }) {
   const [mouseHover, setMouseHover] = useState(false);
   return /* @__PURE__ */ jsxs(Accordion, { sx: styles.accordion, disableGutters: true, elevation: 0, children: [
     /* @__PURE__ */ jsx(
@@ -44,14 +44,14 @@ const ExpandableGroup = ({ renderHeader, children }) => {
       {
         sx: styles.accordionSummary,
         expandIcon: mouseHover ? /* @__PURE__ */ jsx(ExpandCircleDown, {}) : /* @__PURE__ */ jsx(ExpandMore, {}),
-        onMouseEnter: (event) => setMouseHover(true),
-        onMouseLeave: (event) => setMouseHover(false),
+        onMouseEnter: () => setMouseHover(true),
+        onMouseLeave: () => setMouseHover(false),
         children: typeof renderHeader === "string" ? /* @__PURE__ */ jsx(Typography, { children: /* @__PURE__ */ jsx(FormattedMessage, { id: renderHeader }) }) : renderHeader
       }
     ),
     /* @__PURE__ */ jsx(AccordionDetails, { sx: styles.accordionDetails, children })
   ] });
-};
+}
 export {
   ExpandableGroup as default,
   styles

package/dist/components/ExpandableGroup/index.d.ts

@@ -1,7 +1,3 @@
-/**
- * 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 { default } from './expandable-group';
+import { default as ExpandableGroup } from './expandable-group';
+
+export default ExpandableGroup;

package/dist/components/ExpandableGroup/index.js

@@ -1,4 +1,4 @@
-import { default as default2 } from "./expandable-group.js";
+import ExpandableGroup from "./expandable-group.js";
 export {
-  default2 as default
+  ExpandableGroup as default
 };

package/dist/components/FlatParameters/FlatParameters.d.ts

@@ -26,5 +26,5 @@ export interface FlatParametersProps {
  * @param showSeparator if true, a separator is added between parameters
  * @param selectionWithDialog {(param: {}) => boolean} if true, param with multiple options use dialog for selection
  */
-export declare const FlatParameters: ({ paramsAsArray, initValues, onChange, variant, showSeparator, selectionWithDialog, }: FlatParametersProps) => import("react/jsx-runtime").JSX.Element;
+export declare function FlatParameters({ paramsAsArray, initValues, onChange, variant, showSeparator, selectionWithDialog, }: FlatParametersProps): import("react/jsx-runtime").JSX.Element;
 export default FlatParameters;

package/dist/components/FlatParameters/FlatParameters.js

@@ -56,21 +56,21 @@ function longestCommonPrefix(stringList) {
   let prefix = stringList.reduce(
     (acc, str) => str.length < acc.length ? str : acc
   );
-  for (let str of stringList) {
-    while (str.slice(0, prefix.length) !== prefix) {
+  stringList.forEach((str) => {
+    while (!str.startsWith(prefix)) {
       prefix = prefix.slice(0, -1);
     }
-  }
+  });
   return prefix;
 }
-const FlatParameters = ({
+function FlatParameters({
   paramsAsArray,
   initValues,
   onChange,
   variant = "outlined",
   showSeparator = false,
-  selectionWithDialog = (param) => false
-}) => {
+  selectionWithDialog = () => false
+}) {
   const intl = useIntl();
   const longestPrefix = longestCommonPrefix(paramsAsArray.map((m) => m.name));
   const lastDotIndex = longestPrefix.lastIndexOf(".");
@@ -79,9 +79,9 @@ const FlatParameters = ({
   const [inEditionParam, setInEditionParam] = useState(null);
   const [openSelector, setOpenSelector] = useState(false);
   const getTranslatedValue = useCallback(
-    (prefix2, value) => {
+    (prefixValue, value) => {
       return intl.formatMessage({
-        id: prefix2 + "." + value,
+        id: `${prefixValue}.${value}`,
         defaultMessage: value
       });
     },
@@ -94,21 +94,21 @@ const FlatParameters = ({
         defaultMessage: paramName.slice(prefix.length)
       });
       return intl.formatMessage({
-        id: paramName + ".selectionDialog.name",
+        id: `${paramName}.selectionDialog.name`,
         defaultMessage
       });
     },
     [intl, prefix.length]
   );
   const sortPossibleValues = useCallback(
-    (prefix2, values) => {
+    (prefixValue, values) => {
       if (values == null) {
         return [];
       }
       return values.map((value) => {
         return {
           id: value,
-          message: getTranslatedValue(prefix2, value)
+          message: getTranslatedValue(prefixValue, value)
         };
       }).sort((a, b) => a.message.localeCompare(b.message));
     },
@@ -158,7 +158,8 @@ const FlatParameters = ({
   function mixInitAndDefault(param) {
     if (param.name === inEditionParam && uncommitted !== null) {
       return uncommitted;
-    } else if (initValues && initValues.hasOwnProperty(param.name)) {
+    }
+    if (Object.hasOwn(initValues, param.name)) {
       if (param.type === "BOOLEAN") {
         return initValues[param.name] === "false" ? false : initValues[param.name];
       }
@@ -170,9 +171,8 @@ const FlatParameters = ({
         return valueList;
       }
       return valueList ? valueList.split(",").map((s) => s.trim()).filter((s) => !!s) : [];
-    } else {
-      return extractDefault(param);
     }
+    return extractDefault(param);
   }
   const outputTransformFloatString = (value) => {
     return (value == null ? void 0 : value.replace(",", ".")) || "";
@@ -197,8 +197,8 @@ const FlatParameters = ({
             onChange: (e) => onFieldChange(e.target.checked, param)
           }
         );
-      case "DOUBLE":
-        const err = isNaN(fieldValue) || typeof fieldValue !== "number" && !!fieldValue && isNaN(fieldValue - 0);
+      case "DOUBLE": {
+        const err = Number.isNaN(fieldValue) || typeof fieldValue !== "number" && !!fieldValue && Number.isNaN(fieldValue - 0);
         return /* @__PURE__ */ jsx(
           TextField,
           {
@@ -221,6 +221,7 @@ const FlatParameters = ({
             variant
           }
         );
+      }
       case "INTEGER":
         return /* @__PURE__ */ jsx(
           TextField,
@@ -315,36 +316,35 @@ const FlatParameters = ({
               renderInput: (inputProps) => /* @__PURE__ */ jsx(TextField, { ...inputProps, variant })
             }
           );
-        } else {
-          return /* @__PURE__ */ jsx(
-            Autocomplete,
-            {
-              multiple: true,
-              freeSolo: true,
-              autoSelect: true,
-              sx: { width: "50%" },
-              options: [],
-              size: "small",
-              onChange: (e, value) => onFieldChange(value, param),
-              value: fieldValue,
-              renderTags: (values, getTagProps) => {
-                return values.map((value, index) => /* @__PURE__ */ jsx(
-                  Chip,
-                  {
-                    id: "chip_" + value,
-                    size: "small",
-                    label: value,
-                    ...getTagProps({ index })
-                  }
-                ));
-              },
-              renderInput: (inputProps) => /* @__PURE__ */ jsx(TextField, { ...inputProps, variant })
-            }
-          );
         }
+        return /* @__PURE__ */ jsx(
+          Autocomplete,
+          {
+            multiple: true,
+            freeSolo: true,
+            autoSelect: true,
+            sx: { width: "50%" },
+            options: [],
+            size: "small",
+            onChange: (e, value) => onFieldChange(value, param),
+            value: fieldValue,
+            renderTags: (values, getTagProps) => {
+              return values.map((value, index) => /* @__PURE__ */ jsx(
+                Chip,
+                {
+                  id: `chip_${value}`,
+                  size: "small",
+                  label: value,
+                  ...getTagProps({ index })
+                }
+              ));
+            },
+            renderInput: (inputProps) => /* @__PURE__ */ jsx(TextField, { ...inputProps, variant })
+          }
+        );
       case "STRING":
         if (param.possibleValues) {
-          return /* @__PURE__ */ jsx(Fragment$1, { children: /* @__PURE__ */ jsx(
+          return /* @__PURE__ */ jsx(
             Select,
             {
               labelId: param.name,
@@ -360,7 +360,7 @@ const FlatParameters = ({
                 param.possibleValues
               ).map((value) => /* @__PURE__ */ jsx(MenuItem, { value: value.id, children: /* @__PURE__ */ jsx(Typography, { children: value.message }) }, value.id))
             }
-          ) });
+          );
         }
       default:
         return /* @__PURE__ */ jsx(
@@ -385,7 +385,7 @@ const FlatParameters = ({
           title: /* @__PURE__ */ jsx(
             FormattedMessage,
             {
-              id: param.name + ".desc",
+              id: `${param.name}.desc`,
               defaultMessage: param.description
             }
           ),
@@ -406,7 +406,7 @@ const FlatParameters = ({
     ] }),
     showSeparator && index !== paramsAsArray.length - 1 && /* @__PURE__ */ jsx(Divider, {})
   ] }, param.name)) });
-};
+}
 export {
   FlatParameters,
   FlatParameters as default,

package/dist/components/FlatParameters/index.d.ts

@@ -1,7 +1,3 @@
-/**
- * Copyright (c) 2023, 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 { default } from './FlatParameters';
+import { default as defaultFlatParameters } from './FlatParameters';
+
+export default defaultFlatParameters;

package/dist/components/Login/Login.d.ts

@@ -1,12 +1,6 @@
-/**
- * Copyright (c) 2020, 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 interface LoginProps {
     onLoginClick: () => void;
     disabled: boolean;
 }
-declare const Login: ({ onLoginClick, disabled }: LoginProps) => import("react/jsx-runtime").JSX.Element;
+declare function Login({ onLoginClick, disabled }: LoginProps): import("react/jsx-runtime").JSX.Element;
 export default Login;

package/dist/components/Login/Login.js

@@ -22,18 +22,12 @@ const styles = {
     height: 64
   }
 };
-const Login = ({ onLoginClick, disabled }) => {
+function Login({ onLoginClick, disabled }) {
   return /* @__PURE__ */ jsxs(Container, { component: "main", maxWidth: "xs", children: [
     /* @__PURE__ */ jsxs(Box, { sx: styles.paper, children: [
       /* @__PURE__ */ jsx(Avatar, { sx: styles.avatar, children: /* @__PURE__ */ jsx(LockOutlined, {}) }),
       /* @__PURE__ */ jsxs(Typography, { component: "h1", variant: "h5", children: [
-        /* @__PURE__ */ jsx(
-          FormattedMessage,
-          {
-            id: "login/login",
-            defaultMessage: "login"
-          }
-        ),
+        /* @__PURE__ */ jsx(FormattedMessage, { id: "login/login", defaultMessage: "login" }),
         " ",
         "?"
       ] }),
@@ -71,7 +65,7 @@ const Login = ({ onLoginClick, disabled }) => {
       }
     ) })
   ] });
-};
+}
 export {
   Login as default
 };

package/dist/components/Login/Logout.d.ts

@@ -8,5 +8,5 @@ export interface LogoutProps {
     onLogoutClick: () => void;
     disabled: boolean;
 }
-declare const Logout: ({ onLogoutClick, disabled }: LogoutProps) => import("react/jsx-runtime").JSX.Element;
+declare function Logout({ onLogoutClick, disabled }: LogoutProps): import("react/jsx-runtime").JSX.Element;
 export default Logout;

package/dist/components/Login/Logout.js

@@ -18,16 +18,16 @@ const styles = {
     borderRadius: "30px"
   })
 };
-const Logout = ({ onLogoutClick, disabled }) => {
-  function Copyright() {
-    return /* @__PURE__ */ jsxs(Typography, { variant: "body2", color: "textSecondary", align: "center", children: [
-      "Copyright © ",
-      /* @__PURE__ */ jsx(Link, { color: "inherit", href: "#", children: "GridSuite" }),
-      " ",
-      (/* @__PURE__ */ new Date()).getFullYear(),
-      "."
-    ] });
-  }
+function Copyright() {
+  return /* @__PURE__ */ jsxs(Typography, { variant: "body2", color: "textSecondary", align: "center", children: [
+    "Copyright © ",
+    /* @__PURE__ */ jsx(Link, { color: "inherit", href: "#", children: "GridSuite" }),
+    " ",
+    (/* @__PURE__ */ new Date()).getFullYear(),
+    "."
+  ] });
+}
+function Logout({ onLogoutClick, disabled }) {
   return /* @__PURE__ */ jsxs(Container, { component: "main", maxWidth: "xs", children: [
     /* @__PURE__ */ jsxs(Box, { sx: styles.paper, children: [
       /* @__PURE__ */ jsx(Avatar, { sx: styles.avatar, children: /* @__PURE__ */ jsx(LogoutOutlined, {}) }),
@@ -62,7 +62,7 @@ const Logout = ({ onLogoutClick, disabled }) => {
     ] }),
     /* @__PURE__ */ jsx(Box, { mt: 2, children: /* @__PURE__ */ jsx(Copyright, {}) })
   ] });
-};
+}
 export {
   Logout as default
 };

package/dist/components/Login/index.d.ts

@@ -1,7 +1,3 @@
-/**
- * Copyright (c) 2020, 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 { default } from './Login';
+import { default as defaultLogin } from './Login';
+
+export default defaultLogin;

package/dist/components/Login/index.js

@@ -1,4 +1,4 @@
-import { default as default2 } from "./Login.js";
+import Login from "./Login.js";
 export {
-  default2 as default
+  Login as default
 };

package/dist/components/MuiVirtualizedTable/ColumnHeader.js

@@ -41,29 +41,30 @@ const styles = {
     opacity: 0.5
   }
 };
-const SortButton = ({ signedRank = 0, ...props }) => {
+function SortButton({ signedRank = 0, ...props }) {
   const sortRank = Math.abs(signedRank);
   const visibilityStyle = (!signedRank || void 0) && (props.headerHovered ? styles.hovered : styles.transparent);
   return /* @__PURE__ */ jsxs(Box, { sx: styles.sortDiv, onClick: props.onClick, children: [
     signedRank >= 0 ? /* @__PURE__ */ jsx(ArrowUpward, { sx: visibilityStyle }) : /* @__PURE__ */ jsx(ArrowDownward, { sx: visibilityStyle }),
     sortRank > 1 && !props.hovered && /* @__PURE__ */ jsx("sub", { children: sortRank })
   ] });
-};
-const FilterButton = (props) => {
-  const visibilityStyle = !props.filterLevel && (props.headerHovered ? styles.hovered : styles.transparent);
+}
+function FilterButton(props) {
+  const { filterLevel, headerHovered, onClick } = props;
+  const visibilityStyle = !filterLevel && (headerHovered ? styles.hovered : styles.transparent);
   return /* @__PURE__ */ jsx(
     FilterAltOutlined,
     {
-      onClick: props.onClick,
+      onClick,
       sx: mergeSx(
         styles.filterButton,
         // @ts-ignore type incompatibility of styles
-        props.filterLevel > 1 && styles.filterTooLossy,
+        filterLevel > 1 && styles.filterTooLossy,
         visibilityStyle
       )
     }
   );
-};
+}
 const ColumnHeader = forwardRef(
   (props, ref) => {
     const {
@@ -91,7 +92,7 @@ const ColumnHeader = forwardRef(
       };
     }, [onFilterClick]);
     return (
-      //@ts-ignore it does not let us define Box with onMouseEnter/onMouseLeave attributes with 'div' I think, not sure though
+      // @ts-ignore it does not let us define Box with onMouseEnter/onMouseLeave attributes with 'div' I think, not sure though
       /* @__PURE__ */ jsxs(
         Box,
         {

package/dist/components/MuiVirtualizedTable/KeyedColumnsRowIndexer.d.ts

@@ -1,6 +1,21 @@
-import { CustomColumnProps, RowProps } from './MuiVirtualizedTable';
+import { ColumnProps } from 'react-virtualized';
+import { ReactElement } from 'react';
 
-export declare enum CHANGE_WAYS {
+export interface RowProps {
+    notClickable?: boolean;
+}
+export interface CustomColumnProps extends ColumnProps {
+    sortable?: boolean;
+    numeric?: boolean;
+    indexer?: KeyedColumnsRowIndexer;
+    label: string;
+    clickable?: boolean;
+    fractionDigits?: number;
+    unit?: number;
+    extra?: ReactElement;
+    nostat?: boolean;
+}
+export declare enum ChangeWays {
     SIMPLE = "Simple",
     TAIL = "Tail",
     AMEND = "Amend",
@@ -69,8 +84,8 @@ export interface FilteredRows {
  * a view index to model index array.
  */
 export declare class KeyedColumnsRowIndexer {
-    static get CHANGE_WAYS(): typeof CHANGE_WAYS;
-    _versionSetter: ((version: number) => void) | null;
+    static get CHANGE_WAYS(): typeof ChangeWays;
+    versionSetter: ((version: number) => void) | null;
     byColFilter: Record<string, {
         userParams?: any[];
         outerParams?: any[];
@@ -88,17 +103,17 @@ export declare class KeyedColumnsRowIndexer {
     constructor(isThreeState?: boolean, singleColumnByDefault?: boolean, delegatorCallback?: null, versionSetter?: ((version: number) => void) | null);
     hasVersionSetter: () => boolean;
     getVersion: () => number;
-    _bumpVersion: (isFilter?: boolean) => void;
-    updatePreferences: (preferences: Preferences) => false | undefined;
+    bumpVersion: (isFilter?: boolean) => void;
+    updatePreferences: (preferences: Preferences) => boolean;
     preFilterRowMapping: (columns: CustomColumnProps[], rows: RowProps[], rowFilter: (row: RowProps) => boolean) => FilteredRows | null;
     makeGroupAndSortIndirector: (preFilteredRowPairs: FilteredRows | null, columns: CustomColumnProps[]) => number[] | null;
     getSortingAsKeyAndCodedRank: () => (string | number)[][];
-    updateSortingFromUser: (colKey: string, change_way: CHANGE_WAYS) => boolean;
+    updateSortingFromUser: (colKey: string, change_way: ChangeWays) => boolean;
     codedRankByColumnIndex: (columns: CustomColumnProps[]) => number[] | null;
     columnSortingSignedRank: (colKey: string) => number;
     highestCodedColumn: (columns: CustomColumnProps[]) => number;
-    _getColFilterParams: (colKey: string | null, isForUser: boolean) => any[] | undefined;
-    _setColFilterParams: (colKey: string | null, params: any[] | null, isForUser: boolean) => boolean;
+    getColFilterParams: (colKey: string | null, isForUser: boolean) => any[] | undefined;
+    setColFilterParams: (colKey: string | null, params: any[] | null, isForUser: boolean) => boolean;
     getColFilterOuterParams: (colKey: string | null) => any[] | undefined;
     setColFilterOuterParams: (colKey: string, outerParams: any[]) => boolean;
     getColFilterUserParams: (colKey: string | null) => any[] | undefined;