FIXED: Interfaces

src/primitive-components/ripple/hooks/useRippleEffect.ts

@@ -19,17 +19,10 @@ interface RippleEventHandlers {
     onTouchStart: TouchEventHandler;
 }
 
-export type InteractionEventsType = MouseEvent & TouchEvent & DragEvent & FocusEvent
-
-export interface InteractionEvents<T>
-    extends MouseEvent,
-        TouchEvent,
-        DragEvent,
-        FocusEvent,
-        MouseEventHandler<T>,
-        DragEventHandler<T>,
-        FocusEventHandler<T>,
-        TouchEventHandler<T> {}
+export type InteractionEventsType = MouseEvent &
+    TouchEvent &
+    DragEvent &
+    FocusEvent;
 
 const UseRippleEffect = (ref, callback): undefined | RippleEventHandlers => {
     const [mounted, setMounted] = useState<boolean>(false);

src/primitive-components/ripple/ripple-area.tsx

@@ -11,7 +11,7 @@ import React, {
 import { Ripple } from './ripple';
 import { Ripples } from './ripple';
 import { RippleAreaProps } from './ripple.types';
-import {InteractionEvents, InteractionEventsType} from './hooks/useRippleEffect';
+import { InteractionEventsType } from './hooks/useRippleEffect';
 
 const TIMEOUT: number = 550;
 const rippleAreaContext = React.createContext(false);

src/primitive-components/ripple/ripple.types.ts

@@ -4,7 +4,7 @@ export interface RipplesProps extends HTMLAttributes<HTMLElement> {
     children?: ReactElement[];
 }
 
-export interface IRippleProps extends HTMLAttributes<HTMLElement> {
+export interface RipplePropsForComponents<T> extends HTMLAttributes<T> {
     centralRipple?: boolean;
 }