@rn-components-dropdown/dropdown 1.0.27 → 1.0.29

package/dist/components/text/AppText.js

@@ -1,24 +1,16 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const AppTextStyle_1 = require("./AppTextStyle");
-const react_native_1 = require("react-native");
+import React from 'react';
+import { useAppTextStyle } from './AppTextStyle';
+import { Text } from 'react-native';
 const AppText = ({ size, style, color, children, type = 'normal', fontFamily = 'regular', required, ...props }) => {
     const family = fontFamily;
-    const styles = (0, AppTextStyle_1.useAppTextStyle)({
-        style: {
-            fontFamily: family,
-        },
+    const styles = useAppTextStyle({
         size,
         color,
         type,
     });
-    return (<react_native_1.Text allowFontScaling={false} style={[styles.container, style]} {...props}>
+    return (<Text allowFontScaling={false} style={[styles.container, style]} {...props}>
       {children}
-      {required && <react_native_1.Text style={styles.require}>*</react_native_1.Text>}
-    </react_native_1.Text>);
+      {required && <Text style={styles.require}>*</Text>}
+    </Text>);
 };
-exports.default = AppText;
+export default AppText;

package/dist/components/text/AppTextStyle.d.ts

@@ -5,166 +5,13 @@ interface props {
     color?: ColorValue;
     type?: 'error' | 'normal';
 }
-export declare const useAppTextStyle: ({ size, style, color, type, }: props) => {
+export declare const useAppTextStyle: ({ size, color, type, }: props) => Readonly<{
     container: {
-        color: ColorValue;
-        fontFamily?: string | undefined;
         fontSize: number;
-        fontStyle?: "normal" | "italic" | undefined;
-        fontWeight?: "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "medium" | "regular" | "semibold" | "condensedBold" | "condensed" | "heavy" | "black" | 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?: ColorValue | undefined;
-        textShadowColor?: ColorValue | undefined;
-        textShadowOffset?: {
-            width: number;
-            height: number;
-        } | undefined;
-        textShadowRadius?: number | undefined;
-        textTransform?: "none" | "capitalize" | "uppercase" | "lowercase" | undefined;
-        userSelect?: "auto" | "none" | "text" | "contain" | "all" | undefined;
-        fontVariant?: import("react-native").FontVariant[] | undefined;
-        writingDirection?: "auto" | "ltr" | "rtl" | undefined;
-        backfaceVisibility?: "visible" | "hidden" | undefined;
-        backgroundColor?: ColorValue | undefined;
-        borderBlockColor?: ColorValue | undefined;
-        borderBlockEndColor?: ColorValue | undefined;
-        borderBlockStartColor?: ColorValue | undefined;
-        borderBottomColor?: ColorValue | undefined;
-        borderBottomEndRadius?: import("react-native").AnimatableNumericValue | string | undefined;
-        borderBottomLeftRadius?: import("react-native").AnimatableNumericValue | string | undefined;
-        borderBottomRightRadius?: import("react-native").AnimatableNumericValue | string | undefined;
-        borderBottomStartRadius?: import("react-native").AnimatableNumericValue | string | undefined;
-        borderColor?: ColorValue | undefined;
-        borderCurve?: "circular" | "continuous" | undefined;
-        borderEndColor?: ColorValue | undefined;
-        borderEndEndRadius?: import("react-native").AnimatableNumericValue | string | undefined;
-        borderEndStartRadius?: import("react-native").AnimatableNumericValue | string | undefined;
-        borderLeftColor?: ColorValue | undefined;
-        borderRadius?: import("react-native").AnimatableNumericValue | string | undefined;
-        borderRightColor?: ColorValue | undefined;
-        borderStartColor?: ColorValue | undefined;
-        borderStartEndRadius?: import("react-native").AnimatableNumericValue | string | undefined;
-        borderStartStartRadius?: import("react-native").AnimatableNumericValue | string | undefined;
-        borderStyle?: "solid" | "dotted" | "dashed" | undefined;
-        borderTopColor?: ColorValue | undefined;
-        borderTopEndRadius?: import("react-native").AnimatableNumericValue | string | undefined;
-        borderTopLeftRadius?: import("react-native").AnimatableNumericValue | string | undefined;
-        borderTopRightRadius?: import("react-native").AnimatableNumericValue | string | undefined;
-        borderTopStartRadius?: import("react-native").AnimatableNumericValue | string | undefined;
-        outlineColor?: ColorValue | undefined;
-        outlineOffset?: import("react-native").AnimatableNumericValue | undefined;
-        outlineStyle?: "solid" | "dotted" | "dashed" | undefined;
-        outlineWidth?: import("react-native").AnimatableNumericValue | undefined;
-        opacity?: import("react-native").AnimatableNumericValue | undefined;
-        elevation?: number | undefined;
-        pointerEvents?: "box-none" | "none" | "box-only" | "auto" | undefined;
-        isolation?: "auto" | "isolate" | undefined;
-        cursor?: import("react-native").CursorValue | undefined;
-        boxShadow?: ReadonlyArray<import("react-native").BoxShadowValue> | string | undefined;
-        filter?: ReadonlyArray<import("react-native").FilterFunction> | string | undefined;
-        mixBlendMode?: import("react-native").BlendMode | undefined;
-        experimental_backgroundImage?: ReadonlyArray<import("react-native").GradientValue> | string | undefined;
-        alignContent?: "flex-start" | "flex-end" | "center" | "stretch" | "space-between" | "space-around" | "space-evenly" | 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;
-        boxSizing?: "border-box" | "content-box" | undefined;
-        display?: "none" | "flex" | "contents" | 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 | string | undefined;
-        gap?: number | string | undefined;
-        columnGap?: number | string | 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" | "static" | 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;
-        inset?: import("react-native").DimensionValue | undefined;
-        insetBlock?: import("react-native").DimensionValue | undefined;
-        insetBlockEnd?: import("react-native").DimensionValue | undefined;
-        insetBlockStart?: import("react-native").DimensionValue | undefined;
-        insetInline?: import("react-native").DimensionValue | undefined;
-        insetInlineEnd?: import("react-native").DimensionValue | undefined;
-        insetInlineStart?: import("react-native").DimensionValue | undefined;
-        marginBlock?: import("react-native").DimensionValue | undefined;
-        marginBlockEnd?: import("react-native").DimensionValue | undefined;
-        marginBlockStart?: import("react-native").DimensionValue | undefined;
-        marginInline?: import("react-native").DimensionValue | undefined;
-        marginInlineEnd?: import("react-native").DimensionValue | undefined;
-        marginInlineStart?: import("react-native").DimensionValue | undefined;
-        paddingBlock?: import("react-native").DimensionValue | undefined;
-        paddingBlockEnd?: import("react-native").DimensionValue | undefined;
-        paddingBlockStart?: import("react-native").DimensionValue | undefined;
-        paddingInline?: import("react-native").DimensionValue | undefined;
-        paddingInlineEnd?: import("react-native").DimensionValue | undefined;
-        paddingInlineStart?: import("react-native").DimensionValue | undefined;
-        shadowColor?: ColorValue | undefined;
-        shadowOffset?: Readonly<{
-            width: number;
-            height: number;
-        }> | undefined;
-        shadowOpacity?: import("react-native").AnimatableNumericValue | undefined;
-        shadowRadius?: number | undefined;
-        transform?: Readonly<import("react-native").MaximumOneOf<import("react-native").PerspectiveTransform & 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>[]> | string | undefined;
-        transformOrigin?: Array<string | number> | string | 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;
+        color: string | number | import("react-native").NativeColorValue;
     };
     require: {
         color: string;
     };
-};
+}>;
 export {};

package/dist/components/text/AppTextStyle.js

@@ -1,23 +1,18 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useAppTextStyle = void 0;
-const react_1 = require("react");
-const style_1 = require("../../style");
-const react_native_1 = require("react-native");
-const useAppTextStyle = ({ size, style, color, type = 'normal', }) => {
-    const { ...colors } = style_1.LIGHT_COLORS;
-    const styles = (0, react_1.useMemo)(() => {
-        return react_native_1.StyleSheet.create({
+import { useMemo } from 'react';
+import { LIGHT_COLORS } from '../../style';
+import { StyleSheet } from 'react-native';
+export const useAppTextStyle = ({ size, color, type = 'normal', }) => {
+    const { ...colors } = LIGHT_COLORS;
+    const styles = useMemo(() => {
+        return StyleSheet.create({
             container: {
                 fontSize: size || 14,
                 color: type === 'error' ? colors.error : color ? color : colors.primary,
-                ...style,
             },
             require: {
                 color: colors.error,
             },
         });
-    }, [size, colors, style, type, color]);
+    }, [size, colors, type, color]);
     return styles;
 };
-exports.useAppTextStyle = useAppTextStyle;

package/dist/components/textInput/AppTextInput.js

@@ -1,53 +1,15 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_native_1 = require("react-native");
-const AppText_1 = __importDefault(require("../text/AppText"));
-const SvgButton_1 = __importDefault(require("../svgButton/SvgButton"));
-const react_1 = __importStar(require("react"));
-const AppTextInputStyle_1 = require("./AppTextInputStyle");
+import { View, TextInput, } from 'react-native';
+import AppText from '../text/AppText';
+import SvgButton from '../svgButton/SvgButton';
+import React, { useCallback, useState } from 'react';
+import { useAppTextInputStyle } from './AppTextInputStyle';
 const AppTextInput = ({ icon, type, error, label, style, value, onBlur, onFocus, required, leftIcon, inputRef, textStyle, onPressIn, labelStyle, placeholder, onIconPress, autoCorrect, onChangeText, leftIconStyle, rightIconStyle, textContentType, placeholderTextColor, ...rest }) => {
-    const { styles, colors } = (0, AppTextInputStyle_1.useAppTextInputStyle)({
+    const { styles, colors } = useAppTextInputStyle({
         type,
         leftIcon,
         editable: rest?.editable,
     });
-    const [secureTextEntry, setSecureTextEntry] = (0, react_1.useState)(type === 'password');
+    const [secureTextEntry, setSecureTextEntry] = useState(type === 'password');
     const handlePasswordIcon = () => {
         setSecureTextEntry(prev => !prev);
     };
@@ -63,16 +25,16 @@ const AppTextInput = ({ icon, type, error, label, style, value, onBlur, onFocus,
                 return 'default';
         }
     };
-    const renderIcon = (0, react_1.useCallback)((rightIcon, onPress) => (<SvgButton_1.default icon={rightIcon} onPress={onPress} style={[styles.rightIcon, rightIconStyle]}/>), [styles, rightIconStyle]);
+    const renderIcon = useCallback((rightIcon, onPress) => (<SvgButton icon={rightIcon} onPress={onPress} style={[styles.rightIcon, rightIconStyle]}/>), [styles, rightIconStyle]);
     return (<>
-      {label ? (<AppText_1.default style={[styles.label, labelStyle]}>
+      {label ? (<AppText style={[styles.label, labelStyle]}>
           {label}
-          {required ? (<AppText_1.default style={[styles.label, styles.required]}>*</AppText_1.default>) : null}
-        </AppText_1.default>) : null}
-      <react_native_1.View style={styles.margin}>
-        <react_native_1.View style={[styles.container, style, error ? styles.errorWrapper : {}]}>
-          {leftIcon ? (<SvgButton_1.default icon={leftIcon} style={[styles.leftIcon, leftIconStyle]}/>) : null}
-          <react_native_1.TextInput value={value} ref={inputRef} onBlur={onBlur} onPressIn={onPressIn} allowFontScaling={false} placeholder={placeholder} autoCorrect={autoCorrect} onChangeText={onChangeText} keyboardType={getKeyboardType()} textContentType={textContentType} secureTextEntry={secureTextEntry} style={[styles.textInputStyles, textStyle]} placeholderTextColor={placeholderTextColor || colors.gray} onFocus={e => {
+          {required ? (<AppText style={[styles.label, styles.required]}>*</AppText>) : null}
+        </AppText>) : null}
+      <View style={styles.margin}>
+        <View style={[styles.container, style, error ? styles.errorWrapper : {}]}>
+          {leftIcon ? (<SvgButton icon={leftIcon} style={[styles.leftIcon, leftIconStyle]}/>) : null}
+          <TextInput value={value} ref={inputRef} onBlur={onBlur} onPressIn={onPressIn} allowFontScaling={false} placeholder={placeholder} autoCorrect={autoCorrect} onChangeText={onChangeText} keyboardType={getKeyboardType()} textContentType={textContentType} secureTextEntry={secureTextEntry} style={[styles.textInputStyles, textStyle]} placeholderTextColor={placeholderTextColor || colors.gray} onFocus={e => {
             if (onFocus) {
                 onFocus(e);
             }
@@ -81,9 +43,9 @@ const AppTextInput = ({ icon, type, error, label, style, value, onBlur, onFocus,
             ? renderIcon(icon, handlePasswordIcon)
             : null}
           {icon && type !== 'password' ? renderIcon(icon, onIconPress) : null}
-        </react_native_1.View>
-        {error && <AppText_1.default style={styles.error}>{error}</AppText_1.default>}
-      </react_native_1.View>
+        </View>
+        {error && <AppText style={styles.error}>{error}</AppText>}
+      </View>
     </>);
 };
-exports.default = AppTextInput;
+export default AppTextInput;

package/dist/components/textInput/AppTextInputStyle.d.ts

@@ -7,7 +7,7 @@ interface props {
     rightIcon?: ReactNode | ((state: PressableStateCallbackType) => ReactNode);
 }
 export declare const useAppTextInputStyle: ({ type, leftIcon, editable, }: props) => {
-    styles: {
+    styles: Readonly<{
         container: {
             flexDirection: "row";
             alignItems: "center";
@@ -21,7 +21,7 @@ export declare const useAppTextInputStyle: ({ type, leftIcon, editable, }: props
             shadowOpacity: number;
             shadowRadius: number;
             elevation: number;
-            width: "100%";
+            width: string;
         };
         margin: {
             marginBottom: number;
@@ -52,7 +52,7 @@ export declare const useAppTextInputStyle: ({ type, leftIcon, editable, }: props
         textInputStyles: {
             padding: number;
             height: number;
-            width: "100%";
+            width: string;
             color: string;
             paddingLeft: number;
             paddingRight: number;
@@ -61,7 +61,7 @@ export declare const useAppTextInputStyle: ({ type, leftIcon, editable, }: props
             position: "absolute";
             left: number;
         };
-    };
+    }>;
     colors: {
         blue: string;
         gray: string;

package/dist/components/textInput/AppTextInputStyle.js

@@ -1,39 +1,36 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useAppTextInputStyle = void 0;
-const react_1 = require("react");
-const react_native_1 = require("react-native");
-const style_1 = require("../../style");
-const useAppTextInputStyle = ({ type, leftIcon, editable = true, }) => {
-    const { ...colors } = style_1.LIGHT_COLORS;
-    const styles = (0, react_1.useMemo)(() => {
-        return react_native_1.StyleSheet.create({
+import { useMemo } from 'react';
+import { StyleSheet } from 'react-native';
+import { DEFAULT_COLORS, LIGHT_COLORS, SHADOW, SPACING } from '../../style';
+export const useAppTextInputStyle = ({ type, leftIcon, editable = true, }) => {
+    const { ...colors } = LIGHT_COLORS;
+    const styles = useMemo(() => {
+        return StyleSheet.create({
             container: {
                 width: '100%',
-                ...style_1.SHADOW.shadow1,
+                ...SHADOW.shadow1,
                 flexDirection: 'row',
                 alignItems: 'center',
                 opacity: !editable ? 0.5 : 1,
-                backgroundColor: style_1.DEFAULT_COLORS.white,
+                backgroundColor: DEFAULT_COLORS.white,
             },
             margin: {
-                marginBottom: style_1.SPACING.s10,
+                marginBottom: SPACING.s10,
             },
             rightIcon: {
                 position: 'absolute',
-                right: style_1.SPACING.s20,
+                right: SPACING.s20,
             },
             error: {
                 textAlign: 'left',
-                paddingTop: style_1.SPACING.s4,
+                paddingTop: SPACING.s4,
                 alignSelf: 'flex-start',
                 color: colors.red,
             },
             label: {
                 color: colors.primary,
-                marginBottom: style_1.SPACING.s12,
+                marginBottom: SPACING.s12,
                 alignSelf: 'flex-start',
-                marginTop: style_1.SPACING.s10,
+                marginTop: SPACING.s10,
             },
             required: {
                 color: colors.red,
@@ -47,15 +44,14 @@ const useAppTextInputStyle = ({ type, leftIcon, editable = true, }) => {
                 height: 48,
                 width: '100%',
                 color: colors.primary,
-                paddingLeft: leftIcon ? style_1.SPACING.s45 : 16,
+                paddingLeft: leftIcon ? SPACING.s45 : 16,
                 paddingRight: type === 'password' ? 50 : 16,
             },
             leftIcon: {
                 position: 'absolute',
-                left: style_1.SPACING.s14,
+                left: SPACING.s14,
             },
         });
     }, [editable, colors, leftIcon, type]);
     return { styles, colors };
 };
-exports.useAppTextInputStyle = useAppTextInputStyle;

package/dist/controller/dropDownController/DropdownController.d.ts

@@ -1,10 +1,9 @@
 import React from 'react';
-import { DropdownProps, SelectionType } from '../../components/dropdown/interface/DropdownInterface';
+import { DropdownProps, SELECTIONS_TYPE } from '../../components/dropdown/interface/DropdownInterface';
 import { Control, FieldValues, Path } from 'react-hook-form';
-type DropControllerProps<S, T extends SelectionType, U extends FieldValues> = {
+interface DropControllerProps<U extends FieldValues, S, T extends SELECTIONS_TYPE = 'single'> extends DropdownProps<S, T> {
     control: Control<U>;
     controller: Path<U>;
-    dropProps: DropdownProps<S, T>;
-};
-declare const AppDropdownController: <S, T extends SelectionType, U extends FieldValues>(props: DropControllerProps<S, T, U>) => React.JSX.Element;
+}
+declare const AppDropdownController: <U extends FieldValues, S, T extends SELECTIONS_TYPE = "single">(props: DropControllerProps<U, S, T>) => React.JSX.Element;
 export default AppDropdownController;

package/dist/controller/dropDownController/DropdownController.js

@@ -1,25 +1,20 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const react_native_1 = require("react-native");
-const AppText_1 = __importDefault(require("../../components/text/AppText"));
-const Dropdown_1 = __importDefault(require("../../components/dropdown/Dropdown"));
-const DropdownControllerStyle_1 = require("./DropdownControllerStyle");
-const react_hook_form_1 = require("react-hook-form");
+import React from 'react';
+import { View } from 'react-native';
+import AppText from '../../components/text/AppText';
+import DropdownComponent from '../../components/dropdown/Dropdown';
+import { useDropdownControllerStyle } from './DropdownControllerStyle';
+import { Controller } from 'react-hook-form';
 const AppDropdownController = (props) => {
-    const { control, controller, dropProps: { data, label, labelField, valueField, placeholder, selectionType, containerStyle, ...rest }, } = props;
-    const { styles } = (0, DropdownControllerStyle_1.useDropdownControllerStyle)();
-    return (<react_hook_form_1.Controller control={control} name={controller} render={({ fieldState: { error }, field: { onBlur, onChange, value }, }) => (<react_native_1.View style={styles.mainContainer}>
-          <Dropdown_1.default data={data} value={value} label={label} onBlur={onBlur} onChange={(selectValue, selectedItem) => {
+    const { data, label, control, labelField, controller, valueField, placeholder, selectionType, containerStyle, ...rest } = props;
+    const { styles } = useDropdownControllerStyle();
+    return (<Controller control={control} name={controller} render={({ fieldState: { error }, field: { onBlur, onChange, value }, }) => (<View style={styles.mainContainer}>
+          <DropdownComponent data={data} value={value} label={label} onBlur={onBlur} onChange={(selectValue, selectedItem) => {
                 if (selectionType === 'multi') {
                     return onChange(selectedItem);
                 }
                 return onChange(selectValue);
             }} labelField={labelField} valueField={valueField} placeholder={placeholder} selectionType={selectionType} containerStyle={containerStyle} labelTextStyle={styles.labelText} itemTextStyle={styles.dropdownText} placeholderStyle={styles.itemContainer} selectedTextStyle={styles.selectionText} style={[styles.dropdownContainer, error && styles.errorWrapper]} {...rest}/>
-          {error && <AppText_1.default style={styles.error}>{error?.message}</AppText_1.default>}
-        </react_native_1.View>)}/>);
+          {error && <AppText style={styles.error}>{error?.message}</AppText>}
+        </View>)}/>);
 };
-exports.default = AppDropdownController;
+export default AppDropdownController;

package/dist/controller/dropDownController/DropdownControllerStyle.d.ts

@@ -1,7 +1,7 @@
 export declare const useDropdownControllerStyle: () => {
-    styles: {
+    styles: Readonly<{
         mainContainer: {
-            width: "100%";
+            width: string;
             marginBottom: number;
         };
         dropdownContainer: {
@@ -33,7 +33,7 @@ export declare const useDropdownControllerStyle: () => {
         error: {
             color: string;
         };
-    };
+    }>;
     colors: {
         blue: string;
         gray: string;

package/dist/controller/dropDownController/DropdownControllerStyle.js

@@ -1,23 +1,20 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useDropdownControllerStyle = void 0;
-const react_1 = require("react");
-const react_native_1 = require("react-native");
-const style_1 = require("../../style");
-const useDropdownControllerStyle = () => {
-    const { ...colors } = style_1.LIGHT_COLORS;
-    const styles = (0, react_1.useMemo)(() => {
-        return react_native_1.StyleSheet.create({
+import { useMemo } from 'react';
+import { StyleSheet } from 'react-native';
+import { LIGHT_COLORS, SPACING } from '../../style';
+export const useDropdownControllerStyle = () => {
+    const { ...colors } = LIGHT_COLORS;
+    const styles = useMemo(() => {
+        return StyleSheet.create({
             mainContainer: {
                 width: '100%',
-                marginBottom: style_1.SPACING?.s4,
+                marginBottom: SPACING?.s4,
             },
             dropdownContainer: {
                 borderWidth: 1,
                 borderRadius: 6,
-                marginBottom: style_1.SPACING.s10,
+                marginBottom: SPACING.s10,
                 borderColor: colors.border,
-                paddingHorizontal: style_1.SPACING.s10,
+                paddingHorizontal: SPACING.s10,
             },
             labelText: {
                 color: colors.gray,
@@ -45,4 +42,3 @@ const useDropdownControllerStyle = () => {
     }, [colors]);
     return { styles, colors };
 };
-exports.useDropdownControllerStyle = useDropdownControllerStyle;

package/dist/index.js

@@ -1,10 +1,2 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DropdownController = exports.Dropdown = void 0;
-var Dropdown_1 = require("./components/dropdown/Dropdown");
-Object.defineProperty(exports, "Dropdown", { enumerable: true, get: function () { return __importDefault(Dropdown_1).default; } });
-var DropdownController_1 = require("./controller/dropDownController/DropdownController");
-Object.defineProperty(exports, "DropdownController", { enumerable: true, get: function () { return __importDefault(DropdownController_1).default; } });
+export { default as Dropdown } from './components/dropdown/Dropdown';
+export { default as DropdownController } from './controller/dropDownController/DropdownController';

package/dist/interface/colors.interface.js

@@ -1,2 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+export {};

package/dist/interface/svg.interface.js

@@ -1,2 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+export {};

package/dist/style/colors.js

@@ -1,7 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DEFAULT_COLORS = exports.THEMES = exports.DARK_COLORS = exports.LIGHT_COLORS = void 0;
-exports.LIGHT_COLORS = {
+export const LIGHT_COLORS = {
     blue: '#0000ff',
     gray: '#5c5b5b',
     error: '#dc3545',
@@ -14,7 +11,7 @@ exports.LIGHT_COLORS = {
     red: 'rgba(205, 46, 49, 1)',
     border: 'rgba(224, 224, 224, 1)',
 };
-exports.DARK_COLORS = {
+export const DARK_COLORS = {
     blue: '#0000ff',
     gray: '#5c5b5b',
     error: '#dc3545',
@@ -27,17 +24,17 @@ exports.DARK_COLORS = {
     red: 'rgba(205, 46, 49, 1)',
     border: 'rgba(224, 224, 224, 1)',
 };
-exports.THEMES = {
+export const THEMES = {
     light: {
         mode: 'light',
-        colors: exports.LIGHT_COLORS,
+        colors: LIGHT_COLORS,
     },
     dark: {
         mode: 'dark',
-        colors: exports.DARK_COLORS,
+        colors: DARK_COLORS,
     },
 };
-exports.DEFAULT_COLORS = {
+export const DEFAULT_COLORS = {
     blue: '#3683BC',
     white: '#FFFFFF',
     blackOpacity: 'rgba(0, 0, 0, 0.5)',