@shaquillehinds/react-native-dropdown-selector 0.0.1

package/lib/commonjs/DropDownSelector/DropDownSelector.js

@@ -0,0 +1,136 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DropDownSelector = DropDownSelector;
+var _reactNativeEssentials = require("@shaquillehinds/react-native-essentials");
+var _ChevronUp = require("./svgs/ChevronUp.js");
+var _reactNative = require("react-native");
+var _reactNativeGestureHandler = require("react-native-gesture-handler");
+var _DropDownSelectorController = require("./DropDownSelector.controller.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function DropDownSelector(props) {
+  const controller = (0, _DropDownSelectorController.DropDownSelectorController)(props);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeEssentials.Layout, {
+    ...props.containerProps,
+    style: [{
+      zIndex: _reactNativeEssentials.maxZIndex
+    }, props.containerProps?.style],
+    onLayout: controller.handleLayout,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeEssentials.ComponentMounter, {
+      showComponent: controller.showItems,
+      setShowComponent: controller.setShowItems,
+      unMountDelayInMilliSeconds: controller.unMountDelayInMilliSeconds,
+      onComponentShow: props.onOpen,
+      onComponentClose: props.onClose,
+      component: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeEssentials.ModalWrapper, {
+        enableBackgroundContentPress: true,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeEssentials.ModalForegroundWrapper, {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+            style: !props.disableShadow ? {
+              ...(0, _reactNativeEssentials.shadowStyles)({
+                shadowOpacity: 0.15
+              })
+            } : undefined,
+            children: [!props.disableShadow && _reactNativeEssentials.isAndroid && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeEssentials.AnimateComponent, {
+              ref: controller.animateAndroidShadowRef,
+              initialPosition: 0,
+              style: controller.androidShadowAnimatedStyle,
+              autoStart: true,
+              toPosition: controller.androidShadowAnimationConfig
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeGestureHandler.ScrollView, {
+              ref: controller.scrollViewRef,
+              nestedScrollEnabled: true,
+              showsVerticalScrollIndicator: false,
+              overScrollMode: "never",
+              ...props.dropdownScrollViewProps,
+              style: [controller.scrollViewStyle, props.dropdownScrollViewProps?.style],
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeEssentials.AnimateComponent, {
+                ref: controller.animateComponentRef,
+                style: controller.selectionItemsListAnimatedStyle,
+                initialPosition: controller.canRenderDown ? -controller.relativeY(110) : controller.relativeY(110),
+                autoStart: true,
+                toPosition: props.expandAnimationConfig ? {
+                  ...props.expandAnimationConfig,
+                  toValue: 0
+                } : controller.selectionItemsListAnimationConfig,
+                children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeEssentials.Layout, {
+                  borderRadius: "soft",
+                  backgroundColor: '#FAFAFA',
+                  padding: controller.canRenderDown ? [5, 0, 0, 0] : [0, 0, 5, 0],
+                  ...props.dropdownContentContainerProps,
+                  children: props.items.map(item => props.DropdownItemComponent ? /*#__PURE__*/(0, _jsxRuntime.jsx)(props.DropdownItemComponent, {
+                    item: item,
+                    isSelected: item.value === props.selectedItem
+                  }, item.label) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeEssentials.TouchableLayout, {
+                    flexDirection: "row",
+                    center: true,
+                    spaceBetween: true,
+                    padding: [1, 5],
+                    ...props.dropdownItemProps,
+                    onPress: () => {
+                      props.onSelect(item.value);
+                      controller.setShowItems(false);
+                      props.onDropdownItemPress?.(item);
+                    },
+                    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeEssentials.Layout, {
+                      width: '85%',
+                      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeEssentials.BaseText, {
+                        numberOfLines: 1,
+                        ...props.dropdownItemTextProps,
+                        children: item.label
+                      })
+                    }), item.value === props.selectedItem ? props.DropdownItemSelectedIcon ? /*#__PURE__*/(0, _jsxRuntime.jsx)(props.DropdownItemSelectedIcon, {
+                      item: item
+                    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeEssentials.RadioIcon, {
+                      isSelected: true
+                    }) : null]
+                  }, item.label))
+                })
+              })
+            })]
+          })
+        })
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeEssentials.RNPressableLayout, {
+      disabled: props.isDisabled,
+      activeOpacity: 1,
+      flexDirection: "row",
+      backgroundColor: 'white',
+      borderRadius: "medium",
+      padding: [1, 5],
+      spaceBetween: true,
+      center: true,
+      ...props.dropdownButtonProps,
+      style: [{
+        zIndex: _reactNativeEssentials.maxZIndex + 3,
+        ...(0, _reactNativeEssentials.shadowStyles)({
+          shadowOpacity: 0.1
+        })
+      }, props.dropdownButtonProps?.style],
+      onPress: e => {
+        controller.pageYRef.current = e.nativeEvent.pageY;
+        controller.setShowItems(prev => !prev);
+        props.dropdownButtonProps?.onPress?.(e);
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeEssentials.BaseText, {
+        numberOfLines: 1,
+        ...props.dropdownButtonTextProps,
+        children: controller.label || props.placeholder || 'Select an item'
+      }), props.DropdownButtonIcon ? /*#__PURE__*/(0, _jsxRuntime.jsx)(props.DropdownButtonIcon, {
+        isOpen: controller.showItems,
+        expandDirection: props.expandDirection || controller.canRenderDown ? 'down' : 'up'
+      }) : controller.canRenderDown === null ? undefined : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeEssentials.AnimateComponent, {
+        ref: controller.animateChevronRef,
+        style: controller.chevronAnimatedStyle,
+        initialPosition: controller.canRenderDown ? -1 : 1,
+        toPosition: controller.chevronAnimationConfig,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChevronUp.ChevronUp, {
+          color: 'black'
+        })
+      })]
+    })]
+  });
+}
+//# sourceMappingURL=DropDownSelector.js.map

package/lib/commonjs/DropDownSelector/DropDownSelector.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNativeEssentials","require","_ChevronUp","_reactNative","_reactNativeGestureHandler","_DropDownSelectorController","_jsxRuntime","DropDownSelector","props","controller","DropDownSelectorController","jsxs","Layout","containerProps","style","zIndex","maxZIndex","onLayout","handleLayout","children","jsx","ComponentMounter","showComponent","showItems","setShowComponent","setShowItems","unMountDelayInMilliSeconds","onComponentShow","onOpen","onComponentClose","onClose","component","ModalWrapper","enableBackgroundContentPress","ModalForegroundWrapper","View","disableShadow","shadowStyles","shadowOpacity","undefined","isAndroid","AnimateComponent","ref","animateAndroidShadowRef","initialPosition","androidShadowAnimatedStyle","autoStart","toPosition","androidShadowAnimationConfig","ScrollView","scrollViewRef","nestedScrollEnabled","showsVerticalScrollIndicator","overScrollMode","dropdownScrollViewProps","scrollViewStyle","animateComponentRef","selectionItemsListAnimatedStyle","canRenderDown","relativeY","expandAnimationConfig","toValue","selectionItemsListAnimationConfig","borderRadius","backgroundColor","padding","dropdownContentContainerProps","items","map","item","DropdownItemComponent","isSelected","value","selectedItem","label","TouchableLayout","flexDirection","center","spaceBetween","dropdownItemProps","onPress","onSelect","onDropdownItemPress","width","BaseText","numberOfLines","dropdownItemTextProps","DropdownItemSelectedIcon","RadioIcon","RNPressableLayout","disabled","isDisabled","activeOpacity","dropdownButtonProps","e","pageYRef","current","nativeEvent","pageY","prev","dropdownButtonTextProps","placeholder","DropdownButtonIcon","isOpen","expandDirection","animateChevronRef","chevronAnimatedStyle","chevronAnimationConfig","ChevronUp","color"],"sourceRoot":"../../../src","sources":["DropDownSelector/DropDownSelector.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/DropDownSelector/DropDownSelector.types.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=DropDownSelector.types.js.map

package/lib/commonjs/DropDownSelector/DropDownSelector.types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["DropDownSelector/DropDownSelector.types.ts"],"mappings":"","ignoreList":[]}

package/lib/commonjs/DropDownSelector/index.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _DropDownSelector = require("./DropDownSelector.js");
+Object.keys(_DropDownSelector).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _DropDownSelector[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _DropDownSelector[key];
+    }
+  });
+});
+var _DropDownSelectorTypes = require("./DropDownSelector.types.js");
+Object.keys(_DropDownSelectorTypes).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _DropDownSelectorTypes[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _DropDownSelectorTypes[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

package/lib/commonjs/DropDownSelector/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_DropDownSelector","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_DropDownSelectorTypes"],"sourceRoot":"../../../src","sources":["DropDownSelector/index.ts"],"mappings":";;;;;AAAA,IAAAA,iBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,iBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,iBAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,iBAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,sBAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,sBAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,sBAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,sBAAA,CAAAL,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}

package/lib/commonjs/DropDownSelector/svgs/ChevronUp.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ChevronUp = ChevronUp;
+var _reactNativeEssentials = require("@shaquillehinds/react-native-essentials");
+var _reactNativeSvg = _interopRequireWildcard(require("react-native-svg"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function ChevronUp({
+  size,
+  color
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.default, {
+    width: (0, _reactNativeEssentials.normalize)(size || 24),
+    height: (0, _reactNativeEssentials.normalize)(size || 24),
+    viewBox: "0 0 24 24",
+    fill: "none",
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
+      d: "M19.9195 15.8001C19.7295 15.8001 19.5395 15.7301 19.3895 15.5801L12.8695 9.06008C12.3895 8.58008 11.6095 8.58008 11.1295 9.06008L4.60953 15.5801C4.31953 15.8701 3.83953 15.8701 3.54953 15.5801C3.25953 15.2901 3.25953 14.8101 3.54953 14.5201L10.0695 8.00008C11.1295 6.94008 12.8595 6.94008 13.9295 8.00008L20.4495 14.5201C20.7395 14.8101 20.7395 15.2901 20.4495 15.5801C20.2995 15.7201 20.1095 15.8001 19.9195 15.8001Z",
+      fill: color || '#292D32'
+    })
+  });
+}
+//# sourceMappingURL=ChevronUp.js.map

package/lib/commonjs/DropDownSelector/svgs/ChevronUp.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNativeEssentials","require","_reactNativeSvg","_interopRequireWildcard","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ChevronUp","size","color","jsx","width","normalize","height","viewBox","fill","children","Path","d"],"sourceRoot":"../../../../src","sources":["DropDownSelector/svgs/ChevronUp.tsx"],"mappings":";;;;;;AAAA,IAAAA,sBAAA,GAAAC,OAAA;AACA,IAAAC,eAAA,GAAAC,uBAAA,CAAAF,OAAA;AAA6C,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAE,wBAAAE,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAJ,uBAAA,YAAAA,CAAAE,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAEtC,SAASkB,SAASA,CAAC;EAAEC,IAAI;EAAEC;AAAyC,CAAC,EAAE;EAC5E,oBACE,IAAAtB,WAAA,CAAAuB,GAAA,EAACzB,eAAA,CAAAa,OAAG;IACFa,KAAK,EAAE,IAAAC,gCAAS,EAACJ,IAAI,IAAI,EAAE,CAAE;IAC7BK,MAAM,EAAE,IAAAD,gCAAS,EAACJ,IAAI,IAAI,EAAE,CAAE;IAC9BM,OAAO,EAAC,WAAW;IACnBC,IAAI,EAAC,MAAM;IAAAC,QAAA,eAEX,IAAA7B,WAAA,CAAAuB,GAAA,EAACzB,eAAA,CAAAgC,IAAI;MACHC,CAAC,EAAC,maAAma;MACraH,IAAI,EAAEN,KAAK,IAAI;IAAU,CAC1B;EAAC,CACC,CAAC;AAEV","ignoreList":[]}

package/lib/commonjs/index.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {};
+exports.default = void 0;
+var _index = require("./DropDownSelector/index.js");
+Object.keys(_index).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _index[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _index[key];
+    }
+  });
+});
+var _default = exports.default = _index.DropDownSelector;
+//# sourceMappingURL=index.js.map

package/lib/commonjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_index","require","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_default","default","DropDownSelector"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACAC,MAAA,CAAAC,IAAA,CAAAH,MAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAL,MAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAb,MAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AAAmC,IAAAS,QAAA,GAAAJ,OAAA,CAAAK,OAAA,GAEpBC,uBAAgB","ignoreList":[]}

package/lib/commonjs/package.json

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

package/lib/module/DropDownSelector/DropDownSelector.controller.js

@@ -0,0 +1,125 @@
+"use strict";
+
+import { isAndroid, radiusSizes, useDeviceOrientation } from '@shaquillehinds/react-native-essentials';
+import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+export function DropDownSelectorController(props) {
+  const [showItems, setShowItems] = useState(false);
+  const [hasPageY, setHasPageY] = useState(false);
+  const {
+    screenHeight,
+    relativeY
+  } = useDeviceOrientation();
+  const pageYRef = useRef(null);
+  const scrollViewRef = useRef(null);
+  const canRenderDownRef = useRef(null);
+  const animateChevronRef = useRef(null);
+  const animateComponentRef = useRef(null);
+  const animateAndroidShadowRef = useRef(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(() => ({
+    toValue: 1,
+    type: 'timing',
+    useNativeDriver: true,
+    duration: canRenderDown ? showItems ? 400 : 200 : showItems ? 800 : 100
+  }), [canRenderDown, showItems]);
+  const scrollViewStyle = useMemo(() => ({
+    overflow: 'hidden',
+    maxHeight: maxHeight,
+    minHeight: relativeY(5),
+    borderRadius: radiusSizes.soft,
+    transform: [{
+      translateY: canRenderDown ? 0 : -maxHeight + relativeY(4)
+    }]
+  }), [canRenderDown, maxHeight, relativeY]);
+  const chevronAnimationConfig = useMemo(() => ({
+    toValue: canRenderDown ? 1 : -1,
+    type: 'spring',
+    speed: 1,
+    bounciness: 1,
+    useNativeDriver: true
+  }), [canRenderDown]);
+  const selectionItemsListAnimationConfig = useMemo(() => ({
+    toValue: 0,
+    type: 'spring',
+    speed: 1,
+    bounciness: 1,
+    useNativeDriver: true
+  }), []);
+  const chevronAnimatedStyle = useCallback(scaleY => ({
+    transform: [{
+      scaleY
+    }]
+  }), []);
+  const handleLayout = useCallback(e => {
+    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 => ({
+    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 => ({
+    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
+  };
+}
+//# sourceMappingURL=DropDownSelector.controller.js.map

package/lib/module/DropDownSelector/DropDownSelector.controller.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["isAndroid","radiusSizes","useDeviceOrientation","useCallback","useEffect","useMemo","useRef","useState","DropDownSelectorController","props","showItems","setShowItems","hasPageY","setHasPageY","screenHeight","relativeY","pageYRef","scrollViewRef","canRenderDownRef","animateChevronRef","animateComponentRef","animateAndroidShadowRef","unMountDelayInMilliSeconds","expandAnimationConfig","type","duration","maxHeight","expandDistance","label","items","find","item","value","selectedItem","canRenderDown","expandDirection","current","distanceToBottom","androidShadowAnimationConfig","toValue","useNativeDriver","scrollViewStyle","overflow","minHeight","borderRadius","soft","transform","translateY","chevronAnimationConfig","speed","bounciness","selectionItemsListAnimationConfig","chevronAnimatedStyle","scaleY","handleLayout","e","currentTarget","measure","_x","_y","_width","_height","_pageX","pageY","containerProps","onLayout","androidShadowAnimatedStyle","opacity","right","left","top","bottom","position","boxShadow","selectionItemsListAnimatedStyle","reverse","start"],"sourceRoot":"../../../src","sources":["DropDownSelector/DropDownSelector.controller.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/DropDownSelector/DropDownSelector.js

@@ -0,0 +1,132 @@
+"use strict";
+
+import { AnimateComponent, BaseText, isAndroid, Layout, RNPressableLayout, shadowStyles, maxZIndex, TouchableLayout, ComponentMounter, ModalForegroundWrapper, ModalWrapper, RadioIcon } from '@shaquillehinds/react-native-essentials';
+import { ChevronUp } from "./svgs/ChevronUp.js";
+import { View } from 'react-native';
+import { ScrollView } from 'react-native-gesture-handler';
+import { DropDownSelectorController } from "./DropDownSelector.controller.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function DropDownSelector(props) {
+  const controller = DropDownSelectorController(props);
+  return /*#__PURE__*/_jsxs(Layout, {
+    ...props.containerProps,
+    style: [{
+      zIndex: maxZIndex
+    }, props.containerProps?.style],
+    onLayout: controller.handleLayout,
+    children: [/*#__PURE__*/_jsx(ComponentMounter, {
+      showComponent: controller.showItems,
+      setShowComponent: controller.setShowItems,
+      unMountDelayInMilliSeconds: controller.unMountDelayInMilliSeconds,
+      onComponentShow: props.onOpen,
+      onComponentClose: props.onClose,
+      component: /*#__PURE__*/_jsx(ModalWrapper, {
+        enableBackgroundContentPress: true,
+        children: /*#__PURE__*/_jsx(ModalForegroundWrapper, {
+          children: /*#__PURE__*/_jsxs(View, {
+            style: !props.disableShadow ? {
+              ...shadowStyles({
+                shadowOpacity: 0.15
+              })
+            } : undefined,
+            children: [!props.disableShadow && isAndroid && /*#__PURE__*/_jsx(AnimateComponent, {
+              ref: controller.animateAndroidShadowRef,
+              initialPosition: 0,
+              style: controller.androidShadowAnimatedStyle,
+              autoStart: true,
+              toPosition: controller.androidShadowAnimationConfig
+            }), /*#__PURE__*/_jsx(ScrollView, {
+              ref: controller.scrollViewRef,
+              nestedScrollEnabled: true,
+              showsVerticalScrollIndicator: false,
+              overScrollMode: "never",
+              ...props.dropdownScrollViewProps,
+              style: [controller.scrollViewStyle, props.dropdownScrollViewProps?.style],
+              children: /*#__PURE__*/_jsx(AnimateComponent, {
+                ref: controller.animateComponentRef,
+                style: controller.selectionItemsListAnimatedStyle,
+                initialPosition: controller.canRenderDown ? -controller.relativeY(110) : controller.relativeY(110),
+                autoStart: true,
+                toPosition: props.expandAnimationConfig ? {
+                  ...props.expandAnimationConfig,
+                  toValue: 0
+                } : controller.selectionItemsListAnimationConfig,
+                children: /*#__PURE__*/_jsx(Layout, {
+                  borderRadius: "soft",
+                  backgroundColor: '#FAFAFA',
+                  padding: controller.canRenderDown ? [5, 0, 0, 0] : [0, 0, 5, 0],
+                  ...props.dropdownContentContainerProps,
+                  children: props.items.map(item => props.DropdownItemComponent ? /*#__PURE__*/_jsx(props.DropdownItemComponent, {
+                    item: item,
+                    isSelected: item.value === props.selectedItem
+                  }, item.label) : /*#__PURE__*/_jsxs(TouchableLayout, {
+                    flexDirection: "row",
+                    center: true,
+                    spaceBetween: true,
+                    padding: [1, 5],
+                    ...props.dropdownItemProps,
+                    onPress: () => {
+                      props.onSelect(item.value);
+                      controller.setShowItems(false);
+                      props.onDropdownItemPress?.(item);
+                    },
+                    children: [/*#__PURE__*/_jsx(Layout, {
+                      width: '85%',
+                      children: /*#__PURE__*/_jsx(BaseText, {
+                        numberOfLines: 1,
+                        ...props.dropdownItemTextProps,
+                        children: item.label
+                      })
+                    }), item.value === props.selectedItem ? props.DropdownItemSelectedIcon ? /*#__PURE__*/_jsx(props.DropdownItemSelectedIcon, {
+                      item: item
+                    }) : /*#__PURE__*/_jsx(RadioIcon, {
+                      isSelected: true
+                    }) : null]
+                  }, item.label))
+                })
+              })
+            })]
+          })
+        })
+      })
+    }), /*#__PURE__*/_jsxs(RNPressableLayout, {
+      disabled: props.isDisabled,
+      activeOpacity: 1,
+      flexDirection: "row",
+      backgroundColor: 'white',
+      borderRadius: "medium",
+      padding: [1, 5],
+      spaceBetween: true,
+      center: true,
+      ...props.dropdownButtonProps,
+      style: [{
+        zIndex: maxZIndex + 3,
+        ...shadowStyles({
+          shadowOpacity: 0.1
+        })
+      }, props.dropdownButtonProps?.style],
+      onPress: e => {
+        controller.pageYRef.current = e.nativeEvent.pageY;
+        controller.setShowItems(prev => !prev);
+        props.dropdownButtonProps?.onPress?.(e);
+      },
+      children: [/*#__PURE__*/_jsx(BaseText, {
+        numberOfLines: 1,
+        ...props.dropdownButtonTextProps,
+        children: controller.label || props.placeholder || 'Select an item'
+      }), props.DropdownButtonIcon ? /*#__PURE__*/_jsx(props.DropdownButtonIcon, {
+        isOpen: controller.showItems,
+        expandDirection: props.expandDirection || controller.canRenderDown ? 'down' : 'up'
+      }) : controller.canRenderDown === null ? undefined : /*#__PURE__*/_jsx(AnimateComponent, {
+        ref: controller.animateChevronRef,
+        style: controller.chevronAnimatedStyle,
+        initialPosition: controller.canRenderDown ? -1 : 1,
+        toPosition: controller.chevronAnimationConfig,
+        children: /*#__PURE__*/_jsx(ChevronUp, {
+          color: 'black'
+        })
+      })]
+    })]
+  });
+}
+//# sourceMappingURL=DropDownSelector.js.map

package/lib/module/DropDownSelector/DropDownSelector.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["AnimateComponent","BaseText","isAndroid","Layout","RNPressableLayout","shadowStyles","maxZIndex","TouchableLayout","ComponentMounter","ModalForegroundWrapper","ModalWrapper","RadioIcon","ChevronUp","View","ScrollView","DropDownSelectorController","jsx","_jsx","jsxs","_jsxs","DropDownSelector","props","controller","containerProps","style","zIndex","onLayout","handleLayout","children","showComponent","showItems","setShowComponent","setShowItems","unMountDelayInMilliSeconds","onComponentShow","onOpen","onComponentClose","onClose","component","enableBackgroundContentPress","disableShadow","shadowOpacity","undefined","ref","animateAndroidShadowRef","initialPosition","androidShadowAnimatedStyle","autoStart","toPosition","androidShadowAnimationConfig","scrollViewRef","nestedScrollEnabled","showsVerticalScrollIndicator","overScrollMode","dropdownScrollViewProps","scrollViewStyle","animateComponentRef","selectionItemsListAnimatedStyle","canRenderDown","relativeY","expandAnimationConfig","toValue","selectionItemsListAnimationConfig","borderRadius","backgroundColor","padding","dropdownContentContainerProps","items","map","item","DropdownItemComponent","isSelected","value","selectedItem","label","flexDirection","center","spaceBetween","dropdownItemProps","onPress","onSelect","onDropdownItemPress","width","numberOfLines","dropdownItemTextProps","DropdownItemSelectedIcon","disabled","isDisabled","activeOpacity","dropdownButtonProps","e","pageYRef","current","nativeEvent","pageY","prev","dropdownButtonTextProps","placeholder","DropdownButtonIcon","isOpen","expandDirection","animateChevronRef","chevronAnimatedStyle","chevronAnimationConfig","color"],"sourceRoot":"../../../src","sources":["DropDownSelector/DropDownSelector.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/DropDownSelector/DropDownSelector.types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=DropDownSelector.types.js.map

package/lib/module/DropDownSelector/DropDownSelector.types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["DropDownSelector/DropDownSelector.types.ts"],"mappings":"","ignoreList":[]}

package/lib/module/DropDownSelector/index.js

@@ -0,0 +1,5 @@
+"use strict";
+
+export * from "./DropDownSelector.js";
+export * from "./DropDownSelector.types.js";
+//# sourceMappingURL=index.js.map

package/lib/module/DropDownSelector/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["DropDownSelector/index.ts"],"mappings":";;AAAA,cAAc,uBAAoB;AAClC,cAAc,6BAA0B","ignoreList":[]}

package/lib/module/DropDownSelector/svgs/ChevronUp.js

@@ -0,0 +1,21 @@
+"use strict";
+
+import { normalize } from '@shaquillehinds/react-native-essentials';
+import Svg, { Path } from 'react-native-svg';
+import { jsx as _jsx } from "react/jsx-runtime";
+export function ChevronUp({
+  size,
+  color
+}) {
+  return /*#__PURE__*/_jsx(Svg, {
+    width: normalize(size || 24),
+    height: normalize(size || 24),
+    viewBox: "0 0 24 24",
+    fill: "none",
+    children: /*#__PURE__*/_jsx(Path, {
+      d: "M19.9195 15.8001C19.7295 15.8001 19.5395 15.7301 19.3895 15.5801L12.8695 9.06008C12.3895 8.58008 11.6095 8.58008 11.1295 9.06008L4.60953 15.5801C4.31953 15.8701 3.83953 15.8701 3.54953 15.5801C3.25953 15.2901 3.25953 14.8101 3.54953 14.5201L10.0695 8.00008C11.1295 6.94008 12.8595 6.94008 13.9295 8.00008L20.4495 14.5201C20.7395 14.8101 20.7395 15.2901 20.4495 15.5801C20.2995 15.7201 20.1095 15.8001 19.9195 15.8001Z",
+      fill: color || '#292D32'
+    })
+  });
+}
+//# sourceMappingURL=ChevronUp.js.map

package/lib/module/DropDownSelector/svgs/ChevronUp.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["normalize","Svg","Path","jsx","_jsx","ChevronUp","size","color","width","height","viewBox","fill","children","d"],"sourceRoot":"../../../../src","sources":["DropDownSelector/svgs/ChevronUp.tsx"],"mappings":";;AAAA,SAASA,SAAS,QAAQ,yCAAyC;AACnE,OAAOC,GAAG,IAAIC,IAAI,QAAQ,kBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE7C,OAAO,SAASC,SAASA,CAAC;EAAEC,IAAI;EAAEC;AAAyC,CAAC,EAAE;EAC5E,oBACEH,IAAA,CAACH,GAAG;IACFO,KAAK,EAAER,SAAS,CAACM,IAAI,IAAI,EAAE,CAAE;IAC7BG,MAAM,EAAET,SAAS,CAACM,IAAI,IAAI,EAAE,CAAE;IAC9BI,OAAO,EAAC,WAAW;IACnBC,IAAI,EAAC,MAAM;IAAAC,QAAA,eAEXR,IAAA,CAACF,IAAI;MACHW,CAAC,EAAC,maAAma;MACraF,IAAI,EAAEJ,KAAK,IAAI;IAAU,CAC1B;EAAC,CACC,CAAC;AAEV","ignoreList":[]}

package/lib/module/index.js

@@ -0,0 +1,6 @@
+"use strict";
+
+import { DropDownSelector } from "./DropDownSelector/index.js";
+export * from "./DropDownSelector/index.js";
+export default DropDownSelector;
+//# sourceMappingURL=index.js.map

package/lib/module/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["DropDownSelector"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AAAA,SAASA,gBAAgB,QAAQ,6BAAoB;AACrD,cAAc,6BAAoB;AAElC,eAAeA,gBAAgB","ignoreList":[]}

package/lib/module/package.json

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

package/lib/typescript/commonjs/package.json

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