@shaquillehinds/react-native-dropdown-selector 0.0.1

package/lib/typescript/commonjs/src/DropDownSelector/DropDownSelector.controller.d.ts

@@ -0,0 +1,28 @@
+import type { AnimateComponentAnimationConfig, AnimateComponentRef } from '@shaquillehinds/react-native-essentials';
+import type { Animated, LayoutChangeEvent, ViewStyle } from 'react-native';
+import { ScrollView } from 'react-native-gesture-handler';
+import type { DropDownSelectorProps } from './DropDownSelector.types';
+export declare function DropDownSelectorController<T>(props: DropDownSelectorProps<T>): {
+    showItems: boolean;
+    setShowItems: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    label: string | undefined;
+    canRenderDown: boolean | null;
+    relativeY: (num: number) => number;
+    scrollViewRef: import("react").MutableRefObject<ScrollView | null>;
+    animateComponentRef: import("react").RefObject<AnimateComponentRef<number>>;
+    animateChevronRef: import("react").RefObject<AnimateComponentRef<number>>;
+    animateAndroidShadowRef: import("react").RefObject<AnimateComponentRef<number>>;
+    pageYRef: import("react").MutableRefObject<number | null>;
+    canRenderDownRef: import("react").MutableRefObject<boolean | null>;
+    maxHeight: number;
+    handleLayout: (e: LayoutChangeEvent) => void;
+    androidShadowAnimatedStyle: (opacity: Animated.Value) => ViewStyle;
+    androidShadowAnimationConfig: AnimateComponentAnimationConfig;
+    scrollViewStyle: ViewStyle;
+    selectionItemsListAnimatedStyle: (translateY: Animated.Value) => ViewStyle;
+    selectionItemsListAnimationConfig: AnimateComponentAnimationConfig;
+    chevronAnimationConfig: AnimateComponentAnimationConfig;
+    chevronAnimatedStyle: (scaleY: Animated.Value) => ViewStyle;
+    unMountDelayInMilliSeconds: number;
+};
+//# sourceMappingURL=DropDownSelector.controller.d.ts.map

package/lib/typescript/commonjs/src/DropDownSelector/DropDownSelector.controller.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropDownSelector.controller.d.ts","sourceRoot":"","sources":["../../../../../src/DropDownSelector/DropDownSelector.controller.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,+BAA+B,EAC/B,mBAAmB,EACpB,MAAM,yCAAyC,CAAC;AAOjD,OAAO,KAAK,EAAE,QAAQ,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC3E,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAC1D,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAEtE,wBAAgB,0BAA0B,CAAC,CAAC,EAAE,KAAK,EAAE,qBAAqB,CAAC,CAAC,CAAC;;;;;;;;;;;;;sBAuFrE,iBAAiB;0CAUX,QAAQ,CAAC,KAAK,KAAG,SAAS;;;kDAqBvB,QAAQ,CAAC,KAAK,KAAG,SAAS;;;mCAtC9B,QAAQ,CAAC,KAAK,KAAG,SAAS;;EA+EtC"}

package/lib/typescript/commonjs/src/DropDownSelector/DropDownSelector.d.ts

@@ -0,0 +1,3 @@
+import type { DropDownSelectorProps } from './DropDownSelector.types';
+export declare function DropDownSelector<T>(props: DropDownSelectorProps<T>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DropDownSelector.d.ts.map

package/lib/typescript/commonjs/src/DropDownSelector/DropDownSelector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropDownSelector.d.ts","sourceRoot":"","sources":["../../../../../src/DropDownSelector/DropDownSelector.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAEtE,wBAAgB,gBAAgB,CAAC,CAAC,EAAE,KAAK,EAAE,qBAAqB,CAAC,CAAC,CAAC,2CAkKlE"}

package/lib/typescript/commonjs/src/DropDownSelector/DropDownSelector.types.d.ts

@@ -0,0 +1,45 @@
+import type { BaseTextProps, LayoutProps, RNPressableLayoutProps, TouchableLayoutProps } from '@shaquillehinds/react-native-essentials';
+import type { Animated, ScrollViewProps } from 'react-native';
+export type DropDownItemValue<T> = T;
+export type DropDownItem<T> = {
+    label: string;
+    value: DropDownItemValue<T>;
+};
+export type DropDownSelectorProps<T> = {
+    items: DropDownItem<T>[];
+    selectedItem: T;
+    onSelect: (item: T) => void;
+    placeholder: string;
+    onOpen?: () => void;
+    onClose?: () => void;
+    unMountDelayInMilliSeconds?: number;
+    isDisabled?: boolean;
+    disableShadow?: boolean;
+    expandDirection?: 'up' | 'down';
+    expandDistance?: number;
+    expandAnimationConfig?: (Omit<Animated.TimingAnimationConfig, 'toValue'> & {
+        type: 'timing';
+    }) | (Omit<Animated.SpringAnimationConfig, 'toValue'> & {
+        type: 'spring';
+    });
+    containerProps?: LayoutProps;
+    dropdownButtonProps?: RNPressableLayoutProps;
+    dropdownButtonTextProps?: BaseTextProps;
+    DropdownButtonIcon?: (props: {
+        isOpen: boolean;
+        expandDirection: 'up' | 'down';
+    }) => React.JSX.Element;
+    dropdownScrollViewProps?: ScrollViewProps;
+    dropdownContentContainerProps?: LayoutProps;
+    DropdownItemComponent?: (props: {
+        item: DropDownItem<T>;
+        isSelected: boolean;
+    }) => React.JSX.Element;
+    onDropdownItemPress?: (item: DropDownItem<T>) => void;
+    dropdownItemProps?: TouchableLayoutProps;
+    dropdownItemTextProps?: BaseTextProps;
+    DropdownItemSelectedIcon?: (props: {
+        item: DropDownItem<T>;
+    }) => React.JSX.Element;
+};
+//# sourceMappingURL=DropDownSelector.types.d.ts.map

package/lib/typescript/commonjs/src/DropDownSelector/DropDownSelector.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropDownSelector.types.d.ts","sourceRoot":"","sources":["../../../../../src/DropDownSelector/DropDownSelector.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,aAAa,EACb,WAAW,EACX,sBAAsB,EACtB,oBAAoB,EACrB,MAAM,yCAAyC,CAAC;AACjD,OAAO,KAAK,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE9D,MAAM,MAAM,iBAAiB,CAAC,CAAC,IAAI,CAAC,CAAC;AAErC,MAAM,MAAM,YAAY,CAAC,CAAC,IAAI;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC;CAC7B,CAAC;AACF,MAAM,MAAM,qBAAqB,CAAC,CAAC,IAAI;IACrC,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC;IACzB,YAAY,EAAE,CAAC,CAAC;IAChB,QAAQ,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IAC5B,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,0BAA0B,CAAC,EAAE,MAAM,CAAC;IACpC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,eAAe,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IAChC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,qBAAqB,CAAC,EAClB,CAAC,IAAI,CAAC,QAAQ,CAAC,qBAAqB,EAAE,SAAS,CAAC,GAAG;QAAE,IAAI,EAAE,QAAQ,CAAA;KAAE,CAAC,GACtE,CAAC,IAAI,CAAC,QAAQ,CAAC,qBAAqB,EAAE,SAAS,CAAC,GAAG;QAAE,IAAI,EAAE,QAAQ,CAAA;KAAE,CAAC,CAAC;IAC3E,cAAc,CAAC,EAAE,WAAW,CAAC;IAC7B,mBAAmB,CAAC,EAAE,sBAAsB,CAAC;IAC7C,uBAAuB,CAAC,EAAE,aAAa,CAAC;IAExC,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,MAAM,EAAE,OAAO,CAAC;QAAC,eAAe,EAAE,IAAI,GAAG,MAAM,CAAA;KAAE,KAAK,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC;IACvG,uBAAuB,CAAC,EAAE,eAAe,CAAC;IAC1C,6BAA6B,CAAC,EAAE,WAAW,CAAC;IAE5C,qBAAqB,CAAC,EAAE,CAAC,KAAK,EAAE;QAAC,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC;QAAC,UAAU,EAAE,OAAO,CAAA;KAAE,KAAK,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC;IACpG,mBAAmB,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IACtD,iBAAiB,CAAC,EAAE,oBAAoB,CAAC;IACzC,qBAAqB,CAAC,EAAE,aAAa,CAAC;IAEtC,wBAAwB,CAAC,EAAE,CAAC,KAAK,EAAE;QAAC,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC,CAAA;KAAC,KAAK,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC;CAClF,CAAC"}

package/lib/typescript/commonjs/src/DropDownSelector/index.d.ts

@@ -0,0 +1,3 @@
+export * from './DropDownSelector';
+export * from './DropDownSelector.types';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/commonjs/src/DropDownSelector/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/DropDownSelector/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,0BAA0B,CAAC"}

package/lib/typescript/commonjs/src/DropDownSelector/svgs/ChevronUp.d.ts

@@ -0,0 +1,5 @@
+export declare function ChevronUp({ size, color }: {
+    size?: number;
+    color?: string;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ChevronUp.d.ts.map

package/lib/typescript/commonjs/src/DropDownSelector/svgs/ChevronUp.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChevronUp.d.ts","sourceRoot":"","sources":["../../../../../../src/DropDownSelector/svgs/ChevronUp.tsx"],"names":[],"mappings":"AAGA,wBAAgB,SAAS,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE;IAAE,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,2CAc3E"}

package/lib/typescript/commonjs/src/index.d.ts

@@ -0,0 +1,4 @@
+import { DropDownSelector } from './DropDownSelector';
+export * from './DropDownSelector';
+export default DropDownSelector;
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/commonjs/src/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,cAAc,oBAAoB,CAAC;AAEnC,eAAe,gBAAgB,CAAC"}

package/lib/typescript/module/package.json

@@ -0,0 +1 @@
+{"type":"module"}

package/lib/typescript/module/src/DropDownSelector/DropDownSelector.controller.d.ts

@@ -0,0 +1,28 @@
+import type { AnimateComponentAnimationConfig, AnimateComponentRef } from '@shaquillehinds/react-native-essentials';
+import type { Animated, LayoutChangeEvent, ViewStyle } from 'react-native';
+import { ScrollView } from 'react-native-gesture-handler';
+import type { DropDownSelectorProps } from './DropDownSelector.types';
+export declare function DropDownSelectorController<T>(props: DropDownSelectorProps<T>): {
+    showItems: boolean;
+    setShowItems: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    label: string | undefined;
+    canRenderDown: boolean | null;
+    relativeY: (num: number) => number;
+    scrollViewRef: import("react").MutableRefObject<ScrollView | null>;
+    animateComponentRef: import("react").RefObject<AnimateComponentRef<number>>;
+    animateChevronRef: import("react").RefObject<AnimateComponentRef<number>>;
+    animateAndroidShadowRef: import("react").RefObject<AnimateComponentRef<number>>;
+    pageYRef: import("react").MutableRefObject<number | null>;
+    canRenderDownRef: import("react").MutableRefObject<boolean | null>;
+    maxHeight: number;
+    handleLayout: (e: LayoutChangeEvent) => void;
+    androidShadowAnimatedStyle: (opacity: Animated.Value) => ViewStyle;
+    androidShadowAnimationConfig: AnimateComponentAnimationConfig;
+    scrollViewStyle: ViewStyle;
+    selectionItemsListAnimatedStyle: (translateY: Animated.Value) => ViewStyle;
+    selectionItemsListAnimationConfig: AnimateComponentAnimationConfig;
+    chevronAnimationConfig: AnimateComponentAnimationConfig;
+    chevronAnimatedStyle: (scaleY: Animated.Value) => ViewStyle;
+    unMountDelayInMilliSeconds: number;
+};
+//# sourceMappingURL=DropDownSelector.controller.d.ts.map

package/lib/typescript/module/src/DropDownSelector/DropDownSelector.controller.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropDownSelector.controller.d.ts","sourceRoot":"","sources":["../../../../../src/DropDownSelector/DropDownSelector.controller.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,+BAA+B,EAC/B,mBAAmB,EACpB,MAAM,yCAAyC,CAAC;AAOjD,OAAO,KAAK,EAAE,QAAQ,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC3E,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAC1D,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAEtE,wBAAgB,0BAA0B,CAAC,CAAC,EAAE,KAAK,EAAE,qBAAqB,CAAC,CAAC,CAAC;;;;;;;;;;;;;sBAuFrE,iBAAiB;0CAUX,QAAQ,CAAC,KAAK,KAAG,SAAS;;;kDAqBvB,QAAQ,CAAC,KAAK,KAAG,SAAS;;;mCAtC9B,QAAQ,CAAC,KAAK,KAAG,SAAS;;EA+EtC"}

package/lib/typescript/module/src/DropDownSelector/DropDownSelector.d.ts

@@ -0,0 +1,3 @@
+import type { DropDownSelectorProps } from './DropDownSelector.types';
+export declare function DropDownSelector<T>(props: DropDownSelectorProps<T>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DropDownSelector.d.ts.map

package/lib/typescript/module/src/DropDownSelector/DropDownSelector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropDownSelector.d.ts","sourceRoot":"","sources":["../../../../../src/DropDownSelector/DropDownSelector.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAEtE,wBAAgB,gBAAgB,CAAC,CAAC,EAAE,KAAK,EAAE,qBAAqB,CAAC,CAAC,CAAC,2CAkKlE"}

package/lib/typescript/module/src/DropDownSelector/DropDownSelector.types.d.ts

@@ -0,0 +1,45 @@
+import type { BaseTextProps, LayoutProps, RNPressableLayoutProps, TouchableLayoutProps } from '@shaquillehinds/react-native-essentials';
+import type { Animated, ScrollViewProps } from 'react-native';
+export type DropDownItemValue<T> = T;
+export type DropDownItem<T> = {
+    label: string;
+    value: DropDownItemValue<T>;
+};
+export type DropDownSelectorProps<T> = {
+    items: DropDownItem<T>[];
+    selectedItem: T;
+    onSelect: (item: T) => void;
+    placeholder: string;
+    onOpen?: () => void;
+    onClose?: () => void;
+    unMountDelayInMilliSeconds?: number;
+    isDisabled?: boolean;
+    disableShadow?: boolean;
+    expandDirection?: 'up' | 'down';
+    expandDistance?: number;
+    expandAnimationConfig?: (Omit<Animated.TimingAnimationConfig, 'toValue'> & {
+        type: 'timing';
+    }) | (Omit<Animated.SpringAnimationConfig, 'toValue'> & {
+        type: 'spring';
+    });
+    containerProps?: LayoutProps;
+    dropdownButtonProps?: RNPressableLayoutProps;
+    dropdownButtonTextProps?: BaseTextProps;
+    DropdownButtonIcon?: (props: {
+        isOpen: boolean;
+        expandDirection: 'up' | 'down';
+    }) => React.JSX.Element;
+    dropdownScrollViewProps?: ScrollViewProps;
+    dropdownContentContainerProps?: LayoutProps;
+    DropdownItemComponent?: (props: {
+        item: DropDownItem<T>;
+        isSelected: boolean;
+    }) => React.JSX.Element;
+    onDropdownItemPress?: (item: DropDownItem<T>) => void;
+    dropdownItemProps?: TouchableLayoutProps;
+    dropdownItemTextProps?: BaseTextProps;
+    DropdownItemSelectedIcon?: (props: {
+        item: DropDownItem<T>;
+    }) => React.JSX.Element;
+};
+//# sourceMappingURL=DropDownSelector.types.d.ts.map

package/lib/typescript/module/src/DropDownSelector/DropDownSelector.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropDownSelector.types.d.ts","sourceRoot":"","sources":["../../../../../src/DropDownSelector/DropDownSelector.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,aAAa,EACb,WAAW,EACX,sBAAsB,EACtB,oBAAoB,EACrB,MAAM,yCAAyC,CAAC;AACjD,OAAO,KAAK,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE9D,MAAM,MAAM,iBAAiB,CAAC,CAAC,IAAI,CAAC,CAAC;AAErC,MAAM,MAAM,YAAY,CAAC,CAAC,IAAI;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC;CAC7B,CAAC;AACF,MAAM,MAAM,qBAAqB,CAAC,CAAC,IAAI;IACrC,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC;IACzB,YAAY,EAAE,CAAC,CAAC;IAChB,QAAQ,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IAC5B,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,0BAA0B,CAAC,EAAE,MAAM,CAAC;IACpC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,eAAe,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IAChC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,qBAAqB,CAAC,EAClB,CAAC,IAAI,CAAC,QAAQ,CAAC,qBAAqB,EAAE,SAAS,CAAC,GAAG;QAAE,IAAI,EAAE,QAAQ,CAAA;KAAE,CAAC,GACtE,CAAC,IAAI,CAAC,QAAQ,CAAC,qBAAqB,EAAE,SAAS,CAAC,GAAG;QAAE,IAAI,EAAE,QAAQ,CAAA;KAAE,CAAC,CAAC;IAC3E,cAAc,CAAC,EAAE,WAAW,CAAC;IAC7B,mBAAmB,CAAC,EAAE,sBAAsB,CAAC;IAC7C,uBAAuB,CAAC,EAAE,aAAa,CAAC;IAExC,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,MAAM,EAAE,OAAO,CAAC;QAAC,eAAe,EAAE,IAAI,GAAG,MAAM,CAAA;KAAE,KAAK,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC;IACvG,uBAAuB,CAAC,EAAE,eAAe,CAAC;IAC1C,6BAA6B,CAAC,EAAE,WAAW,CAAC;IAE5C,qBAAqB,CAAC,EAAE,CAAC,KAAK,EAAE;QAAC,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC;QAAC,UAAU,EAAE,OAAO,CAAA;KAAE,KAAK,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC;IACpG,mBAAmB,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IACtD,iBAAiB,CAAC,EAAE,oBAAoB,CAAC;IACzC,qBAAqB,CAAC,EAAE,aAAa,CAAC;IAEtC,wBAAwB,CAAC,EAAE,CAAC,KAAK,EAAE;QAAC,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC,CAAA;KAAC,KAAK,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC;CAClF,CAAC"}

package/lib/typescript/module/src/DropDownSelector/index.d.ts

@@ -0,0 +1,3 @@
+export * from './DropDownSelector';
+export * from './DropDownSelector.types';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/module/src/DropDownSelector/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/DropDownSelector/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,0BAA0B,CAAC"}

package/lib/typescript/module/src/DropDownSelector/svgs/ChevronUp.d.ts

@@ -0,0 +1,5 @@
+export declare function ChevronUp({ size, color }: {
+    size?: number;
+    color?: string;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ChevronUp.d.ts.map

package/lib/typescript/module/src/DropDownSelector/svgs/ChevronUp.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChevronUp.d.ts","sourceRoot":"","sources":["../../../../../../src/DropDownSelector/svgs/ChevronUp.tsx"],"names":[],"mappings":"AAGA,wBAAgB,SAAS,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE;IAAE,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,2CAc3E"}

package/lib/typescript/module/src/index.d.ts

@@ -0,0 +1,4 @@
+import { DropDownSelector } from './DropDownSelector';
+export * from './DropDownSelector';
+export default DropDownSelector;
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/module/src/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,cAAc,oBAAoB,CAAC;AAEnC,eAAe,gBAAgB,CAAC"}

package/package.json

@@ -0,0 +1,203 @@
+{
+  "name": "@shaquillehinds/react-native-dropdown-selector",
+  "version": "0.0.1",
+  "description": "A simple dropdown selector for react native that just works.",
+  "source": "./src/index.tsx",
+  "main": "./lib/commonjs/index.js",
+  "module": "./lib/module/index.js",
+  "react-native": "./src/index.tsx",
+  "types": "lib/typescript/commonjs/src/index.d.ts",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./lib/typescript/module/src/index.d.ts",
+        "react-native": "./src/index.tsx",
+        "default": "./lib/module/index.js"
+      },
+      "require": {
+        "types": "./lib/typescript/commonjs/src/index.d.ts",
+        "default": "./lib/commonjs/index.js"
+      }
+    }
+  },
+  "files": [
+    "lib",
+    "src",
+    "android",
+    "ios",
+    "cpp",
+    "*.podspec",
+    "react-native.config.js",
+    "!ios/build",
+    "!android/build",
+    "!android/gradle",
+    "!android/gradlew",
+    "!android/gradlew.bat",
+    "!android/local.properties",
+    "!**/__tests__",
+    "!**/__fixtures__",
+    "!**/__mocks__",
+    "!**/.*"
+  ],
+  "scripts": {
+    "example": "yarn workspace react-native-dropdown-selector-example",
+    "dev:mkdir": "mkdir -p ../../expo-dev-playground-2/node_modules/@shaquillehinds/react-native-dropdown-selector/",
+    "dev:copy": "cp -r src/* ../../expo-dev-playground-2/node_modules/@shaquillehinds/react-native-dropdown-selector/",
+    "dev:sync": "npm run dev:copy && chokidar \"src/**/*\" -c \"rsync -a src/ ../../expo-dev-playground-2/node_modules/@shaquillehinds/react-native-dropdown-selector/\"",
+    "test": "jest",
+    "tarball": "npm pack @shaquillehinds/react-native-dropdown-selector",
+    "typecheck": "tsc",
+    "lint": "eslint \"**/*.{js,ts,tsx}\"",
+    "clean": "del-cli lib",
+    "prepare": "bob build",
+    "release": "release-it"
+  },
+  "keywords": [
+    "react-native",
+    "ios",
+    "android",
+    "modal",
+    "sheet",
+    "bottomsheet",
+    "bottommodal",
+    "bottom-sheet",
+    "bottom-modal"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/shaquillehinds/react-native-dropdown-selector.git"
+  },
+  "author": "Shaquille Hinds <shaqdulove@gmail.com> (https://github.com/shaquillehinds)",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/shaquillehinds/react-native-dropdown-selector/issues"
+  },
+  "homepage": "https://github.com/shaquillehinds/react-native-dropdown-selector#readme",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/",
+    "access": "public"
+  },
+  "dependencies": {
+    "@shaquillehinds/react-native-essentials": "^1.8.0"
+  },
+  "devDependencies": {
+    "@commitlint/config-conventional": "^19.6.0",
+    "@react-native/eslint-config": "^0.73.1",
+    "@release-it/conventional-changelog": "^9.0.2",
+    "@types/jest": "^29.5.5",
+    "@types/react": "^18.2.44",
+    "chokidar-cli": "^3.0.0",
+    "commitlint": "^19.6.1",
+    "del-cli": "^5.1.0",
+    "eslint": "^8.51.0",
+    "eslint-config-prettier": "^9.0.0",
+    "eslint-plugin-prettier": "^5.0.1",
+    "jest": "^29.7.0",
+    "prettier": "^3.0.3",
+    "react": "18.3.1",
+    "react-native": "0.76.7",
+    "react-native-builder-bob": "^0.38.0",
+    "react-native-gesture-handler": "^2.24.0",
+    "react-native-reanimated": "^3.17.1",
+    "react-native-svg": "^15.11.2",
+    "release-it": "^17.10.0",
+    "typescript": "^5.2.2"
+  },
+  "resolutions": {
+    "@types/react": "^18.2.44"
+  },
+  "peerDependencies": {
+    "react": "*",
+    "react-native": "*"
+  },
+  "workspaces": [
+    "example"
+  ],
+  "packageManager": "yarn@3.6.1",
+  "jest": {
+    "preset": "react-native",
+    "modulePathIgnorePatterns": [
+      "<rootDir>/example/node_modules",
+      "<rootDir>/lib/"
+    ]
+  },
+  "commitlint": {
+    "extends": [
+      "@commitlint/config-conventional"
+    ]
+  },
+  "release-it": {
+    "git": {
+      "commitMessage": "chore: release ${version}",
+      "tagName": "v${version}"
+    },
+    "npm": {
+      "publish": true,
+      "access": true
+    },
+    "github": {
+      "release": true
+    },
+    "plugins": {
+      "@release-it/conventional-changelog": {
+        "preset": {
+          "name": "angular"
+        }
+      }
+    }
+  },
+  "eslintConfig": {
+    "root": true,
+    "extends": [
+      "@react-native",
+      "prettier"
+    ],
+    "rules": {
+      "react/react-in-jsx-scope": "off",
+      "react-hooks/rules-of-hooks": "off",
+      "react-hooks/exhaustive-deps": "off",
+      "prettier/prettier": "off"
+    }
+  },
+  "eslintIgnore": [
+    "node_modules/",
+    "lib/"
+  ],
+  "prettier": {
+    "quoteProps": "consistent",
+    "singleQuote": true,
+    "tabWidth": 2,
+    "trailingComma": "es5",
+    "useTabs": false
+  },
+  "react-native-builder-bob": {
+    "source": "src",
+    "output": "lib",
+    "targets": [
+      [
+        "commonjs",
+        {
+          "esm": true
+        }
+      ],
+      [
+        "module",
+        {
+          "esm": true
+        }
+      ],
+      [
+        "typescript",
+        {
+          "project": "tsconfig.build.json",
+          "esm": true
+        }
+      ]
+    ]
+  },
+  "create-react-native-library": {
+    "languages": "js",
+    "type": "library",
+    "version": "0.48.5"
+  }
+}

package/src/DropDownSelector/DropDownSelector.controller.tsx

@@ -0,0 +1,174 @@
+import type {
+  AnimateComponentAnimationConfig,
+  AnimateComponentRef,
+} from '@shaquillehinds/react-native-essentials';
+import {
+  isAndroid,
+  radiusSizes,
+  useDeviceOrientation,
+} from '@shaquillehinds/react-native-essentials';
+import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import type { Animated, LayoutChangeEvent, ViewStyle } from 'react-native';
+import { ScrollView } from 'react-native-gesture-handler';
+import type { DropDownSelectorProps } from './DropDownSelector.types';
+
+export function DropDownSelectorController<T>(props: DropDownSelectorProps<T>) {
+  const [showItems, setShowItems] = useState(false);
+  const [hasPageY, setHasPageY] = useState(false);
+
+  const { screenHeight, relativeY } = useDeviceOrientation();
+
+  const pageYRef = useRef<number | null>(null);
+  const scrollViewRef = useRef<ScrollView | null>(null);
+  const canRenderDownRef = useRef<boolean | null>(null);
+  const animateChevronRef = useRef<AnimateComponentRef<number>>(null);
+  const animateComponentRef = useRef<AnimateComponentRef<number>>(null);
+  const animateAndroidShadowRef = useRef<AnimateComponentRef<number>>(null);
+
+  const unMountDelayInMilliSeconds = useMemo(() => {
+    if (props.expandAnimationConfig?.type === 'timing')
+      return props.expandAnimationConfig?.duration || 300;
+    return props.unMountDelayInMilliSeconds || 300;
+  }, [props.expandAnimationConfig]);
+  const maxHeight = useMemo(
+    () => props.expandDistance || relativeY(30),
+    [relativeY, props.expandDistance]
+  );
+  const label = useMemo(
+    () => props.items.find((item) => item.value === props.selectedItem)?.label,
+    [props.items, props.selectedItem]
+  );
+  const canRenderDown = useMemo(() => {
+    if (props.expandDirection === 'up') return false;
+    if (props.expandDirection === 'down') return true;
+    if (!pageYRef.current) return null;
+    if (!showItems && canRenderDownRef.current !== null)
+      return canRenderDownRef.current;
+    const distanceToBottom = screenHeight - pageYRef.current;
+    if (distanceToBottom < maxHeight) canRenderDownRef.current = false;
+    else canRenderDownRef.current = true;
+    return canRenderDownRef.current;
+  }, [showItems, screenHeight, maxHeight, hasPageY]);
+  const androidShadowAnimationConfig = useMemo<AnimateComponentAnimationConfig>(
+    () => ({
+      toValue: 1,
+      type: 'timing',
+      useNativeDriver: true,
+      duration: canRenderDown ? (showItems ? 400 : 200) : showItems ? 800 : 100,
+    }),
+    [canRenderDown, showItems]
+  );
+  const scrollViewStyle = useMemo<ViewStyle>(
+    () => ({
+      overflow: 'hidden',
+      maxHeight: maxHeight,
+      minHeight: relativeY(5),
+      borderRadius: radiusSizes.soft,
+      transform: [
+        { translateY: canRenderDown ? 0 : -maxHeight + relativeY(4) },
+      ],
+    }),
+    [canRenderDown, maxHeight, relativeY]
+  );
+  const chevronAnimationConfig = useMemo<AnimateComponentAnimationConfig>(
+    () => ({
+      toValue: canRenderDown ? 1 : -1,
+      type: 'spring',
+      speed: 1,
+      bounciness: 1,
+      useNativeDriver: true,
+    }),
+    [canRenderDown]
+  );
+  const selectionItemsListAnimationConfig =
+    useMemo<AnimateComponentAnimationConfig>(
+      () => ({
+        toValue: 0,
+        type: 'spring',
+        speed: 1,
+        bounciness: 1,
+        useNativeDriver: true,
+      }),
+      []
+    );
+  const chevronAnimatedStyle = useCallback(
+    (scaleY: Animated.Value): ViewStyle => ({
+      transform: [{ scaleY }],
+    }),
+    []
+  );
+
+  const handleLayout = useCallback(
+    (e: LayoutChangeEvent) => {
+      e.currentTarget.measure((_x, _y, _width, _height, _pageX, pageY) => {
+        pageYRef.current = pageY || screenHeight / 2;
+        setHasPageY(true);
+      });
+      props.containerProps?.onLayout?.(e);
+    },
+    [props.containerProps?.onLayout]
+  );
+  const androidShadowAnimatedStyle = useCallback(
+    (opacity: Animated.Value): ViewStyle => ({
+      opacity,
+      right: 0,
+      left: 0,
+      top: 0,
+      bottom: 0,
+      position: 'absolute',
+      boxShadow: canRenderDown
+        ? '5px 18px 25px 0px rgba(0,0,0,0.15)'
+        : '5px -18px 25px 0px rgba(0,0,0,0.15)',
+      borderRadius: radiusSizes.soft,
+      transform: [
+        {
+          translateY: canRenderDown ? 0 : -maxHeight + relativeY(4),
+        },
+      ],
+    }),
+    [canRenderDown, maxHeight, relativeY]
+  );
+
+  const selectionItemsListAnimatedStyle = useCallback(
+    (translateY: Animated.Value): ViewStyle => ({
+      transform: [{ translateY }],
+    }),
+    []
+  );
+
+  useEffect(() => {
+    if (animateComponentRef.current && !showItems)
+      animateComponentRef.current.reverse();
+    if (animateChevronRef.current) {
+      if (showItems) animateChevronRef.current.start();
+      else {
+        animateChevronRef.current.reverse();
+      }
+    }
+    if (isAndroid && !showItems) animateAndroidShadowRef.current?.reverse();
+  }, [showItems]);
+
+  return {
+    showItems,
+    setShowItems,
+    label,
+    canRenderDown,
+    relativeY,
+    scrollViewRef,
+    animateComponentRef,
+    animateChevronRef,
+    animateAndroidShadowRef,
+    pageYRef,
+    canRenderDownRef,
+    maxHeight,
+    handleLayout,
+    androidShadowAnimatedStyle,
+    androidShadowAnimationConfig,
+    scrollViewStyle,
+    selectionItemsListAnimatedStyle,
+    selectionItemsListAnimationConfig,
+    chevronAnimationConfig,
+    chevronAnimatedStyle,
+    unMountDelayInMilliSeconds,
+  };
+}