Refactor

Author: vlazh

src/Menu/MenuList.tsx

@@ -127,7 +127,6 @@ export default function MenuList<
   ...rest
 }: MenuListProps<V, I, HI>): JSX.Element {
   const { rc } = useTheme();
-  // const css = useStyles({ classes: { root: className, header: headerProps?.className } });
 
   const backHandler = useRefCallback<React.MouseEventHandler>((event) => {
     onBack && stopPropagation(event);

src/Tooltip/Tooltip.tsx

@@ -150,7 +150,7 @@ export default function Tooltip({
         calcArrowCss(
           tooltip.alignX,
           tooltip.alignY,
-          rc?.Tooltip?.arrowColor || rc?.Tooltip?.style?.backgroundColor || 'rgba(50, 50, 50, 0.8)',
+          rc?.Tooltip?.arrowColor || 'rgba(50, 50, 50, 0.8)',
           `${container.clientHeight / 4}px`
         )
       );

src/Transition/Transition.tsx

@@ -50,7 +50,7 @@ const getClassName = (
 ): string => {
   const isStringClassNames = typeof classNames === 'string';
   const prefix = isStringClassNames && classNames ? `${classNames}-` : '';
-  return isStringClassNames ? `${prefix}${status}` : classNames[status] ?? '';
+  return isStringClassNames ? `${prefix}${status}` : (classNames[status] ?? '');
 };
 
 export default React.forwardRef(function Transition(

src/VideoWatermark/math.ts

@@ -1,5 +1,5 @@
 export function getHipotenuza(katA: number, katB: number): number {
-  return Math.sqrt(Math.pow(katA, 2) + Math.pow(katB, 2));
+  return Math.sqrt(katA ** 2 + katB ** 2);
 }
 
 export function getTriangleHeight(katA: number, katB: number): number {

src/theme.ts

@@ -1,8 +1,4 @@
-import type {
-  BaseCSSProperties,
-  CSSProperties as CSSPropertiesOrigin,
-  // StyleRules,
-} from '@mui/styles/withStyles';
+import type { CSSObject } from '@mui/styled-engine';
 import type { FlexOnlyProps, SpaceProps } from 'reflexy/styled';
 import type { SvgSpriteIconProps } from './svg/SvgSpriteIcon';
 import type { MenuListItemProps } from './Menu/MenuListItem';
@@ -11,20 +7,7 @@ import type { ModalProps } from './Modal';
 import type { NotificationPosition, NotificationVariant } from './Notifications';
 import type { FieldState } from './Field';
 
-// export interface CSSPropertiesDeep extends BaseCSSProperties {
-//   [k: string]: any | CSSPropertiesDeep;
-// }
-
-export type BaseCreateCSSProperties = {
-  [P in keyof BaseCSSProperties]: BaseCSSProperties[P];
-};
-
-export interface CreateCSSProperties extends BaseCreateCSSProperties {
-  // Allow pseudo selectors and media queries
-  [k: string]: BaseCreateCSSProperties[keyof BaseCreateCSSProperties] | CreateCSSProperties;
-}
-
-export type CSSProperties = CSSPropertiesOrigin | CreateCSSProperties;
+export type CSSProperties = CSSObject;
 
 export type ButtonThemeSizes = {
   [P in ButtonSize as `size-${P}`]?: CSSProperties | undefined;
@@ -407,6 +390,5 @@ export interface Theme {
 type AppTheme = Theme;
 
 declare module '@mui/system/createTheme' {
-  // eslint-disable-next-line no-shadow
   export interface Theme extends AppTheme {}
 }