react-native-ui-lib 8.3.3 → 8.3.4-snapshot.7783

package/src/components/screenFooter/types.js

@@ -0,0 +1,39 @@
+export let ScreenFooterLayouts = /*#__PURE__*/function (ScreenFooterLayouts) {
+  ScreenFooterLayouts["HORIZONTAL"] = "horizontal";
+  ScreenFooterLayouts["VERTICAL"] = "vertical";
+  return ScreenFooterLayouts;
+}({});
+export let ScreenFooterBackgrounds = /*#__PURE__*/function (ScreenFooterBackgrounds) {
+  ScreenFooterBackgrounds["FADING"] = "fading";
+  ScreenFooterBackgrounds["SOLID"] = "solid";
+  ScreenFooterBackgrounds["TRANSPARENT"] = "transparent";
+  return ScreenFooterBackgrounds;
+}({});
+export let FooterAlignment = /*#__PURE__*/function (FooterAlignment) {
+  FooterAlignment["START"] = "start";
+  FooterAlignment["CENTER"] = "center";
+  FooterAlignment["END"] = "end";
+  return FooterAlignment;
+}({});
+export let HorizontalItemsDistribution = /*#__PURE__*/function (HorizontalItemsDistribution) {
+  HorizontalItemsDistribution["STACK"] = "stack";
+  HorizontalItemsDistribution["SPREAD"] = "spread";
+  return HorizontalItemsDistribution;
+}({});
+export let ItemsFit = /*#__PURE__*/function (ItemsFit) {
+  ItemsFit["FIT"] = "fit";
+  ItemsFit["STRETCH"] = "stretch";
+  ItemsFit["FIXED"] = "fixed";
+  return ItemsFit;
+}({});
+export let KeyboardBehavior = /*#__PURE__*/function (KeyboardBehavior) {
+  KeyboardBehavior["STICKY"] = "sticky";
+  KeyboardBehavior["HOISTED"] = "hoisted";
+  return KeyboardBehavior;
+}({});
+export let ScreenFooterShadow = /*#__PURE__*/function (ScreenFooterShadow) {
+  ScreenFooterShadow["SH10"] = "sh10";
+  ScreenFooterShadow["SH20"] = "sh20";
+  ScreenFooterShadow["SH30"] = "sh30";
+  return ScreenFooterShadow;
+}({});

package/src/components/scrollBar/index.d.ts

@@ -1,12 +1,19 @@
 import React, { Component } from 'react';
-import { Animated, FlatListProps, ImageSourcePropType, NativeSyntheticEvent, NativeScrollEvent, LayoutChangeEvent } from 'react-native';
+import { Animated, FlatListProps, ScrollViewProps, ImageSourcePropType, NativeSyntheticEvent, NativeScrollEvent, LayoutChangeEvent } from 'react-native';
 import { ForwardRefInjectedProps } from '../../commons/new';
 import { ComponentStatics } from '../../typings/common';
-export interface ScrollBarProps extends FlatListProps<any> {
+export type ListProps = (FlatListProps<any> & {
     /**
      * Whether to use a FlatList. NOTE: you must pass 'data' and 'renderItem' props as well
      */
-    useList?: boolean;
+    useList: true;
+}) | (ScrollViewProps & {
+    /**
+     * Whether to use a ScrollView. NOTE: you must pass 'contentContainerStyle' prop as well
+     */
+    useList?: false;
+});
+export type ScrollBarProps = ListProps & {
     /**
      * The element to use as a container, instead of a View
      */
@@ -44,7 +51,7 @@ export interface ScrollBarProps extends FlatListProps<any> {
      * The index to currently focus on
      */
     focusIndex?: number;
-}
+};
 type Props = ScrollBarProps & ForwardRefInjectedProps;
 type State = {
     gradientOpacity: Animated.Value;

package/src/components/searchInput/index.js

@@ -32,7 +32,7 @@ const SearchInput = forwardRef((props, ref) => {
     style,
     inaccessible
   } = props;
-  const currentAnimatedValue = useRef();
+  const currentAnimatedValue = useRef(undefined);
   const searchInputRef = useRef(null);
   const [hasValue, setHasValue] = useState(Boolean(controlledValue));
   const [value, setValue] = useState(controlledValue);

package/src/components/searchInput/types.d.ts

@@ -26,7 +26,7 @@ export type SearchInputProps = TextInputProps & {
     /**
      * Custom right element
      */
-    customRightElement?: React.ReactElement;
+    customRightElement?: React.ReactElement<any>;
     /**
      * Whether to show a loader instead of the left search icon
      */
@@ -38,7 +38,7 @@ export type SearchInputProps = TextInputProps & {
     /**
      * custom loader element
      */
-    customLoader?: React.ReactElement;
+    customLoader?: React.ReactElement<any>;
     /**
      * converts the colors of the search's input elements, icons and button to white
      */

package/src/components/sectionsWheelPicker/SectionsWheelPicker.driver.d.ts

@@ -7,11 +7,11 @@ export declare const SectionsWheelPickerDriver: (props: ComponentProps) => {
         moveToItem: (index: number, itemHeight?: number, numberOfRows?: number) => void;
         getLabel: () => string | (string | ReactTestInstance)[];
         scroll: (contentOffset: Partial<import("react-native/types").NativeScrollPoint>, options?: {
-            contentInset: import("react-native/types").NativeScrollRectangle;
-            zoomScale: number;
             layoutMeasurement: import("react-native/types").NativeScrollSize;
             contentSize: import("react-native/types").NativeScrollSize;
             velocity?: import("react-native/types").NativeScrollVelocity | undefined;
+            contentInset: import("react-native/types").NativeScrollRectangle;
+            zoomScale: number;
             targetContentOffset?: import("react-native/types").NativeScrollPoint | undefined;
         } | undefined) => void;
         triggerEvent: (eventName?: string | undefined, event?: Partial<import("react-native/types").NativeScrollEvent> | undefined) => void;

package/src/components/skeletonView/index.d.ts

@@ -35,7 +35,7 @@ export interface SkeletonListProps {
     /**
      * Extra content to be rendered on the end of the list item
      */
-    renderEndContent?: () => React.ReactElement | undefined;
+    renderEndContent?: () => React.ReactElement<any> | undefined;
 }
 export interface SkeletonViewProps extends AccessibilityProps, AlignmentModifiers, PaddingModifiers, MarginModifiers {
     /**
@@ -155,9 +155,9 @@ declare class SkeletonView extends Component<SkeletonViewProps, SkeletonState> {
     renderTextContentTemplate: () => React.JSX.Element;
     renderTemplate: () => React.JSX.Element;
     renderAdvanced: () => React.JSX.Element;
-    renderWithFading: (skeleton: any) => string | number | boolean | React.JSX.Element | Iterable<React.ReactNode> | null | undefined;
-    renderSkeleton(): string | number | boolean | React.JSX.Element | Iterable<React.ReactNode> | null | undefined;
+    renderWithFading: (skeleton: any) => string | number | bigint | boolean | React.JSX.Element | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | null | undefined;
+    renderSkeleton(): string | number | bigint | boolean | React.JSX.Element | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | null | undefined;
     renderNothing: () => null;
-    render(): string | number | boolean | React.JSX.Element | Iterable<React.ReactNode> | null | undefined;
+    render(): string | number | bigint | boolean | React.JSX.Element | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | null | undefined;
 }
 export default SkeletonView;

package/src/components/slider/Thumb.d.ts

@@ -26,7 +26,7 @@ export interface ThumbProps extends ViewProps {
      */
     disabled?: boolean;
     /** ref to thumb component */
-    ref?: React.RefObject<RNView>;
+    ref?: React.RefObject<RNView | null>;
 }
 declare const Thumb: React.ForwardRefExoticComponent<Omit<ThumbProps, "ref"> & React.RefAttributes<unknown>>;
 export default Thumb;

package/src/components/slider/types.d.ts

@@ -44,7 +44,7 @@ export type SliderProps = Omit<ThumbProps, 'ref'> & {
     /**
      * Custom render instead of rendering the track
      */
-    renderTrack?: () => ReactElement | ReactElement[];
+    renderTrack?: () => ReactElement<any> | ReactElement<any>[];
     /**
      * Callback for onValueChange
      */

package/src/components/stackAggregator/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { type JSX } from 'react';
 import { StyleProp, ViewStyle } from 'react-native';
 import { ViewProps } from '../view';
 import { ButtonProps } from '../button';

package/src/components/tabController/TabBarItem.d.ts

@@ -47,11 +47,11 @@ export interface TabControllerItemProps extends Pick<TabControllerBarProps, 'spr
     /**
      * Pass to render a leading element
      */
-    leadingAccessory?: ReactElement;
+    leadingAccessory?: ReactElement<any>;
     /**
      * Pass to render a trailing element
      */
-    trailingAccessory?: ReactElement;
+    trailingAccessory?: ReactElement<any>;
     /**
      * A fixed width for the item
      */

package/src/components/tabController/TabBarItem.js

@@ -46,7 +46,7 @@ export default function TabBarItem({
     currentPage,
     setCurrentIndex
   } = useContext(TabBarContext);
-  const itemRef = useRef();
+  const itemRef = useRef(undefined);
   const itemWidth = useRef(props.width);
   const isPressed = useSharedValue(false);
   // JSON.parse(JSON.stringify is due to an issue with reanimated

package/src/components/tabController/TabPage.d.ts

@@ -1,4 +1,4 @@
-import React, { PropsWithChildren } from 'react';
+import { PropsWithChildren, type JSX } from 'react';
 import { type StyleProp, type ViewStyle } from 'react-native';
 export interface TabControllerPageProps {
     /**
@@ -30,4 +30,4 @@ export interface TabControllerPageProps {
  * @description: TabController's TabPage
  * @example: https://github.com/wix/react-native-ui-lib/blob/master/demo/src/screens/componentScreens/TabControllerScreen/index.tsx
  */
-export default function TabPage({ testID, index, lazy, renderLoading, style, lazyLoadTime, ...props }: PropsWithChildren<TabControllerPageProps>): React.JSX.Element;
+export default function TabPage({ testID, index, lazy, renderLoading, style, lazyLoadTime, ...props }: PropsWithChildren<TabControllerPageProps>): JSX.Element;

package/src/components/tabController/useScrollToItem.d.ts

@@ -8,7 +8,7 @@ export declare enum OffsetType {
     RIGHT = "RIGHT"
 }
 export type ScrollToItemProps<T extends ScrollToSupportedViews> = {
-    scrollViewRef?: RefObject<T>;
+    scrollViewRef?: RefObject<T | null>;
     /**
      * The number of items
      */

package/src/components/text/Text.driver.d.ts

@@ -2,6 +2,6 @@
 import { TextProps } from './index';
 import { ComponentDriver } from '../../testkit/Component.driver';
 export declare class TextDriver extends ComponentDriver<TextProps> {
-    getTextContent: () => Promise<import("react").ReactNode>;
+    getTextContent: () => Promise<string | number | bigint | boolean | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined>;
     isPressable: () => Promise<boolean | null>;
 }

package/src/components/textArea/index.js

@@ -1,6 +1,5 @@
 import React from 'react';
 import {View, TextInput as RNTextInput, StyleSheet} from 'react-native';
-import {TextInputPropTypes} from 'deprecated-react-native-prop-types';
 import BaseInput from '../baseInput';
 import {Colors} from '../../style';
 
@@ -15,11 +14,6 @@ import {Colors} from '../../style';
 export default class TextArea extends BaseInput {
   static displayName = 'TextArea';
 
-  static propTypes = {
-    ...TextInputPropTypes,
-    ...BaseInput.propTypes
-  };
-
   generateStyles() {
     this.styles = createStyles(this.props);
   }

package/src/components/textField/types.d.ts

@@ -171,19 +171,19 @@ export type TextFieldProps = MarginModifiers & PaddingModifiers & TypographyModi
     /**
      * Pass to render a leading element
      */
-    leadingAccessory?: ReactElement;
+    leadingAccessory?: ReactElement<any>;
     /**
      * Pass to render a trailing element
      */
-    trailingAccessory?: ReactElement;
+    trailingAccessory?: ReactElement<any>;
     /**
      * Pass to render a top trailing element
      */
-    topTrailingAccessory?: ReactElement;
+    topTrailingAccessory?: ReactElement<any>;
     /**
      * Pass to render a bottom element below the input
      */
-    bottomAccessory?: ReactElement;
+    bottomAccessory?: ReactElement<any>;
     /**
      * Should show a clear button when there is a value
      */

package/src/components/textField/useImperativeInputHandle.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { TextInput, TextInputProps } from 'react-native';
-declare const useImperativeInputHandle: (ref: React.Ref<any>, props: Pick<TextInputProps, 'onChangeText'>) => React.MutableRefObject<TextInput | undefined>;
+declare const useImperativeInputHandle: (ref: React.Ref<any>, props: Pick<TextInputProps, 'onChangeText'>) => React.RefObject<TextInput | undefined>;
 export default useImperativeInputHandle;

package/src/components/textField/useImperativeInputHandle.js

@@ -2,7 +2,7 @@ import { useContext, useImperativeHandle, useRef } from 'react';
 import { findNodeHandle } from 'react-native';
 import FieldContext from "./FieldContext";
 const useImperativeInputHandle = (ref, props) => {
-  const inputRef = useRef();
+  const inputRef = useRef(undefined);
   const context = useContext(FieldContext);
   useImperativeHandle(ref, () => {
     return {

package/src/components/textField/usePreset.d.ts

@@ -31,19 +31,15 @@ export default function usePreset({ preset, ...props }: InternalTextFieldProps):
         start: number;
         end?: number | undefined;
     } | undefined;
-    children?: import("react").ReactNode;
     style?: import("react-native/types").StyleProp<import("react-native/types").TextStyle>;
-    testID?: string | undefined;
-    removeClippedSubviews?: boolean | undefined;
-    onLayout?: ((event: import("react-native/types").LayoutChangeEvent) => void) | undefined;
-    onContentSizeChange?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputContentSizeChangeEventData>) => void) | undefined;
-    onScroll?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputScrollEventData>) => void) | undefined;
-    scrollEnabled?: boolean | undefined;
+    children?: import("react").ReactNode;
     hitSlop?: number | import("react-native/types").Insets | null | undefined;
     id?: string | undefined;
     needsOffscreenAlphaCompositing?: boolean | undefined;
+    onLayout?: ((event: import("react-native/types").LayoutChangeEvent) => void) | undefined;
+    removeClippedSubviews?: boolean | undefined;
+    testID?: string | undefined;
     nativeID?: string | undefined;
-    experimental_layoutConformance?: "strict" | "classic" | undefined;
     collapsable?: boolean | undefined;
     collapsableChildren?: boolean | undefined;
     renderToHardwareTextureAndroid?: boolean | undefined;
@@ -123,6 +119,8 @@ export default function usePreset({ preset, ...props }: InternalTextFieldProps):
     accessibilityLanguage?: string | undefined;
     accessibilityShowsLargeContentViewer?: boolean | undefined;
     accessibilityLargeContentTitle?: string | undefined;
+    scrollEnabled?: boolean | undefined;
+    onContentSizeChange?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputContentSizeChangeEventData>) => void) | undefined;
     onPress?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").NativeTouchEvent>) => void) | undefined;
     onPressIn?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").NativeTouchEvent>) => void) | undefined;
     onPressOut?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").NativeTouchEvent>) => void) | undefined;
@@ -136,7 +134,7 @@ export default function usePreset({ preset, ...props }: InternalTextFieldProps):
     selectionColor?: import("react-native/types").ColorValue | undefined;
     textBreakStrategy?: "simple" | "highQuality" | "balanced" | undefined;
     autoCapitalize?: "none" | "sentences" | "words" | "characters" | undefined;
-    autoComplete?: "name" | "off" | "email" | "url" | "additional-name" | "address-line1" | "address-line2" | "birthdate-day" | "birthdate-full" | "birthdate-month" | "birthdate-year" | "cc-csc" | "cc-exp" | "cc-exp-day" | "cc-exp-month" | "cc-exp-year" | "cc-number" | "cc-name" | "cc-given-name" | "cc-middle-name" | "cc-family-name" | "cc-type" | "country" | "current-password" | "family-name" | "gender" | "given-name" | "honorific-prefix" | "honorific-suffix" | "name-family" | "name-given" | "name-middle" | "name-middle-initial" | "name-prefix" | "name-suffix" | "new-password" | "nickname" | "one-time-code" | "organization" | "organization-title" | "password" | "password-new" | "postal-address" | "postal-address-country" | "postal-address-extended" | "postal-address-extended-postal-code" | "postal-address-locality" | "postal-address-region" | "postal-code" | "street-address" | "sms-otp" | "tel" | "tel-country-code" | "tel-national" | "tel-device" | "username" | "username-new" | undefined;
+    autoComplete?: "off" | "name" | "email" | "url" | "additional-name" | "address-line1" | "address-line2" | "birthdate-day" | "birthdate-full" | "birthdate-month" | "birthdate-year" | "cc-csc" | "cc-exp" | "cc-exp-day" | "cc-exp-month" | "cc-exp-year" | "cc-number" | "cc-name" | "cc-given-name" | "cc-middle-name" | "cc-family-name" | "cc-type" | "country" | "current-password" | "family-name" | "gender" | "given-name" | "honorific-prefix" | "honorific-suffix" | "name-family" | "name-given" | "name-middle" | "name-middle-initial" | "name-prefix" | "name-suffix" | "new-password" | "nickname" | "one-time-code" | "organization" | "organization-title" | "password" | "password-new" | "postal-address" | "postal-address-country" | "postal-address-extended" | "postal-address-extended-postal-code" | "postal-address-locality" | "postal-address-region" | "postal-code" | "street-address" | "sms-otp" | "tel" | "tel-country-code" | "tel-national" | "tel-device" | "username" | "username-new" | undefined;
     autoCorrect?: boolean | undefined;
     autoFocus?: boolean | undefined;
     blurOnSubmit?: boolean | undefined;
@@ -154,6 +152,7 @@ export default function usePreset({ preset, ...props }: InternalTextFieldProps):
     onEndEditing?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputEndEditingEventData>) => void) | undefined;
     onSelectionChange?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputSelectionChangeEventData>) => void) | undefined;
     onSubmitEditing?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputSubmitEditingEventData>) => void) | undefined;
+    onScroll?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputScrollEventData>) => void) | undefined;
     onKeyPress?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputKeyPressEventData>) => void) | undefined;
     placeholder?: string | undefined;
     readOnly?: boolean | undefined;
@@ -162,6 +161,7 @@ export default function usePreset({ preset, ...props }: InternalTextFieldProps):
     secureTextEntry?: boolean | undefined;
     selectTextOnFocus?: boolean | undefined;
     inputAccessoryViewID?: string | undefined;
+    disableKeyboardShortcuts?: boolean | undefined;
     clearButtonMode?: "always" | "never" | "while-editing" | "unless-editing" | undefined;
     clearTextOnFocus?: boolean | undefined;
     dataDetectorTypes?: import("react-native/types").DataDetectorTypes | import("react-native/types").DataDetectorTypes[] | undefined;
@@ -502,19 +502,15 @@ export default function usePreset({ preset, ...props }: InternalTextFieldProps):
         start: number;
         end?: number | undefined;
     } | undefined;
-    children?: import("react").ReactNode;
     style?: import("react-native/types").StyleProp<import("react-native/types").TextStyle>;
-    testID?: string | undefined;
-    removeClippedSubviews?: boolean | undefined;
-    onLayout?: ((event: import("react-native/types").LayoutChangeEvent) => void) | undefined;
-    onContentSizeChange?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputContentSizeChangeEventData>) => void) | undefined;
-    onScroll?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputScrollEventData>) => void) | undefined;
-    scrollEnabled?: boolean | undefined;
+    children?: import("react").ReactNode;
     hitSlop?: number | import("react-native/types").Insets | null | undefined;
     id?: string | undefined;
     needsOffscreenAlphaCompositing?: boolean | undefined;
+    onLayout?: ((event: import("react-native/types").LayoutChangeEvent) => void) | undefined;
+    removeClippedSubviews?: boolean | undefined;
+    testID?: string | undefined;
     nativeID?: string | undefined;
-    experimental_layoutConformance?: "strict" | "classic" | undefined;
     collapsable?: boolean | undefined;
     collapsableChildren?: boolean | undefined;
     renderToHardwareTextureAndroid?: boolean | undefined;
@@ -594,6 +590,8 @@ export default function usePreset({ preset, ...props }: InternalTextFieldProps):
     accessibilityLanguage?: string | undefined;
     accessibilityShowsLargeContentViewer?: boolean | undefined;
     accessibilityLargeContentTitle?: string | undefined;
+    scrollEnabled?: boolean | undefined;
+    onContentSizeChange?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputContentSizeChangeEventData>) => void) | undefined;
     onPress?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").NativeTouchEvent>) => void) | undefined;
     onPressIn?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").NativeTouchEvent>) => void) | undefined;
     onPressOut?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").NativeTouchEvent>) => void) | undefined;
@@ -607,7 +605,7 @@ export default function usePreset({ preset, ...props }: InternalTextFieldProps):
     selectionColor?: import("react-native/types").ColorValue | undefined;
     textBreakStrategy?: "simple" | "highQuality" | "balanced" | undefined;
     autoCapitalize?: "none" | "sentences" | "words" | "characters" | undefined;
-    autoComplete?: "name" | "off" | "email" | "url" | "additional-name" | "address-line1" | "address-line2" | "birthdate-day" | "birthdate-full" | "birthdate-month" | "birthdate-year" | "cc-csc" | "cc-exp" | "cc-exp-day" | "cc-exp-month" | "cc-exp-year" | "cc-number" | "cc-name" | "cc-given-name" | "cc-middle-name" | "cc-family-name" | "cc-type" | "country" | "current-password" | "family-name" | "gender" | "given-name" | "honorific-prefix" | "honorific-suffix" | "name-family" | "name-given" | "name-middle" | "name-middle-initial" | "name-prefix" | "name-suffix" | "new-password" | "nickname" | "one-time-code" | "organization" | "organization-title" | "password" | "password-new" | "postal-address" | "postal-address-country" | "postal-address-extended" | "postal-address-extended-postal-code" | "postal-address-locality" | "postal-address-region" | "postal-code" | "street-address" | "sms-otp" | "tel" | "tel-country-code" | "tel-national" | "tel-device" | "username" | "username-new" | undefined;
+    autoComplete?: "off" | "name" | "email" | "url" | "additional-name" | "address-line1" | "address-line2" | "birthdate-day" | "birthdate-full" | "birthdate-month" | "birthdate-year" | "cc-csc" | "cc-exp" | "cc-exp-day" | "cc-exp-month" | "cc-exp-year" | "cc-number" | "cc-name" | "cc-given-name" | "cc-middle-name" | "cc-family-name" | "cc-type" | "country" | "current-password" | "family-name" | "gender" | "given-name" | "honorific-prefix" | "honorific-suffix" | "name-family" | "name-given" | "name-middle" | "name-middle-initial" | "name-prefix" | "name-suffix" | "new-password" | "nickname" | "one-time-code" | "organization" | "organization-title" | "password" | "password-new" | "postal-address" | "postal-address-country" | "postal-address-extended" | "postal-address-extended-postal-code" | "postal-address-locality" | "postal-address-region" | "postal-code" | "street-address" | "sms-otp" | "tel" | "tel-country-code" | "tel-national" | "tel-device" | "username" | "username-new" | undefined;
     autoCorrect?: boolean | undefined;
     autoFocus?: boolean | undefined;
     blurOnSubmit?: boolean | undefined;
@@ -625,6 +623,7 @@ export default function usePreset({ preset, ...props }: InternalTextFieldProps):
     onEndEditing?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputEndEditingEventData>) => void) | undefined;
     onSelectionChange?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputSelectionChangeEventData>) => void) | undefined;
     onSubmitEditing?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputSubmitEditingEventData>) => void) | undefined;
+    onScroll?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputScrollEventData>) => void) | undefined;
     onKeyPress?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputKeyPressEventData>) => void) | undefined;
     placeholder?: string | undefined;
     readOnly?: boolean | undefined;
@@ -633,6 +632,7 @@ export default function usePreset({ preset, ...props }: InternalTextFieldProps):
     secureTextEntry?: boolean | undefined;
     selectTextOnFocus?: boolean | undefined;
     inputAccessoryViewID?: string | undefined;
+    disableKeyboardShortcuts?: boolean | undefined;
     clearButtonMode?: "always" | "never" | "while-editing" | "unless-editing" | undefined;
     clearTextOnFocus?: boolean | undefined;
     dataDetectorTypes?: import("react-native/types").DataDetectorTypes | import("react-native/types").DataDetectorTypes[] | undefined;
@@ -989,19 +989,15 @@ export default function usePreset({ preset, ...props }: InternalTextFieldProps):
         start: number;
         end?: number | undefined;
     } | undefined;
-    children?: import("react").ReactNode;
     style: false | "" | import("react-native/types").TextStyle | import("react-native/types").RegisteredStyle<import("react-native/types").TextStyle> | import("react-native/types").RecursiveArray<import("react-native/types").TextStyle | import("react-native/types").Falsy | import("react-native/types").RegisteredStyle<import("react-native/types").TextStyle>> | null;
-    testID?: string | undefined;
-    removeClippedSubviews?: boolean | undefined;
-    onLayout?: ((event: import("react-native/types").LayoutChangeEvent) => void) | undefined;
-    onContentSizeChange?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputContentSizeChangeEventData>) => void) | undefined;
-    onScroll?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputScrollEventData>) => void) | undefined;
-    scrollEnabled?: boolean | undefined;
+    children?: import("react").ReactNode;
     hitSlop?: number | import("react-native/types").Insets | null | undefined;
     id?: string | undefined;
     needsOffscreenAlphaCompositing?: boolean | undefined;
+    onLayout?: ((event: import("react-native/types").LayoutChangeEvent) => void) | undefined;
+    removeClippedSubviews?: boolean | undefined;
+    testID?: string | undefined;
     nativeID?: string | undefined;
-    experimental_layoutConformance?: "strict" | "classic" | undefined;
     collapsable?: boolean | undefined;
     collapsableChildren?: boolean | undefined;
     renderToHardwareTextureAndroid?: boolean | undefined;
@@ -1081,6 +1077,8 @@ export default function usePreset({ preset, ...props }: InternalTextFieldProps):
     accessibilityLanguage?: string | undefined;
     accessibilityShowsLargeContentViewer?: boolean | undefined;
     accessibilityLargeContentTitle?: string | undefined;
+    scrollEnabled?: boolean | undefined;
+    onContentSizeChange?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputContentSizeChangeEventData>) => void) | undefined;
     onPress?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").NativeTouchEvent>) => void) | undefined;
     onPressIn?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").NativeTouchEvent>) => void) | undefined;
     onPressOut?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").NativeTouchEvent>) => void) | undefined;
@@ -1094,7 +1092,7 @@ export default function usePreset({ preset, ...props }: InternalTextFieldProps):
     selectionColor?: import("react-native/types").ColorValue | undefined;
     textBreakStrategy?: "simple" | "highQuality" | "balanced" | undefined;
     autoCapitalize?: "none" | "sentences" | "words" | "characters" | undefined;
-    autoComplete?: "name" | "off" | "email" | "url" | "additional-name" | "address-line1" | "address-line2" | "birthdate-day" | "birthdate-full" | "birthdate-month" | "birthdate-year" | "cc-csc" | "cc-exp" | "cc-exp-day" | "cc-exp-month" | "cc-exp-year" | "cc-number" | "cc-name" | "cc-given-name" | "cc-middle-name" | "cc-family-name" | "cc-type" | "country" | "current-password" | "family-name" | "gender" | "given-name" | "honorific-prefix" | "honorific-suffix" | "name-family" | "name-given" | "name-middle" | "name-middle-initial" | "name-prefix" | "name-suffix" | "new-password" | "nickname" | "one-time-code" | "organization" | "organization-title" | "password" | "password-new" | "postal-address" | "postal-address-country" | "postal-address-extended" | "postal-address-extended-postal-code" | "postal-address-locality" | "postal-address-region" | "postal-code" | "street-address" | "sms-otp" | "tel" | "tel-country-code" | "tel-national" | "tel-device" | "username" | "username-new" | undefined;
+    autoComplete?: "off" | "name" | "email" | "url" | "additional-name" | "address-line1" | "address-line2" | "birthdate-day" | "birthdate-full" | "birthdate-month" | "birthdate-year" | "cc-csc" | "cc-exp" | "cc-exp-day" | "cc-exp-month" | "cc-exp-year" | "cc-number" | "cc-name" | "cc-given-name" | "cc-middle-name" | "cc-family-name" | "cc-type" | "country" | "current-password" | "family-name" | "gender" | "given-name" | "honorific-prefix" | "honorific-suffix" | "name-family" | "name-given" | "name-middle" | "name-middle-initial" | "name-prefix" | "name-suffix" | "new-password" | "nickname" | "one-time-code" | "organization" | "organization-title" | "password" | "password-new" | "postal-address" | "postal-address-country" | "postal-address-extended" | "postal-address-extended-postal-code" | "postal-address-locality" | "postal-address-region" | "postal-code" | "street-address" | "sms-otp" | "tel" | "tel-country-code" | "tel-national" | "tel-device" | "username" | "username-new" | undefined;
     autoCorrect?: boolean | undefined;
     autoFocus?: boolean | undefined;
     blurOnSubmit?: boolean | undefined;
@@ -1112,6 +1110,7 @@ export default function usePreset({ preset, ...props }: InternalTextFieldProps):
     onEndEditing?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputEndEditingEventData>) => void) | undefined;
     onSelectionChange?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputSelectionChangeEventData>) => void) | undefined;
     onSubmitEditing?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputSubmitEditingEventData>) => void) | undefined;
+    onScroll?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputScrollEventData>) => void) | undefined;
     onKeyPress?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputKeyPressEventData>) => void) | undefined;
     placeholder?: string | undefined;
     readOnly?: boolean | undefined;
@@ -1120,6 +1119,7 @@ export default function usePreset({ preset, ...props }: InternalTextFieldProps):
     secureTextEntry?: boolean | undefined;
     selectTextOnFocus?: boolean | undefined;
     inputAccessoryViewID?: string | undefined;
+    disableKeyboardShortcuts?: boolean | undefined;
     clearButtonMode?: "always" | "never" | "while-editing" | "unless-editing" | undefined;
     clearTextOnFocus?: boolean | undefined;
     dataDetectorTypes?: import("react-native/types").DataDetectorTypes | import("react-native/types").DataDetectorTypes[] | undefined;
@@ -1487,19 +1487,15 @@ export default function usePreset({ preset, ...props }: InternalTextFieldProps):
         start: number;
         end?: number | undefined;
     } | undefined;
-    children?: import("react").ReactNode;
     style: false | "" | import("react-native/types").TextStyle | import("react-native/types").RegisteredStyle<import("react-native/types").TextStyle> | import("react-native/types").RecursiveArray<import("react-native/types").TextStyle | import("react-native/types").Falsy | import("react-native/types").RegisteredStyle<import("react-native/types").TextStyle>> | null;
-    testID?: string | undefined;
-    removeClippedSubviews?: boolean | undefined;
-    onLayout?: ((event: import("react-native/types").LayoutChangeEvent) => void) | undefined;
-    onContentSizeChange?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputContentSizeChangeEventData>) => void) | undefined;
-    onScroll?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputScrollEventData>) => void) | undefined;
-    scrollEnabled?: boolean | undefined;
+    children?: import("react").ReactNode;
     hitSlop?: number | import("react-native/types").Insets | null | undefined;
     id?: string | undefined;
     needsOffscreenAlphaCompositing?: boolean | undefined;
+    onLayout?: ((event: import("react-native/types").LayoutChangeEvent) => void) | undefined;
+    removeClippedSubviews?: boolean | undefined;
+    testID?: string | undefined;
     nativeID?: string | undefined;
-    experimental_layoutConformance?: "strict" | "classic" | undefined;
     collapsable?: boolean | undefined;
     collapsableChildren?: boolean | undefined;
     renderToHardwareTextureAndroid?: boolean | undefined;
@@ -1579,6 +1575,8 @@ export default function usePreset({ preset, ...props }: InternalTextFieldProps):
     accessibilityLanguage?: string | undefined;
     accessibilityShowsLargeContentViewer?: boolean | undefined;
     accessibilityLargeContentTitle?: string | undefined;
+    scrollEnabled?: boolean | undefined;
+    onContentSizeChange?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputContentSizeChangeEventData>) => void) | undefined;
     onPress?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").NativeTouchEvent>) => void) | undefined;
     onPressIn?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").NativeTouchEvent>) => void) | undefined;
     onPressOut?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").NativeTouchEvent>) => void) | undefined;
@@ -1592,7 +1590,7 @@ export default function usePreset({ preset, ...props }: InternalTextFieldProps):
     selectionColor?: import("react-native/types").ColorValue | undefined;
     textBreakStrategy?: "simple" | "highQuality" | "balanced" | undefined;
     autoCapitalize?: "none" | "sentences" | "words" | "characters" | undefined;
-    autoComplete?: "name" | "off" | "email" | "url" | "additional-name" | "address-line1" | "address-line2" | "birthdate-day" | "birthdate-full" | "birthdate-month" | "birthdate-year" | "cc-csc" | "cc-exp" | "cc-exp-day" | "cc-exp-month" | "cc-exp-year" | "cc-number" | "cc-name" | "cc-given-name" | "cc-middle-name" | "cc-family-name" | "cc-type" | "country" | "current-password" | "family-name" | "gender" | "given-name" | "honorific-prefix" | "honorific-suffix" | "name-family" | "name-given" | "name-middle" | "name-middle-initial" | "name-prefix" | "name-suffix" | "new-password" | "nickname" | "one-time-code" | "organization" | "organization-title" | "password" | "password-new" | "postal-address" | "postal-address-country" | "postal-address-extended" | "postal-address-extended-postal-code" | "postal-address-locality" | "postal-address-region" | "postal-code" | "street-address" | "sms-otp" | "tel" | "tel-country-code" | "tel-national" | "tel-device" | "username" | "username-new" | undefined;
+    autoComplete?: "off" | "name" | "email" | "url" | "additional-name" | "address-line1" | "address-line2" | "birthdate-day" | "birthdate-full" | "birthdate-month" | "birthdate-year" | "cc-csc" | "cc-exp" | "cc-exp-day" | "cc-exp-month" | "cc-exp-year" | "cc-number" | "cc-name" | "cc-given-name" | "cc-middle-name" | "cc-family-name" | "cc-type" | "country" | "current-password" | "family-name" | "gender" | "given-name" | "honorific-prefix" | "honorific-suffix" | "name-family" | "name-given" | "name-middle" | "name-middle-initial" | "name-prefix" | "name-suffix" | "new-password" | "nickname" | "one-time-code" | "organization" | "organization-title" | "password" | "password-new" | "postal-address" | "postal-address-country" | "postal-address-extended" | "postal-address-extended-postal-code" | "postal-address-locality" | "postal-address-region" | "postal-code" | "street-address" | "sms-otp" | "tel" | "tel-country-code" | "tel-national" | "tel-device" | "username" | "username-new" | undefined;
     autoCorrect?: boolean | undefined;
     autoFocus?: boolean | undefined;
     blurOnSubmit?: boolean | undefined;
@@ -1610,6 +1608,7 @@ export default function usePreset({ preset, ...props }: InternalTextFieldProps):
     onEndEditing?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputEndEditingEventData>) => void) | undefined;
     onSelectionChange?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputSelectionChangeEventData>) => void) | undefined;
     onSubmitEditing?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputSubmitEditingEventData>) => void) | undefined;
+    onScroll?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputScrollEventData>) => void) | undefined;
     onKeyPress?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputKeyPressEventData>) => void) | undefined;
     placeholder?: string | undefined;
     readOnly?: boolean | undefined;
@@ -1618,6 +1617,7 @@ export default function usePreset({ preset, ...props }: InternalTextFieldProps):
     secureTextEntry?: boolean | undefined;
     selectTextOnFocus?: boolean | undefined;
     inputAccessoryViewID?: string | undefined;
+    disableKeyboardShortcuts?: boolean | undefined;
     clearButtonMode?: "always" | "never" | "while-editing" | "unless-editing" | undefined;
     clearTextOnFocus?: boolean | undefined;
     dataDetectorTypes?: import("react-native/types").DataDetectorTypes | import("react-native/types").DataDetectorTypes[] | undefined;

package/src/components/timeline/index.js

@@ -21,7 +21,7 @@ const Timeline = props => {
   const [anchorMeasurements, setAnchorMeasurements] = useState();
   const [contentContainerMeasurements, setContentContainerMeasurements] = useState();
   const [pointMeasurements, setPointMeasurements] = useState();
-  const contentContainerRef = useRef();
+  const contentContainerRef = useRef(undefined);
   const onMeasure = (x, y, width, height) => {
     setAnchorMeasurements({
       x,

package/src/components/toast/index.js

@@ -1,5 +1,4 @@
 import _ from 'lodash';
-import PropTypes from 'prop-types';
 import React from 'react';
 import {AccessibilityInfo, findNodeHandle, StyleSheet, Animated, Easing, ActivityIndicator} from 'react-native';
 import {PureBaseComponent} from '../../commons';
@@ -21,74 +20,6 @@ const COLOR = Colors.white;
 export default class Toast extends PureBaseComponent {
   static displayName = 'Toast';
 
-  static propTypes = {
-    /**
-     * Whether to show or hide the toast
-     */
-    visible: PropTypes.bool,
-    /**
-     * The position of the toast. 'top' or 'bottom'.
-     */
-    position: PropTypes.oneOf(['top', 'bottom']),
-    /**
-     * custom zIndex for toast
-     */
-    zIndex: PropTypes.number,
-    /**
-     * The background color of the toast
-     */
-    backgroundColor: PropTypes.string,
-    /**
-     * the toast content color (message, actions labels)
-     */
-    color: PropTypes.string,
-    /**
-     * the toast message
-     */
-    message: PropTypes.string,
-    /**
-     * should message be centered in the toast
-     */
-    centerMessage: PropTypes.bool,
-    /**
-     * a left icon
-     */
-    icon: PropTypes.oneOfType([PropTypes.object, PropTypes.number]),
-    /**
-     * a single action for the user
-     */
-    action: PropTypes.shape(Button.propTypes),
-    /**
-     * should show a loader (showDismiss must be false)
-     */
-    showLoader: PropTypes.bool,
-    /**
-     * callback for dismiss action
-     */
-    onDismiss: PropTypes.func,
-    /**
-     * number of milliseconds to automatically invoke the onDismiss callback
-     */
-    autoDismiss: PropTypes.number,
-    /**
-     * show dismiss action (right 'X' button)
-     */
-    showDismiss: PropTypes.bool,
-    /**
-     * callback for end of component animation
-     */
-    onAnimationEnd: PropTypes.func,
-    /**
-     * render a custom view that will appear permanently above or below a Toast,
-     * depends on the Toast's position, and animate with it when the Toast is made visible or dismissed
-     */
-    renderAttachment: PropTypes.elementType,
-    /**
-     * render a custom loader component instead of the default when passing showLoader
-     */
-    customLoader: PropTypes.func
-  };
-
   static defaultProps = {
     position: 'top',
     zIndex: 100