@gridsuite/commons-ui 0.62.0 → 0.63.0

package/dist/components/AuthenticationRouter/AuthenticationRouter.d.ts

@@ -1,29 +1,30 @@
+import { AuthenticationActions } from '../../redux/authActions';
 import { UserManager } from 'oidc-client';
+import { Location, NavigateFunction } from 'react-router-dom';
 import { Dispatch } from 'react';
 
-export interface AuthenticationRouterProps {
-    userManager: {
-        instance: UserManager;
-        error: string;
-    };
-    signInCallbackError: {
-        message: string;
+export type AuthenticationRouterErrorState = {
+    userName?: string;
+    userValidationError?: {
+        error: Error;
     };
-    authenticationRouterError: {
-        userName: string;
-        userValidationError?: {
-            error: Error;
-        };
-        logoutError?: {
-            error: Error;
-        };
-        unauthorizedUserInfo?: string;
-        error: string;
+    logoutError?: {
+        error: Error;
     };
+    unauthorizedUserInfo?: string;
+};
+export type UserManagerState = {
+    instance: UserManager | null;
+    error: string | null;
+};
+export interface AuthenticationRouterProps {
+    userManager: UserManagerState;
+    signInCallbackError: Error | null;
+    authenticationRouterError: AuthenticationRouterErrorState | null;
     showAuthenticationRouterLogin: boolean;
-    dispatch: Dispatch<unknown>;
-    navigate: () => void;
+    dispatch: Dispatch<AuthenticationActions>;
+    navigate: NavigateFunction;
     location: Location;
 }
-declare const AuthenticationRouter: ({ userManager, signInCallbackError, authenticationRouterError, showAuthenticationRouterLogin, dispatch, navigate, location, }: AuthenticationRouterProps) => import("react/jsx-runtime").JSX.Element;
+declare function AuthenticationRouter({ userManager, signInCallbackError, authenticationRouterError, showAuthenticationRouterLogin, dispatch, navigate, location, }: Readonly<AuthenticationRouterProps>): import("react/jsx-runtime").JSX.Element;
 export default AuthenticationRouter;

package/dist/components/AuthenticationRouter/AuthenticationRouter.js

@@ -1,14 +1,14 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { useCallback } from "react";
 import { Routes, Route, Navigate } from "react-router-dom";
+import { Grid, Alert, AlertTitle } from "@mui/material";
+import { FormattedMessage } from "react-intl";
 import SignInCallbackHandler from "../SignInCallbackHandler/SignInCallbackHandler.js";
 import { handleSigninCallback, handleSilentRenewCallback, login, logout } from "../../utils/AuthService.js";
 import SilentRenewCallbackHandler from "../SilentRenewCallbackHandler/SilentRenewCallbackHandler.js";
 import Login from "../Login/Login.js";
 import Logout from "../Login/Logout.js";
-import { Grid, Alert, AlertTitle } from "@mui/material";
-import { FormattedMessage } from "react-intl";
-const AuthenticationRouter = ({
+function AuthenticationRouter({
   userManager,
   signInCallbackError,
   authenticationRouterError,
@@ -16,15 +16,17 @@ const AuthenticationRouter = ({
   dispatch,
   navigate,
   location
-}) => {
-  const handleSigninCallbackClosure = useCallback(
-    () => handleSigninCallback(dispatch, navigate, userManager.instance),
-    [dispatch, navigate, userManager.instance]
-  );
-  const handleSilentRenewCallbackClosure = useCallback(
-    () => handleSilentRenewCallback(userManager.instance),
-    [userManager.instance]
-  );
+}) {
+  const handleSigninCallbackClosure = useCallback(() => {
+    if (userManager.instance != null) {
+      handleSigninCallback(dispatch, navigate, userManager.instance);
+    }
+  }, [dispatch, navigate, userManager.instance]);
+  const handleSilentRenewCallbackClosure = useCallback(() => {
+    if (userManager.instance != null) {
+      handleSilentRenewCallback(userManager.instance);
+    }
+  }, [userManager.instance]);
   return /* @__PURE__ */ jsxs(
     Grid,
     {
@@ -135,7 +137,7 @@ const AuthenticationRouter = ({
       ]
     }
   );
-};
+}
 export {
   AuthenticationRouter as default
 };

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

@@ -1,7 +1,4 @@
-/**
- * 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 './AuthenticationRouter';
+import { default as AuthenticationRouter } from './AuthenticationRouter';
+
+export default AuthenticationRouter;
+export type { AuthenticationRouterErrorState, AuthenticationRouterProps, UserManagerState, } from './AuthenticationRouter';

package/dist/components/AuthenticationRouter/index.js

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

package/dist/components/CardErrorBoundary/card-error-boundary.d.ts

@@ -18,7 +18,6 @@ type CardErrorBoundaryState = (CardErrorBoundaryStateError | CardErrorBoundarySt
     expanded: boolean;
 };
 declare class CardErrorBoundary extends Component<Props, CardErrorBoundaryState> {
-    state: CardErrorBoundaryState;
     constructor(props: Props);
     static getDerivedStateFromError(error: Error): {
         hasError: boolean;

package/dist/components/CardErrorBoundary/card-error-boundary.js

@@ -35,14 +35,16 @@ class CardErrorBoundary extends Component {
     }));
   }
   handleReloadClick() {
-    this.setState((_) => ({
+    this.setState(() => ({
       hasError: false,
       expanded: false,
       error: void 0
     }));
   }
   render() {
-    if (this.state.hasError) {
+    const { hasError } = this.state;
+    const { children } = this.props;
+    if (hasError) {
       const { error, expanded } = this.state;
       return /* @__PURE__ */ jsx(Box, { sx: { p: 4 }, children: /* @__PURE__ */ jsxs(Card, { sx: { mx: "auto", maxWidth: 600 }, children: [
         /* @__PURE__ */ jsx(
@@ -103,7 +105,7 @@ class CardErrorBoundary extends Component {
         ] }) })
       ] }) });
     }
-    return this.props.children;
+    return children;
   }
 }
 export {

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

@@ -1,7 +1,3 @@
-/**
- * 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/.
- */
-export { default } from './card-error-boundary';
+import { default as defaultCardErrorBoundary } from './card-error-boundary';
+
+export default defaultCardErrorBoundary;

package/dist/components/CardErrorBoundary/index.js

@@ -1,4 +1,4 @@
-import { default as default2 } from "./card-error-boundary.js";
+import CardErrorBoundary from "./card-error-boundary.js";
 export {
-  default2 as default
+  CardErrorBoundary as default
 };

package/dist/components/CustomAGGrid/custom-aggrid.js

@@ -5,8 +5,8 @@ import { useIntl } from "react-intl";
 import "ag-grid-community/styles/ag-grid.css";
 import "ag-grid-community/styles/ag-theme-alpine.css";
 import { Box } from "@mui/system";
-import { mergeSx } from "../../utils/styles.js";
 import { useTheme } from "@mui/material";
+import { mergeSx } from "../../utils/styles.js";
 import { CUSTOM_AGGRID_THEME, styles } from "./custom-aggrid.style.js";
 const onColumnResized = (params) => {
   var _a;

package/dist/components/CustomAGGrid/custom-aggrid.style.js

@@ -11,19 +11,19 @@ const styles = {
     },
     "& .ag-checkbox-input": {
       cursor: "pointer",
-      //Enlarge checkbox area to be more permissive when selecting it
+      // Enlarge checkbox area to be more permissive when selecting it
       scale: "2.5"
     },
-    //overrides the default computed max height for ag grid default selector editor to make it more usable
-    //can be removed if a custom selector editor is implemented
+    // overrides the default computed max height for ag grid default selector editor to make it more usable
+    // can be removed if a custom selector editor is implemented
     "& .ag-select-list": {
       maxHeight: "300px !important"
     },
-    //allows to hide the scrollbar in the pinned rows section as it is unecessary to our implementation
+    // allows to hide the scrollbar in the pinned rows section as it is unecessary to our implementation
     "& .ag-body-horizontal-scroll:not(.ag-scrollbar-invisible) .ag-horizontal-left-spacer:not(.ag-scroller-corner)": {
       visibility: "hidden"
     },
-    //removes border on focused cell - using "suppressCellFocus" Aggrid option causes side effects and breaks field edition
+    // removes border on focused cell - using "suppressCellFocus" Aggrid option causes side effects and breaks field edition
     "& .ag-cell-focus, .ag-cell": {
       border: "none !important"
     }

package/dist/components/DirectoryItemSelector/directory-item-selector.d.ts

@@ -1,6 +1,5 @@
-import { UUID } from 'crypto';
 import { TreeViewFinderProps } from '../TreeViewFinder/TreeViewFinder';
-import { FunctionComponent } from 'react';
+import { UUID } from 'crypto';
 
 interface DirectoryItemSelectorProps extends TreeViewFinderProps {
     open: boolean;
@@ -18,5 +17,5 @@ interface DirectoryItemSelectorProps extends TreeViewFinderProps {
     multiselect?: boolean;
     expanded?: UUID[];
 }
-declare const DirectoryItemSelector: FunctionComponent<DirectoryItemSelectorProps>;
+declare function DirectoryItemSelector({ open, types, equipmentTypes, itemFilter, expanded, ...otherTreeViewFinderProps }: DirectoryItemSelectorProps): import("react/jsx-runtime").JSX.Element;
 export default DirectoryItemSelector;

package/dist/components/DirectoryItemSelector/directory-item-selector.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { useState, useRef, useCallback, useEffect } from "react";
-import { getFileIcon } from "../../utils/ElementIcon.js";
+import getFileIcon from "../../utils/ElementIcon.js";
 import { ElementType } from "../../utils/ElementType.js";
 import TreeViewFinder from "../TreeViewFinder/TreeViewFinder.js";
 import { useSnackMessage } from "../../hooks/useSnackMessage.js";
@@ -13,14 +13,113 @@ const styles = {
     height: "18px"
   })
 };
-const DirectoryItemSelector = ({
+function sameRights(a, b) {
+  if (!a && !b) {
+    return true;
+  }
+  if (!a || !b) {
+    return false;
+  }
+  return a.isPrivate === b.isPrivate;
+}
+function flattenDownNodes(n, cef) {
+  const subs = cef(n);
+  if (subs.length === 0) {
+    return [n];
+  }
+  return Array.prototype.concat(
+    [n],
+    ...subs.map((sn) => flattenDownNodes(sn, cef))
+  );
+}
+function refreshedUpNodes(m, nn) {
+  if (!(nn == null ? void 0 : nn.elementUuid)) {
+    return [];
+  }
+  if (nn.parentUuid === null) {
+    return [nn];
+  }
+  const parent = m[nn.parentUuid];
+  const nextChildren = parent.children.map(
+    (c) => c.elementUuid === nn.elementUuid ? nn : c
+  );
+  const nextParent = { ...parent, children: nextChildren };
+  return [nn, ...refreshedUpNodes(m, nextParent)];
+}
+function updatedTree(prevRoots, prevMap, nodeId, children) {
+  var _a;
+  const nextChildren = children.sort((a, b) => a.elementName.localeCompare(b.elementName)).map((n) => {
+    const pn = prevMap[n.elementUuid];
+    if (!pn) {
+      return { ...n, children: [], parentUuid: nodeId };
+    }
+    if (n.elementName === pn.elementName && sameRights(n.accessRights, pn.accessRights) && n.subdirectoriesCount === pn.subdirectoriesCount && nodeId === pn.parentUuid) {
+      return pn;
+    }
+    if (pn.parentUuid !== nodeId) {
+      console.warn(`reparent ${pn.parentUuid} -> ${nodeId}`);
+    }
+    return {
+      ...pn,
+      elementName: n.elementName,
+      accessRights: n.accessRights,
+      subdirectoriesCount: n.subdirectoriesCount,
+      parentUuid: nodeId
+    };
+  });
+  const prevChildren = nodeId ? (_a = prevMap[nodeId]) == null ? void 0 : _a.children : prevRoots;
+  if ((prevChildren == null ? void 0 : prevChildren.length) === nextChildren.length && prevChildren.every((e, i) => e === nextChildren[i])) {
+    return [prevRoots, prevMap];
+  }
+  const nextUuids = new Set(
+    children ? children.map((n) => n.elementUuid) : []
+  );
+  const prevUuids = prevChildren ? prevChildren.map((n) => n.elementUuid) : [];
+  const mayNodeId = nodeId ? [nodeId] : [];
+  const nonCopyUuids = /* @__PURE__ */ new Set([
+    ...nextUuids,
+    ...mayNodeId,
+    ...Array.prototype.concat(
+      ...prevUuids.filter((u) => !nextUuids.has(u)).map(
+        (u) => flattenDownNodes(prevMap[u], (n) => n.children).map(
+          (n) => n.elementUuid
+        )
+      )
+    )
+  ]);
+  const prevNode = nodeId ? prevMap[nodeId] : {};
+  const nextNode = {
+    elementUuid: nodeId,
+    parentUuid: null,
+    ...prevNode,
+    children: nextChildren,
+    subdirectoriesCount: nextChildren.length
+  };
+  const nextMap = Object.fromEntries([
+    ...Object.entries(prevMap).filter(([k]) => !nonCopyUuids.has(k)),
+    ...nextChildren.map((n) => [n.elementUuid, n]),
+    ...refreshedUpNodes(prevMap, nextNode).map((n) => [n.elementUuid, n])
+  ]);
+  const nextRoots = nodeId === null ? nextChildren : prevRoots.map((r) => nextMap[r.elementUuid]);
+  return [nextRoots, nextMap];
+}
+function sortHandlingDirectories(a, b) {
+  if (a.children && !b.children) {
+    return -1;
+  }
+  if (b.children && !a.children) {
+    return 1;
+  }
+  return a.name.localeCompare(b.name);
+}
+function DirectoryItemSelector({
   open,
   types,
   equipmentTypes,
   itemFilter,
   expanded,
   ...otherTreeViewFinderProps
-}) => {
+}) {
   const [data, setData] = useState([]);
   const [rootDirectories, setRootDirectories] = useState([]);
   const nodeMap = useRef({});
@@ -63,7 +162,7 @@ const DirectoryItemSelector = ({
   );
   const addToDirectory = useCallback(
     (nodeId, content) => {
-      let [nrs, mdr] = updatedTree(
+      const [nrs, mdr] = updatedTree(
         rootsRef.current,
         nodeMap.current,
         nodeId,
@@ -76,12 +175,12 @@ const DirectoryItemSelector = ({
     [convertRoots]
   );
   const updateRootDirectories = useCallback(() => {
-    fetchRootFolders(types).then((data2) => {
-      let [nrs, mdr] = updatedTree(
+    fetchRootFolders(types).then((newData) => {
+      const [nrs, mdr] = updatedTree(
         rootsRef.current,
         nodeMap.current,
         null,
-        data2
+        newData
       );
       setRootDirectories(nrs);
       nodeMap.current = mdr;
@@ -106,13 +205,13 @@ const DirectoryItemSelector = ({
             types,
             equipmentTypes
           ).then((childrenWithMetadata) => {
-            const children2 = itemFilter ? childrenWithMetadata.filter((val) => {
+            const filtredChildren = itemFilter ? childrenWithMetadata.filter((val) => {
               if (val.type === ElementType.DIRECTORY) {
                 return true;
               }
               return itemFilter(val);
             }) : childrenWithMetadata;
-            addToDirectory(nodeId, children2);
+            addToDirectory(nodeId, filtredChildren);
           });
         } else {
           addToDirectory(nodeId, childrenMatchedTypes);
@@ -135,14 +234,6 @@ const DirectoryItemSelector = ({
       }
     }
   }, [open, updateRootDirectories, expanded, fetchDirectory]);
-  function sortHandlingDirectories(a, b) {
-    if (a.children && !b.children) {
-      return -1;
-    } else if (b.children && !a.children) {
-      return 1;
-    }
-    return a.name.localeCompare(b.name);
-  }
   return /* @__PURE__ */ jsx(
     TreeViewFinder,
     {
@@ -156,94 +247,6 @@ const DirectoryItemSelector = ({
       data
     }
   );
-};
-function updatedTree(prevRoots, prevMap, nodeId, children) {
-  var _a;
-  const nextChildren = children.sort((a, b) => a.elementName.localeCompare(b.elementName)).map((n) => {
-    let pn = prevMap[n.elementUuid];
-    if (!pn) {
-      return { ...n, children: [], parentUuid: nodeId };
-    } else if (n.elementName === pn.elementName && sameRights(n.accessRights, pn.accessRights) && n.subdirectoriesCount === pn.subdirectoriesCount && nodeId === pn.parentUuid) {
-      return pn;
-    } else {
-      if (pn.parentUuid !== nodeId) {
-        console.warn("reparent " + pn.parentUuid + " -> " + nodeId);
-      }
-      return {
-        ...pn,
-        elementName: n.elementName,
-        accessRights: n.accessRights,
-        subdirectoriesCount: n.subdirectoriesCount,
-        parentUuid: nodeId
-      };
-    }
-  });
-  const prevChildren = nodeId ? (_a = prevMap[nodeId]) == null ? void 0 : _a.children : prevRoots;
-  if ((prevChildren == null ? void 0 : prevChildren.length) === nextChildren.length && prevChildren.every((e, i) => e === nextChildren[i])) {
-    return [prevRoots, prevMap];
-  }
-  let nextUuids = new Set(children ? children.map((n) => n.elementUuid) : []);
-  let prevUuids = prevChildren ? prevChildren.map((n) => n.elementUuid) : [];
-  let mayNodeId = nodeId ? [nodeId] : [];
-  let nonCopyUuids = /* @__PURE__ */ new Set([
-    ...nextUuids,
-    ...mayNodeId,
-    ...Array.prototype.concat(
-      ...prevUuids.filter((u) => !nextUuids.has(u)).map(
-        (u) => flattenDownNodes(prevMap[u], (n) => n.children).map(
-          (n) => n.elementUuid
-        )
-      )
-    )
-  ]);
-  const prevNode = nodeId ? prevMap[nodeId] : {};
-  const nextNode = {
-    elementUuid: nodeId,
-    parentUuid: null,
-    ...prevNode,
-    children: nextChildren,
-    subdirectoriesCount: nextChildren.length
-  };
-  const nextMap = Object.fromEntries([
-    ...Object.entries(prevMap).filter(([k, v], i) => !nonCopyUuids.has(k)),
-    ...nextChildren.map((n) => [n.elementUuid, n]),
-    ...refreshedUpNodes(prevMap, nextNode).map((n) => [n.elementUuid, n])
-  ]);
-  const nextRoots = nodeId === null ? nextChildren : prevRoots.map((r) => nextMap[r.elementUuid]);
-  return [nextRoots, nextMap];
-}
-function sameRights(a, b) {
-  if (!a && !b) {
-    return true;
-  }
-  if (!a || !b) {
-    return false;
-  }
-  return a.isPrivate === b.isPrivate;
-}
-function flattenDownNodes(n, cef) {
-  const subs = cef(n);
-  if (subs.length === 0) {
-    return [n];
-  }
-  return Array.prototype.concat(
-    [n],
-    ...subs.map((sn) => flattenDownNodes(sn, cef))
-  );
-}
-function refreshedUpNodes(m, nn) {
-  if (!(nn == null ? void 0 : nn.elementUuid)) {
-    return [];
-  }
-  if (nn.parentUuid === null) {
-    return [nn];
-  }
-  const parent = m[nn.parentUuid];
-  const nextChildren = parent.children.map(
-    (c) => c.elementUuid === nn.elementUuid ? nn : c
-  );
-  const nextParent = { ...parent, children: nextChildren };
-  return [nn, ...refreshedUpNodes(m, nextParent)];
 }
 export {
   DirectoryItemSelector as default

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

@@ -4,5 +4,5 @@ export interface ElementSearchDialogProps<T> extends ElementSearchInputProps<T>
     onClose?: () => void;
     open: boolean;
 }
-export declare const ElementSearchDialog: <T>(props: ElementSearchDialogProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare function ElementSearchDialog<T>(props: ElementSearchDialogProps<T>): import("react/jsx-runtime").JSX.Element;
 export default ElementSearchDialog;

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

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import { useCallback } from "react";
 import { Dialog, DialogContent } from "@mui/material";
 import { ElementSearchInput } from "./element-search-input.js";
-const ElementSearchDialog = (props) => {
+function ElementSearchDialog(props) {
   const { open, onClose, onSearchTermChange, ...rest } = props;
   const handleClose = useCallback(() => {
     onSearchTermChange("");
@@ -25,7 +25,7 @@ const ElementSearchDialog = (props) => {
       ) })
     }
   );
-};
+}
 export {
   ElementSearchDialog,
   ElementSearchDialog as default

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

@@ -18,4 +18,4 @@ export interface ElementSearchInputProps<T> extends Pick<AutocompleteProps<T, fa
     searchTermDisableReason?: string;
     showResults?: boolean;
 }
-export declare const ElementSearchInput: <T>(props: ElementSearchInputProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare function ElementSearchInput<T>(props: ElementSearchInputProps<T>): import("react/jsx-runtime").JSX.Element;

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

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import { Autocomplete } from "@mui/material";
 import { useMemo } from "react";
 import { useIntl } from "react-intl";
-const ElementSearchInput = (props) => {
+function ElementSearchInput(props) {
   const {
     elementsFound,
     loading,
@@ -27,9 +27,8 @@ const ElementSearchInput = (props) => {
       return searchTermDisableReason ?? intl.formatMessage({
         id: "element_search/searchDisabled"
       });
-    } else {
-      return searchTerm ?? "";
     }
+    return searchTerm ?? "";
   }, [searchTerm, searchTermDisabled, searchTermDisableReason, intl]);
   return /* @__PURE__ */ jsx(
     Autocomplete,
@@ -74,14 +73,13 @@ const ElementSearchInput = (props) => {
       isOptionEqualToValue: (option, value) => {
         if (typeof option !== "string" && typeof value !== "string") {
           return isOptionEqualToValue(option, value);
-        } else {
-          return option === value;
         }
+        return option === value;
       },
       disabled: searchTermDisabled
     }
   );
-};
+}
 export {
   ElementSearchInput
 };

package/dist/components/ElementSearchDialog/equipment-item.d.ts

@@ -1,6 +1,6 @@
-import { SxProps, Theme } from '@mui/material';
-import { EquipmentInfos } from '../../utils/EquipmentType';
 import { TagRenderer } from './index';
+import { EquipmentInfos } from '../../utils/EquipmentType';
+import { SxProps, Theme } from '@mui/material';
 
 export interface EquipmentItemProps {
     inputValue: string;
@@ -22,4 +22,4 @@ export interface EquipmentItemProps {
         equipmentVlTag?: SxProps<Theme>;
     };
 }
-export declare const EquipmentItem: ({ inputValue, suffixRenderer, element, showsJustText, ...props }: EquipmentItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare function EquipmentItem({ inputValue, suffixRenderer, element, showsJustText, ...props }: EquipmentItemProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/ElementSearchDialog/equipment-item.js

@@ -1,28 +1,28 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import "react";
-import { Box } from "@mui/material";
-import { FormattedMessage } from "react-intl";
-import { TagRenderer } from "./tag-renderer.js";
-import "notistack";
 import match from "autosuggest-highlight/match";
 import parse from "autosuggest-highlight/parse";
 import clsx from "clsx";
+import { FormattedMessage } from "react-intl";
+import { Box } from "@mui/material";
 import { EQUIPMENT_TYPE } from "../../utils/EquipmentType.js";
+import "react";
+import TagRenderer from "./tag-renderer.js";
+import "notistack";
 import { OverflowableText } from "../OverflowableText/overflowable-text.js";
 import { mergeSx } from "../../utils/styles.js";
-const EquipmentItem = ({
+function EquipmentItem({
   inputValue,
   suffixRenderer = TagRenderer,
   element,
   showsJustText = false,
   ...props
-}) => {
+}) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i;
-  let matches = match(element.label, inputValue, {
+  const matches = match(element.label, inputValue, {
     insideWords: true,
     findAllOccurrences: true
   });
-  let parts = parse(element.label, matches);
+  const parts = parse(element.label, matches);
   return /* @__PURE__ */ jsx("li", { ...props, children: /* @__PURE__ */ jsxs(
     Box,
     {
@@ -55,7 +55,7 @@ const EquipmentItem = ({
             text: parts.map((e) => e.text).join(),
             className: (_h = props.classes) == null ? void 0 : _h.result,
             sx: (_i = props.styles) == null ? void 0 : _i.result,
-            children: parts.map((part, index) => /* @__PURE__ */ jsx(
+            children: parts.map((part) => /* @__PURE__ */ jsx(
               "span",
               {
                 style: {
@@ -63,15 +63,15 @@ const EquipmentItem = ({
                 },
                 children: part.text
               },
-              index
+              `${part.text}-${part.highlight}`
             ))
           }
         ),
-        !showsJustText && suffixRenderer({ props, element })
+        !showsJustText && suffixRenderer({ element, ...props })
       ]
     }
   ) }, element.key);
-};
+}
 export {
   EquipmentItem
 };