react-native-hold-menu-actions 0.1.6

package/lib/module/components/backdrop/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["styles.ts"],"names":["StyleSheet","styles","create","container","absoluteFillObject","zIndex"],"mappings":"AAAA,SAASA,UAAT,QAA2B,cAA3B;AAEA,OAAO,MAAMC,MAAM,GAAGD,UAAU,CAACE,MAAX,CAAkB;AACtCC,EAAAA,SAAS,EAAE,EACT,GAAGH,UAAU,CAACI,kBADL;AAETC,IAAAA,MAAM,EAAE;AAFC;AAD2B,CAAlB,CAAf","sourcesContent":["import { StyleSheet } from 'react-native';\n\nexport const styles = StyleSheet.create({\n  container: {\n    ...StyleSheet.absoluteFillObject,\n    zIndex: 0,\n  },\n});\n"]}

package/lib/module/components/flatList/FlatList.js

@@ -0,0 +1,17 @@
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import React, { memo } from 'react';
+import { FlatList as RNFlatList } from 'react-native';
+import isEqual from 'lodash.isequal';
+import Animated from 'react-native-reanimated';
+const AnimatedFlatList = Animated.createAnimatedComponent(RNFlatList);
+
+const HoldMenuFlatListComponent = props => {
+  return /*#__PURE__*/React.createElement(AnimatedFlatList, _extends({}, props, {
+    scrollEventThrottle: 16
+  }));
+};
+
+const HoldMenuFlatList = /*#__PURE__*/memo(HoldMenuFlatListComponent, isEqual);
+export default HoldMenuFlatList;
+//# sourceMappingURL=FlatList.js.map

package/lib/module/components/flatList/FlatList.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["FlatList.tsx"],"names":["React","memo","FlatList","RNFlatList","isEqual","Animated","AnimatedFlatList","createAnimatedComponent","HoldMenuFlatListComponent","props","HoldMenuFlatList"],"mappings":";;AAAA,OAAOA,KAAP,IAAgBC,IAAhB,QAA4B,OAA5B;AACA,SACEC,QAAQ,IAAIC,UADd,QAGO,cAHP;AAKA,OAAOC,OAAP,MAAoB,gBAApB;AACA,OAAOC,QAAP,MAAqB,yBAArB;AAEA,MAAMC,gBAAgB,GAAGD,QAAQ,CAACE,uBAAT,CAAiCJ,UAAjC,CAAzB;;AAOA,MAAMK,yBAAyB,GAAIC,KAAD,IAAuC;AACvE,sBAAO,oBAAC,gBAAD,eAAsBA,KAAtB;AAA6B,IAAA,mBAAmB,EAAE;AAAlD,KAAP;AACD,CAFD;;AAIA,MAAMC,gBAAgB,gBAAGT,IAAI,CAACO,yBAAD,EAA4BJ,OAA5B,CAA7B;AAEA,eAAeM,gBAAf","sourcesContent":["import React, { memo } from 'react';\nimport {\n  FlatList as RNFlatList,\n  FlatListProps as RNFlatListProps,\n} from 'react-native';\n\nimport isEqual from 'lodash.isequal';\nimport Animated from 'react-native-reanimated';\n\nconst AnimatedFlatList = Animated.createAnimatedComponent(RNFlatList);\n\nexport type HoldMenuFlatListProps<T> = Omit<\n  RNFlatListProps<T>,\n  'scrollEventThrottle'\n>;\n\nconst HoldMenuFlatListComponent = (props: HoldMenuFlatListProps<any>) => {\n  return <AnimatedFlatList {...props} scrollEventThrottle={16} />;\n};\n\nconst HoldMenuFlatList = memo(HoldMenuFlatListComponent, isEqual);\n\nexport default HoldMenuFlatList;\n"]}

package/lib/module/components/flatList/index.js

@@ -0,0 +1,2 @@
+export { default } from './FlatList';
+//# sourceMappingURL=index.js.map

package/lib/module/components/flatList/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"names":["default"],"mappings":"AAAA,SAASA,OAAT,QAAwB,YAAxB","sourcesContent":["export { default } from './FlatList';\nexport type { HoldMenuFlatListProps } from './FlatList';\n"]}

package/lib/module/components/holdItem/HoldItem.js

@@ -0,0 +1,344 @@
+import React, { memo, useMemo } from 'react';
+//#region reanimated & gesture handler
+import { TapGestureHandler, LongPressGestureHandler } from 'react-native-gesture-handler';
+import Animated, { measure, runOnJS, useAnimatedGestureHandler, useAnimatedProps, useAnimatedRef, useAnimatedStyle, useSharedValue, withDelay, withTiming, withSequence, withSpring, useAnimatedReaction } from 'react-native-reanimated'; //#endregion
+//#region dependencies
+
+import { Portal } from '@gorhom/portal';
+import { nanoid } from 'nanoid/non-secure'; // @ts-ignore
+
+import * as Haptics from 'expo-haptics'; //#endregion
+//#region utils & types
+
+import { getTransformOrigin, calculateMenuHeight } from '../../utils/calculations';
+import { HOLD_ITEM_TRANSFORM_DURATION, HOLD_ITEM_SCALE_DOWN_DURATION, HOLD_ITEM_SCALE_DOWN_VALUE, SPRING_CONFIGURATION, WINDOW_HEIGHT, WINDOW_WIDTH, CONTEXT_MENU_STATE } from '../../constants';
+import { useDeviceOrientation } from '../../hooks';
+import styles from './styles';
+import styleGuide from '../../styleGuide';
+import { useInternal } from '../../hooks'; //#endregion
+
+const HoldItemComponent = ({
+  items,
+  bottom,
+  containerStyles,
+  disableMove,
+  menuAnchorPosition,
+  activateOn,
+  hapticFeedback,
+  actionParams,
+  closeOnTap,
+  longPressMinDurationMs = 150,
+  children
+}) => {
+  //#region hooks
+  const {
+    state,
+    menuProps,
+    safeAreaInsets
+  } = useInternal();
+  const deviceOrientation = useDeviceOrientation(); //#endregion
+  //#region variables
+
+  const isActive = useSharedValue(false);
+  const isAnimationStarted = useSharedValue(false);
+  const itemRectY = useSharedValue(0);
+  const itemRectX = useSharedValue(0);
+  const itemRectWidth = useSharedValue(0);
+  const itemRectHeight = useSharedValue(0);
+  const itemScale = useSharedValue(1);
+  const transformValue = useSharedValue(0);
+  const transformOrigin = useSharedValue(menuAnchorPosition || 'top-right');
+  const key = useMemo(() => `hold-item-${nanoid()}`, []);
+  const menuHeight = useMemo(() => {
+    const itemsWithSeparator = items.filter(item => item.withSeparator);
+    return calculateMenuHeight(items.length, itemsWithSeparator.length);
+  }, [items]);
+  const isHold = !activateOn || activateOn === 'hold'; //#endregion
+  //#region refs
+
+  const containerRef = useAnimatedRef(); //#endregion
+  //#region functions
+
+  const hapticResponse = () => {
+    const style = !hapticFeedback ? 'Medium' : hapticFeedback;
+
+    switch (style) {
+      case `Selection`:
+        Haptics.selectionAsync();
+        break;
+
+      case `Light`:
+      case `Medium`:
+      case `Heavy`:
+        Haptics.impactAsync(Haptics.ImpactFeedbackStyle[style]);
+        break;
+
+      case `Success`:
+      case `Warning`:
+      case `Error`:
+        Haptics.notificationAsync(Haptics.NotificationFeedbackType[style]);
+        break;
+
+      default:
+    }
+  }; //#endregion
+  //#region worklet functions
+
+
+  const activateAnimation = ctx => {
+    'worklet';
+
+    if (!ctx.didMeasureLayout) {
+      const measured = measure(containerRef);
+      itemRectY.value = measured.pageY;
+      itemRectX.value = measured.pageX;
+      itemRectHeight.value = measured.height;
+      itemRectWidth.value = measured.width;
+
+      if (!menuAnchorPosition) {
+        const position = getTransformOrigin(measured.pageX, itemRectWidth.value, deviceOrientation === 'portrait' ? WINDOW_WIDTH : WINDOW_HEIGHT, bottom);
+        transformOrigin.value = position;
+      }
+    }
+  };
+
+  const calculateTransformValue = () => {
+    'worklet';
+
+    const height = deviceOrientation === 'portrait' ? WINDOW_HEIGHT : WINDOW_WIDTH;
+    const isAnchorPointTop = transformOrigin.value.includes('top');
+    let tY = 0;
+
+    if (!disableMove) {
+      if (isAnchorPointTop) {
+        const topTransform = itemRectY.value + itemRectHeight.value + menuHeight + styleGuide.spacing + ((safeAreaInsets === null || safeAreaInsets === void 0 ? void 0 : safeAreaInsets.bottom) || 0);
+        tY = topTransform > height ? height - topTransform : 0;
+      } else {
+        const bottomTransform = itemRectY.value - menuHeight - ((safeAreaInsets === null || safeAreaInsets === void 0 ? void 0 : safeAreaInsets.top) || 0);
+        tY = bottomTransform < 0 ? -bottomTransform + styleGuide.spacing * 2 : 0;
+      }
+    }
+
+    return tY;
+  };
+
+  const setMenuProps = () => {
+    'worklet';
+
+    menuProps.value = {
+      itemHeight: itemRectHeight.value,
+      itemWidth: itemRectWidth.value,
+      itemY: itemRectY.value,
+      itemX: itemRectX.value,
+      anchorPosition: transformOrigin.value,
+      menuHeight: menuHeight,
+      items,
+      transformValue: transformValue.value,
+      actionParams: actionParams || {}
+    };
+  };
+
+  const scaleBack = () => {
+    'worklet';
+
+    itemScale.value = withTiming(1, {
+      duration: HOLD_ITEM_TRANSFORM_DURATION / 2
+    });
+  };
+
+  const onCompletion = isFinised => {
+    'worklet';
+
+    const isListValid = items && items.length > 0;
+
+    if (isFinised && isListValid) {
+      state.value = CONTEXT_MENU_STATE.ACTIVE;
+      isActive.value = true;
+      scaleBack();
+
+      if (hapticFeedback !== 'None') {
+        runOnJS(hapticResponse)();
+      }
+    }
+
+    isAnimationStarted.value = false; // TODO: Warn user if item list is empty or not given
+  };
+
+  const scaleHold = () => {
+    'worklet';
+
+    itemScale.value = withTiming(HOLD_ITEM_SCALE_DOWN_VALUE, {
+      duration: HOLD_ITEM_SCALE_DOWN_DURATION
+    }, onCompletion);
+  };
+
+  const scaleTap = () => {
+    'worklet';
+
+    isAnimationStarted.value = true;
+    itemScale.value = withSequence(withTiming(HOLD_ITEM_SCALE_DOWN_VALUE, {
+      duration: HOLD_ITEM_SCALE_DOWN_DURATION
+    }), withTiming(1, {
+      duration: HOLD_ITEM_TRANSFORM_DURATION / 2
+    }, onCompletion));
+  };
+  /**
+   * When use tap activation ("tap") and trying to tap multiple times,
+   * scale animation is called again despite it is started. This causes a bug.
+   * To prevent this, it is better to check is animation already started.
+   */
+
+
+  const canCallActivateFunctions = () => {
+    'worklet';
+
+    const willActivateWithTap = activateOn === 'double-tap' || activateOn === 'tap';
+    return willActivateWithTap && !isAnimationStarted.value || !willActivateWithTap;
+  }; //#endregion
+  //#region gesture events
+
+
+  const gestureEvent = useAnimatedGestureHandler({
+    onActive: (_, context) => {
+      if (canCallActivateFunctions()) {
+        if (!context.didMeasureLayout) {
+          activateAnimation(context);
+          transformValue.value = calculateTransformValue();
+          setMenuProps();
+          context.didMeasureLayout = true;
+        }
+
+        if (!isActive.value) {
+          if (isHold) {
+            scaleHold();
+          } else {
+            scaleTap();
+          }
+        }
+      }
+    },
+    onFinish: (_, context) => {
+      context.didMeasureLayout = false;
+
+      if (isHold) {
+        scaleBack();
+      }
+    }
+  });
+  const overlayGestureEvent = useAnimatedGestureHandler({
+    onActive: _ => {
+      if (closeOnTap) state.value = CONTEXT_MENU_STATE.END;
+    }
+  }); //#endregion
+  //#region animated styles & props
+
+  const animatedContainerStyle = useAnimatedStyle(() => {
+    const animateOpacity = () => withDelay(HOLD_ITEM_TRANSFORM_DURATION, withTiming(1, {
+      duration: 0
+    }));
+
+    return {
+      opacity: isActive.value ? 0 : animateOpacity(),
+      transform: [{
+        scale: isActive.value ? withTiming(1, {
+          duration: HOLD_ITEM_TRANSFORM_DURATION
+        }) : itemScale.value
+      }]
+    };
+  });
+  const containerStyle = React.useMemo(() => [containerStyles, animatedContainerStyle], [containerStyles, animatedContainerStyle]);
+  const animatedPortalStyle = useAnimatedStyle(() => {
+    const animateOpacity = () => withDelay(HOLD_ITEM_TRANSFORM_DURATION, withTiming(0, {
+      duration: 0
+    }));
+
+    let tY = calculateTransformValue();
+
+    const transformAnimation = () => disableMove ? 0 : isActive.value ? withSpring(tY, SPRING_CONFIGURATION) : withTiming(-0.1, {
+      duration: HOLD_ITEM_TRANSFORM_DURATION
+    });
+
+    return {
+      zIndex: 10,
+      position: 'absolute',
+      top: itemRectY.value,
+      left: itemRectX.value,
+      width: itemRectWidth.value,
+      height: itemRectHeight.value,
+      opacity: isActive.value ? 1 : animateOpacity(),
+      transform: [{
+        translateY: transformAnimation()
+      }, {
+        scale: isActive.value ? withTiming(1, {
+          duration: HOLD_ITEM_TRANSFORM_DURATION
+        }) : itemScale.value
+      }]
+    };
+  });
+  const portalContainerStyle = useMemo(() => [styles.holdItem, animatedPortalStyle], [animatedPortalStyle]);
+  const animatedPortalProps = useAnimatedProps(() => ({
+    pointerEvents: isActive.value ? 'auto' : 'none'
+  })); //#endregion
+  //#region animated effects
+
+  useAnimatedReaction(() => state.value, _state => {
+    if (_state === CONTEXT_MENU_STATE.END) {
+      isActive.value = false;
+    }
+  }); //#endregion
+  //#region components
+
+  const GestureHandler = useMemo(() => {
+    switch (activateOn) {
+      case `double-tap`:
+        return ({
+          children: handlerChildren
+        }) => /*#__PURE__*/React.createElement(TapGestureHandler, {
+          numberOfTaps: 2,
+          onHandlerStateChange: gestureEvent
+        }, handlerChildren);
+
+      case `tap`:
+        return ({
+          children: handlerChildren
+        }) => /*#__PURE__*/React.createElement(TapGestureHandler, {
+          numberOfTaps: 1,
+          onHandlerStateChange: gestureEvent
+        }, handlerChildren);
+      // default is hold
+
+      default:
+        return ({
+          children: handlerChildren
+        }) => /*#__PURE__*/React.createElement(LongPressGestureHandler, {
+          minDurationMs: longPressMinDurationMs,
+          onHandlerStateChange: gestureEvent
+        }, handlerChildren);
+    }
+  }, [activateOn, gestureEvent]);
+  const PortalOverlay = useMemo(() => {
+    return () => /*#__PURE__*/React.createElement(TapGestureHandler, {
+      numberOfTaps: 1,
+      onHandlerStateChange: overlayGestureEvent
+    }, /*#__PURE__*/React.createElement(Animated.View, {
+      style: styles.portalOverlay
+    }));
+  }, [overlayGestureEvent]); //#endregion
+  //#region render
+
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(GestureHandler, null, /*#__PURE__*/React.createElement(Animated.View, {
+    ref: containerRef,
+    style: containerStyle
+  }, children)), /*#__PURE__*/React.createElement(Portal, {
+    key: key,
+    name: key
+  }, /*#__PURE__*/React.createElement(Animated.View, {
+    key: key,
+    style: portalContainerStyle,
+    animatedProps: animatedPortalProps
+  }, /*#__PURE__*/React.createElement(PortalOverlay, null), children))); //#endregion
+};
+
+const HoldItem = /*#__PURE__*/memo(HoldItemComponent);
+export default HoldItem;
+//# sourceMappingURL=HoldItem.js.map

package/lib/module/components/holdItem/HoldItem.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["HoldItem.tsx"],"names":["React","memo","useMemo","TapGestureHandler","LongPressGestureHandler","Animated","measure","runOnJS","useAnimatedGestureHandler","useAnimatedProps","useAnimatedRef","useAnimatedStyle","useSharedValue","withDelay","withTiming","withSequence","withSpring","useAnimatedReaction","Portal","nanoid","Haptics","getTransformOrigin","calculateMenuHeight","HOLD_ITEM_TRANSFORM_DURATION","HOLD_ITEM_SCALE_DOWN_DURATION","HOLD_ITEM_SCALE_DOWN_VALUE","SPRING_CONFIGURATION","WINDOW_HEIGHT","WINDOW_WIDTH","CONTEXT_MENU_STATE","useDeviceOrientation","styles","styleGuide","useInternal","HoldItemComponent","items","bottom","containerStyles","disableMove","menuAnchorPosition","activateOn","hapticFeedback","actionParams","closeOnTap","longPressMinDurationMs","children","state","menuProps","safeAreaInsets","deviceOrientation","isActive","isAnimationStarted","itemRectY","itemRectX","itemRectWidth","itemRectHeight","itemScale","transformValue","transformOrigin","key","menuHeight","itemsWithSeparator","filter","item","withSeparator","length","isHold","containerRef","hapticResponse","style","selectionAsync","impactAsync","ImpactFeedbackStyle","notificationAsync","NotificationFeedbackType","activateAnimation","ctx","didMeasureLayout","measured","value","pageY","pageX","height","width","position","calculateTransformValue","isAnchorPointTop","includes","tY","topTransform","spacing","bottomTransform","top","setMenuProps","itemHeight","itemWidth","itemY","itemX","anchorPosition","scaleBack","duration","onCompletion","isFinised","isListValid","ACTIVE","scaleHold","scaleTap","canCallActivateFunctions","willActivateWithTap","gestureEvent","onActive","_","context","onFinish","overlayGestureEvent","END","animatedContainerStyle","animateOpacity","opacity","transform","scale","containerStyle","animatedPortalStyle","transformAnimation","zIndex","left","translateY","portalContainerStyle","holdItem","animatedPortalProps","pointerEvents","_state","GestureHandler","handlerChildren","PortalOverlay","portalOverlay","HoldItem"],"mappings":"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","sourcesContent":["import React, { memo, useMemo } from 'react';\nimport { ViewProps } from 'react-native';\n\n//#region reanimated & gesture handler\nimport {\n  TapGestureHandler,\n  LongPressGestureHandler,\n  TapGestureHandlerGestureEvent,\n  LongPressGestureHandlerGestureEvent,\n} from 'react-native-gesture-handler';\nimport Animated, {\n  measure,\n  runOnJS,\n  useAnimatedGestureHandler,\n  useAnimatedProps,\n  useAnimatedRef,\n  useAnimatedStyle,\n  useSharedValue,\n  withDelay,\n  withTiming,\n  withSequence,\n  withSpring,\n  useAnimatedReaction,\n} from 'react-native-reanimated';\n//#endregion\n\n//#region dependencies\nimport { Portal } from '@gorhom/portal';\nimport { nanoid } from 'nanoid/non-secure';\n// @ts-ignore\nimport * as Haptics from 'expo-haptics';\n//#endregion\n\n//#region utils & types\nimport {\n  TransformOriginAnchorPosition,\n  getTransformOrigin,\n  calculateMenuHeight,\n} from '../../utils/calculations';\nimport {\n  HOLD_ITEM_TRANSFORM_DURATION,\n  HOLD_ITEM_SCALE_DOWN_DURATION,\n  HOLD_ITEM_SCALE_DOWN_VALUE,\n  SPRING_CONFIGURATION,\n  WINDOW_HEIGHT,\n  WINDOW_WIDTH,\n  CONTEXT_MENU_STATE,\n} from '../../constants';\nimport { useDeviceOrientation } from '../../hooks';\nimport styles from './styles';\n\nimport type { HoldItemProps, GestureHandlerProps } from './types';\nimport styleGuide from '../../styleGuide';\nimport { useInternal } from '../../hooks';\n//#endregion\n\ntype Context = { didMeasureLayout: boolean };\n\nconst HoldItemComponent = ({\n  items,\n  bottom,\n  containerStyles,\n  disableMove,\n  menuAnchorPosition,\n  activateOn,\n  hapticFeedback,\n  actionParams,\n  closeOnTap,\n  longPressMinDurationMs = 150,\n  children,\n}: HoldItemProps) => {\n  //#region hooks\n  const { state, menuProps, safeAreaInsets } = useInternal();\n  const deviceOrientation = useDeviceOrientation();\n  //#endregion\n\n  //#region variables\n  const isActive = useSharedValue(false);\n  const isAnimationStarted = useSharedValue(false);\n\n  const itemRectY = useSharedValue<number>(0);\n  const itemRectX = useSharedValue<number>(0);\n  const itemRectWidth = useSharedValue<number>(0);\n  const itemRectHeight = useSharedValue<number>(0);\n  const itemScale = useSharedValue<number>(1);\n  const transformValue = useSharedValue<number>(0);\n\n  const transformOrigin = useSharedValue<TransformOriginAnchorPosition>(\n    menuAnchorPosition || 'top-right'\n  );\n\n  const key = useMemo(() => `hold-item-${nanoid()}`, []);\n  const menuHeight = useMemo(() => {\n    const itemsWithSeparator = items.filter(item => item.withSeparator);\n    return calculateMenuHeight(items.length, itemsWithSeparator.length);\n  }, [items]);\n\n  const isHold = !activateOn || activateOn === 'hold';\n  //#endregion\n\n  //#region refs\n  const containerRef = useAnimatedRef<Animated.View>();\n  //#endregion\n\n  //#region functions\n  const hapticResponse = () => {\n    const style = !hapticFeedback ? 'Medium' : hapticFeedback;\n    switch (style) {\n      case `Selection`:\n        Haptics.selectionAsync();\n        break;\n      case `Light`:\n      case `Medium`:\n      case `Heavy`:\n        Haptics.impactAsync(Haptics.ImpactFeedbackStyle[style]);\n        break;\n      case `Success`:\n      case `Warning`:\n      case `Error`:\n        Haptics.notificationAsync(Haptics.NotificationFeedbackType[style]);\n        break;\n      default:\n    }\n  };\n  //#endregion\n\n  //#region worklet functions\n  const activateAnimation = (ctx: any) => {\n    'worklet';\n    if (!ctx.didMeasureLayout) {\n      const measured = measure(containerRef);\n\n      itemRectY.value = measured.pageY;\n      itemRectX.value = measured.pageX;\n      itemRectHeight.value = measured.height;\n      itemRectWidth.value = measured.width;\n\n      if (!menuAnchorPosition) {\n        const position = getTransformOrigin(\n          measured.pageX,\n          itemRectWidth.value,\n          deviceOrientation === 'portrait' ? WINDOW_WIDTH : WINDOW_HEIGHT,\n          bottom\n        );\n        transformOrigin.value = position;\n      }\n    }\n  };\n\n  const calculateTransformValue = () => {\n    'worklet';\n\n    const height =\n      deviceOrientation === 'portrait' ? WINDOW_HEIGHT : WINDOW_WIDTH;\n\n    const isAnchorPointTop = transformOrigin.value.includes('top');\n\n    let tY = 0;\n    if (!disableMove) {\n      if (isAnchorPointTop) {\n        const topTransform =\n          itemRectY.value +\n          itemRectHeight.value +\n          menuHeight +\n          styleGuide.spacing +\n          (safeAreaInsets?.bottom || 0);\n\n        tY = topTransform > height ? height - topTransform : 0;\n      } else {\n        const bottomTransform =\n          itemRectY.value - menuHeight - (safeAreaInsets?.top || 0);\n        tY =\n          bottomTransform < 0 ? -bottomTransform + styleGuide.spacing * 2 : 0;\n      }\n    }\n    return tY;\n  };\n\n  const setMenuProps = () => {\n    'worklet';\n\n    menuProps.value = {\n      itemHeight: itemRectHeight.value,\n      itemWidth: itemRectWidth.value,\n      itemY: itemRectY.value,\n      itemX: itemRectX.value,\n      anchorPosition: transformOrigin.value,\n      menuHeight: menuHeight,\n      items,\n      transformValue: transformValue.value,\n      actionParams: actionParams || {},\n    };\n  };\n\n  const scaleBack = () => {\n    'worklet';\n    itemScale.value = withTiming(1, {\n      duration: HOLD_ITEM_TRANSFORM_DURATION / 2,\n    });\n  };\n\n  const onCompletion = (isFinised?: boolean) => {\n    'worklet';\n    const isListValid = items && items.length > 0;\n    if (isFinised && isListValid) {\n      state.value = CONTEXT_MENU_STATE.ACTIVE;\n      isActive.value = true;\n      scaleBack();\n      if (hapticFeedback !== 'None') {\n        runOnJS(hapticResponse)();\n      }\n    }\n\n    isAnimationStarted.value = false;\n\n    // TODO: Warn user if item list is empty or not given\n  };\n\n  const scaleHold = () => {\n    'worklet';\n    itemScale.value = withTiming(\n      HOLD_ITEM_SCALE_DOWN_VALUE,\n      { duration: HOLD_ITEM_SCALE_DOWN_DURATION },\n      onCompletion\n    );\n  };\n\n  const scaleTap = () => {\n    'worklet';\n    isAnimationStarted.value = true;\n\n    itemScale.value = withSequence(\n      withTiming(HOLD_ITEM_SCALE_DOWN_VALUE, {\n        duration: HOLD_ITEM_SCALE_DOWN_DURATION,\n      }),\n      withTiming(\n        1,\n        {\n          duration: HOLD_ITEM_TRANSFORM_DURATION / 2,\n        },\n        onCompletion\n      )\n    );\n  };\n\n  /**\n   * When use tap activation (\"tap\") and trying to tap multiple times,\n   * scale animation is called again despite it is started. This causes a bug.\n   * To prevent this, it is better to check is animation already started.\n   */\n  const canCallActivateFunctions = () => {\n    'worklet';\n    const willActivateWithTap =\n      activateOn === 'double-tap' || activateOn === 'tap';\n\n    return (\n      (willActivateWithTap && !isAnimationStarted.value) || !willActivateWithTap\n    );\n  };\n  //#endregion\n\n  //#region gesture events\n  const gestureEvent = useAnimatedGestureHandler<\n    LongPressGestureHandlerGestureEvent | TapGestureHandlerGestureEvent,\n    Context\n  >({\n    onActive: (_, context) => {\n      if (canCallActivateFunctions()) {\n        if (!context.didMeasureLayout) {\n          activateAnimation(context);\n          transformValue.value = calculateTransformValue();\n          setMenuProps();\n          context.didMeasureLayout = true;\n        }\n\n        if (!isActive.value) {\n          if (isHold) {\n            scaleHold();\n          } else {\n            scaleTap();\n          }\n        }\n      }\n    },\n    onFinish: (_, context) => {\n      context.didMeasureLayout = false;\n      if (isHold) {\n        scaleBack();\n      }\n    },\n  });\n\n  const overlayGestureEvent = useAnimatedGestureHandler<\n    TapGestureHandlerGestureEvent,\n    Context\n  >({\n    onActive: _ => {\n      if (closeOnTap) state.value = CONTEXT_MENU_STATE.END;\n    },\n  });\n  //#endregion\n\n  //#region animated styles & props\n  const animatedContainerStyle = useAnimatedStyle(() => {\n    const animateOpacity = () =>\n      withDelay(HOLD_ITEM_TRANSFORM_DURATION, withTiming(1, { duration: 0 }));\n\n    return {\n      opacity: isActive.value ? 0 : animateOpacity(),\n      transform: [\n        {\n          scale: isActive.value\n            ? withTiming(1, { duration: HOLD_ITEM_TRANSFORM_DURATION })\n            : itemScale.value,\n        },\n      ],\n    };\n  });\n  const containerStyle = React.useMemo(\n    () => [containerStyles, animatedContainerStyle],\n    [containerStyles, animatedContainerStyle]\n  );\n\n  const animatedPortalStyle = useAnimatedStyle(() => {\n    const animateOpacity = () =>\n      withDelay(HOLD_ITEM_TRANSFORM_DURATION, withTiming(0, { duration: 0 }));\n\n    let tY = calculateTransformValue();\n    const transformAnimation = () =>\n      disableMove\n        ? 0\n        : isActive.value\n        ? withSpring(tY, SPRING_CONFIGURATION)\n        : withTiming(-0.1, { duration: HOLD_ITEM_TRANSFORM_DURATION });\n\n    return {\n      zIndex: 10,\n      position: 'absolute',\n      top: itemRectY.value,\n      left: itemRectX.value,\n      width: itemRectWidth.value,\n      height: itemRectHeight.value,\n      opacity: isActive.value ? 1 : animateOpacity(),\n      transform: [\n        {\n          translateY: transformAnimation(),\n        },\n        {\n          scale: isActive.value\n            ? withTiming(1, { duration: HOLD_ITEM_TRANSFORM_DURATION })\n            : itemScale.value,\n        },\n      ],\n    };\n  });\n  const portalContainerStyle = useMemo(\n    () => [styles.holdItem, animatedPortalStyle],\n    [animatedPortalStyle]\n  );\n\n  const animatedPortalProps = useAnimatedProps<ViewProps>(() => ({\n    pointerEvents: isActive.value ? 'auto' : 'none',\n  }));\n  //#endregion\n\n  //#region animated effects\n  useAnimatedReaction(\n    () => state.value,\n    _state => {\n      if (_state === CONTEXT_MENU_STATE.END) {\n        isActive.value = false;\n      }\n    }\n  );\n  //#endregion\n\n  //#region components\n  const GestureHandler = useMemo(() => {\n    switch (activateOn) {\n      case `double-tap`:\n        return ({ children: handlerChildren }: GestureHandlerProps) => (\n          <TapGestureHandler\n            numberOfTaps={2}\n            onHandlerStateChange={gestureEvent}\n          >\n            {handlerChildren}\n          </TapGestureHandler>\n        );\n      case `tap`:\n        return ({ children: handlerChildren }: GestureHandlerProps) => (\n          <TapGestureHandler\n            numberOfTaps={1}\n            onHandlerStateChange={gestureEvent}\n          >\n            {handlerChildren}\n          </TapGestureHandler>\n        );\n      // default is hold\n      default:\n        return ({ children: handlerChildren }: GestureHandlerProps) => (\n          <LongPressGestureHandler\n            minDurationMs={longPressMinDurationMs}\n            onHandlerStateChange={gestureEvent}\n          >\n            {handlerChildren}\n          </LongPressGestureHandler>\n        );\n    }\n  }, [activateOn, gestureEvent]);\n\n  const PortalOverlay = useMemo(() => {\n    return () => (\n      <TapGestureHandler\n        numberOfTaps={1}\n        onHandlerStateChange={overlayGestureEvent}\n      >\n        <Animated.View style={styles.portalOverlay} />\n      </TapGestureHandler>\n    );\n  }, [overlayGestureEvent]);\n  //#endregion\n\n  //#region render\n  return (\n    <>\n      <GestureHandler>\n        <Animated.View ref={containerRef} style={containerStyle}>\n          {children}\n        </Animated.View>\n      </GestureHandler>\n\n      <Portal key={key} name={key}>\n        <Animated.View\n          key={key}\n          style={portalContainerStyle}\n          animatedProps={animatedPortalProps}\n        >\n          <PortalOverlay />\n          {children}\n        </Animated.View>\n      </Portal>\n    </>\n  );\n  //#endregion\n};\n\nconst HoldItem = memo(HoldItemComponent);\n\nexport default HoldItem;\n"]}

package/lib/module/components/holdItem/index.js

@@ -0,0 +1,2 @@
+export { default } from './HoldItem';
+//# sourceMappingURL=index.js.map

package/lib/module/components/holdItem/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"names":["default"],"mappings":"AAAA,SAASA,OAAT,QAAwB,YAAxB","sourcesContent":["export { default } from './HoldItem';\nexport type { HoldItemProps } from './types';\n"]}

package/lib/module/components/holdItem/styles.js

@@ -0,0 +1,12 @@
+import { StyleSheet } from 'react-native';
+const styles = StyleSheet.create({
+  holdItem: {
+    zIndex: 10,
+    position: 'absolute'
+  },
+  portalOverlay: { ...StyleSheet.absoluteFillObject,
+    zIndex: 15
+  }
+});
+export default styles;
+//# sourceMappingURL=styles.js.map

package/lib/module/components/holdItem/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["styles.ts"],"names":["StyleSheet","styles","create","holdItem","zIndex","position","portalOverlay","absoluteFillObject"],"mappings":"AAAA,SAASA,UAAT,QAA2B,cAA3B;AAEA,MAAMC,MAAM,GAAGD,UAAU,CAACE,MAAX,CAAkB;AAC/BC,EAAAA,QAAQ,EAAE;AAAEC,IAAAA,MAAM,EAAE,EAAV;AAAcC,IAAAA,QAAQ,EAAE;AAAxB,GADqB;AAE/BC,EAAAA,aAAa,EAAE,EACb,GAAGN,UAAU,CAACO,kBADD;AAEbH,IAAAA,MAAM,EAAE;AAFK;AAFgB,CAAlB,CAAf;AAQA,eAAeH,MAAf","sourcesContent":["import { StyleSheet } from 'react-native';\n\nconst styles = StyleSheet.create({\n  holdItem: { zIndex: 10, position: 'absolute' },\n  portalOverlay: {\n    ...StyleSheet.absoluteFillObject,\n    zIndex: 15,\n  },\n});\n\nexport default styles;\n"]}

package/lib/module/components/holdItem/types.d.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=types.d.js.map

package/lib/module/components/holdItem/types.d.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}

package/lib/module/components/icon/Icon.js

@@ -0,0 +1,26 @@
+import React, { memo } from 'react';
+import Animated, { useAnimatedProps } from 'react-native-reanimated';
+import { useInternal } from '../../hooks';
+
+const Icon = ({
+  iconComponent,
+  name
+}) => {
+  const {
+    theme
+  } = useInternal();
+  let AnimatedIcon = Animated.createAnimatedComponent(iconComponent);
+  const iconProps = useAnimatedProps(() => {
+    return {
+      color: theme.value === 'light' ? 'black' : 'white'
+    };
+  }, [theme]);
+  return /*#__PURE__*/React.createElement(AnimatedIcon, {
+    name: name,
+    size: 18,
+    animatedProps: iconProps
+  });
+};
+
+export default /*#__PURE__*/memo(Icon);
+//# sourceMappingURL=Icon.js.map

package/lib/module/components/icon/Icon.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Icon.tsx"],"names":["React","memo","Animated","useAnimatedProps","useInternal","Icon","iconComponent","name","theme","AnimatedIcon","createAnimatedComponent","iconProps","color","value"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,IAAhB,QAA4B,OAA5B;AAEA,OAAOC,QAAP,IAAmBC,gBAAnB,QAA2C,yBAA3C;AACA,SAASC,WAAT,QAA4B,aAA5B;;AAcA,MAAMC,IAAI,GAAG,CAAC;AAAEC,EAAAA,aAAF;AAAiBC,EAAAA;AAAjB,CAAD,KAAwC;AACnD,QAAM;AAAEC,IAAAA;AAAF,MAAYJ,WAAW,EAA7B;AACA,MAAIK,YAAY,GAAGP,QAAQ,CAACQ,uBAAT,CACjBJ,aADiB,CAAnB;AAIA,QAAMK,SAAS,GAAGR,gBAAgB,CAAC,MAAM;AACvC,WAAO;AACLS,MAAAA,KAAK,EAAEJ,KAAK,CAACK,KAAN,KAAgB,OAAhB,GAA0B,OAA1B,GAAoC;AADtC,KAAP;AAGD,GAJiC,EAI/B,CAACL,KAAD,CAJ+B,CAAlC;AAMA,sBAAO,oBAAC,YAAD;AAAc,IAAA,IAAI,EAAED,IAApB;AAA0B,IAAA,IAAI,EAAE,EAAhC;AAAoC,IAAA,aAAa,EAAEI;AAAnD,IAAP;AACD,CAbD;;AAeA,4BAAeV,IAAI,CAACI,IAAD,CAAnB","sourcesContent":["import React, { memo } from 'react';\n\nimport Animated, { useAnimatedProps } from 'react-native-reanimated';\nimport { useInternal } from '../../hooks';\n\ntype IconComponentProps = {\n  name: string;\n  size: number;\n  animatedProps: Partial<{ color: string }>;\n};\n\n// Update iconComponent type, React.ComponentClass<IconComponentProps, any>\ntype IconProps = {\n  iconComponent: any;\n  name: string;\n};\n\nconst Icon = ({ iconComponent, name }: IconProps) => {\n  const { theme } = useInternal();\n  let AnimatedIcon = Animated.createAnimatedComponent<IconComponentProps>(\n    iconComponent\n  );\n\n  const iconProps = useAnimatedProps(() => {\n    return {\n      color: theme.value === 'light' ? 'black' : 'white',\n    };\n  }, [theme]);\n\n  return <AnimatedIcon name={name} size={18} animatedProps={iconProps} />;\n};\n\nexport default memo(Icon);\n"]}

package/lib/module/components/icon/index.js

@@ -0,0 +1,2 @@
+export { default } from './Icon';
+//# sourceMappingURL=index.js.map

package/lib/module/components/icon/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"names":["default"],"mappings":"AAAA,SAASA,OAAT,QAAwB,QAAxB","sourcesContent":["export { default } from './Icon';\n"]}

package/lib/module/components/menu/Menu.js

@@ -0,0 +1,37 @@
+import React from 'react';
+import Animated, { useAnimatedStyle, withSpring, withTiming } from 'react-native-reanimated';
+import MenuList from './MenuList';
+import styles from './styles';
+import { useInternal } from '../../hooks';
+import { HOLD_ITEM_TRANSFORM_DURATION, CONTEXT_MENU_STATE, SPRING_CONFIGURATION } from '../../constants';
+
+const MenuComponent = () => {
+  const {
+    state,
+    menuProps
+  } = useInternal();
+  const wrapperStyles = useAnimatedStyle(() => {
+    const anchorPositionVertical = menuProps.value.anchorPosition.split('-')[0];
+    const top = anchorPositionVertical === 'top' ? menuProps.value.itemHeight + menuProps.value.itemY + 8 : menuProps.value.itemY - 8;
+    const left = menuProps.value.itemX;
+    const width = menuProps.value.itemWidth;
+    const tY = menuProps.value.transformValue;
+    return {
+      top,
+      left,
+      width,
+      transform: [{
+        translateY: state.value === CONTEXT_MENU_STATE.ACTIVE ? withSpring(tY, SPRING_CONFIGURATION) : withTiming(0, {
+          duration: HOLD_ITEM_TRANSFORM_DURATION
+        })
+      }]
+    };
+  }, [menuProps]);
+  return /*#__PURE__*/React.createElement(Animated.View, {
+    style: [styles.menuWrapper, wrapperStyles]
+  }, /*#__PURE__*/React.createElement(MenuList, null));
+};
+
+const Menu = /*#__PURE__*/React.memo(MenuComponent);
+export default Menu;
+//# sourceMappingURL=Menu.js.map

package/lib/module/components/menu/Menu.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Menu.tsx"],"names":["React","Animated","useAnimatedStyle","withSpring","withTiming","MenuList","styles","useInternal","HOLD_ITEM_TRANSFORM_DURATION","CONTEXT_MENU_STATE","SPRING_CONFIGURATION","MenuComponent","state","menuProps","wrapperStyles","anchorPositionVertical","value","anchorPosition","split","top","itemHeight","itemY","left","itemX","width","itemWidth","tY","transformValue","transform","translateY","ACTIVE","duration","menuWrapper","Menu","memo"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,OAAOC,QAAP,IACEC,gBADF,EAEEC,UAFF,EAGEC,UAHF,QAIO,yBAJP;AAMA,OAAOC,QAAP,MAAqB,YAArB;AAEA,OAAOC,MAAP,MAAmB,UAAnB;AACA,SAASC,WAAT,QAA4B,aAA5B;AACA,SACEC,4BADF,EAEEC,kBAFF,EAGEC,oBAHF,QAIO,iBAJP;;AAMA,MAAMC,aAAa,GAAG,MAAM;AAC1B,QAAM;AAAEC,IAAAA,KAAF;AAASC,IAAAA;AAAT,MAAuBN,WAAW,EAAxC;AAEA,QAAMO,aAAa,GAAGZ,gBAAgB,CAAC,MAAM;AAC3C,UAAMa,sBAAsB,GAAGF,SAAS,CAACG,KAAV,CAAgBC,cAAhB,CAA+BC,KAA/B,CAAqC,GAArC,EAA0C,CAA1C,CAA/B;AAEA,UAAMC,GAAG,GACPJ,sBAAsB,KAAK,KAA3B,GACIF,SAAS,CAACG,KAAV,CAAgBI,UAAhB,GAA6BP,SAAS,CAACG,KAAV,CAAgBK,KAA7C,GAAqD,CADzD,GAEIR,SAAS,CAACG,KAAV,CAAgBK,KAAhB,GAAwB,CAH9B;AAIA,UAAMC,IAAI,GAAGT,SAAS,CAACG,KAAV,CAAgBO,KAA7B;AACA,UAAMC,KAAK,GAAGX,SAAS,CAACG,KAAV,CAAgBS,SAA9B;AACA,UAAMC,EAAE,GAAGb,SAAS,CAACG,KAAV,CAAgBW,cAA3B;AAEA,WAAO;AACLR,MAAAA,GADK;AAELG,MAAAA,IAFK;AAGLE,MAAAA,KAHK;AAILI,MAAAA,SAAS,EAAE,CACT;AACEC,QAAAA,UAAU,EACRjB,KAAK,CAACI,KAAN,KAAgBP,kBAAkB,CAACqB,MAAnC,GACI3B,UAAU,CAACuB,EAAD,EAAKhB,oBAAL,CADd,GAEIN,UAAU,CAAC,CAAD,EAAI;AAAE2B,UAAAA,QAAQ,EAAEvB;AAAZ,SAAJ;AAJlB,OADS;AAJN,KAAP;AAaD,GAxBqC,EAwBnC,CAACK,SAAD,CAxBmC,CAAtC;AA0BA,sBACE,oBAAC,QAAD,CAAU,IAAV;AAAe,IAAA,KAAK,EAAE,CAACP,MAAM,CAAC0B,WAAR,EAAqBlB,aAArB;AAAtB,kBACE,oBAAC,QAAD,OADF,CADF;AAKD,CAlCD;;AAoCA,MAAMmB,IAAI,gBAAGjC,KAAK,CAACkC,IAAN,CAAWvB,aAAX,CAAb;AAEA,eAAesB,IAAf","sourcesContent":["import React from 'react';\n\nimport Animated, {\n  useAnimatedStyle,\n  withSpring,\n  withTiming,\n} from 'react-native-reanimated';\n\nimport MenuList from './MenuList';\n\nimport styles from './styles';\nimport { useInternal } from '../../hooks';\nimport {\n  HOLD_ITEM_TRANSFORM_DURATION,\n  CONTEXT_MENU_STATE,\n  SPRING_CONFIGURATION,\n} from '../../constants';\n\nconst MenuComponent = () => {\n  const { state, menuProps } = useInternal();\n\n  const wrapperStyles = useAnimatedStyle(() => {\n    const anchorPositionVertical = menuProps.value.anchorPosition.split('-')[0];\n\n    const top =\n      anchorPositionVertical === 'top'\n        ? menuProps.value.itemHeight + menuProps.value.itemY + 8\n        : menuProps.value.itemY - 8;\n    const left = menuProps.value.itemX;\n    const width = menuProps.value.itemWidth;\n    const tY = menuProps.value.transformValue;\n\n    return {\n      top,\n      left,\n      width,\n      transform: [\n        {\n          translateY:\n            state.value === CONTEXT_MENU_STATE.ACTIVE\n              ? withSpring(tY, SPRING_CONFIGURATION)\n              : withTiming(0, { duration: HOLD_ITEM_TRANSFORM_DURATION }),\n        },\n      ],\n    };\n  }, [menuProps]);\n\n  return (\n    <Animated.View style={[styles.menuWrapper, wrapperStyles]}>\n      <MenuList />\n    </Animated.View>\n  );\n};\n\nconst Menu = React.memo(MenuComponent);\n\nexport default Menu;\n"]}

package/lib/module/components/menu/MenuItem.js

@@ -0,0 +1,59 @@
+import React, { useCallback } from 'react';
+import { TouchableOpacity } from 'react-native';
+import Animated, { useAnimatedStyle } from 'react-native-reanimated';
+import Separator from './Separator';
+import styles from './styles';
+import { useInternal } from '../../hooks';
+import { CONTEXT_MENU_STATE } from '../../constants';
+import { BORDER_LIGHT_COLOR, BORDER_DARK_COLOR } from './constants';
+import isEqual from 'lodash.isequal';
+import { getColor } from './calculations';
+import { AnimatedIcon } from '../provider/Provider'; // @ts-ignore
+
+const AnimatedTouchable = Animated.createAnimatedComponent(TouchableOpacity);
+
+const MenuItemComponent = ({
+  item,
+  isLast
+}) => {
+  const {
+    state,
+    theme,
+    menuProps
+  } = useInternal();
+  const borderStyles = useAnimatedStyle(() => {
+    const borderBottomColor = theme.value === 'dark' ? BORDER_DARK_COLOR : BORDER_LIGHT_COLOR;
+    return {
+      borderBottomColor,
+      borderBottomWidth: isLast ? 0 : 1
+    };
+  }, [theme, isLast, item]);
+  const textColor = useAnimatedStyle(() => {
+    return {
+      color: getColor(item.isTitle, item.isDestructive, theme.value)
+    };
+  }, [theme, item]);
+  const handleOnPress = useCallback(() => {
+    if (!item.isTitle) {
+      const params = menuProps.value.actionParams[item.text] || [];
+      if (item.onPress) item.onPress(...params);
+      state.value = CONTEXT_MENU_STATE.END;
+    } // eslint-disable-next-line react-hooks/exhaustive-deps
+
+  }, [state, item]);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(AnimatedTouchable, {
+    onPress: handleOnPress,
+    activeOpacity: !item.isTitle ? 0.4 : 1,
+    style: [styles.menuItem, borderStyles]
+  }, /*#__PURE__*/React.createElement(Animated.Text, {
+    style: [item.isTitle ? styles.menuItemTitleText : styles.menuItemText, textColor]
+  }, item.text), !item.isTitle && item.icon && (AnimatedIcon && typeof item.icon === 'string' ? /*#__PURE__*/React.createElement(AnimatedIcon, {
+    name: item.icon,
+    size: 18,
+    style: textColor
+  }) : typeof item.icon === 'function' ? item.icon() : null)), item.withSeparator && /*#__PURE__*/React.createElement(Separator, null));
+};
+
+const MenuItem = /*#__PURE__*/React.memo(MenuItemComponent, isEqual);
+export default MenuItem;
+//# sourceMappingURL=MenuItem.js.map

package/lib/module/components/menu/MenuItem.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["MenuItem.tsx"],"names":["React","useCallback","TouchableOpacity","Animated","useAnimatedStyle","Separator","styles","useInternal","CONTEXT_MENU_STATE","BORDER_LIGHT_COLOR","BORDER_DARK_COLOR","isEqual","getColor","AnimatedIcon","AnimatedTouchable","createAnimatedComponent","MenuItemComponent","item","isLast","state","theme","menuProps","borderStyles","borderBottomColor","value","borderBottomWidth","textColor","color","isTitle","isDestructive","handleOnPress","params","actionParams","text","onPress","END","menuItem","menuItemTitleText","menuItemText","icon","withSeparator","MenuItem","memo"],"mappings":"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","sourcesContent":["import React, { useCallback } from 'react';\nimport { TouchableOpacity } from 'react-native';\nimport Animated, { useAnimatedStyle } from 'react-native-reanimated';\n\nimport Separator from './Separator';\nimport styles from './styles';\n\nimport { MenuItemProps } from './types';\nimport { useInternal } from '../../hooks';\nimport { CONTEXT_MENU_STATE } from '../../constants';\nimport { BORDER_LIGHT_COLOR, BORDER_DARK_COLOR } from './constants';\nimport isEqual from 'lodash.isequal';\nimport { getColor } from './calculations';\nimport { AnimatedIcon } from '../provider/Provider';\n\n// @ts-ignore\nconst AnimatedTouchable = Animated.createAnimatedComponent(TouchableOpacity);\n\ntype MenuItemComponentProps = {\n  item: MenuItemProps;\n  isLast?: boolean;\n};\n\nconst MenuItemComponent = ({ item, isLast }: MenuItemComponentProps) => {\n  const { state, theme, menuProps } = useInternal();\n\n  const borderStyles = useAnimatedStyle(() => {\n    const borderBottomColor =\n      theme.value === 'dark' ? BORDER_DARK_COLOR : BORDER_LIGHT_COLOR;\n\n    return {\n      borderBottomColor,\n      borderBottomWidth: isLast ? 0 : 1,\n    };\n  }, [theme, isLast, item]);\n\n  const textColor = useAnimatedStyle(() => {\n    return { color: getColor(item.isTitle, item.isDestructive, theme.value) };\n  }, [theme, item]);\n\n  const handleOnPress = useCallback(() => {\n    if (!item.isTitle) {\n      const params = menuProps.value.actionParams[item.text] || [];\n      if (item.onPress) item.onPress(...params);\n      state.value = CONTEXT_MENU_STATE.END;\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [state, item]);\n\n  return (\n    <>\n      <AnimatedTouchable\n        onPress={handleOnPress}\n        activeOpacity={!item.isTitle ? 0.4 : 1}\n        style={[styles.menuItem, borderStyles]}\n      >\n        <Animated.Text\n          style={[\n            item.isTitle ? styles.menuItemTitleText : styles.menuItemText,\n            textColor,\n          ]}\n        >\n          {item.text}\n        </Animated.Text>\n        {!item.isTitle &&\n          item.icon &&\n          (AnimatedIcon && typeof item.icon === 'string' ? (\n            <AnimatedIcon name={item.icon} size={18} style={textColor} />\n          ) : typeof item.icon === 'function' ? (\n            item.icon()\n          ) : null)}\n      </AnimatedTouchable>\n      {item.withSeparator && <Separator />}\n    </>\n  );\n};\n\nconst MenuItem = React.memo(MenuItemComponent, isEqual);\nexport default MenuItem;\n"]}

package/lib/module/components/menu/MenuItems.js

@@ -0,0 +1,19 @@
+import React, { memo } from 'react';
+import MenuItem from './MenuItem';
+import isEqual from 'lodash.isequal';
+
+const MenuItemsComponent = ({
+  items
+}) => {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, items.map((item, index) => {
+    return /*#__PURE__*/React.createElement(MenuItem, {
+      key: index,
+      item: item,
+      isLast: items.length === index + 1
+    });
+  }));
+};
+
+const MenuItems = /*#__PURE__*/memo(MenuItemsComponent, isEqual);
+export default MenuItems;
+//# sourceMappingURL=MenuItems.js.map