Modify BorderRadiusesLiterals types. (#1463)

* Modify BorderRadiusesLiterals types.

* modify typescript to stable version

Author: dohooo

generatedTypes/src/commons/modifiers.d.ts

@@ -83,7 +83,7 @@ export declare function extractAlignmentsValues(props: Dictionary<any>): any;
 export declare function extractPositionStyle(props: Dictionary<any>): {} | undefined;
 export declare function extractFlexStyle(props: Dictionary<any>): Partial<Record<NativeFlexModifierKeyType, number>> | undefined;
 export declare function extractAccessibilityProps(props?: any): Partial<any>;
-export declare function extractAnimationProps(props?: any): Pick<any, "onAnimationEnd" | "animation" | "duration" | "delay" | "direction" | "easing" | "iterationCount" | "transition" | "onAnimationBegin" | "useNativeDriver">;
+export declare function extractAnimationProps(props?: any): Pick<any, "direction" | "onAnimationEnd" | "animation" | "duration" | "delay" | "easing" | "iterationCount" | "transition" | "onAnimationBegin" | "useNativeDriver">;
 export declare function extractBorderRadiusValue(props: Dictionary<any>): number | undefined;
 export declare function extractModifierProps(props: Dictionary<any>): _.Dictionary<any>;
 /**

generatedTypes/src/incubator/TextField/usePreset.d.ts

@@ -19,8 +19,10 @@ export default function usePreset({ preset, ...props }: InternalTextFieldProps):
     hint?: string | undefined;
     color?: import("./types").ColorType | undefined;
     placeholderTextColor?: import("./types").ColorType | undefined;
-    style?: import("react-native").StyleProp<import("react-native").TextStyle>;
+    textAlign?: "left" | "right" | "center" | undefined;
     testID?: string | undefined;
+    textAlignVertical?: "auto" | "center" | "top" | "bottom" | undefined;
+    style?: import("react-native").StyleProp<import("react-native").TextStyle>;
     removeClippedSubviews?: boolean | undefined;
     onLayout?: ((event: import("react-native").LayoutChangeEvent) => void) | undefined;
     onContentSizeChange?: ((e: import("react-native").NativeSyntheticEvent<import("react-native").TextInputContentSizeChangeEventData>) => void) | undefined;
@@ -86,8 +88,6 @@ export default function usePreset({ preset, ...props }: InternalTextFieldProps):
     maxFontSizeMultiplier?: number | null | undefined;
     selectionColor?: import("react-native").ColorValue | undefined;
     textBreakStrategy?: "simple" | "highQuality" | "balanced" | undefined;
-    textAlign?: "left" | "right" | "center" | undefined;
-    textAlignVertical?: "auto" | "center" | "top" | "bottom" | undefined;
     value?: string | undefined;
     autoCapitalize?: "none" | "characters" | "sentences" | "words" | undefined;
     autoCorrect?: boolean | undefined;
@@ -351,8 +351,10 @@ export default function usePreset({ preset, ...props }: InternalTextFieldProps):
     hint?: string | undefined;
     color?: import("./types").ColorType | undefined;
     placeholderTextColor?: import("./types").ColorType | undefined;
-    style?: import("react-native").StyleProp<import("react-native").TextStyle>;
+    textAlign?: "left" | "right" | "center" | undefined;
     testID?: string | undefined;
+    textAlignVertical?: "auto" | "center" | "top" | "bottom" | undefined;
+    style?: import("react-native").StyleProp<import("react-native").TextStyle>;
     removeClippedSubviews?: boolean | undefined;
     onLayout?: ((event: import("react-native").LayoutChangeEvent) => void) | undefined;
     onContentSizeChange?: ((e: import("react-native").NativeSyntheticEvent<import("react-native").TextInputContentSizeChangeEventData>) => void) | undefined;
@@ -418,8 +420,6 @@ export default function usePreset({ preset, ...props }: InternalTextFieldProps):
     maxFontSizeMultiplier?: number | null | undefined;
     selectionColor?: import("react-native").ColorValue | undefined;
     textBreakStrategy?: "simple" | "highQuality" | "balanced" | undefined;
-    textAlign?: "left" | "right" | "center" | undefined;
-    textAlignVertical?: "auto" | "center" | "top" | "bottom" | undefined;
     value?: string | undefined;
     autoCapitalize?: "none" | "characters" | "sentences" | "words" | undefined;
     autoCorrect?: boolean | undefined;
@@ -683,6 +683,9 @@ export default function usePreset({ preset, ...props }: InternalTextFieldProps):
     hint?: string | undefined;
     color?: import("./types").ColorType | undefined;
     placeholderTextColor?: import("./types").ColorType | undefined;
+    textAlign?: "left" | "right" | "center" | undefined;
+    testID?: string | undefined;
+    textAlignVertical?: "auto" | "center" | "top" | "bottom" | undefined;
     style: false | import("react-native").TextStyle | import("react-native").RegisteredStyle<import("react-native").TextStyle> | import("react-native").RecursiveArray<import("react-native").TextStyle | import("react-native").Falsy | import("react-native").RegisteredStyle<import("react-native").TextStyle>> | {
         lineHeight: undefined;
         height: number | undefined;
@@ -796,7 +799,6 @@ export default function usePreset({ preset, ...props }: InternalTextFieldProps):
         textAlignVertical?: "auto" | "center" | "top" | "bottom" | undefined;
         includeFontPadding?: boolean | undefined;
     } | null;
-    testID?: string | undefined;
     removeClippedSubviews?: boolean | undefined;
     onLayout?: ((event: import("react-native").LayoutChangeEvent) => void) | undefined;
     onContentSizeChange?: ((e: import("react-native").NativeSyntheticEvent<import("react-native").TextInputContentSizeChangeEventData>) => void) | undefined;
@@ -862,8 +864,6 @@ export default function usePreset({ preset, ...props }: InternalTextFieldProps):
     maxFontSizeMultiplier?: number | null | undefined;
     selectionColor?: import("react-native").ColorValue | undefined;
     textBreakStrategy?: "simple" | "highQuality" | "balanced" | undefined;
-    textAlign?: "left" | "right" | "center" | undefined;
-    textAlignVertical?: "auto" | "center" | "top" | "bottom" | undefined;
     value?: string | undefined;
     autoCapitalize?: "none" | "characters" | "sentences" | "words" | undefined;
     autoCorrect?: boolean | undefined;

generatedTypes/src/style/borderRadiuses.d.ts

@@ -1,25 +1,10 @@
-export declare const BorderRadiusesLiterals: {
-    br0: number;
-    br10: number;
-    br20: number;
-    br30: number;
-    br40: number;
-    br50: number;
-    br60: number;
-    br100: number;
-};
+interface IBorderRadiusesLiterals {
+    [key: `br${number}`]: number;
+}
+export declare const BorderRadiusesLiterals: IBorderRadiusesLiterals;
 export declare class BorderRadiuses {
-    loadBorders(borders: Dictionary<number>): void;
+    loadBorders(borders: IBorderRadiusesLiterals): void;
     getKeysPattern(): RegExp;
 }
-declare const borderRadiusesInstance: BorderRadiuses & {
-    br0: number;
-    br10: number;
-    br20: number;
-    br30: number;
-    br40: number;
-    br50: number;
-    br60: number;
-    br100: number;
-};
+declare const borderRadiusesInstance: BorderRadiuses & IBorderRadiusesLiterals;
 export default borderRadiusesInstance;

package.json

@@ -113,7 +113,7 @@
     "react-native-svg-transformer": "^0.14.3",
     "react-test-renderer": "^17.0.1",
     "shell-utils": "^1.0.10",
-    "typescript": "4.3.2"
+    "typescript": "4.4.2"
   },
   "peerDependencies": {
     "react": ">=17.0.1",

src/style/borderRadiuses.ts

@@ -1,7 +1,11 @@
 import _ from 'lodash';
 import Constants from '../helpers/Constants';
 
-export const BorderRadiusesLiterals = {
+interface IBorderRadiusesLiterals {
+  [key: `br${number}`]: number
+}
+
+export const BorderRadiusesLiterals: IBorderRadiusesLiterals = {
   br0: Constants.isIOS ? 0 : 0,
   br10: Constants.isIOS ? 3 : 2,
   br20: 6,
@@ -11,8 +15,9 @@ export const BorderRadiusesLiterals = {
   br60: 20,
   br100: 999
 };
+
 export class BorderRadiuses {
-  loadBorders(borders: Dictionary<number>) {
+  loadBorders(borders: IBorderRadiusesLiterals) {
     _.forEach(borders, (value, key) => {
       //@ts-ignore
       this[key] = value;