COM-1263 Prevent import of mui tooltip

.changeset/lucky-doors-raise.md

@@ -0,0 +1,8 @@
+---
+"@comet/eslint-config": major
+---
+
+Prevent `@mui/material` tooltip imports
+
+Tooltips used in Comet DXP applications should match the Comet CI.
+Use tooltips from `@comet/admin` instead.

packages/admin/admin/src/common/Tooltip.tsx

@@ -3,6 +3,7 @@ import {
     ComponentsOverrides,
     Popper as MuiPopper,
     Theme,
+    // eslint-disable-next-line no-restricted-imports
     Tooltip as MuiTooltip,
     tooltipClasses,
     TooltipClassKey as MuiTooltipClassKey,

packages/admin/admin/src/common/toolbar/actions/ToolbarActionButton.tsx

@@ -1,6 +1,7 @@
-import { Button, ButtonProps, ComponentsOverrides, IconButton, Tooltip } from "@mui/material";
+import { Button, ButtonProps, ComponentsOverrides, IconButton } from "@mui/material";
 import { css, Theme, useTheme, useThemeProps } from "@mui/material/styles";
 
+import { Tooltip } from "../../../common/Tooltip";
 import { createComponentSlot } from "../../../helpers/createComponentSlot";
 import { ThemedComponentBaseProps } from "../../../helpers/ThemedComponentBaseProps";
 import { useWindowSize } from "../../../helpers/useWindowSize";

packages/admin/admin/src/form/FinalFormInput.tsx

@@ -1,10 +1,11 @@
 import { Translate } from "@comet/admin-icons";
-import { IconButton, InputBase, InputBaseProps, Tooltip } from "@mui/material";
+import { IconButton, InputBase, InputBaseProps } from "@mui/material";
 import { useState } from "react";
 import { FieldRenderProps } from "react-final-form";
 import { FormattedMessage } from "react-intl";
 
 import { ClearInputAdornment } from "../common/ClearInputAdornment";
+import { Tooltip } from "../common/Tooltip";
 import { PlainTextTranslationDialog } from "../translator/PlainTextTranslationDialog";
 import { useContentTranslationService } from "../translator/useContentTranslationService";
 

packages/admin/admin/src/rowActions/RowActionsIconItem.tsx

@@ -1,6 +1,7 @@
-import { IconButton, IconButtonProps, Tooltip, TooltipProps } from "@mui/material";
+import { IconButton, IconButtonProps, TooltipProps } from "@mui/material";
 import { forwardRef, ReactNode } from "react";
 
+import { Tooltip } from "../common/Tooltip";
 import { CommonRowActionItemProps } from "./RowActionsItem";
 
 export interface RowActionsIconItemComponentsProps {

packages/eslint-config/react.js

@@ -59,6 +59,11 @@ module.exports = {
                         importNames: ["GridColDef"],
                         message: "Please use GridColDef from @comet/admin instead",
                     },
+                    {
+                        name: "@mui/material",
+                        importNames: ["Tooltip"],
+                        message: "Please use Tooltip from @comet/admin instead",
+                    },
                 ],
             },
         ],