Move more types to the common dir

Author: MatiPl01

packages/react-native-reanimated/src/common/types.ts

@@ -1,4 +1,8 @@
 'use strict';
+
+import type { ComponentType } from 'react';
+import type { ImageStyle, TextStyle, ViewStyle } from 'react-native';
+
 export type Maybe<T> = T | null | undefined;
 
 /**
@@ -22,3 +26,18 @@ export type NormalizedTransformOrigin = [
   `${number}%` | number,
   number,
 ];
+
+type DeprecatedProps =
+  | 'transformMatrix'
+  | 'rotation'
+  | 'scaleX'
+  | 'scaleY'
+  | 'translateX'
+  | 'translateY';
+
+export type PlainStyle = Omit<
+  ViewStyle & TextStyle & ImageStyle,
+  DeprecatedProps
+>;
+
+export type AnyComponent = ComponentType<any>;

packages/react-native-reanimated/src/css/component/AnimatedComponent.tsx

@@ -4,7 +4,7 @@ import { Component } from 'react';
 import type { StyleProp } from 'react-native';
 import { Platform, StyleSheet } from 'react-native';
 
-import type { AnyRecord } from '../../common';
+import type { AnyComponent, AnyRecord, PlainStyle } from '../../common';
 import { IS_JEST, ReanimatedError, SHOULD_BE_USE_WEB } from '../../common';
 import type {
   InternalHostInstance,
@@ -20,7 +20,7 @@ import { getShadowNodeWrapperFromRef } from '../../fabricUtils';
 import { findHostInstance } from '../../platform-specific/findHostInstance';
 import { markNodeAsRemovable, unmarkNodeAsRemovable } from '../native';
 import { CSSManager } from '../platform';
-import type { AnyComponent, CSSStyle, PlainStyle } from '../types';
+import type { CSSStyle } from '../types';
 import { filterNonCSSStyleProps } from './utils';
 
 export type AnimatedComponentProps = Record<string, unknown> & {

packages/react-native-reanimated/src/css/models/CSSKeyframesRuleBase.ts

@@ -1,10 +1,7 @@
 'use strict';
+import type { PlainStyle } from '../../common';
 import { ANIMATION_NAME_PREFIX } from '../constants';
-import type {
-  CSSAnimationKeyframes,
-  CSSKeyframesRule,
-  PlainStyle,
-} from '../types';
+import type { CSSAnimationKeyframes, CSSKeyframesRule } from '../types';
 
 export default abstract class CSSKeyframesRuleBase<S extends PlainStyle>
   implements CSSKeyframesRule

packages/react-native-reanimated/src/css/native/keyframes/CSSKeyframesRuleImpl.ts

@@ -1,6 +1,7 @@
 'use strict';
+import type { PlainStyle } from '../../../common';
 import { CSSKeyframesRuleBase } from '../../models';
-import type { CSSAnimationKeyframes, PlainStyle } from '../../types';
+import type { CSSAnimationKeyframes } from '../../types';
 import { normalizeAnimationKeyframes } from '../normalization';
 import { getStyleBuilder } from '../registry';
 import type { NormalizedCSSAnimationKeyframesConfig } from '../types';

packages/react-native-reanimated/src/css/native/style/__tests__/createStyleBuilder.test.ts

@@ -1,7 +1,6 @@
 'use strict';
-import type { PlainStyle } from '../../../types';
+import type { PlainStyle } from '../../../../common';
 import createStyleBuilder from '../createStyleBuilder';
-
 // TODO - add more tests
 
 describe(createStyleBuilder, () => {

packages/react-native-reanimated/src/css/native/style/config.ts

@@ -1,11 +1,11 @@
 'use strict';
+import type { PlainStyle } from '../../../common';
 import {
   IS_ANDROID,
   processBoxShadowNative,
   processColor,
   processTransformOrigin,
 } from '../../../common';
-import type { PlainStyle } from '../../types';
 import {
   processAspectRatio,
   processFontWeight,

packages/react-native-reanimated/src/css/native/types/animation.ts

@@ -1,10 +1,10 @@
 'use strict';
+import type { PlainStyle } from '../../../common';
 import type { NormalizedCSSTimingFunction } from '../../easing';
 import type {
   CSSAnimationDirection,
   CSSAnimationFillMode,
   CSSAnimationPlayState,
-  PlainStyle,
 } from '../../types';
 
 type CSSKeyframesStyleValue<V> = {

packages/react-native-reanimated/src/css/stylesheet/keyframes.ts

@@ -1,10 +1,7 @@
 'use strict';
+import type { PlainStyle } from '../../common';
 import { CSSKeyframesRuleImpl } from '../platform';
-import type {
-  CSSAnimationKeyframes,
-  CSSKeyframesRule,
-  PlainStyle,
-} from '../types';
+import type { CSSAnimationKeyframes, CSSKeyframesRule } from '../types';
 
 export default function keyframes<S extends PlainStyle>(
   // TODO - think of better types

packages/react-native-reanimated/src/css/types/animation.ts

@@ -1,6 +1,7 @@
 'use strict';
+import type { PlainStyle } from '../../common';
 import type { CSSTimingFunction } from '../easing';
-import type { PlainStyle, TimeUnit } from './common';
+import type { TimeUnit } from './common';
 import type { AddArrayPropertyType, AddArrayPropertyTypes } from './helpers';
 
 export interface CSSKeyframesRule {

packages/react-native-reanimated/src/css/types/common.ts

@@ -1,27 +1,5 @@
 'use strict';
-import type { ComponentType } from 'react';
-import type {
-  ImageStyle,
-  TextStyle,
-  TransformsStyle,
-  ViewStyle,
-} from 'react-native';
-
-type DeprecatedProps =
-  | 'transformMatrix'
-  | 'rotation'
-  | 'scaleX'
-  | 'scaleY'
-  | 'translateX'
-  | 'translateY';
-
-export type PlainStyle = Omit<
-  ViewStyle & TextStyle & ImageStyle,
-  DeprecatedProps
->;
-
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-export type AnyComponent = ComponentType<any>;
+import type { TransformsStyle } from 'react-native';
 
 export type TimeUnit = `${number}s` | `${number}ms` | number;