move Constants file to commons folder

generatedTypes/src/commons/Constants.d.ts

@@ -0,0 +1,38 @@
+export declare enum orientations {
+    PORTRAIT = "portrait",
+    LANDSCAPE = "landscape"
+}
+export declare function updateConstants(dimensions: any): void;
+declare const constants: {
+    orientations: typeof orientations;
+    isAndroid: boolean;
+    isIOS: boolean;
+    getAndroidVersion: () => number | undefined;
+    readonly statusBarHeight: number;
+    isRTL: boolean;
+    readonly orientation: orientations;
+    readonly isLandscape: boolean;
+    readonly screenWidth: number;
+    readonly screenHeight: number;
+    readonly windowWidth: number;
+    readonly windowHeight: number;
+    readonly isSmallScreen: boolean;
+    readonly isShortScreen: boolean;
+    readonly screenAspectRatio: number;
+    isTablet: boolean;
+    getSafeAreaInsets: () => {
+        left: number;
+        right: number;
+        bottom: number;
+        top: number;
+    };
+    readonly isIphoneX: boolean;
+    addDimensionsEventListener: (callback: any) => void;
+    removeDimensionsEventListener: (callback: any) => void;
+    readonly accessibility: {
+        isScreenReaderEnabled: boolean;
+    };
+    backspaceKey: string;
+    enterKey: string;
+};
+export default constants;

generatedTypes/src/commons/new.d.ts

@@ -3,4 +3,5 @@ export { default as asBaseComponent, BaseComponentInjectedProps } from './asBase
 export { default as forwardRef, ForwardRefInjectedProps } from './forwardRef';
 export { default as withScrollEnabler, WithScrollEnablerProps } from './withScrollEnabler';
 export { default as withScrollReached, WithScrollReachedProps } from './withScrollReached';
+export { default as Constants } from './Constants';
 export { ContainerModifiers, MarginModifiers, PaddingModifiers, TypographyModifiers, ColorsModifiers, BackgroundColorModifier } from './modifiers';

generatedTypes/src/helpers/index.d.ts

@@ -1,3 +1,2 @@
 import * as AvatarHelper from './AvatarHelper';
-export { default as Constants } from './Constants';
 export { AvatarHelper };

generatedTypes/src/hooks/useOrientation/index.d.ts

@@ -2,6 +2,6 @@ interface UseOrientationProps {
     onOrientationChange?: Function;
 }
 declare const useOrientation: ({ onOrientationChange }?: UseOrientationProps) => {
-    orientation: import("../../helpers/Constants").orientations;
+    orientation: import("../../commons/Constants").orientations;
 };
 export default useOrientation;

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

@@ -127,7 +127,7 @@ export default function usePreset({ preset, ...props }: InternalTextFieldProps):
     selectionState?: import("react-native").DocumentSelectionState | undefined;
     spellCheck?: boolean | undefined;
     textContentType?: "none" | "name" | "password" | "username" | "URL" | "addressCity" | "addressCityAndState" | "addressState" | "countryName" | "creditCardNumber" | "emailAddress" | "familyName" | "fullStreetAddress" | "givenName" | "jobTitle" | "location" | "middleName" | "namePrefix" | "nameSuffix" | "nickname" | "organizationName" | "postalCode" | "streetAddressLine1" | "streetAddressLine2" | "sublocality" | "telephoneNumber" | "newPassword" | "oneTimeCode" | undefined;
-    autoCompleteType?: "name" | "password" | "username" | "email" | "cc-csc" | "cc-exp" | "cc-exp-month" | "cc-exp-year" | "cc-number" | "postal-code" | "street-address" | "tel" | "off" | undefined;
+    autoCompleteType?: "name" | "email" | "password" | "username" | "cc-csc" | "cc-exp" | "cc-exp-month" | "cc-exp-year" | "cc-number" | "postal-code" | "street-address" | "tel" | "off" | undefined;
     importantForAutofill?: "auto" | "yes" | "no" | "noExcludeDescendants" | "yesExcludeDescendants" | undefined;
     disableFullscreenUI?: boolean | undefined;
     inlineImageLeft?: string | undefined;
@@ -457,7 +457,7 @@ export default function usePreset({ preset, ...props }: InternalTextFieldProps):
     selectionState?: import("react-native").DocumentSelectionState | undefined;
     spellCheck?: boolean | undefined;
     textContentType?: "none" | "name" | "password" | "username" | "URL" | "addressCity" | "addressCityAndState" | "addressState" | "countryName" | "creditCardNumber" | "emailAddress" | "familyName" | "fullStreetAddress" | "givenName" | "jobTitle" | "location" | "middleName" | "namePrefix" | "nameSuffix" | "nickname" | "organizationName" | "postalCode" | "streetAddressLine1" | "streetAddressLine2" | "sublocality" | "telephoneNumber" | "newPassword" | "oneTimeCode" | undefined;
-    autoCompleteType?: "name" | "password" | "username" | "email" | "cc-csc" | "cc-exp" | "cc-exp-month" | "cc-exp-year" | "cc-number" | "postal-code" | "street-address" | "tel" | "off" | undefined;
+    autoCompleteType?: "name" | "email" | "password" | "username" | "cc-csc" | "cc-exp" | "cc-exp-month" | "cc-exp-year" | "cc-number" | "postal-code" | "street-address" | "tel" | "off" | undefined;
     importantForAutofill?: "auto" | "yes" | "no" | "noExcludeDescendants" | "yesExcludeDescendants" | undefined;
     disableFullscreenUI?: boolean | undefined;
     inlineImageLeft?: string | undefined;
@@ -899,7 +899,7 @@ export default function usePreset({ preset, ...props }: InternalTextFieldProps):
     selectionState?: import("react-native").DocumentSelectionState | undefined;
     spellCheck?: boolean | undefined;
     textContentType?: "none" | "name" | "password" | "username" | "URL" | "addressCity" | "addressCityAndState" | "addressState" | "countryName" | "creditCardNumber" | "emailAddress" | "familyName" | "fullStreetAddress" | "givenName" | "jobTitle" | "location" | "middleName" | "namePrefix" | "nameSuffix" | "nickname" | "organizationName" | "postalCode" | "streetAddressLine1" | "streetAddressLine2" | "sublocality" | "telephoneNumber" | "newPassword" | "oneTimeCode" | undefined;
-    autoCompleteType?: "name" | "password" | "username" | "email" | "cc-csc" | "cc-exp" | "cc-exp-month" | "cc-exp-year" | "cc-number" | "postal-code" | "street-address" | "tel" | "off" | undefined;
+    autoCompleteType?: "name" | "email" | "password" | "username" | "cc-csc" | "cc-exp" | "cc-exp-month" | "cc-exp-year" | "cc-number" | "postal-code" | "street-address" | "tel" | "off" | undefined;
     importantForAutofill?: "auto" | "yes" | "no" | "noExcludeDescendants" | "yesExcludeDescendants" | undefined;
     disableFullscreenUI?: boolean | undefined;
     inlineImageLeft?: string | undefined;

lib/components/WheelPicker/index.tsx

@@ -3,7 +3,7 @@ import React, {Component} from 'react';
 import {DeviceEventEmitter, requireNativeComponent, StyleSheet, View, ViewStyle, TextStyle} from 'react-native';
 
 import WheelPickerItem from './WheelPickerItem';
-import {Constants} from '../../../src/helpers';
+import {Constants} from '../../../src/commons/new';
 import {Typography, Colors} from '../../../src/style';
 
 import {PickerPackage, CommunityPickerPackage} from '../../../src/optionalDependencies';

src/commons/index.js

@@ -13,6 +13,9 @@ module.exports = {
   get UIComponent() {
     return require('./UIComponent').default;
   },
+  get Constants() {
+    return require('./Constants').default;
+  },
   get asBaseComponent() {
     return require('./asBaseComponent').default;
   },

src/commons/new.ts

@@ -4,6 +4,7 @@ export {default as asBaseComponent, BaseComponentInjectedProps} from './asBaseCo
 export {default as forwardRef, ForwardRefInjectedProps} from './forwardRef';
 export {default as withScrollEnabler, WithScrollEnablerProps} from './withScrollEnabler';
 export {default as withScrollReached, WithScrollReachedProps} from './withScrollReached';
+export {default as Constants} from './Constants';
 
 export {
   ContainerModifiers,

src/commons/withScrollReached.tsx

@@ -2,7 +2,7 @@ import React, {useState, useCallback} from 'react';
 import {FlatListProps, ScrollViewProps, NativeSyntheticEvent, NativeScrollEvent} from 'react-native';
 import forwardRef, {ForwardRefInjectedProps} from './forwardRef';
 import hoistStatics from 'hoist-non-react-statics';
-import {Constants} from '../helpers';
+import Constants from './Constants';
 
 type ScrollReachedProps = {
   onScroll: (event: NativeSyntheticEvent<NativeScrollEvent>) => void;

src/components/actionSheet/index.tsx

@@ -1,9 +1,8 @@
 import _ from 'lodash';
 import React, {Component} from 'react';
 import {ActionSheetIOS, StyleSheet, StyleProp, ViewStyle, ImageProps, ImageSourcePropType} from 'react-native';
-import {Constants} from '../../helpers';
 import {Colors} from '../../style';
-import {asBaseComponent} from '../../commons/new';
+import {asBaseComponent, Constants} from '../../commons/new';
 import Dialog, {DialogProps} from '../dialog';
 import View from '../view';
 import Text from '../text';

src/components/button/__tests__/index.spec.js

@@ -2,7 +2,7 @@ import React from 'react';
 import renderer from 'react-test-renderer';
 import Button from '../index';
 import {Colors, ThemeManager} from '../../../style';
-import {Constants} from '../../../helpers';
+import {Constants} from '../../../commons';
 
 describe('Button', () => {
   beforeEach(() => {

src/components/button/index.tsx

@@ -1,8 +1,7 @@
 import _ from 'lodash';
 import React, {PureComponent} from 'react';
 import {Platform, StyleSheet, LayoutAnimation, LayoutChangeEvent, ImageStyle} from 'react-native';
-import {asBaseComponent, forwardRef} from '../../commons/new';
-import {Constants} from 'helpers';
+import {asBaseComponent, forwardRef, Constants} from '../../commons/new';
 import {Colors, Typography, BorderRadiuses} from 'style';
 // @ts-ignore need to migrate to commonsNew
 import {modifiers} from 'commons';

src/components/card/index.tsx

@@ -1,10 +1,9 @@
 import _ from 'lodash';
 import React, {PureComponent} from 'react';
 import {StyleSheet, Animated, ViewStyle} from 'react-native';
-import {Constants} from '../../helpers';
 import {Colors, BorderRadiuses} from '../../style';
 // import {PureBaseComponent} from '../../commons';
-import {asBaseComponent, forwardRef, BaseComponentInjectedProps, ForwardRefInjectedProps} from '../../commons/new';
+import {Constants, asBaseComponent, forwardRef, BaseComponentInjectedProps, ForwardRefInjectedProps} from '../../commons/new';
 import View, {ViewProps} from '../view';
 import TouchableOpacity, {TouchableOpacityProps} from '../touchableOpacity';
 import Image from '../image';

src/components/carousel/__tests__/index.spec.js

@@ -3,7 +3,7 @@ import React from 'react';
 import {render} from '@testing-library/react-native';
 import {Text, View} from 'react-native';
 import {fireOnScroll, fireOnMomentumScrollEnd} from '../../../uilib-test-renderer';
-import {Constants} from '../../../helpers';
+import {Constants} from '../../../commons';
 import Carousel from '../index';
 
 const numberOfPagesShown = 5;

src/components/carousel/index.tsx

@@ -8,9 +8,8 @@ import {
   NativeSyntheticEvent,
   NativeScrollEvent
 } from 'react-native';
-import {Constants} from '../../helpers';
 import {Colors} from '../../style';
-import {asBaseComponent} from '../../commons/new';
+import {asBaseComponent, Constants} from '../../commons/new';
 import View from '../view';
 import Text from '../text';
 import PageControl from '../pageControl';

src/components/chipsInput/__tests__/index.spec.js

@@ -1,5 +1,5 @@
 import _ from 'lodash';
-import {Constants} from '../../../helpers';
+import {Constants} from '../../../commons';
 import {ChipsInput} from '../index';
 
 describe('ChipsInput', () => {

src/components/chipsInput/index.tsx

@@ -1,11 +1,10 @@
 import _ from 'lodash';
 import React, {Component} from 'react';
 import {NativeModules, StyleSheet, ViewStyle, Image, TextInput, NativeSyntheticEvent, TextInputKeyPressEventData, findNodeHandle, ScrollView, ScrollViewProps, TextInputProps as RNTextInputProps} from 'react-native';
-import {Constants} from '../../helpers';
 import {Colors, BorderRadiuses, ThemeManager, Typography, Spacings} from '../../style';
 import Assets from '../../assets';
 import {LogService} from '../../services';
-import {asBaseComponent, BaseComponentInjectedProps, TypographyModifiers} from '../../commons/new';
+import {Constants, asBaseComponent, BaseComponentInjectedProps, TypographyModifiers} from '../../commons/new';
 // @ts-expect-error
 import {TextField} from '../inputs';
 import View from '../view';

src/components/colorPalette/index.tsx

@@ -2,9 +2,8 @@ import _ from 'lodash';
 import memoize from 'memoize-one';
 import React, {PureComponent} from 'react';
 import {StyleSheet, UIManager, findNodeHandle, StyleProp, ViewStyle} from 'react-native';
-import {Constants} from '../../helpers';
 import {Colors} from '../../style';
-import {asBaseComponent} from '../../commons/new';
+import {Constants, asBaseComponent} from '../../commons/new';
 import View from '../view';
 import Carousel from '../carousel';
 import ScrollBar from '../scrollBar';

src/components/colorPicker/ColorPickerDialog.tsx

@@ -11,8 +11,7 @@ import {
   ViewStyle,
   EmitterSubscription
 } from 'react-native';
-import {Constants} from '../../helpers';
-import {asBaseComponent} from '../../commons/new';
+import {Constants, asBaseComponent} from '../../commons/new';
 import Assets from '../../assets';
 import {Colors, Typography} from '../../style';
 import View from '../view';

src/components/colorSwatch/index.tsx

@@ -1,9 +1,8 @@
 import React, {PureComponent} from 'react';
 import {StyleSheet, Animated, Easing, LayoutChangeEvent, StyleProp, ViewStyle} from 'react-native';
 import Assets from '../../assets';
-import {Constants} from '../../helpers';
 import {Colors} from '../../style';
-import {asBaseComponent} from '../../commons/new';
+import {Constants, asBaseComponent} from '../../commons/new';
 import View from '../view';
 import TouchableOpacity from '../touchableOpacity';
 import Image from '../image';

src/components/connectionStatusBar/index.tsx

@@ -2,11 +2,10 @@ import React, {PureComponent} from 'react';
 import _ from 'lodash';
 import {StyleSheet, Text} from 'react-native';
 import {NetInfoPackage as NetInfo} from '../../optionalDependencies';
-import {Constants} from '../../helpers';
 import {Colors, Typography} from '../../style';
 import TouchableOpacity from '../touchableOpacity';
 import View from '../view';
-import {asBaseComponent} from '../../commons/new';
+import {Constants, asBaseComponent} from '../../commons/new';
 import {ConnectionStatusBarProps, ConnectionStatusBarState, DEFAULT_PROPS} from './Types';
 export {ConnectionStatusBarProps};
 

src/components/dateTimePicker/index.tsx

@@ -3,10 +3,9 @@ import moment from 'moment';
 import React, {Component} from 'react';
 import {StyleProp, StyleSheet, ViewStyle} from 'react-native';
 import {DateTimePickerPackage as RNDateTimePicker} from '../../optionalDependencies';
-import {Constants} from '../../helpers';
 import {Colors} from '../../style';
 import Assets from '../../assets';
-import {asBaseComponent, BaseComponentInjectedProps} from '../../commons/new';
+import {Constants, asBaseComponent, BaseComponentInjectedProps} from '../../commons/new';
 import TextField from '../textField';
 import Dialog, {DialogProps} from '../dialog';
 import View from '../view';

src/components/dialog/DialogDismissibleView.tsx

@@ -1,7 +1,7 @@
 import _ from 'lodash';
 import React, {useEffect, useRef, useCallback, useContext} from 'react';
 import {Animated, Easing, StyleSheet, StyleProp, ViewStyle, LayoutChangeEvent} from 'react-native';
-import {Constants} from '../../helpers';
+import {Constants} from '../../commons/new';
 import View from '../view';
 import PanningContext from '../panningViews/panningContext';
 import PanningProvider, {

src/components/dialog/index.tsx

@@ -2,9 +2,8 @@ import _ from 'lodash';
 import React, {Component} from 'react';
 import {StyleSheet, StyleProp, ViewStyle, ModalPropsIOS, AccessibilityProps} from 'react-native';
 import {Colors} from '../../style';
-import Constants from '../../helpers/Constants';
 import {AlignmentModifiers, extractAlignmentsValues} from '../../commons/modifiers';
-import {asBaseComponent} from '../../commons/new';
+import {Constants, asBaseComponent} from '../../commons/new';
 import Modal from '../modal';
 import View from '../view';
 import PanListenerView from '../panningViews/panListenerView';

src/components/drawer/Swipeable.tsx

@@ -10,7 +10,7 @@
 import React, {Component} from 'react';
 import {Animated, StyleSheet, View, I18nManager} from 'react-native';
 import {PanGestureHandler, TapGestureHandler, State} from 'react-native-gesture-handler';
-import {Constants} from '../../helpers';
+import {Constants} from '../../commons/new';
 import {HapticService, HapticType} from '../../services';
 
 

src/components/drawer/index.tsx

@@ -3,9 +3,8 @@ import React, {PureComponent, ReactNode, RefObject} from 'react';
 import memoize from 'memoize-one';
 import {Animated, Easing, StyleSheet, ViewStyle, TextStyle, AccessibilityActionEvent} from 'react-native';
 import {RectButton} from 'react-native-gesture-handler';
-import {asBaseComponent} from '../../commons/new';
+import {Constants, asBaseComponent} from '../../commons/new';
 import {extractAccessibilityProps} from '../../commons/modifiers';
-import {Constants} from '../../helpers';
 import {Colors} from '../../style';
 import View from '../view';
 import Swipeable, {SwipeableProps} from './Swipeable';

src/components/featureHighlight/__tests__/index.spec.js

@@ -1,8 +1,7 @@
-import {updateConstants} from '../../../helpers/Constants';
+import {updateConstants} from '../../../commons/Constants';
 import {testable as FeatureHighlight} from '../';
 
 describe('FeatureHighlight', () => {
-
   beforeEach(() => {
     mockScreenDimentions();
   });
@@ -59,7 +58,7 @@ describe('FeatureHighlight', () => {
       expect(FeatureHighlight.findTargetNode).toHaveBeenCalledWith(mockTarget);
 
       jest.runAllTimers();
-      
+
       expect(setTimeout).toHaveBeenCalledTimes(1);
       expect(mockTarget.measureInWindow).toBeCalled();
     });

src/components/featureHighlight/index.tsx

@@ -11,8 +11,7 @@ import {
   LayoutChangeEvent
 } from 'react-native';
 import {Colors, Typography} from '../../style';
-import {Constants} from '../../helpers';
-import {asBaseComponent} from '../../commons/new';
+import {Constants, asBaseComponent} from '../../commons/new';
 import View from '../view';
 import Text from '../text';
 import Button, {ButtonProps, ButtonSize} from '../button';

src/components/floatingButton/index.tsx

@@ -1,7 +1,6 @@
 import React, {PropsWithChildren, PureComponent} from 'react';
 import {StyleSheet, Animated} from 'react-native';
-import {Constants} from '../../helpers';
-import {asBaseComponent} from '../../commons/new';
+import {Constants, asBaseComponent} from '../../commons/new';
 import {Colors, Spacings} from '../../style';
 import View from '../view';
 import Button, {ButtonProps} from '../button';

src/components/gridView/index.tsx

@@ -6,7 +6,7 @@ import {Colors, Spacings} from 'style';
 import UIComponent from '../../commons/UIComponent';
 import View from '../view';
 import Text from '../text';
-import {Constants} from 'helpers';
+import {Constants} from '../../commons/new';
 import GridListItem, {GridListItemProps} from '../gridListItem';
 import {formatLastItemLabel} from '../../helpers/FormattingPresenter';
 

src/components/hint/index.tsx

@@ -15,8 +15,7 @@ import {
   View as RNView
 } from 'react-native';
 import {Typography, Spacings, Colors, BorderRadiuses, Shadows} from '../../style';
-import {Constants} from '../../helpers';
-import {asBaseComponent} from '../../commons/new';
+import {Constants, asBaseComponent} from '../../commons/new';
 import View from '../view';
 import Text from '../text';
 import Image from '../image';

src/components/image/index.tsx

@@ -10,8 +10,7 @@ import {
   NativeSyntheticEvent,
   ImageErrorEventData
 } from 'react-native';
-import Constants from '../../helpers/Constants';
-import {asBaseComponent, ForwardRefInjectedProps, BaseComponentInjectedProps, MarginModifiers} from '../../commons/new';
+import {Constants, asBaseComponent, ForwardRefInjectedProps, BaseComponentInjectedProps, MarginModifiers} from '../../commons/new';
 // @ts-ignore
 import Assets from '../../assets';
 import Overlay, {OverlayTypeType, OverlayIntensityType} from '../overlay';

src/components/loaderScreen/index.tsx

@@ -1,8 +1,7 @@
 import React, {Component} from 'react';
 import {StyleSheet, ActivityIndicator} from 'react-native';
 import {Colors, Typography} from '../../style';
-import {Constants} from '../../helpers';
-import {asBaseComponent} from '../../commons/new';
+import {Constants, asBaseComponent} from '../../commons/new';
 import View from '../../components/view';
 import Text from '../../components/text';
 import {LoaderScreenProps} from './types';

src/components/modal/TopBar.tsx

@@ -1,7 +1,6 @@
 import React, {Component} from 'react';
 import {StyleSheet, StyleProp, TextStyle, ImageSourcePropType} from 'react-native';
-import {asBaseComponent} from '../../commons/new';
-import {Constants} from '../../helpers';
+import {Constants, asBaseComponent} from '../../commons/new';
 import Assets from '../../assets';
 import {Colors, Typography} from '../../style';
 import View, {ViewProps} from '../../components/view';

src/components/modal/index.tsx

@@ -9,8 +9,7 @@ import {
   GestureResponderEvent
 } from 'react-native';
 import {BlurViewPackage} from '../../optionalDependencies';
-import {Constants} from '../../helpers';
-import {asBaseComponent} from '../../commons/new';
+import {Constants, asBaseComponent} from '../../commons/new';
 import TopBar, {ModalTopBarProps} from './TopBar';
 import View from '../../components/view';