dhre-ui-kit 2.0.15 → 2.0.17

package/lib/components/customSearchBar/CustomSearchBar.interface.d.ts

@@ -0,0 +1,24 @@
+import { GestureResponderEvent, TextInputProps, TextStyle, ViewStyle } from 'react-native';
+export interface CustomSearchBarProps extends TextInputProps {
+    height?: number;
+    disabled?: boolean;
+    testID?: string;
+    inputContainerStyle?: ViewStyle;
+    searchIconStyle?: TextStyle;
+    crossIconStyle?: TextStyle;
+    inputStyle?: TextStyle;
+    onSearchIconPress?: () => void;
+    onCrossIconPress?: () => void;
+    handleOnChangeText?: (text: string) => void;
+    searchIcon: React.ReactElement;
+    rightIcon: React.ReactElement;
+    disableBorderColor?: string;
+    disablePlaceHolderStyle?: string;
+    enablePlaceHolderStyle?: string;
+    borderColor?: string;
+    setValue: (val: string) => void;
+    value: string | undefined;
+    handlePress?: (event: GestureResponderEvent) => void;
+    pointerEvents?: 'box-none' | 'none' | 'box-only' | 'auto' | undefined;
+    autoFocus?: boolean;
+}

package/lib/components/customSearchBar/CustomSearchBar.styles.d.ts

@@ -0,0 +1,143 @@
+declare const styles: {
+    inputContainer: {
+        flexDirection: "row";
+        justifyContent: "center";
+        alignItems: "center";
+        paddingHorizontal: number;
+        borderRadius: number;
+        borderWidth: number;
+    };
+    input: {
+        color: string;
+        textAlignVertical: "center";
+        paddingVertical: number;
+        paddingBottom: number;
+        fontFamily?: string | undefined;
+        fontSize?: number | undefined;
+        fontStyle?: "normal" | "italic" | undefined;
+        fontWeight?: "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | undefined;
+        letterSpacing?: number | undefined;
+        lineHeight?: number | undefined;
+        textAlign?: "auto" | "left" | "right" | "center" | "justify" | undefined;
+        textDecorationLine?: "none" | "underline" | "line-through" | "underline line-through" | undefined;
+        textDecorationStyle?: "solid" | "double" | "dotted" | "dashed" | undefined;
+        textDecorationColor?: import("react-native").ColorValue | undefined;
+        textShadowColor?: import("react-native").ColorValue | undefined;
+        textShadowOffset?: {
+            width: number;
+            height: number;
+        } | undefined;
+        textShadowRadius?: number | undefined;
+        textTransform?: "none" | "capitalize" | "uppercase" | "lowercase" | undefined;
+        testID?: string | undefined;
+        fontVariant?: import("react-native").FontVariant[] | undefined;
+        writingDirection?: "auto" | "ltr" | "rtl" | undefined;
+        backfaceVisibility?: "visible" | "hidden" | undefined;
+        backgroundColor?: import("react-native").ColorValue | undefined;
+        borderBlockColor?: import("react-native").ColorValue | undefined;
+        borderBlockEndColor?: import("react-native").ColorValue | undefined;
+        borderBlockStartColor?: import("react-native").ColorValue | undefined;
+        borderBottomColor?: import("react-native").ColorValue | undefined;
+        borderBottomEndRadius?: import("react-native").AnimatableNumericValue | undefined;
+        borderBottomLeftRadius?: import("react-native").AnimatableNumericValue | undefined;
+        borderBottomRightRadius?: import("react-native").AnimatableNumericValue | undefined;
+        borderBottomStartRadius?: import("react-native").AnimatableNumericValue | undefined;
+        borderColor?: import("react-native").ColorValue | undefined;
+        borderCurve?: "circular" | "continuous" | undefined;
+        borderEndColor?: import("react-native").ColorValue | undefined;
+        borderEndEndRadius?: import("react-native").AnimatableNumericValue | undefined;
+        borderEndStartRadius?: import("react-native").AnimatableNumericValue | undefined;
+        borderLeftColor?: import("react-native").ColorValue | undefined;
+        borderRadius?: import("react-native").AnimatableNumericValue | undefined;
+        borderRightColor?: import("react-native").ColorValue | undefined;
+        borderStartColor?: import("react-native").ColorValue | undefined;
+        borderStartEndRadius?: import("react-native").AnimatableNumericValue | undefined;
+        borderStartStartRadius?: import("react-native").AnimatableNumericValue | undefined;
+        borderStyle?: "solid" | "dotted" | "dashed" | undefined;
+        borderTopColor?: import("react-native").ColorValue | undefined;
+        borderTopEndRadius?: import("react-native").AnimatableNumericValue | undefined;
+        borderTopLeftRadius?: import("react-native").AnimatableNumericValue | undefined;
+        borderTopRightRadius?: import("react-native").AnimatableNumericValue | undefined;
+        borderTopStartRadius?: import("react-native").AnimatableNumericValue | undefined;
+        opacity?: import("react-native").AnimatableNumericValue | undefined;
+        elevation?: number | undefined;
+        pointerEvents?: "box-none" | "none" | "box-only" | "auto" | undefined;
+        alignContent?: "flex-start" | "flex-end" | "center" | "stretch" | "space-between" | "space-around" | undefined;
+        alignItems?: import("react-native").FlexAlignType | undefined;
+        alignSelf?: "auto" | import("react-native").FlexAlignType | undefined;
+        aspectRatio?: number | string | undefined;
+        borderBottomWidth?: number | undefined;
+        borderEndWidth?: number | undefined;
+        borderLeftWidth?: number | undefined;
+        borderRightWidth?: number | undefined;
+        borderStartWidth?: number | undefined;
+        borderTopWidth?: number | undefined;
+        borderWidth?: number | undefined;
+        bottom?: import("react-native").DimensionValue | undefined;
+        display?: "none" | "flex" | undefined;
+        end?: import("react-native").DimensionValue | undefined;
+        flex: number;
+        flexBasis?: import("react-native").DimensionValue | undefined;
+        flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
+        rowGap?: number | undefined;
+        gap?: number | undefined;
+        columnGap?: number | undefined;
+        flexGrow?: number | undefined;
+        flexShrink?: number | undefined;
+        flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
+        height?: import("react-native").DimensionValue | undefined;
+        justifyContent?: "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly" | undefined;
+        left?: import("react-native").DimensionValue | undefined;
+        margin?: import("react-native").DimensionValue | undefined;
+        marginBottom?: import("react-native").DimensionValue | undefined;
+        marginEnd?: import("react-native").DimensionValue | undefined;
+        marginHorizontal?: import("react-native").DimensionValue | undefined;
+        marginLeft?: import("react-native").DimensionValue | undefined;
+        marginRight?: import("react-native").DimensionValue | undefined;
+        marginStart?: import("react-native").DimensionValue | undefined;
+        marginTop?: import("react-native").DimensionValue | undefined;
+        marginVertical?: import("react-native").DimensionValue | undefined;
+        maxHeight?: import("react-native").DimensionValue | undefined;
+        maxWidth?: import("react-native").DimensionValue | undefined;
+        minHeight?: import("react-native").DimensionValue | undefined;
+        minWidth?: import("react-native").DimensionValue | undefined;
+        overflow?: "visible" | "hidden" | "scroll" | undefined;
+        padding?: import("react-native").DimensionValue | undefined;
+        paddingEnd?: import("react-native").DimensionValue | undefined;
+        paddingHorizontal?: import("react-native").DimensionValue | undefined;
+        paddingLeft?: import("react-native").DimensionValue | undefined;
+        paddingRight?: import("react-native").DimensionValue | undefined;
+        paddingStart?: import("react-native").DimensionValue | undefined;
+        paddingTop?: import("react-native").DimensionValue | undefined;
+        position?: "absolute" | "relative" | undefined;
+        right?: import("react-native").DimensionValue | undefined;
+        start?: import("react-native").DimensionValue | undefined;
+        top?: import("react-native").DimensionValue | undefined;
+        width?: import("react-native").DimensionValue | undefined;
+        zIndex?: number | undefined;
+        direction?: "inherit" | "ltr" | "rtl" | undefined;
+        shadowColor?: import("react-native").ColorValue | undefined;
+        shadowOffset?: Readonly<{
+            width: number;
+            height: number;
+        }> | undefined;
+        shadowOpacity?: import("react-native").AnimatableNumericValue | undefined;
+        shadowRadius?: number | undefined;
+        transform?: (import("react-native").PerpectiveTransform | import("react-native").RotateTransform | import("react-native").RotateXTransform | import("react-native").RotateYTransform | import("react-native").RotateZTransform | import("react-native").ScaleTransform | import("react-native").ScaleXTransform | import("react-native").ScaleYTransform | import("react-native").TranslateXTransform | import("react-native").TranslateYTransform | import("react-native").SkewXTransform | import("react-native").SkewYTransform | import("react-native").MatrixTransform)[] | undefined;
+        transformMatrix?: Array<number> | undefined;
+        rotation?: import("react-native").AnimatableNumericValue | undefined;
+        scaleX?: import("react-native").AnimatableNumericValue | undefined;
+        scaleY?: import("react-native").AnimatableNumericValue | undefined;
+        translateX?: import("react-native").AnimatableNumericValue | undefined;
+        translateY?: import("react-native").AnimatableNumericValue | undefined;
+        verticalAlign?: "auto" | "top" | "bottom" | "middle" | undefined;
+        includeFontPadding?: boolean | undefined;
+    };
+    crossIconStyle: {
+        marginLeft: number;
+    };
+    searchIconStyle: {
+        marginRight: number;
+    };
+};
+export default styles;

package/lib/components/customSearchBar/CustomSearchBar.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/components/customSearchBar/index.d.ts

@@ -0,0 +1 @@
+export { default } from './CustomSearchBar';

package/lib/components/customSlideButton/custom-slide-button.interface.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { TextStyle, ViewStyle } from 'react-native';
+export interface CustomSlideButtonProps {
+    label?: string;
+    onComplete?: () => void;
+    onReset?: () => void;
+    icon: React.ReactElement;
+    size?: number;
+    textStyle?: TextStyle;
+    containerStyle?: ViewStyle;
+    sliderStyle?: ViewStyle;
+    sliderBackgroundColor?: string;
+    sliderTextColor?: string;
+    resetTimer?: number;
+}
+export type SlideButtonHandle = {
+    reset?: () => void;
+};

package/lib/components/customSlideButton/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { CustomSlideButtonProps, SlideButtonHandle } from './custom-slide-button.interface';
+declare const _default: (props: CustomSlideButtonProps & React.RefAttributes<SlideButtonHandle>) => React.JSX.Element;
+export default _default;

package/lib/components/customSlideButton/styles.d.ts

@@ -0,0 +1,34 @@
+declare const styles: {
+    container: {
+        flex: number;
+        justifyContent: "center";
+        alignItems: "center";
+    };
+    sliderContainer: {
+        height: number;
+        overflow: "hidden";
+        justifyContent: "center";
+    };
+    slider: {
+        height: "100%";
+        width: "100%";
+        position: "absolute";
+        justifyContent: "center";
+    };
+    button: {
+        height: number;
+        justifyContent: "center";
+        alignItems: "center";
+        margin: number;
+    };
+    buttonTextContainer: {
+        position: "absolute";
+        left: number;
+        right: number;
+        bottom: number;
+        top: number;
+        alignItems: "center";
+        justifyContent: "center";
+    };
+};
+export default styles;

package/lib/components/customSwitchBtn/customSwitchBtn.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { CustomSwitchBtnProps } from './customSwitchBtn.interface';
+declare const CustomSwitchBtn: ({ value, onValueChange, disabled, activeText, activeTextVariant, inActiveText, inActiveTextVariant, containerStyle, activeTextStyle, inActiveTextStyle, circleStyle, }: CustomSwitchBtnProps) => React.JSX.Element;
+export default CustomSwitchBtn;

package/lib/components/customSwitchBtn/customSwitchBtn.interface.d.ts

@@ -0,0 +1,14 @@
+import { TextStyle, ViewStyle } from 'react-native';
+export interface CustomSwitchBtnProps {
+    value: boolean;
+    onValueChange: (value: boolean) => void;
+    activeText: string;
+    activeTextVariant?: string;
+    inActiveText: string;
+    inActiveTextVariant?: string;
+    containerStyle?: ViewStyle;
+    activeTextStyle?: TextStyle;
+    inActiveTextStyle?: TextStyle;
+    disabled?: boolean;
+    circleStyle?: ViewStyle;
+}

package/lib/components/customSwitchBtn/customSwitchBtn.styles.d.ts

@@ -0,0 +1,26 @@
+declare const styles: {
+    mainContainer: {
+        flexDirection: "row";
+        justifyContent: "space-between";
+        alignItems: "center";
+        width: number;
+        height: number;
+        borderRadius: number;
+        padding: number;
+    };
+    circle: {
+        width: number;
+        height: number;
+        borderRadius: number;
+    };
+    activeText: {
+        position: "absolute";
+        left: number;
+    };
+    inActiveText: {
+        position: "absolute";
+        top: number;
+        right: number;
+    };
+};
+export default styles;

package/lib/components/customSwitchBtn/index.d.ts

@@ -0,0 +1 @@
+export { default } from './customSwitchBtn';

package/lib/components/customText/CustomText.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { StyleProp, TextProps, TextStyle } from 'react-native';
+import { FONT_STYLES } from '../../theme/fonts';
+export interface CustomTextProps extends TextProps {
+    text: string;
+    variant: keyof typeof FONT_STYLES | string;
+    style?: StyleProp<TextStyle>;
+    textColor?: string;
+}
+declare const _default: (props: CustomTextProps) => React.JSX.Element;
+export default _default;

package/lib/components/customText/index.d.ts

@@ -0,0 +1 @@
+export { default } from './CustomText';

package/lib/components/customTooltip/CustomTooltip.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { CustomTooltipProps } from './CustomTooltip.interface';
+declare const CustomTooltip: React.FC<CustomTooltipProps>;
+export default CustomTooltip;

package/lib/components/customTooltip/CustomTooltip.interface.d.ts

@@ -0,0 +1,16 @@
+import { ReactElement, JSXElementConstructor } from 'react';
+import { TooltipProps } from 'react-native-walkthrough-tooltip';
+export interface CustomTooltipProps extends TooltipProps {
+    isVisible: boolean;
+    onClose: () => void;
+    content: ReactElement<string | JSXElementConstructor<string>>;
+    placement?: 'top' | 'bottom' | 'left' | 'right';
+    displayInsets?: {
+        top: number;
+        bottom: number;
+        left: number;
+        right: number;
+    };
+    backgroundColor?: string;
+    triggerElement: React.ReactNode;
+}

package/lib/components/customTooltip/CustomTooltip.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/components/customTooltip/index.d.ts

@@ -0,0 +1 @@
+export { default } from './CustomTooltip';

package/lib/components/customTypography/CustomTypography.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { TextProps } from 'react-native';
+import { FONT_STYLES } from '../../theme/fonts';
+interface TypoTextProps extends TextProps {
+    variant: keyof typeof FONT_STYLES;
+    text?: string;
+    testID?: string;
+}
+declare const CustomTypography: React.FC<TypoTextProps>;
+export default CustomTypography;

package/lib/components/customTypography/CustomTypography.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/components/customTypography/index.d.ts

@@ -0,0 +1 @@
+export { default } from './CustomTypography';

package/lib/components/dateRangePicker/DateRangePicker.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { DateRangePickerProps } from './DateRangePicker.interface';
+declare const _default: (props: DateRangePickerProps) => React.JSX.Element;
+export default _default;

package/lib/components/dateRangePicker/DateRangePicker.interface.d.ts

@@ -0,0 +1,12 @@
+import { CalendarProps } from 'react-native-calendars';
+export interface DateRangePickerProps extends CalendarProps {
+    onButtonPress: (startDate: string, endDate: string) => void;
+    btnTitle?: string;
+}
+export interface DayType {
+    dateString: string;
+    day: number;
+    month: number;
+    year: number;
+    timestamp: number;
+}

package/lib/components/dateRangePicker/DateRangePicker.styles.d.ts

@@ -0,0 +1,136 @@
+declare const styles: {
+    applyButton: {
+        marginTop: number;
+        paddingVertical: number;
+        justifyContent: "center";
+        alignItems: "center";
+        borderRadius: number;
+    };
+    applyButtonText: {
+        color?: import("react-native").ColorValue | undefined;
+        fontFamily?: string | undefined;
+        fontSize?: number | undefined;
+        fontStyle?: "normal" | "italic" | undefined;
+        fontWeight?: "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | undefined;
+        letterSpacing?: number | undefined;
+        lineHeight?: number | undefined;
+        textAlign?: "auto" | "left" | "right" | "center" | "justify" | undefined;
+        textDecorationLine?: "none" | "underline" | "line-through" | "underline line-through" | undefined;
+        textDecorationStyle?: "solid" | "double" | "dotted" | "dashed" | undefined;
+        textDecorationColor?: import("react-native").ColorValue | undefined;
+        textShadowColor?: import("react-native").ColorValue | undefined;
+        textShadowOffset?: {
+            width: number;
+            height: number;
+        } | undefined;
+        textShadowRadius?: number | undefined;
+        textTransform?: "none" | "capitalize" | "uppercase" | "lowercase" | undefined;
+        testID?: string | undefined;
+        fontVariant?: import("react-native").FontVariant[] | undefined;
+        writingDirection?: "auto" | "ltr" | "rtl" | undefined;
+        backfaceVisibility?: "visible" | "hidden" | undefined;
+        backgroundColor?: import("react-native").ColorValue | undefined;
+        borderBlockColor?: import("react-native").ColorValue | undefined;
+        borderBlockEndColor?: import("react-native").ColorValue | undefined;
+        borderBlockStartColor?: import("react-native").ColorValue | undefined;
+        borderBottomColor?: import("react-native").ColorValue | undefined;
+        borderBottomEndRadius?: import("react-native").AnimatableNumericValue | undefined;
+        borderBottomLeftRadius?: import("react-native").AnimatableNumericValue | undefined;
+        borderBottomRightRadius?: import("react-native").AnimatableNumericValue | undefined;
+        borderBottomStartRadius?: import("react-native").AnimatableNumericValue | undefined;
+        borderColor?: import("react-native").ColorValue | undefined;
+        borderCurve?: "circular" | "continuous" | undefined;
+        borderEndColor?: import("react-native").ColorValue | undefined;
+        borderEndEndRadius?: import("react-native").AnimatableNumericValue | undefined;
+        borderEndStartRadius?: import("react-native").AnimatableNumericValue | undefined;
+        borderLeftColor?: import("react-native").ColorValue | undefined;
+        borderRadius?: import("react-native").AnimatableNumericValue | undefined;
+        borderRightColor?: import("react-native").ColorValue | undefined;
+        borderStartColor?: import("react-native").ColorValue | undefined;
+        borderStartEndRadius?: import("react-native").AnimatableNumericValue | undefined;
+        borderStartStartRadius?: import("react-native").AnimatableNumericValue | undefined;
+        borderStyle?: "solid" | "dotted" | "dashed" | undefined;
+        borderTopColor?: import("react-native").ColorValue | undefined;
+        borderTopEndRadius?: import("react-native").AnimatableNumericValue | undefined;
+        borderTopLeftRadius?: import("react-native").AnimatableNumericValue | undefined;
+        borderTopRightRadius?: import("react-native").AnimatableNumericValue | undefined;
+        borderTopStartRadius?: import("react-native").AnimatableNumericValue | undefined;
+        opacity?: import("react-native").AnimatableNumericValue | undefined;
+        elevation?: number | undefined;
+        pointerEvents?: "box-none" | "none" | "box-only" | "auto" | undefined;
+        alignContent?: "flex-start" | "flex-end" | "center" | "stretch" | "space-between" | "space-around" | undefined;
+        alignItems?: import("react-native").FlexAlignType | undefined;
+        alignSelf?: "auto" | import("react-native").FlexAlignType | undefined;
+        aspectRatio?: number | string | undefined;
+        borderBottomWidth?: number | undefined;
+        borderEndWidth?: number | undefined;
+        borderLeftWidth?: number | undefined;
+        borderRightWidth?: number | undefined;
+        borderStartWidth?: number | undefined;
+        borderTopWidth?: number | undefined;
+        borderWidth?: number | undefined;
+        bottom?: import("react-native").DimensionValue | undefined;
+        display?: "none" | "flex" | undefined;
+        end?: import("react-native").DimensionValue | undefined;
+        flex?: number | undefined;
+        flexBasis?: import("react-native").DimensionValue | undefined;
+        flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
+        rowGap?: number | undefined;
+        gap?: number | undefined;
+        columnGap?: number | undefined;
+        flexGrow?: number | undefined;
+        flexShrink?: number | undefined;
+        flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
+        height?: import("react-native").DimensionValue | undefined;
+        justifyContent?: "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly" | undefined;
+        left?: import("react-native").DimensionValue | undefined;
+        margin?: import("react-native").DimensionValue | undefined;
+        marginBottom?: import("react-native").DimensionValue | undefined;
+        marginEnd?: import("react-native").DimensionValue | undefined;
+        marginHorizontal?: import("react-native").DimensionValue | undefined;
+        marginLeft?: import("react-native").DimensionValue | undefined;
+        marginRight?: import("react-native").DimensionValue | undefined;
+        marginStart?: import("react-native").DimensionValue | undefined;
+        marginTop?: import("react-native").DimensionValue | undefined;
+        marginVertical?: import("react-native").DimensionValue | undefined;
+        maxHeight?: import("react-native").DimensionValue | undefined;
+        maxWidth?: import("react-native").DimensionValue | undefined;
+        minHeight?: import("react-native").DimensionValue | undefined;
+        minWidth?: import("react-native").DimensionValue | undefined;
+        overflow?: "visible" | "hidden" | "scroll" | undefined;
+        padding?: import("react-native").DimensionValue | undefined;
+        paddingBottom?: import("react-native").DimensionValue | undefined;
+        paddingEnd?: import("react-native").DimensionValue | undefined;
+        paddingHorizontal?: import("react-native").DimensionValue | undefined;
+        paddingLeft?: import("react-native").DimensionValue | undefined;
+        paddingRight?: import("react-native").DimensionValue | undefined;
+        paddingStart?: import("react-native").DimensionValue | undefined;
+        paddingTop?: import("react-native").DimensionValue | undefined;
+        paddingVertical?: import("react-native").DimensionValue | undefined;
+        position?: "absolute" | "relative" | undefined;
+        right?: import("react-native").DimensionValue | undefined;
+        start?: import("react-native").DimensionValue | undefined;
+        top?: import("react-native").DimensionValue | undefined;
+        width?: import("react-native").DimensionValue | undefined;
+        zIndex?: number | undefined;
+        direction?: "inherit" | "ltr" | "rtl" | undefined;
+        shadowColor?: import("react-native").ColorValue | undefined;
+        shadowOffset?: Readonly<{
+            width: number;
+            height: number;
+        }> | undefined;
+        shadowOpacity?: import("react-native").AnimatableNumericValue | undefined;
+        shadowRadius?: number | undefined;
+        transform?: (import("react-native").PerpectiveTransform | import("react-native").RotateTransform | import("react-native").RotateXTransform | import("react-native").RotateYTransform | import("react-native").RotateZTransform | import("react-native").ScaleTransform | import("react-native").ScaleXTransform | import("react-native").ScaleYTransform | import("react-native").TranslateXTransform | import("react-native").TranslateYTransform | import("react-native").SkewXTransform | import("react-native").SkewYTransform | import("react-native").MatrixTransform)[] | undefined;
+        transformMatrix?: Array<number> | undefined;
+        rotation?: import("react-native").AnimatableNumericValue | undefined;
+        scaleX?: import("react-native").AnimatableNumericValue | undefined;
+        scaleY?: import("react-native").AnimatableNumericValue | undefined;
+        translateX?: import("react-native").AnimatableNumericValue | undefined;
+        translateY?: import("react-native").AnimatableNumericValue | undefined;
+        textAlignVertical?: "auto" | "top" | "bottom" | "center" | undefined;
+        verticalAlign?: "auto" | "top" | "bottom" | "middle" | undefined;
+        includeFontPadding?: boolean | undefined;
+    };
+};
+export default styles;

package/lib/components/dateRangePicker/index.d.ts

@@ -0,0 +1 @@
+export { default } from './DateRangePicker';

package/lib/components/dropDown/DropDown.d.ts

@@ -0,0 +1,33 @@
+import React from 'react';
+import { ViewStyle, TextStyle, ImageStyle } from 'react-native';
+interface CustomDropdownProps {
+    data: {
+        [key: string]: string;
+    }[];
+    labelField?: string;
+    valueField?: string;
+    label?: string;
+    placeholder?: string;
+    containerStyle?: ViewStyle;
+    dropdownStyle?: ViewStyle;
+    dropdownFocusStyle?: ViewStyle;
+    placeholderStyle?: TextStyle;
+    selectedTextStyle?: TextStyle;
+    iconStyle?: ImageStyle;
+    labelStyle?: TextStyle;
+    labelFocusStyle?: TextStyle;
+    defaultValue?: string;
+    iconColor?: string;
+    itemTextStyle?: TextStyle;
+    onValueChange?: (value: string) => void;
+    itemContainerStyle?: ViewStyle;
+    keepPlaceholderOnFocus?: boolean;
+    selectedItemTextStyle?: TextStyle;
+    menuContainerStyle?: ViewStyle;
+    activeColor?: string;
+    renderRightIcon?: (visible?: boolean) => JSX.Element | null;
+    disable?: boolean;
+    autoScroll?: boolean;
+}
+declare const CustomDropdown: (props: CustomDropdownProps) => React.JSX.Element;
+export default CustomDropdown;

package/lib/components/dropDown/index.d.ts

@@ -0,0 +1 @@
+export { default } from './DropDown';

package/lib/components/feedback/feedback.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { ViewStyle } from 'react-native';
+declare const _default: (props: {
+    title: string;
+    feedback: string;
+    inputText: string;
+    rightBtnTxt: string;
+    leftBtnTxt: string;
+    clearAllData?: () => void;
+    handleSendFeedback?: () => void;
+    setFeedback: (val: string) => void;
+    inputStyle?: ViewStyle;
+}) => React.JSX.Element;
+export default _default;

package/lib/components/feedback/feedback.style.d.ts

@@ -0,0 +1,49 @@
+export declare const createStyles: (theme: any) => {
+    container: {
+        flex: number;
+        padding: number;
+        justifyContent: "center";
+        backgroundColor: any;
+    };
+    headerText: {
+        color: any;
+        marginBottom: number;
+    };
+    textInput: {
+        borderRadius: number;
+        padding: number;
+        color: string;
+        textAlignVertical: "top";
+        minHeight: number;
+        borderColor: any;
+        borderWidth: number;
+        backgroundColor: string;
+    };
+    charCounter: {
+        textAlign: "left";
+        marginTop: number;
+        color: any;
+    };
+    buttonContainer: {
+        flexDirection: "row";
+        marginTop: number;
+    };
+    feedbackButton: {
+        backgroundColor: any;
+        borderColor: any;
+        borderWidth: number;
+        paddingVertical: number;
+        paddingHorizontal: number;
+    };
+    feedbackButtonDisable: {
+        backgroundColor: any;
+        borderColor: any;
+        borderWidth: number;
+        paddingVertical: number;
+        paddingHorizontal: number;
+    };
+    cancelButton: {
+        paddingVertical: number;
+        paddingHorizontal: number;
+    };
+};

package/lib/components/feedback/index.d.ts

@@ -0,0 +1 @@
+export { default } from './feedback';

package/lib/components/fileUpload/FileUpload.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { ViewStyle, ImageStyle } from 'react-native';
+interface FileUploadProps {
+    onUpload: () => void;
+    title: string;
+    containerStyle?: ViewStyle;
+    btnText: string;
+    uploadImageStyling: ImageStyle;
+    icon?: React.ReactElement;
+    iconStyle?: ViewStyle;
+}
+declare const FileUpload: React.FC<FileUploadProps>;
+export default FileUpload;