@gridsuite/commons-ui 0.63.4 → 0.64.0

package/dist/_mocks_/svg.js

@@ -1,8 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
-const SvgrMock = forwardRef(
-  (props, ref) => /* @__PURE__ */ jsx("svg", { ref, ...props })
-);
+const SvgrMock = forwardRef((props, ref) => /* @__PURE__ */ jsx("svg", { ref, ...props }));
 export {
   SvgrMock as default
 };

package/dist/assets/expert-filter-form.css

@@ -58,10 +58,11 @@
     position: relative;
 }
 
-.queryBuilder-branches .rule::before, .queryBuilder-branches .rule::after,
+.queryBuilder-branches .rule::before,
+.queryBuilder-branches .rule::after,
 .queryBuilder-branches .ruleGroup .ruleGroup::before,
 .queryBuilder-branches .ruleGroup .ruleGroup::after {
-    content: "";
+    content: '';
     width: 0.5rem;
     left: calc(-0.5rem - 1px);
     border-color: #969696;
@@ -94,7 +95,8 @@
     display: none;
 }
 
-.queryBuilder-branches .ruleGroup .ruleGroup::before, .queryBuilder-branches .ruleGroup .ruleGroup::after {
+.queryBuilder-branches .ruleGroup .ruleGroup::before,
+.queryBuilder-branches .ruleGroup .ruleGroup::after {
     left: calc(calc(-0.5rem - 1px) - 1px);
 }
 
@@ -133,25 +135,33 @@
 }
 
 /* DnD section, copied from original, just 'border-bottom-color: lightgrey' change */
-[data-inlinecombinators=disabled] .dndOver.rule, [data-inlinecombinators=disabled] .dndOver.ruleGroup-header {
+[data-inlinecombinators='disabled'] .dndOver.rule,
+[data-inlinecombinators='disabled'] .dndOver.ruleGroup-header {
     border-bottom-width: 2px;
     border-bottom-style: dashed;
     border-bottom-color: lightgrey;
     padding-bottom: 0.5rem;
 }
 
-[data-inlinecombinators=disabled] .dndOver.rule.dndCopy, [data-inlinecombinators=disabled] .dndOver.ruleGroup-header.dndCopy {
+[data-inlinecombinators='disabled'] .dndOver.rule.dndCopy,
+[data-inlinecombinators='disabled'] .dndOver.ruleGroup-header.dndCopy {
     border-bottom-color: #669933;
 }
 
-[data-inlinecombinators=enabled] .dndOver.rule:last-child, [data-inlinecombinators=enabled] .dndOver.ruleGroup-header, [data-inlinecombinators=enabled] .dndOver.rule + .betweenRules, [data-inlinecombinators=enabled] .dndOver.betweenRules {
+[data-inlinecombinators='enabled'] .dndOver.rule:last-child,
+[data-inlinecombinators='enabled'] .dndOver.ruleGroup-header,
+[data-inlinecombinators='enabled'] .dndOver.rule + .betweenRules,
+[data-inlinecombinators='enabled'] .dndOver.betweenRules {
     border-bottom-width: 2px;
     border-bottom-style: dashed;
     border-bottom-color: lightgrey;
     padding-bottom: 0.5rem;
 }
 
-[data-inlinecombinators=enabled] .dndOver.rule:last-child.dndCopy, [data-inlinecombinators=enabled] .dndOver.ruleGroup-header.dndCopy, [data-inlinecombinators=enabled] .dndOver.rule + .betweenRules.dndCopy, [data-inlinecombinators=enabled] .dndOver.betweenRules.dndCopy {
+[data-inlinecombinators='enabled'] .dndOver.rule:last-child.dndCopy,
+[data-inlinecombinators='enabled'] .dndOver.ruleGroup-header.dndCopy,
+[data-inlinecombinators='enabled'] .dndOver.rule + .betweenRules.dndCopy,
+[data-inlinecombinators='enabled'] .dndOver.betweenRules.dndCopy {
     border-bottom-color: #669933;
 }
 
@@ -165,4 +175,4 @@
     cursor: move;
 }
 
-/* end DnD section */
+/* end DnD section */

package/dist/components/AuthenticationRouter/AuthenticationRouter.js

@@ -27,116 +27,107 @@ function AuthenticationRouter({
       handleSilentRenewCallback(userManager.instance);
     }
   }, [userManager.instance]);
-  return /* @__PURE__ */ jsxs(
-    Grid,
-    {
-      container: true,
-      alignContent: "center",
-      alignItems: "center",
-      direction: "column",
-      children: [
-        userManager.error !== null && /* @__PURE__ */ jsxs("h1", { children: [
-          "Error : Getting userManager; ",
-          userManager.error
-        ] }),
-        signInCallbackError !== null && /* @__PURE__ */ jsxs("h1", { children: [
-          "Error : SignIn Callback Error;",
-          signInCallbackError.message
-        ] }),
-        /* @__PURE__ */ jsxs(Routes, { children: [
-          /* @__PURE__ */ jsx(
-            Route,
+  return /* @__PURE__ */ jsxs(Grid, { container: true, alignContent: "center", alignItems: "center", direction: "column", children: [
+    userManager.error !== null && /* @__PURE__ */ jsxs("h1", { children: [
+      "Error : Getting userManager; ",
+      userManager.error
+    ] }),
+    signInCallbackError !== null && /* @__PURE__ */ jsxs("h1", { children: [
+      "Error : SignIn Callback Error;",
+      signInCallbackError.message
+    ] }),
+    /* @__PURE__ */ jsxs(Routes, { children: [
+      /* @__PURE__ */ jsx(
+        Route,
+        {
+          path: "sign-in-callback",
+          element: /* @__PURE__ */ jsx(
+            SignInCallbackHandler,
             {
-              path: "sign-in-callback",
-              element: /* @__PURE__ */ jsx(
-                SignInCallbackHandler,
-                {
-                  userManager: userManager.instance,
-                  handleSignInCallback: handleSigninCallbackClosure
-                }
-              )
+              userManager: userManager.instance,
+              handleSignInCallback: handleSigninCallbackClosure
             }
-          ),
+          )
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Route,
+        {
+          path: "silent-renew-callback",
+          element: /* @__PURE__ */ jsx(
+            SilentRenewCallbackHandler,
+            {
+              userManager: userManager.instance,
+              handleSilentRenewCallback: handleSilentRenewCallbackClosure
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ jsx(Route, { path: "logout-callback", element: /* @__PURE__ */ jsx(Navigate, { to: "/" }) }),
+      /* @__PURE__ */ jsx(
+        Route,
+        {
+          path: "*",
+          element: showAuthenticationRouterLogin && authenticationRouterError == null && /* @__PURE__ */ jsx(
+            Login,
+            {
+              disabled: userManager.instance === null,
+              onLoginClick: () => login(location, userManager.instance)
+            }
+          )
+        }
+      )
+    ] }),
+    authenticationRouterError !== null && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(
+        Logout,
+        {
+          disabled: userManager.instance === null,
+          onLogoutClick: () => logout(dispatch, userManager.instance)
+        }
+      ) }),
+      /* @__PURE__ */ jsxs(Grid, { item: true, xs: 4, children: [
+        authenticationRouterError.logoutError != null && /* @__PURE__ */ jsxs(Alert, { severity: "error", children: [
+          /* @__PURE__ */ jsx(AlertTitle, { children: /* @__PURE__ */ jsx(FormattedMessage, { id: "login/errorInLogout" }) }),
           /* @__PURE__ */ jsx(
-            Route,
+            FormattedMessage,
             {
-              path: "silent-renew-callback",
-              element: /* @__PURE__ */ jsx(
-                SilentRenewCallbackHandler,
-                {
-                  userManager: userManager.instance,
-                  handleSilentRenewCallback: handleSilentRenewCallbackClosure
-                }
-              )
+              id: "login/errorInLogoutMessage",
+              values: {
+                userName: authenticationRouterError.userName
+              }
             }
           ),
-          /* @__PURE__ */ jsx(Route, { path: "logout-callback", element: /* @__PURE__ */ jsx(Navigate, { to: "/" }) }),
+          /* @__PURE__ */ jsx("p", { children: authenticationRouterError.logoutError.error.message })
+        ] }),
+        (authenticationRouterError == null ? void 0 : authenticationRouterError.userValidationError) != null && /* @__PURE__ */ jsxs(Alert, { severity: "error", children: [
+          /* @__PURE__ */ jsx(AlertTitle, { children: /* @__PURE__ */ jsx(FormattedMessage, { id: "login/errorInUserValidation" }) }),
           /* @__PURE__ */ jsx(
-            Route,
+            FormattedMessage,
             {
-              path: "*",
-              element: showAuthenticationRouterLogin && authenticationRouterError == null && /* @__PURE__ */ jsx(
-                Login,
-                {
-                  disabled: userManager.instance === null,
-                  onLoginClick: () => login(location, userManager.instance)
-                }
-              )
+              id: "login/errorInUserValidationMessage",
+              values: {
+                userName: authenticationRouterError.userName
+              }
             }
-          )
+          ),
+          /* @__PURE__ */ jsx("p", { children: authenticationRouterError.userValidationError.error.message })
         ] }),
-        authenticationRouterError !== null && /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(
-            Logout,
+        (authenticationRouterError == null ? void 0 : authenticationRouterError.unauthorizedUserInfo) != null && /* @__PURE__ */ jsxs(Alert, { severity: "info", children: [
+          /* @__PURE__ */ jsx(AlertTitle, { children: /* @__PURE__ */ jsx(FormattedMessage, { id: "login/unauthorizedAccess" }) }),
+          /* @__PURE__ */ jsx(
+            FormattedMessage,
             {
-              disabled: userManager.instance === null,
-              onLogoutClick: () => logout(dispatch, userManager.instance)
+              id: "login/unauthorizedAccessMessage",
+              values: {
+                userName: authenticationRouterError.userName
+              }
             }
-          ) }),
-          /* @__PURE__ */ jsxs(Grid, { item: true, xs: 4, children: [
-            authenticationRouterError.logoutError != null && /* @__PURE__ */ jsxs(Alert, { severity: "error", children: [
-              /* @__PURE__ */ jsx(AlertTitle, { children: /* @__PURE__ */ jsx(FormattedMessage, { id: "login/errorInLogout" }) }),
-              /* @__PURE__ */ jsx(
-                FormattedMessage,
-                {
-                  id: "login/errorInLogoutMessage",
-                  values: {
-                    userName: authenticationRouterError.userName
-                  }
-                }
-              ),
-              /* @__PURE__ */ jsx("p", { children: authenticationRouterError.logoutError.error.message })
-            ] }),
-            (authenticationRouterError == null ? void 0 : authenticationRouterError.userValidationError) != null && /* @__PURE__ */ jsxs(Alert, { severity: "error", children: [
-              /* @__PURE__ */ jsx(AlertTitle, { children: /* @__PURE__ */ jsx(FormattedMessage, { id: "login/errorInUserValidation" }) }),
-              /* @__PURE__ */ jsx(
-                FormattedMessage,
-                {
-                  id: "login/errorInUserValidationMessage",
-                  values: {
-                    userName: authenticationRouterError.userName
-                  }
-                }
-              ),
-              /* @__PURE__ */ jsx("p", { children: authenticationRouterError.userValidationError.error.message })
-            ] }),
-            (authenticationRouterError == null ? void 0 : authenticationRouterError.unauthorizedUserInfo) != null && /* @__PURE__ */ jsxs(Alert, { severity: "info", children: [
-              /* @__PURE__ */ jsx(AlertTitle, { children: /* @__PURE__ */ jsx(FormattedMessage, { id: "login/unauthorizedAccess" }) }),
-              /* @__PURE__ */ jsx(
-                FormattedMessage,
-                {
-                  id: "login/unauthorizedAccessMessage",
-                  values: {
-                    userName: authenticationRouterError.userName
-                  }
-                }
-              )
-            ] })
-          ] })
+          )
         ] })
-      ]
-    }
-  );
+      ] })
+    ] })
+  ] });
 }
 export {
   AuthenticationRouter as default

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

@@ -67,14 +67,7 @@ class CardErrorBoundary extends Component {
           }
         ) }) }),
         /* @__PURE__ */ jsxs(CardActions, { disableSpacing: true, children: [
-          /* @__PURE__ */ jsx(
-            IconButton,
-            {
-              onClick: this.handleReloadClick,
-              "aria-label": "reload",
-              children: /* @__PURE__ */ jsx(Replay, {})
-            }
-          ),
+          /* @__PURE__ */ jsx(IconButton, { onClick: this.handleReloadClick, "aria-label": "reload", children: /* @__PURE__ */ jsx(Replay, {}) }),
           /* @__PURE__ */ jsx(
             ExpandMore,
             {
@@ -87,20 +80,13 @@ class CardErrorBoundary extends Component {
           )
         ] }),
         /* @__PURE__ */ jsx(Collapse, { in: expanded, children: /* @__PURE__ */ jsxs(CardContent, { children: [
-          /* @__PURE__ */ jsx(
-            Typography,
+          /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "text.secondary", children: /* @__PURE__ */ jsx(
+            FormattedMessage,
             {
-              variant: "body2",
-              color: "text.secondary",
-              children: /* @__PURE__ */ jsx(
-                FormattedMessage,
-                {
-                  id: "card_error_boundary/expandederrorheader",
-                  defaultMessage: "Error message (and see more information in the developper console):"
-                }
-              )
+              id: "card_error_boundary/expandederrorheader",
+              defaultMessage: "Error message (and see more information in the developper console):"
             }
-          ),
+          ) }),
           /* @__PURE__ */ jsx(Typography, { variant: "caption", children: error.message })
         ] }) })
       ] }) });

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

@@ -19,55 +19,53 @@ const onColumnResized = (params) => {
     }
   }
 };
-const CustomAGGrid = React.forwardRef(
-  (props, ref) => {
-    const {
-      shouldHidePinnedHeaderRightBorder = false,
-      overlayNoRowsTemplate,
-      loadingOverlayComponent,
-      loadingOverlayComponentParams,
-      showOverlay = false
-    } = props;
-    const theme = useTheme();
-    const intl = useIntl();
-    const GRID_PREFIX = "grid.";
-    const getLocaleText = useCallback(
-      (params) => {
-        const key = GRID_PREFIX + params.key;
-        return intl.formatMessage({
-          id: key,
-          defaultMessage: params.defaultValue
-        });
-      },
-      [intl]
-    );
-    return /* @__PURE__ */ jsx(
-      Box,
-      {
-        sx: mergeSx(
-          styles.grid,
-          shouldHidePinnedHeaderRightBorder ? styles.noBorderRight : void 0,
-          showOverlay ? styles.overlayBackground : void 0
-        ),
-        className: `${theme.aggrid.theme} ${CUSTOM_AGGRID_THEME}`,
-        children: /* @__PURE__ */ jsx(
-          AgGridReact,
-          {
-            ref,
-            getLocaleText,
-            suppressPropertyNamesCheck: true,
-            loadingOverlayComponent,
-            loadingOverlayComponentParams,
-            overlayNoRowsTemplate,
-            onColumnResized,
-            enableCellTextSelection: true,
-            ...props
-          }
-        )
-      }
-    );
-  }
-);
+const CustomAGGrid = React.forwardRef((props, ref) => {
+  const {
+    shouldHidePinnedHeaderRightBorder = false,
+    overlayNoRowsTemplate,
+    loadingOverlayComponent,
+    loadingOverlayComponentParams,
+    showOverlay = false
+  } = props;
+  const theme = useTheme();
+  const intl = useIntl();
+  const GRID_PREFIX = "grid.";
+  const getLocaleText = useCallback(
+    (params) => {
+      const key = GRID_PREFIX + params.key;
+      return intl.formatMessage({
+        id: key,
+        defaultMessage: params.defaultValue
+      });
+    },
+    [intl]
+  );
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      sx: mergeSx(
+        styles.grid,
+        shouldHidePinnedHeaderRightBorder ? styles.noBorderRight : void 0,
+        showOverlay ? styles.overlayBackground : void 0
+      ),
+      className: `${theme.aggrid.theme} ${CUSTOM_AGGRID_THEME}`,
+      children: /* @__PURE__ */ jsx(
+        AgGridReact,
+        {
+          ref,
+          getLocaleText,
+          suppressPropertyNamesCheck: true,
+          loadingOverlayComponent,
+          loadingOverlayComponentParams,
+          overlayNoRowsTemplate,
+          onColumnResized,
+          enableCellTextSelection: true,
+          ...props
+        }
+      )
+    }
+  );
+});
 export {
   CustomAGGrid as default
 };

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

@@ -27,10 +27,7 @@ function flattenDownNodes(n, cef) {
   if (subs.length === 0) {
     return [n];
   }
-  return Array.prototype.concat(
-    [n],
-    ...subs.map((sn) => flattenDownNodes(sn, cef))
-  );
+  return Array.prototype.concat([n], ...subs.map((sn) => flattenDownNodes(sn, cef)));
 }
 function refreshedUpNodes(m, nn) {
   if (!(nn == null ? void 0 : nn.elementUuid)) {
@@ -40,9 +37,7 @@ function refreshedUpNodes(m, nn) {
     return [nn];
   }
   const parent = m[nn.parentUuid];
-  const nextChildren = parent.children.map(
-    (c) => c.elementUuid === nn.elementUuid ? nn : c
-  );
+  const nextChildren = parent.children.map((c) => c.elementUuid === nn.elementUuid ? nn : c);
   const nextParent = { ...parent, children: nextChildren };
   return [nn, ...refreshedUpNodes(m, nextParent)];
 }
@@ -71,20 +66,14 @@ function updatedTree(prevRoots, prevMap, nodeId, children) {
   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 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
-        )
-      )
+      ...prevUuids.filter((u) => !nextUuids.has(u)).map((u) => flattenDownNodes(prevMap[u], (n) => n.children).map((n) => n.elementUuid))
     )
   ]);
   const prevNode = nodeId ? prevMap[nodeId] : {};
@@ -128,10 +117,7 @@ function DirectoryItemSelector({
   const rootsRef = useRef([]);
   rootsRef.current = rootDirectories;
   const { snackError } = useSnackMessage();
-  const contentFilter = useCallback(
-    () => /* @__PURE__ */ new Set([ElementType.DIRECTORY, ...types]),
-    [types]
-  );
+  const contentFilter = useCallback(() => /* @__PURE__ */ new Set([ElementType.DIRECTORY, ...types]), [types]);
   const convertChildren = useCallback((children) => {
     return children.map((e) => {
       return {
@@ -151,9 +137,7 @@ function DirectoryItemSelector({
           id: e.elementUuid,
           name: e.elementName,
           icon: getFileIcon(e.type, styles.icon),
-          children: e.type === ElementType.DIRECTORY ? convertChildren(
-            nodeMap.current[e.elementUuid].children
-          ) : void 0,
+          children: e.type === ElementType.DIRECTORY ? convertChildren(nodeMap.current[e.elementUuid].children) : void 0,
           childrenCount: e.type === ElementType.DIRECTORY ? e.subdirectoriesCount : void 0
         };
       });
@@ -162,12 +146,7 @@ function DirectoryItemSelector({
   );
   const addToDirectory = useCallback(
     (nodeId, content) => {
-      const [nrs, mdr] = updatedTree(
-        rootsRef.current,
-        nodeMap.current,
-        nodeId,
-        content
-      );
+      const [nrs, mdr] = updatedTree(rootsRef.current, nodeMap.current, nodeId, content);
       setRootDirectories(nrs);
       nodeMap.current = mdr;
       setData(convertRoots(nrs));
@@ -176,12 +155,7 @@ function DirectoryItemSelector({
   );
   const updateRootDirectories = useCallback(() => {
     fetchRootFolders(types).then((newData) => {
-      const [nrs, mdr] = updatedTree(
-        rootsRef.current,
-        nodeMap.current,
-        null,
-        newData
-      );
+      const [nrs, mdr] = updatedTree(rootsRef.current, nodeMap.current, null, newData);
       setRootDirectories(nrs);
       nodeMap.current = mdr;
       setData(convertRoots(nrs));
@@ -196,9 +170,7 @@ function DirectoryItemSelector({
     (nodeId) => {
       const typeList = types.includes(ElementType.DIRECTORY) ? [] : types;
       fetchDirectoryContent(nodeId, typeList).then((children) => {
-        const childrenMatchedTypes = children.filter(
-          (item) => contentFilter().has(item.type)
-        );
+        const childrenMatchedTypes = children.filter((item) => contentFilter().has(item.type));
         if (childrenMatchedTypes.length > 0 && equipmentTypes && equipmentTypes.length > 0) {
           fetchElementsInfos(
             childrenMatchedTypes.map((e) => e.elementUuid),
@@ -217,9 +189,7 @@ function DirectoryItemSelector({
           addToDirectory(nodeId, childrenMatchedTypes);
         }
       }).catch((error) => {
-        console.warn(
-          `Could not update subs (and content) of '${nodeId}' : ${error.message}`
-        );
+        console.warn(`Could not update subs (and content) of '${nodeId}' : ${error.message}`);
       });
     },
     [types, equipmentTypes, itemFilter, contentFilter, addToDirectory]

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

@@ -8,23 +8,7 @@ function ElementSearchDialog(props) {
     onSearchTermChange("");
     onClose == null ? void 0 : onClose();
   }, [onSearchTermChange, onClose]);
-  return /* @__PURE__ */ jsx(
-    Dialog,
-    {
-      open,
-      onClose: handleClose,
-      disableRestoreFocus: true,
-      "aria-labelledby": "dialog-title-search",
-      fullWidth: true,
-      children: /* @__PURE__ */ jsx(DialogContent, { children: /* @__PURE__ */ jsx(
-        ElementSearchInput,
-        {
-          onSearchTermChange,
-          ...rest
-        }
-      ) })
-    }
-  );
+  return /* @__PURE__ */ jsx(Dialog, { open, onClose: handleClose, disableRestoreFocus: true, "aria-labelledby": "dialog-title-search", fullWidth: true, children: /* @__PURE__ */ jsx(DialogContent, { children: /* @__PURE__ */ jsx(ElementSearchInput, { onSearchTermChange, ...rest }) }) });
 }
 export {
   ElementSearchDialog,

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

@@ -23,54 +23,36 @@ function EquipmentItem({
     findAllOccurrences: true
   });
   const parts = parse(element.label, matches);
-  return /* @__PURE__ */ jsx("li", { ...props, children: /* @__PURE__ */ jsxs(
-    Box,
-    {
-      className: (_a = props.classes) == null ? void 0 : _a.equipmentOption,
-      sx: (_b = props.styles) == null ? void 0 : _b.equipmentOption,
-      children: [
-        !showsJustText && /* @__PURE__ */ jsx(
-          Box,
+  return /* @__PURE__ */ jsx("li", { ...props, children: /* @__PURE__ */ jsxs(Box, { className: (_a = props.classes) == null ? void 0 : _a.equipmentOption, sx: (_b = props.styles) == null ? void 0 : _b.equipmentOption, children: [
+    !showsJustText && /* @__PURE__ */ jsx(
+      Box,
+      {
+        component: "span",
+        className: clsx((_c = props.classes) == null ? void 0 : _c.equipmentTag, (_d = props.classes) == null ? void 0 : _d.equipmentTypeTag),
+        sx: mergeSx((_e = props.styles) == null ? void 0 : _e.equipmentTag, (_f = props.styles) == null ? void 0 : _f.equipmentTypeTag),
+        children: /* @__PURE__ */ jsx(FormattedMessage, { id: (_g = EQUIPMENT_TYPE[element.type]) == null ? void 0 : _g.tagLabel })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      OverflowableText,
+      {
+        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) => /* @__PURE__ */ jsx(
+          "span",
           {
-            component: "span",
-            className: clsx(
-              (_c = props.classes) == null ? void 0 : _c.equipmentTag,
-              (_d = props.classes) == null ? void 0 : _d.equipmentTypeTag
-            ),
-            sx: mergeSx(
-              (_e = props.styles) == null ? void 0 : _e.equipmentTag,
-              (_f = props.styles) == null ? void 0 : _f.equipmentTypeTag
-            ),
-            children: /* @__PURE__ */ jsx(
-              FormattedMessage,
-              {
-                id: (_g = EQUIPMENT_TYPE[element.type]) == null ? void 0 : _g.tagLabel
-              }
-            )
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          OverflowableText,
-          {
-            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) => /* @__PURE__ */ jsx(
-              "span",
-              {
-                style: {
-                  fontWeight: part.highlight ? "bold" : "inherit"
-                },
-                children: part.text
-              },
-              `${part.text}-${part.highlight}`
-            ))
-          }
-        ),
-        !showsJustText && suffixRenderer({ element, ...props })
-      ]
-    }
-  ) }, element.key);
+            style: {
+              fontWeight: part.highlight ? "bold" : "inherit"
+            },
+            children: part.text
+          },
+          `${part.text}-${part.highlight}`
+        ))
+      }
+    ),
+    !showsJustText && suffixRenderer({ element, ...props })
+  ] }) }, element.key);
 }
 export {
   EquipmentItem