react-native-ui-lib 8.4.0 → 8.4.1-snapshot.7904

package/src/commons/modifiers.js

@@ -2,8 +2,6 @@ import _isEqual from "lodash/isEqual";
 import _keys from "lodash/keys";
 import _union from "lodash/union";
 import _isFunction from "lodash/isFunction";
-import _omit from "lodash/omit";
-import _flow from "lodash/flow";
 import _find from "lodash/find";
 import _pick from "lodash/pick";
 import _pickBy from "lodash/pickBy";
@@ -232,22 +230,6 @@ export function extractModifierProps(props) {
   });
   return modifierProps;
 }
-
-/**
- * TODO:
- * @deprecated switch to Modifiers#extractComponentProps
- */
-export function extractOwnProps(props, ignoreProps) {
-  //@ts-ignore
-  const ownPropTypes = this.propTypes;
-  const ownProps = _flow(props => _pickBy(props, (_value, key) => _includes(Object.keys(ownPropTypes), key)), props => _omit(props, ignoreProps))(props);
-  return ownProps;
-}
-export function extractComponentProps(component, props, ignoreProps = []) {
-  const componentPropTypes = component.propTypes;
-  const componentProps = _flow(props => _pickBy(props, (_value, key) => _includes(Object.keys(componentPropTypes), key)), props => _omit(props, ignoreProps))(props);
-  return componentProps;
-}
 export function getComponentName(componentDisplayName) {
   //@ts-ignore
   return componentDisplayName || this.displayName || this.constructor.displayName || this.constructor.name;

package/src/commons/withScrollEnabler.js

@@ -44,10 +44,6 @@ function withScrollEnabler(WrappedComponent) {
   };
   hoistStatics(ScrollEnabler, WrappedComponent);
   ScrollEnabler.displayName = WrappedComponent.displayName;
-  //@ts-ignore
-  ScrollEnabler.propTypes = WrappedComponent.propTypes;
-  //@ts-ignore
-  ScrollEnabler.defaultProps = WrappedComponent.defaultProps;
   return forwardRef(ScrollEnabler);
 }
 export default withScrollEnabler;

package/src/commons/withScrollReached.js

@@ -57,10 +57,6 @@ function withScrollReached(WrappedComponent, options = {}) {
   };
   hoistStatics(ScrollReachedDetector, WrappedComponent);
   ScrollReachedDetector.displayName = WrappedComponent.displayName;
-  //@ts-ignore
-  ScrollReachedDetector.propTypes = WrappedComponent.propTypes;
-  //@ts-ignore
-  ScrollReachedDetector.defaultProps = WrappedComponent.defaultProps;
   return forwardRef(ScrollReachedDetector);
 }
 export default withScrollReached;

package/src/components/KeyboardAwareScrollView/KeyboardAwareBase.js

@@ -1,6 +1,5 @@
 import _ from 'lodash';
 import {Component} from 'react';
-import PropTypes from 'prop-types';
 import ReactNative, {DeviceEventEmitter, Keyboard} from 'react-native';
 
 export default class KeyboardAwareBase extends Component {
@@ -22,12 +21,6 @@ export default class KeyboardAwareBase extends Component {
     this._addKeyboardEventListeners();
   }
 
-  static propTypes = {
-    startScrolledToBottom: PropTypes.bool,
-    scrollToBottomOnKBShow: PropTypes.bool,
-    scrollToInputAdditionalOffset: PropTypes.number
-  };
-
   static defaultProps = {
     startScrolledToBottom: false,
     scrollToBottomOnKBShow: false,

package/src/components/KeyboardAwareScrollView/KeyboardAwareFlatList.js

@@ -1,5 +1,4 @@
 import React from 'react';
-import PropTypes from 'prop-types';
 import {FlatList} from 'react-native';
 import KeyboardAwareBase from './KeyboardAwareBase';
 
@@ -10,11 +9,6 @@ import KeyboardAwareBase from './KeyboardAwareBase';
 export default class KeyboardAwareFlatList extends KeyboardAwareBase {
   static displayName = 'KeyboardAwareFlatList';
 
-  static PropTypes = {
-    getTextInputRefs: PropTypes.func,
-    onScroll: PropTypes.func
-  };
-
   static defaultProps = {
     ...KeyboardAwareBase.defaultProps,
     getTextInputRefs: () => {

package/src/components/KeyboardAwareScrollView/KeyboardAwareScrollView.js

@@ -1,5 +1,4 @@
 import React from 'react';
-import PropTypes from 'prop-types';
 import {ScrollView} from 'react-native';
 import KeyboardAwareBase from './KeyboardAwareBase';
 
@@ -10,11 +9,6 @@ import KeyboardAwareBase from './KeyboardAwareBase';
 export default class KeyboardAwareScrollView extends KeyboardAwareBase {
   static displayName = 'KeyboardAwareScrollView';
 
-  static PropTypes = {
-    getTextInputRefs: PropTypes.func,
-    onScroll: PropTypes.func
-  };
-
   static defaultProps = {
     ...KeyboardAwareBase.defaultProps,
     getTextInputRefs: () => {

package/src/components/WheelPicker/WheelPicker.driver.d.ts

@@ -4,11 +4,11 @@ export declare const WheelPickerDriver: (props: ComponentProps) => {
     moveToItem: (index: number, itemHeight?: number, numberOfRows?: number) => void;
     getLabel: () => string | (string | import("react-test-renderer").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/WheelPicker/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { type JSX } from 'react';
 import { TextStyle, ViewStyle, FlatListProps } from 'react-native';
 import { TextProps } from '../text';
 import { FaderProps } from '../fader';
@@ -81,7 +81,7 @@ export type WheelPickerProps<T = WheelPickerItemValue> = {
     flatListProps?: Partial<FlatListProps<WheelPickerItemProps<T>>>;
 };
 declare const WheelPicker: {
-    <T extends WheelPickerItemValue>(props: WheelPickerProps<T>): React.JSX.Element;
+    <T extends WheelPickerItemValue>(props: WheelPickerProps<T>): JSX.Element;
     alignments: typeof WheelPickerAlign;
 };
 export default WheelPicker;

package/src/components/WheelPicker/index.js

@@ -39,7 +39,7 @@ const WheelPicker = props => {
     faderProps,
     flatListProps
   } = themeProps;
-  const scrollView = useRef();
+  const scrollView = useRef(undefined);
   const offset = useSharedValue(0);
   const scrollHandler = useAnimatedScrollHandler(e => {
     offset.value = e.contentOffset.y;

package/src/components/WheelPicker/usePresenter.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import { type JSX } from 'react';
 import { WheelPickerItemValue } from './types';
 import { WheelPickerItemProps } from './Item';
 type PropTypes<T> = {

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

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

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

@@ -13,7 +13,7 @@ export interface AnimatedImageProps extends ImageProps {
     /**
      * A component to render while the image is loading
      */
-    loader?: React.ReactElement;
+    loader?: React.ReactElement<any>;
 }
 /**
  * @description: Image component that fades-in the image with animation once it's loaded

package/src/components/animatedScanner/index.js

@@ -1,8 +1,6 @@
 import _ from 'lodash';
-import PropTypes from 'prop-types';
 import React from 'react';
 import {StyleSheet, Animated} from 'react-native';
-import {ViewPropTypes} from 'deprecated-react-native-prop-types';
 import {Colors} from '../../style';
 import {BaseComponent} from '../../commons';
 import View from '../../components/view';
@@ -16,41 +14,6 @@ import View from '../../components/view';
  */
 export default class AnimatedScanner extends BaseComponent {
   static displayName = 'AnimatedScanner';
-  static propTypes = {
-    /**
-     * animated value between 0 and 100
-     */
-    // progress: PropTypes.object,
-    progress: PropTypes.number,
-    /**
-     * Duration of current break (can be change between breaks)
-     */
-    duration: PropTypes.number,
-    /**
-     * scanner opacity
-     */
-    opacity: PropTypes.number,
-    /**
-     * scanner background color
-     */
-    backgroundColor: PropTypes.string,
-    /**
-     * breakpoint callback - ({progress, isDone}) => {}
-     */
-    onBreakpoint: PropTypes.func,
-    /**
-     * should hide the scanner line
-     */
-    hideScannerLine: PropTypes.bool,
-    /**
-     * the container style
-     */
-    containerStyle: ViewPropTypes.style,
-    /**
-     * Used as a testing identifier
-     */
-    testID: PropTypes.string
-  };
 
   static defaultProps = {
     progress: 0,

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

@@ -1,4 +1,4 @@
-import React, { PropsWithChildren } from 'react';
+import React, { PropsWithChildren, type JSX } from 'react';
 import { StyleProp, ViewStyle, ImagePropsBase, ImageStyle, TextStyle, TextProps, AccessibilityProps } from 'react-native';
 import { BadgeProps } from '../badge';
 import { ImageProps } from '../image';

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

@@ -1,4 +1,4 @@
-import React, { PureComponent } from 'react';
+import React, { PureComponent, type JSX } from 'react';
 import { ImageSourcePropType, ImageStyle, StyleProp, TextStyle, TouchableOpacityProps, ViewStyle, ViewProps } from 'react-native';
 declare const LABEL_FORMATTER_VALUES: readonly [1, 2, 3, 4];
 type LabelFormatterValues = typeof LABEL_FORMATTER_VALUES[number];
@@ -89,10 +89,10 @@ declare class Badge extends PureComponent<BadgeProps> {
     getBadgeSizeStyle(): any;
     getFormattedLabel(): any;
     getBorderStyling(): ViewStyle;
-    renderLabel(): React.JSX.Element | undefined;
+    renderLabel(): JSX.Element | undefined;
     renderCustomElement(): JSX.Element | undefined;
-    renderIcon(): 0 | React.JSX.Element | undefined;
-    render(): React.JSX.Element;
+    renderIcon(): 0 | JSX.Element | undefined;
+    render(): JSX.Element;
 }
 declare function createStyles(props: BadgeProps): {
     badge: {

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

@@ -2,7 +2,6 @@ import 'react';
 import { BaseComponent } from '../../commons';
 export default class BaseInput extends BaseComponent {
     static displayName: string;
-    static propTypes: any;
     static defaultProps: {
         validateOnBlur: boolean;
     };

package/src/components/baseInput/index.js

@@ -3,11 +3,8 @@ import _isString from "lodash/isString";
 import _isFunction from "lodash/isFunction";
 import _isArray from "lodash/isArray";
 import _get from "lodash/get";
-import _invoke from "lodash/invoke";
-import _values from "lodash/values"; // @ts-nocheck
-import PropTypes from 'prop-types';
+import _invoke from "lodash/invoke"; // @ts-nocheck
 import 'react';
-import { ViewPropTypes, TextInputPropTypes } from 'deprecated-react-native-prop-types';
 import { Colors, Typography } from "../../style";
 import { BaseComponent } from "../../commons";
 import Validators from "./Validators";
@@ -20,51 +17,6 @@ const VALIDATORS = {
 };
 export default class BaseInput extends BaseComponent {
   static displayName = 'BaseInput';
-  static propTypes = {
-    ...TextInputPropTypes,
-    // ...BaseComponent.propTypes,
-    /**
-     * text color
-     */
-    color: PropTypes.string,
-    /**
-     * text input container style
-     */
-    containerStyle: ViewPropTypes.style,
-    /**
-     * validator type or custom validator function
-     */
-    validate: PropTypes.oneOfType([PropTypes.oneOf(_values(VALIDATORS)),
-    // enum
-    PropTypes.func,
-    // custom
-    PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf(_values(VALIDATORS)), PropTypes.func])) // array of validators
-    ]),
-    /**
-     * Whether to mark required field with an asterisk
-     */
-    markRequired: PropTypes.bool,
-    /**
-     * the message to be displayed when the validation fails
-     */
-    errorMessage: PropTypes.oneOfType([PropTypes.string, PropTypes.arrayOf(PropTypes.string)]),
-    /**
-     * whether to run the validation on mount
-     */
-    validateOnStart: PropTypes.bool,
-    /**
-     * whether to run the validation on text changed
-     */
-    validateOnChange: PropTypes.bool,
-    /**
-     * whether to run the validation on blur
-     */
-    validateOnBlur: PropTypes.bool,
-    /**
-     * callback for validity change
-     */
-    onChangeValidity: PropTypes.func
-  };
   static defaultProps = {
     validateOnBlur: true
   };

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

@@ -448,7 +448,7 @@ export { Button };
 declare const _default: React.ForwardRefExoticComponent<((import("../touchableOpacity").TouchableOpacityProps & Partial<Record<"text10" | "text20" | "text30" | "text40" | "text50" | "text60" | "text65" | "text70" | "text80" | "text90" | "text100" | "text10T" | "text10L" | "text10R" | "text10M" | "text10BO" | "text10H" | "text10BL" | "text20T" | "text20L" | "text20R" | "text20M" | "text20BO" | "text20H" | "text20BL" | "text30T" | "text30L" | "text30R" | "text30M" | "text30BO" | "text30H" | "text30BL" | "text40T" | "text40L" | "text40R" | "text40M" | "text40BO" | "text40H" | "text40BL" | "text50T" | "text50L" | "text50R" | "text50M" | "text50BO" | "text50H" | "text50BL" | "text60T" | "text60L" | "text60R" | "text60M" | "text60BO" | "text60H" | "text60BL" | "text65T" | "text65L" | "text65R" | "text65M" | "text65BO" | "text65H" | "text65BL" | "text70T" | "text70L" | "text70R" | "text70M" | "text70BO" | "text70H" | "text70BL" | "text80T" | "text80L" | "text80R" | "text80M" | "text80BO" | "text80H" | "text80BL" | "text90T" | "text90L" | "text90R" | "text90M" | "text90BO" | "text90H" | "text90BL" | "text100T" | "text100L" | "text100R" | "text100M" | "text100BO" | "text100H" | "text100BL", boolean>> & Partial<Record<"transparent" | "black" | "white" | "dark" | "$backgroundDefault" | "$backgroundElevated" | "$backgroundElevatedLight" | "$backgroundNeutralHeavy" | "$backgroundNeutralIdle" | "$backgroundNeutralMedium" | "$backgroundNeutral" | "$backgroundNeutralLight" | "$backgroundPrimaryHeavy" | "$backgroundPrimaryMedium" | "$backgroundPrimaryLight" | "$backgroundGeneralHeavy" | "$backgroundGeneralMedium" | "$backgroundGeneralLight" | "$backgroundSuccessHeavy" | "$backgroundSuccessLight" | "$backgroundWarningHeavy" | "$backgroundWarningLight" | "$backgroundMajorLight" | "$backgroundMajorHeavy" | "$backgroundDangerHeavy" | "$backgroundDangerLight" | "$backgroundDisabled" | "$backgroundDark" | "$backgroundDarkElevated" | "$backgroundDarkActive" | "$backgroundInverted" | "$textDisabled" | "$textDefault" | "$textNeutralHeavy" | "$textNeutral" | "$textNeutralLight" | "$textDefaultLight" | "$textPrimary" | "$textGeneral" | "$textSuccess" | "$textSuccessLight" | "$textMajor" | "$textDanger" | "$textDangerLight" | "$iconDefault" | "$iconNeutral" | "$iconDefaultLight" | "$iconPrimary" | "$iconPrimaryLight" | "$iconGeneral" | "$iconGeneralLight" | "$iconSuccess" | "$iconSuccessLight" | "$iconMajor" | "$iconDanger" | "$iconDangerLight" | "$iconDisabled" | "$outlineDefault" | "$outlineDisabled" | "$outlineDisabledHeavy" | "$outlineNeutral" | "$outlineNeutralHeavy" | "$outlinePrimary" | "$outlinePrimaryMedium" | "$outlineGeneral" | "$outlineWarning" | "$outlineDanger" | "$outlineInverted" | "$black" | "$white" | "grey1" | "grey5" | "grey10" | "grey20" | "grey30" | "grey40" | "grey50" | "grey60" | "grey70" | "grey80" | "blue1" | "blue5" | "blue10" | "blue20" | "blue30" | "blue40" | "blue50" | "blue60" | "blue70" | "blue80" | "cyan10" | "cyan20" | "cyan30" | "cyan40" | "cyan50" | "cyan60" | "cyan70" | "cyan80" | "green1" | "green5" | "green10" | "green20" | "green30" | "green40" | "green50" | "green60" | "green70" | "green80" | "yellow1" | "yellow5" | "yellow10" | "yellow20" | "yellow30" | "yellow40" | "yellow50" | "yellow60" | "yellow70" | "yellow80" | "orange1" | "orange5" | "orange10" | "orange20" | "orange30" | "orange40" | "orange50" | "orange60" | "orange70" | "orange80" | "red1" | "red5" | "red10" | "red20" | "red30" | "red40" | "red50" | "red60" | "red70" | "red80" | "purple1" | "purple5" | "purple10" | "purple20" | "purple30" | "purple40" | "purple50" | "purple60" | "purple70" | "purple80" | "violet1" | "violet5" | "violet10" | "violet20" | "violet30" | "violet40" | "violet50" | "violet60" | "violet70" | "violet80", boolean>> & Partial<Record<"bg-transparent" | "bg-black" | "bg-white" | "bg-dark" | "bg-$backgroundDefault" | "bg-$backgroundElevated" | "bg-$backgroundElevatedLight" | "bg-$backgroundNeutralHeavy" | "bg-$backgroundNeutralIdle" | "bg-$backgroundNeutralMedium" | "bg-$backgroundNeutral" | "bg-$backgroundNeutralLight" | "bg-$backgroundPrimaryHeavy" | "bg-$backgroundPrimaryMedium" | "bg-$backgroundPrimaryLight" | "bg-$backgroundGeneralHeavy" | "bg-$backgroundGeneralMedium" | "bg-$backgroundGeneralLight" | "bg-$backgroundSuccessHeavy" | "bg-$backgroundSuccessLight" | "bg-$backgroundWarningHeavy" | "bg-$backgroundWarningLight" | "bg-$backgroundMajorLight" | "bg-$backgroundMajorHeavy" | "bg-$backgroundDangerHeavy" | "bg-$backgroundDangerLight" | "bg-$backgroundDisabled" | "bg-$backgroundDark" | "bg-$backgroundDarkElevated" | "bg-$backgroundDarkActive" | "bg-$backgroundInverted" | "bg-$textDisabled" | "bg-$textDefault" | "bg-$textNeutralHeavy" | "bg-$textNeutral" | "bg-$textNeutralLight" | "bg-$textDefaultLight" | "bg-$textPrimary" | "bg-$textGeneral" | "bg-$textSuccess" | "bg-$textSuccessLight" | "bg-$textMajor" | "bg-$textDanger" | "bg-$textDangerLight" | "bg-$iconDefault" | "bg-$iconNeutral" | "bg-$iconDefaultLight" | "bg-$iconPrimary" | "bg-$iconPrimaryLight" | "bg-$iconGeneral" | "bg-$iconGeneralLight" | "bg-$iconSuccess" | "bg-$iconSuccessLight" | "bg-$iconMajor" | "bg-$iconDanger" | "bg-$iconDangerLight" | "bg-$iconDisabled" | "bg-$outlineDefault" | "bg-$outlineDisabled" | "bg-$outlineDisabledHeavy" | "bg-$outlineNeutral" | "bg-$outlineNeutralHeavy" | "bg-$outlinePrimary" | "bg-$outlinePrimaryMedium" | "bg-$outlineGeneral" | "bg-$outlineWarning" | "bg-$outlineDanger" | "bg-$outlineInverted" | "bg-$black" | "bg-$white" | "bg-grey1" | "bg-grey5" | "bg-grey10" | "bg-grey20" | "bg-grey30" | "bg-grey40" | "bg-grey50" | "bg-grey60" | "bg-grey70" | "bg-grey80" | "bg-blue1" | "bg-blue5" | "bg-blue10" | "bg-blue20" | "bg-blue30" | "bg-blue40" | "bg-blue50" | "bg-blue60" | "bg-blue70" | "bg-blue80" | "bg-cyan10" | "bg-cyan20" | "bg-cyan30" | "bg-cyan40" | "bg-cyan50" | "bg-cyan60" | "bg-cyan70" | "bg-cyan80" | "bg-green1" | "bg-green5" | "bg-green10" | "bg-green20" | "bg-green30" | "bg-green40" | "bg-green50" | "bg-green60" | "bg-green70" | "bg-green80" | "bg-yellow1" | "bg-yellow5" | "bg-yellow10" | "bg-yellow20" | "bg-yellow30" | "bg-yellow40" | "bg-yellow50" | "bg-yellow60" | "bg-yellow70" | "bg-yellow80" | "bg-orange1" | "bg-orange5" | "bg-orange10" | "bg-orange20" | "bg-orange30" | "bg-orange40" | "bg-orange50" | "bg-orange60" | "bg-orange70" | "bg-orange80" | "bg-red1" | "bg-red5" | "bg-red10" | "bg-red20" | "bg-red30" | "bg-red40" | "bg-red50" | "bg-red60" | "bg-red70" | "bg-red80" | "bg-purple1" | "bg-purple5" | "bg-purple10" | "bg-purple20" | "bg-purple30" | "bg-purple40" | "bg-purple50" | "bg-purple60" | "bg-purple70" | "bg-purple80" | "bg-violet1" | "bg-violet5" | "bg-violet10" | "bg-violet20" | "bg-violet30" | "bg-violet40" | "bg-violet50" | "bg-violet60" | "bg-violet70" | "bg-violet80", boolean>> & Partial<Record<"margin" | "marginL" | "marginT" | "marginR" | "marginB" | "marginH" | "marginV", boolean>> & {
     label?: string | undefined;
     color?: string | undefined;
-    iconSource?: import("../image").ImageSourceType | ((iconStyle?: StyleProp<ImageStyle>[] | undefined) => JSX.Element) | null;
+    iconSource?: import("../image").ImageSourceType | ((iconStyle?: StyleProp<ImageStyle>[] | undefined) => React.JSX.Element) | null;
     iconStyle?: StyleProp<ImageStyle>;
     iconProps?: Partial<import("../icon").IconProps> | undefined;
     iconOnRight?: boolean | undefined;
@@ -479,7 +479,7 @@ declare const _default: React.ForwardRefExoticComponent<((import("../touchableOp
 }) | Omit<import("../touchableOpacity").TouchableOpacityProps & import("../../commons/modifiers").CustomModifier & Partial<Record<"bg-transparent" | "bg-black" | "bg-white" | "bg-dark" | "bg-$backgroundDefault" | "bg-$backgroundElevated" | "bg-$backgroundElevatedLight" | "bg-$backgroundNeutralHeavy" | "bg-$backgroundNeutralIdle" | "bg-$backgroundNeutralMedium" | "bg-$backgroundNeutral" | "bg-$backgroundNeutralLight" | "bg-$backgroundPrimaryHeavy" | "bg-$backgroundPrimaryMedium" | "bg-$backgroundPrimaryLight" | "bg-$backgroundGeneralHeavy" | "bg-$backgroundGeneralMedium" | "bg-$backgroundGeneralLight" | "bg-$backgroundSuccessHeavy" | "bg-$backgroundSuccessLight" | "bg-$backgroundWarningHeavy" | "bg-$backgroundWarningLight" | "bg-$backgroundMajorLight" | "bg-$backgroundMajorHeavy" | "bg-$backgroundDangerHeavy" | "bg-$backgroundDangerLight" | "bg-$backgroundDisabled" | "bg-$backgroundDark" | "bg-$backgroundDarkElevated" | "bg-$backgroundDarkActive" | "bg-$backgroundInverted" | "bg-$textDisabled" | "bg-$textDefault" | "bg-$textNeutralHeavy" | "bg-$textNeutral" | "bg-$textNeutralLight" | "bg-$textDefaultLight" | "bg-$textPrimary" | "bg-$textGeneral" | "bg-$textSuccess" | "bg-$textSuccessLight" | "bg-$textMajor" | "bg-$textDanger" | "bg-$textDangerLight" | "bg-$iconDefault" | "bg-$iconNeutral" | "bg-$iconDefaultLight" | "bg-$iconPrimary" | "bg-$iconPrimaryLight" | "bg-$iconGeneral" | "bg-$iconGeneralLight" | "bg-$iconSuccess" | "bg-$iconSuccessLight" | "bg-$iconMajor" | "bg-$iconDanger" | "bg-$iconDangerLight" | "bg-$iconDisabled" | "bg-$outlineDefault" | "bg-$outlineDisabled" | "bg-$outlineDisabledHeavy" | "bg-$outlineNeutral" | "bg-$outlineNeutralHeavy" | "bg-$outlinePrimary" | "bg-$outlinePrimaryMedium" | "bg-$outlineGeneral" | "bg-$outlineWarning" | "bg-$outlineDanger" | "bg-$outlineInverted" | "bg-$black" | "bg-$white" | "bg-grey1" | "bg-grey5" | "bg-grey10" | "bg-grey20" | "bg-grey30" | "bg-grey40" | "bg-grey50" | "bg-grey60" | "bg-grey70" | "bg-grey80" | "bg-blue1" | "bg-blue5" | "bg-blue10" | "bg-blue20" | "bg-blue30" | "bg-blue40" | "bg-blue50" | "bg-blue60" | "bg-blue70" | "bg-blue80" | "bg-cyan10" | "bg-cyan20" | "bg-cyan30" | "bg-cyan40" | "bg-cyan50" | "bg-cyan60" | "bg-cyan70" | "bg-cyan80" | "bg-green1" | "bg-green5" | "bg-green10" | "bg-green20" | "bg-green30" | "bg-green40" | "bg-green50" | "bg-green60" | "bg-green70" | "bg-green80" | "bg-yellow1" | "bg-yellow5" | "bg-yellow10" | "bg-yellow20" | "bg-yellow30" | "bg-yellow40" | "bg-yellow50" | "bg-yellow60" | "bg-yellow70" | "bg-yellow80" | "bg-orange1" | "bg-orange5" | "bg-orange10" | "bg-orange20" | "bg-orange30" | "bg-orange40" | "bg-orange50" | "bg-orange60" | "bg-orange70" | "bg-orange80" | "bg-red1" | "bg-red5" | "bg-red10" | "bg-red20" | "bg-red30" | "bg-red40" | "bg-red50" | "bg-red60" | "bg-red70" | "bg-red80" | "bg-purple1" | "bg-purple5" | "bg-purple10" | "bg-purple20" | "bg-purple30" | "bg-purple40" | "bg-purple50" | "bg-purple60" | "bg-purple70" | "bg-purple80" | "bg-violet1" | "bg-violet5" | "bg-violet10" | "bg-violet20" | "bg-violet30" | "bg-violet40" | "bg-violet50" | "bg-violet60" | "bg-violet70" | "bg-violet80", boolean>> & Partial<Record<"margin" | "marginL" | "marginT" | "marginR" | "marginB" | "marginH" | "marginV", boolean>> & {
     label?: string | undefined;
     color?: string | undefined;
-    iconSource?: import("../image").ImageSourceType | ((iconStyle?: StyleProp<ImageStyle>[] | undefined) => JSX.Element) | null;
+    iconSource?: import("../image").ImageSourceType | ((iconStyle?: StyleProp<ImageStyle>[] | undefined) => React.JSX.Element) | null;
     iconStyle?: StyleProp<ImageStyle>;
     iconProps?: Partial<import("../icon").IconProps> | undefined;
     iconOnRight?: boolean | undefined;
@@ -510,7 +510,7 @@ declare const _default: React.ForwardRefExoticComponent<((import("../touchableOp
 }, "ref"> | Omit<import("../touchableOpacity").TouchableOpacityProps & import("../../commons/modifiers").CustomModifier & Partial<Record<"transparent" | "black" | "white" | "dark" | "$backgroundDefault" | "$backgroundElevated" | "$backgroundElevatedLight" | "$backgroundNeutralHeavy" | "$backgroundNeutralIdle" | "$backgroundNeutralMedium" | "$backgroundNeutral" | "$backgroundNeutralLight" | "$backgroundPrimaryHeavy" | "$backgroundPrimaryMedium" | "$backgroundPrimaryLight" | "$backgroundGeneralHeavy" | "$backgroundGeneralMedium" | "$backgroundGeneralLight" | "$backgroundSuccessHeavy" | "$backgroundSuccessLight" | "$backgroundWarningHeavy" | "$backgroundWarningLight" | "$backgroundMajorLight" | "$backgroundMajorHeavy" | "$backgroundDangerHeavy" | "$backgroundDangerLight" | "$backgroundDisabled" | "$backgroundDark" | "$backgroundDarkElevated" | "$backgroundDarkActive" | "$backgroundInverted" | "$textDisabled" | "$textDefault" | "$textNeutralHeavy" | "$textNeutral" | "$textNeutralLight" | "$textDefaultLight" | "$textPrimary" | "$textGeneral" | "$textSuccess" | "$textSuccessLight" | "$textMajor" | "$textDanger" | "$textDangerLight" | "$iconDefault" | "$iconNeutral" | "$iconDefaultLight" | "$iconPrimary" | "$iconPrimaryLight" | "$iconGeneral" | "$iconGeneralLight" | "$iconSuccess" | "$iconSuccessLight" | "$iconMajor" | "$iconDanger" | "$iconDangerLight" | "$iconDisabled" | "$outlineDefault" | "$outlineDisabled" | "$outlineDisabledHeavy" | "$outlineNeutral" | "$outlineNeutralHeavy" | "$outlinePrimary" | "$outlinePrimaryMedium" | "$outlineGeneral" | "$outlineWarning" | "$outlineDanger" | "$outlineInverted" | "$black" | "$white" | "grey1" | "grey5" | "grey10" | "grey20" | "grey30" | "grey40" | "grey50" | "grey60" | "grey70" | "grey80" | "blue1" | "blue5" | "blue10" | "blue20" | "blue30" | "blue40" | "blue50" | "blue60" | "blue70" | "blue80" | "cyan10" | "cyan20" | "cyan30" | "cyan40" | "cyan50" | "cyan60" | "cyan70" | "cyan80" | "green1" | "green5" | "green10" | "green20" | "green30" | "green40" | "green50" | "green60" | "green70" | "green80" | "yellow1" | "yellow5" | "yellow10" | "yellow20" | "yellow30" | "yellow40" | "yellow50" | "yellow60" | "yellow70" | "yellow80" | "orange1" | "orange5" | "orange10" | "orange20" | "orange30" | "orange40" | "orange50" | "orange60" | "orange70" | "orange80" | "red1" | "red5" | "red10" | "red20" | "red30" | "red40" | "red50" | "red60" | "red70" | "red80" | "purple1" | "purple5" | "purple10" | "purple20" | "purple30" | "purple40" | "purple50" | "purple60" | "purple70" | "purple80" | "violet1" | "violet5" | "violet10" | "violet20" | "violet30" | "violet40" | "violet50" | "violet60" | "violet70" | "violet80", boolean>> & Partial<Record<"bg-transparent" | "bg-black" | "bg-white" | "bg-dark" | "bg-$backgroundDefault" | "bg-$backgroundElevated" | "bg-$backgroundElevatedLight" | "bg-$backgroundNeutralHeavy" | "bg-$backgroundNeutralIdle" | "bg-$backgroundNeutralMedium" | "bg-$backgroundNeutral" | "bg-$backgroundNeutralLight" | "bg-$backgroundPrimaryHeavy" | "bg-$backgroundPrimaryMedium" | "bg-$backgroundPrimaryLight" | "bg-$backgroundGeneralHeavy" | "bg-$backgroundGeneralMedium" | "bg-$backgroundGeneralLight" | "bg-$backgroundSuccessHeavy" | "bg-$backgroundSuccessLight" | "bg-$backgroundWarningHeavy" | "bg-$backgroundWarningLight" | "bg-$backgroundMajorLight" | "bg-$backgroundMajorHeavy" | "bg-$backgroundDangerHeavy" | "bg-$backgroundDangerLight" | "bg-$backgroundDisabled" | "bg-$backgroundDark" | "bg-$backgroundDarkElevated" | "bg-$backgroundDarkActive" | "bg-$backgroundInverted" | "bg-$textDisabled" | "bg-$textDefault" | "bg-$textNeutralHeavy" | "bg-$textNeutral" | "bg-$textNeutralLight" | "bg-$textDefaultLight" | "bg-$textPrimary" | "bg-$textGeneral" | "bg-$textSuccess" | "bg-$textSuccessLight" | "bg-$textMajor" | "bg-$textDanger" | "bg-$textDangerLight" | "bg-$iconDefault" | "bg-$iconNeutral" | "bg-$iconDefaultLight" | "bg-$iconPrimary" | "bg-$iconPrimaryLight" | "bg-$iconGeneral" | "bg-$iconGeneralLight" | "bg-$iconSuccess" | "bg-$iconSuccessLight" | "bg-$iconMajor" | "bg-$iconDanger" | "bg-$iconDangerLight" | "bg-$iconDisabled" | "bg-$outlineDefault" | "bg-$outlineDisabled" | "bg-$outlineDisabledHeavy" | "bg-$outlineNeutral" | "bg-$outlineNeutralHeavy" | "bg-$outlinePrimary" | "bg-$outlinePrimaryMedium" | "bg-$outlineGeneral" | "bg-$outlineWarning" | "bg-$outlineDanger" | "bg-$outlineInverted" | "bg-$black" | "bg-$white" | "bg-grey1" | "bg-grey5" | "bg-grey10" | "bg-grey20" | "bg-grey30" | "bg-grey40" | "bg-grey50" | "bg-grey60" | "bg-grey70" | "bg-grey80" | "bg-blue1" | "bg-blue5" | "bg-blue10" | "bg-blue20" | "bg-blue30" | "bg-blue40" | "bg-blue50" | "bg-blue60" | "bg-blue70" | "bg-blue80" | "bg-cyan10" | "bg-cyan20" | "bg-cyan30" | "bg-cyan40" | "bg-cyan50" | "bg-cyan60" | "bg-cyan70" | "bg-cyan80" | "bg-green1" | "bg-green5" | "bg-green10" | "bg-green20" | "bg-green30" | "bg-green40" | "bg-green50" | "bg-green60" | "bg-green70" | "bg-green80" | "bg-yellow1" | "bg-yellow5" | "bg-yellow10" | "bg-yellow20" | "bg-yellow30" | "bg-yellow40" | "bg-yellow50" | "bg-yellow60" | "bg-yellow70" | "bg-yellow80" | "bg-orange1" | "bg-orange5" | "bg-orange10" | "bg-orange20" | "bg-orange30" | "bg-orange40" | "bg-orange50" | "bg-orange60" | "bg-orange70" | "bg-orange80" | "bg-red1" | "bg-red5" | "bg-red10" | "bg-red20" | "bg-red30" | "bg-red40" | "bg-red50" | "bg-red60" | "bg-red70" | "bg-red80" | "bg-purple1" | "bg-purple5" | "bg-purple10" | "bg-purple20" | "bg-purple30" | "bg-purple40" | "bg-purple50" | "bg-purple60" | "bg-purple70" | "bg-purple80" | "bg-violet1" | "bg-violet5" | "bg-violet10" | "bg-violet20" | "bg-violet30" | "bg-violet40" | "bg-violet50" | "bg-violet60" | "bg-violet70" | "bg-violet80", boolean>> & Partial<Record<"margin" | "marginL" | "marginT" | "marginR" | "marginB" | "marginH" | "marginV", boolean>> & {
     label?: string | undefined;
     color?: string | undefined;
-    iconSource?: import("../image").ImageSourceType | ((iconStyle?: StyleProp<ImageStyle>[] | undefined) => JSX.Element) | null;
+    iconSource?: import("../image").ImageSourceType | ((iconStyle?: StyleProp<ImageStyle>[] | undefined) => React.JSX.Element) | null;
     iconStyle?: StyleProp<ImageStyle>;
     iconProps?: Partial<import("../icon").IconProps> | undefined;
     iconOnRight?: boolean | undefined;
@@ -541,7 +541,7 @@ declare const _default: React.ForwardRefExoticComponent<((import("../touchableOp
 }, "ref"> | Omit<import("../touchableOpacity").TouchableOpacityProps & Partial<Record<"text10" | "text20" | "text30" | "text40" | "text50" | "text60" | "text65" | "text70" | "text80" | "text90" | "text100" | "text10T" | "text10L" | "text10R" | "text10M" | "text10BO" | "text10H" | "text10BL" | "text20T" | "text20L" | "text20R" | "text20M" | "text20BO" | "text20H" | "text20BL" | "text30T" | "text30L" | "text30R" | "text30M" | "text30BO" | "text30H" | "text30BL" | "text40T" | "text40L" | "text40R" | "text40M" | "text40BO" | "text40H" | "text40BL" | "text50T" | "text50L" | "text50R" | "text50M" | "text50BO" | "text50H" | "text50BL" | "text60T" | "text60L" | "text60R" | "text60M" | "text60BO" | "text60H" | "text60BL" | "text65T" | "text65L" | "text65R" | "text65M" | "text65BO" | "text65H" | "text65BL" | "text70T" | "text70L" | "text70R" | "text70M" | "text70BO" | "text70H" | "text70BL" | "text80T" | "text80L" | "text80R" | "text80M" | "text80BO" | "text80H" | "text80BL" | "text90T" | "text90L" | "text90R" | "text90M" | "text90BO" | "text90H" | "text90BL" | "text100T" | "text100L" | "text100R" | "text100M" | "text100BO" | "text100H" | "text100BL", boolean>> & import("../../commons/modifiers").CustomModifier & Partial<Record<"bg-transparent" | "bg-black" | "bg-white" | "bg-dark" | "bg-$backgroundDefault" | "bg-$backgroundElevated" | "bg-$backgroundElevatedLight" | "bg-$backgroundNeutralHeavy" | "bg-$backgroundNeutralIdle" | "bg-$backgroundNeutralMedium" | "bg-$backgroundNeutral" | "bg-$backgroundNeutralLight" | "bg-$backgroundPrimaryHeavy" | "bg-$backgroundPrimaryMedium" | "bg-$backgroundPrimaryLight" | "bg-$backgroundGeneralHeavy" | "bg-$backgroundGeneralMedium" | "bg-$backgroundGeneralLight" | "bg-$backgroundSuccessHeavy" | "bg-$backgroundSuccessLight" | "bg-$backgroundWarningHeavy" | "bg-$backgroundWarningLight" | "bg-$backgroundMajorLight" | "bg-$backgroundMajorHeavy" | "bg-$backgroundDangerHeavy" | "bg-$backgroundDangerLight" | "bg-$backgroundDisabled" | "bg-$backgroundDark" | "bg-$backgroundDarkElevated" | "bg-$backgroundDarkActive" | "bg-$backgroundInverted" | "bg-$textDisabled" | "bg-$textDefault" | "bg-$textNeutralHeavy" | "bg-$textNeutral" | "bg-$textNeutralLight" | "bg-$textDefaultLight" | "bg-$textPrimary" | "bg-$textGeneral" | "bg-$textSuccess" | "bg-$textSuccessLight" | "bg-$textMajor" | "bg-$textDanger" | "bg-$textDangerLight" | "bg-$iconDefault" | "bg-$iconNeutral" | "bg-$iconDefaultLight" | "bg-$iconPrimary" | "bg-$iconPrimaryLight" | "bg-$iconGeneral" | "bg-$iconGeneralLight" | "bg-$iconSuccess" | "bg-$iconSuccessLight" | "bg-$iconMajor" | "bg-$iconDanger" | "bg-$iconDangerLight" | "bg-$iconDisabled" | "bg-$outlineDefault" | "bg-$outlineDisabled" | "bg-$outlineDisabledHeavy" | "bg-$outlineNeutral" | "bg-$outlineNeutralHeavy" | "bg-$outlinePrimary" | "bg-$outlinePrimaryMedium" | "bg-$outlineGeneral" | "bg-$outlineWarning" | "bg-$outlineDanger" | "bg-$outlineInverted" | "bg-$black" | "bg-$white" | "bg-grey1" | "bg-grey5" | "bg-grey10" | "bg-grey20" | "bg-grey30" | "bg-grey40" | "bg-grey50" | "bg-grey60" | "bg-grey70" | "bg-grey80" | "bg-blue1" | "bg-blue5" | "bg-blue10" | "bg-blue20" | "bg-blue30" | "bg-blue40" | "bg-blue50" | "bg-blue60" | "bg-blue70" | "bg-blue80" | "bg-cyan10" | "bg-cyan20" | "bg-cyan30" | "bg-cyan40" | "bg-cyan50" | "bg-cyan60" | "bg-cyan70" | "bg-cyan80" | "bg-green1" | "bg-green5" | "bg-green10" | "bg-green20" | "bg-green30" | "bg-green40" | "bg-green50" | "bg-green60" | "bg-green70" | "bg-green80" | "bg-yellow1" | "bg-yellow5" | "bg-yellow10" | "bg-yellow20" | "bg-yellow30" | "bg-yellow40" | "bg-yellow50" | "bg-yellow60" | "bg-yellow70" | "bg-yellow80" | "bg-orange1" | "bg-orange5" | "bg-orange10" | "bg-orange20" | "bg-orange30" | "bg-orange40" | "bg-orange50" | "bg-orange60" | "bg-orange70" | "bg-orange80" | "bg-red1" | "bg-red5" | "bg-red10" | "bg-red20" | "bg-red30" | "bg-red40" | "bg-red50" | "bg-red60" | "bg-red70" | "bg-red80" | "bg-purple1" | "bg-purple5" | "bg-purple10" | "bg-purple20" | "bg-purple30" | "bg-purple40" | "bg-purple50" | "bg-purple60" | "bg-purple70" | "bg-purple80" | "bg-violet1" | "bg-violet5" | "bg-violet10" | "bg-violet20" | "bg-violet30" | "bg-violet40" | "bg-violet50" | "bg-violet60" | "bg-violet70" | "bg-violet80", boolean>> & Partial<Record<"margin" | "marginL" | "marginT" | "marginR" | "marginB" | "marginH" | "marginV", boolean>> & {
     label?: string | undefined;
     color?: string | undefined;
-    iconSource?: import("../image").ImageSourceType | ((iconStyle?: StyleProp<ImageStyle>[] | undefined) => JSX.Element) | null;
+    iconSource?: import("../image").ImageSourceType | ((iconStyle?: StyleProp<ImageStyle>[] | undefined) => React.JSX.Element) | null;
     iconStyle?: StyleProp<ImageStyle>;
     iconProps?: Partial<import("../icon").IconProps> | undefined;
     iconOnRight?: boolean | undefined;

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

@@ -1,7 +1,7 @@
-/// <reference types="react" />
 import { ImageStyle, TextStyle, StyleProp } from 'react-native';
 import { BaseComponentInjectedProps, ForwardRefInjectedProps, TypographyModifiers, ColorsModifiers, BackgroundColorModifier, MarginModifiers } from '../../commons/new';
 import { TouchableOpacityProps } from '../touchableOpacity';
+import type { JSX } from 'react';
 import { TextProps } from '../text';
 import { ImageProps } from '../image';
 import type { IconProps } from '../icon';
@@ -140,7 +140,7 @@ export type ButtonProps = TouchableOpacityProps & TypographyModifiers & ColorsMo
     /**
      * Custom element to render as button background (takes precedence over backgroundColor)
      */
-    customBackground?: React.ReactElement;
+    customBackground?: React.ReactElement<any>;
 };
 export type ButtonState = {
     size?: number;

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

@@ -1,4 +1,4 @@
-import React, { Component, RefObject, ReactNode, Key } from 'react';
+import React, { Component, RefObject, ReactNode, Key, type JSX } from 'react';
 import { ScrollView, LayoutChangeEvent, NativeSyntheticEvent, NativeScrollEvent } from 'react-native';
 import { CarouselProps, CarouselState, PageControlPosition } from './types';
 export { CarouselProps, PageControlPosition };
@@ -15,7 +15,7 @@ declare class Carousel extends Component<CarouselProps, CarouselState> {
     static displayName: string;
     static defaultProps: DefaultProps;
     static pageControlPositions: typeof PageControlPosition;
-    carousel: RefObject<ScrollView>;
+    carousel: RefObject<ScrollView | null>;
     autoplayTimer?: ReturnType<typeof setTimeout>;
     orientationChange?: boolean;
     skippedInitialScroll?: boolean;
@@ -49,7 +49,7 @@ declare class Carousel extends Component<CarouselProps, CarouselState> {
     goToNextPage(): void;
     getCalcIndex(index: number): number;
     getSnapToOffsets: () => number[] | undefined;
-    getInitialContentOffset: (snapToOffsets: number[] | undefined) => PointPropType;
+    getInitialContentOffset: (snapToOffsets: number[] | undefined) => import("./types").PointPropType;
     shouldUsePageWidth(): number | false | undefined;
     shouldEnablePagination(): boolean | undefined;
     shouldAllowAccessibilityLayout(): boolean | undefined;
@@ -60,11 +60,11 @@ declare class Carousel extends Component<CarouselProps, CarouselState> {
     onScrollEvent: (...args: any[]) => void;
     renderChild: (child: ReactNode, key: Key) => JSX.Element | undefined;
     renderChildren(): JSX.Element[] | null | undefined;
-    renderPageControl(): React.JSX.Element | undefined;
-    renderCounter(): React.JSX.Element | undefined;
-    renderAccessibleLayout(): React.JSX.Element;
-    renderCarousel(): React.JSX.Element;
-    render(): React.JSX.Element;
+    renderPageControl(): JSX.Element | undefined;
+    renderCounter(): JSX.Element | undefined;
+    renderAccessibleLayout(): JSX.Element;
+    renderCarousel(): JSX.Element;
+    render(): JSX.Element;
 }
 export { Carousel };
 declare const _default: React.ForwardRefExoticComponent<CarouselProps & React.RefAttributes<any>> & Carousel & {

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

@@ -1,10 +1,13 @@
 import { ScrollViewProps, StyleProp, ViewStyle, NativeSyntheticEvent, NativeScrollEvent, Animated } from 'react-native';
-import { PointPropType } from 'deprecated-react-native-prop-types';
 import { PageControlProps } from '../pageControl';
 export declare enum PageControlPosition {
     OVER = "over",
     UNDER = "under"
 }
+export type PointPropType = {
+    x: number;
+    y: number;
+};
 export interface CarouselProps extends ScrollViewProps {
     /**
      * the first page to start with

package/src/components/carousel/types.js

@@ -1,5 +1,3 @@
-// @ts-expect-error No typings available for 'deprecated-react-native-prop-types'
-
 export let PageControlPosition = /*#__PURE__*/function (PageControlPosition) {
   PageControlPosition["OVER"] = "over";
   PageControlPosition["UNDER"] = "under";

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

@@ -49,7 +49,7 @@ export interface CheckboxProps extends TouchableOpacityProps {
     /**
      * The label of the checkbox
      */
-    label?: string;
+    label?: string | React.ReactElement<Text>;
     /**
      * The style of the label
      */

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { type JSX } from 'react';
 import { StyleProp, ViewStyle, ViewProps, ImageStyle, TextStyle, ImageSourcePropType } from 'react-native';
 import { AvatarProps } from '../avatar';
 import { BadgeProps } from '../badge';

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

@@ -5,6 +5,8 @@ export declare enum ChipsInputChangeReason {
     Added = "added",
     Removed = "removed"
 }
+type ChipsInputChangeReasonUnion = `${ChipsInputChangeReason}`;
+export type ChipsInputChangeReasonProps = ChipsInputChangeReasonUnion | ChipsInputChangeReason;
 export type ChipsInputChipProps = ChipProps & {
     invalid?: boolean;
 };

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

@@ -73,7 +73,7 @@ declare class ColorPalette extends PureComponent<Props, State> {
         backgroundColor: string;
     };
     constructor(props: Props);
-    carousel: React.RefObject<typeof Carousel>;
+    carousel: React.RefObject<typeof Carousel | null>;
     scrollBar: React.RefObject<any>;
     itemsRefs?: any;
     selectedColorIndex?: number;

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

@@ -66,7 +66,7 @@ export type DateTimePickerProps = OldApiProps & Omit<TextFieldProps, 'value' | '
      */
     renderInput?: (props: Omit<DateTimePickerProps, 'value'> & {
         value?: string;
-    }) => React.ReactElement;
+    }) => React.ReactElement<any>;
     /**
      * Override system theme variant (dark or light mode) used by the date picker.
      */
@@ -164,7 +164,7 @@ declare const DateTimePicker: React.ForwardRefExoticComponent<OldApiProps & Omit
      */
     renderInput?: ((props: Omit<DateTimePickerProps, 'value'> & {
         value?: string;
-    }) => React.ReactElement) | undefined;
+    }) => React.ReactElement<any>) | undefined;
     /**
      * Override system theme variant (dark or light mode) used by the date picker.
      */

package/src/components/dateTimePicker/index.js

@@ -53,8 +53,8 @@ const DateTimePicker = forwardRef((props, ref) => {
   } = props;
   const [value, setValue] = useState(propsValue);
   const chosenDate = useRef(propsValue);
-  const expandable = useRef();
-  const textField = useRef();
+  const expandable = useRef(undefined);
+  const textField = useRef(undefined);
   useImperativeHandle(ref, () => {
     return {
       isValid: () => textField.current?.isValid(),

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

@@ -45,19 +45,19 @@ export interface DialogHeaderProps extends ViewProps {
     /**
      * 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 element above the title
      */
-    topAccessory?: ReactElement;
+    topAccessory?: ReactElement<any>;
     /**
      * Pass to render a bottom element below the subtitle
      */
-    bottomAccessory?: ReactElement;
+    bottomAccessory?: ReactElement<any>;
     /**
      * Style for the leading + content + trailing components (without the topAccessory\bottomAccessory)
      */

package/src/components/dialog/useDialogContent.d.ts

@@ -8,6 +8,6 @@ declare const useDialogContent: (props: InternalDialogCloseButtonProps) => {
     containerStyle: false | "" | import("react-native").ViewStyle | import("react-native").RegisteredStyle<import("react-native").ViewStyle> | import("react-native").RecursiveArray<import("react-native").ViewStyle | import("react-native").Falsy | import("react-native").RegisteredStyle<import("react-native").ViewStyle>> | (import("react-native").StyleProp<import("react-native").ViewStyle> | {
         backgroundColor: string;
     })[] | null | undefined;
-    containerProps: Omit<import("../../components/view").ViewProps, "style" | "testID" | "ref" | "onLayout" | "animated" | "reanimated"> | undefined;
+    containerProps: Omit<import("../../components/view").ViewProps, "style" | "ref" | "animated" | "onLayout" | "testID" | "reanimated"> | undefined;
 };
 export default useDialogContent;

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

@@ -126,7 +126,7 @@ declare class Drawer extends PureComponent<DrawerProps> {
     };
     leftRender: SwipeableProps['renderLeftActions'];
     rightRender: SwipeableProps['renderLeftActions'];
-    _swipeableRow: RefObject<Swipeable>;
+    _swipeableRow: RefObject<Swipeable | null>;
     animationOptions: SwipeableProps['animationOptions'];
     leftActionX: Animated.Value;
     constructor(props: DrawerProps);