react-native-hold-menu-actions 0.1.6

package/LICENCE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2020 Enes Ozturk
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,38 @@
+# React Native Hold Menu
+
+[![Reanimated v2 version](https://img.shields.io/github/package-json/v/enesozturk/react-native-hold-menu/develop?label=Reanimated%20v2&style=flat-square)](https://www.npmjs.com/package/react-native-hold-menu) [![npm](https://img.shields.io/npm/l/react-native-hold-menu?style=flat-square)](https://www.npmjs.com/package/react-native-hold-menu) [![npm](https://img.shields.io/badge/types-included-blue?style=flat-square)](https://www.npmjs.com/package/react-native-hold-menu) [![runs with expo](https://img.shields.io/badge/Runs%20with%20Expo-4630EB.svg?style=flat-square&logo=EXPO&labelColor=f3f3f3&logoColor=000)](https://expo.io/)
+
+A performant, easy to use hold to open context menu for React Native powered by Reanimated. 🔥
+
+> This package is experimental and still in progress. Using it in production is not preffered yet.
+
+---
+
+![hold-menu-preview](./preview.gif)
+
+## Features
+
+- Powered with Reanimated v2. 🚀
+- Smooth interactions & animations.
+- Supports dark/light Mode. 🌚 🌝
+- Supports device orientation change.
+- Compatible with Expo.
+- Written in `TypeScript`.
+
+## Getting Started
+
+Check out [the documentation website](https://enesozturk.github.io/react-native-hold-menu).
+
+---
+
+## Contributors
+
+- [Mo Gorhom](https://gorhom.dev/)
+
+## License
+
+[MIT](./LICENSE)
+
+#### Show Your Support
+
+Please give a star if you like this project! 🤩

package/lib/commonjs/components/backdrop/Backdrop.js

@@ -0,0 +1,104 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _reactNative = require("react-native");
+
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+
+var _reactNativeGestureHandler = require("react-native-gesture-handler");
+
+var _blur = require("@react-native-community/blur");
+
+var _styles = require("./styles");
+
+var _constants = require("../../constants");
+
+var _constants2 = require("./constants");
+
+var _hooks = require("../../hooks");
+
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+// Components
+// @ts-ignore
+// Utils
+const AnimatedBlurView = _constants.IS_IOS ? _reactNativeReanimated.default.createAnimatedComponent(_blur.BlurView) : _reactNativeReanimated.default.View;
+
+const BackdropComponent = () => {
+  const {
+    state,
+    theme
+  } = (0, _hooks.useInternal)();
+  const tapGestureEvent = (0, _reactNativeReanimated.useAnimatedGestureHandler)({
+    onStart: (event, context) => {
+      context.startPosition = {
+        x: event.x,
+        y: event.y
+      };
+    },
+    onCancel: () => {
+      state.value = _constants.CONTEXT_MENU_STATE.END;
+    },
+    onEnd: (event, context) => {
+      const distance = Math.hypot(event.x - context.startPosition.x, event.y - context.startPosition.y);
+      const shouldClose = distance < 10;
+      const isStateActive = state.value === _constants.CONTEXT_MENU_STATE.ACTIVE;
+
+      if (shouldClose && isStateActive) {
+        state.value = _constants.CONTEXT_MENU_STATE.END;
+      }
+    }
+  }, [state]);
+  const animatedContainerStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
+    const topValueAnimation = () => state.value === _constants.CONTEXT_MENU_STATE.ACTIVE ? 0 : (0, _reactNativeReanimated.withDelay)(_constants.HOLD_ITEM_TRANSFORM_DURATION, (0, _reactNativeReanimated.withTiming)(_constants.WINDOW_HEIGHT, {
+      duration: 0
+    }));
+
+    const opacityValueAnimation = () => (0, _reactNativeReanimated.withTiming)(state.value === _constants.CONTEXT_MENU_STATE.ACTIVE ? 1 : 0, {
+      duration: _constants.HOLD_ITEM_TRANSFORM_DURATION
+    });
+
+    return {
+      top: topValueAnimation(),
+      opacity: opacityValueAnimation()
+    };
+  });
+  const animatedContainerProps = (0, _reactNativeReanimated.useAnimatedProps)(() => {
+    return {
+      blurAmount: (0, _reactNativeReanimated.withTiming)(state.value === _constants.CONTEXT_MENU_STATE.ACTIVE ? 100 : 0, {
+        duration: _constants.HOLD_ITEM_TRANSFORM_DURATION
+      })
+    };
+  });
+  const animatedInnerContainerStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
+    const backgroundColor = theme.value === 'light' ? _constants2.BACKDROP_LIGHT_BACKGROUND_COLOR : _constants2.BACKDROP_DARK_BACKGROUND_COLOR;
+    return {
+      backgroundColor
+    };
+  }, [theme]);
+  return /*#__PURE__*/_react.default.createElement(_reactNativeGestureHandler.TapGestureHandler, {
+    onHandlerStateChange: tapGestureEvent
+  }, /*#__PURE__*/_react.default.createElement(AnimatedBlurView // @ts-ignore
+  , {
+    tint: "default" // @ts-ignore
+    ,
+    animatedProps: animatedContainerProps,
+    style: [_styles.styles.container, animatedContainerStyle]
+  }, /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.View, {
+    style: [{ ..._reactNative.StyleSheet.absoluteFillObject
+    }, animatedInnerContainerStyle]
+  })));
+};
+
+const Backdrop = /*#__PURE__*/(0, _react.memo)(BackdropComponent);
+var _default = Backdrop;
+exports.default = _default;
+//# sourceMappingURL=Backdrop.js.map

package/lib/commonjs/components/backdrop/Backdrop.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Backdrop.tsx"],"names":["AnimatedBlurView","IS_IOS","Animated","createAnimatedComponent","BlurView","View","BackdropComponent","state","theme","tapGestureEvent","onStart","event","context","startPosition","x","y","onCancel","value","CONTEXT_MENU_STATE","END","onEnd","distance","Math","hypot","shouldClose","isStateActive","ACTIVE","animatedContainerStyle","topValueAnimation","HOLD_ITEM_TRANSFORM_DURATION","WINDOW_HEIGHT","duration","opacityValueAnimation","top","opacity","animatedContainerProps","blurAmount","animatedInnerContainerStyle","backgroundColor","BACKDROP_LIGHT_BACKGROUND_COLOR","BACKDROP_DARK_BACKGROUND_COLOR","styles","container","StyleSheet","absoluteFillObject","Backdrop"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAOA;;AAOA;;AAGA;;AACA;;AAMA;;AAIA;;;;;;AAhBA;AACA;AAGA;AAcA,MAAMA,gBAAgB,GAAGC,oBACrBC,+BAASC,uBAAT,CAAiCC,cAAjC,CADqB,GAErBF,+BAASG,IAFb;;AAWA,MAAMC,iBAAiB,GAAG,MAAM;AAC9B,QAAM;AAAEC,IAAAA,KAAF;AAASC,IAAAA;AAAT,MAAmB,yBAAzB;AAEA,QAAMC,eAAe,GAAG,sDAItB;AACEC,IAAAA,OAAO,EAAE,CAACC,KAAD,EAAQC,OAAR,KAAoB;AAC3BA,MAAAA,OAAO,CAACC,aAAR,GAAwB;AAAEC,QAAAA,CAAC,EAAEH,KAAK,CAACG,CAAX;AAAcC,QAAAA,CAAC,EAAEJ,KAAK,CAACI;AAAvB,OAAxB;AACD,KAHH;AAIEC,IAAAA,QAAQ,EAAE,MAAM;AACdT,MAAAA,KAAK,CAACU,KAAN,GAAcC,8BAAmBC,GAAjC;AACD,KANH;AAOEC,IAAAA,KAAK,EAAE,CAACT,KAAD,EAAQC,OAAR,KAAoB;AACzB,YAAMS,QAAQ,GAAGC,IAAI,CAACC,KAAL,CACfZ,KAAK,CAACG,CAAN,GAAUF,OAAO,CAACC,aAAR,CAAsBC,CADjB,EAEfH,KAAK,CAACI,CAAN,GAAUH,OAAO,CAACC,aAAR,CAAsBE,CAFjB,CAAjB;AAIA,YAAMS,WAAW,GAAGH,QAAQ,GAAG,EAA/B;AACA,YAAMI,aAAa,GAAGlB,KAAK,CAACU,KAAN,KAAgBC,8BAAmBQ,MAAzD;;AAEA,UAAIF,WAAW,IAAIC,aAAnB,EAAkC;AAChClB,QAAAA,KAAK,CAACU,KAAN,GAAcC,8BAAmBC,GAAjC;AACD;AACF;AAlBH,GAJsB,EAwBtB,CAACZ,KAAD,CAxBsB,CAAxB;AA2BA,QAAMoB,sBAAsB,GAAG,6CAAiB,MAAM;AACpD,UAAMC,iBAAiB,GAAG,MACxBrB,KAAK,CAACU,KAAN,KAAgBC,8BAAmBQ,MAAnC,GACI,CADJ,GAEI,sCACEG,uCADF,EAEE,uCAAWC,wBAAX,EAA0B;AACxBC,MAAAA,QAAQ,EAAE;AADc,KAA1B,CAFF,CAHN;;AAUA,UAAMC,qBAAqB,GAAG,MAC5B,uCAAWzB,KAAK,CAACU,KAAN,KAAgBC,8BAAmBQ,MAAnC,GAA4C,CAA5C,GAAgD,CAA3D,EAA8D;AAC5DK,MAAAA,QAAQ,EAAEF;AADkD,KAA9D,CADF;;AAKA,WAAO;AACLI,MAAAA,GAAG,EAAEL,iBAAiB,EADjB;AAELM,MAAAA,OAAO,EAAEF,qBAAqB;AAFzB,KAAP;AAID,GApB8B,CAA/B;AAsBA,QAAMG,sBAAsB,GAAG,6CAAiB,MAAM;AACpD,WAAO;AACLC,MAAAA,UAAU,EAAE,uCACV7B,KAAK,CAACU,KAAN,KAAgBC,8BAAmBQ,MAAnC,GAA4C,GAA5C,GAAkD,CADxC,EAEV;AACEK,QAAAA,QAAQ,EAAEF;AADZ,OAFU;AADP,KAAP;AAQD,GAT8B,CAA/B;AAWA,QAAMQ,2BAA2B,GAAG,6CAAiB,MAAM;AACzD,UAAMC,eAAe,GACnB9B,KAAK,CAACS,KAAN,KAAgB,OAAhB,GACIsB,2CADJ,GAEIC,0CAHN;AAKA,WAAO;AAAEF,MAAAA;AAAF,KAAP;AACD,GAPmC,EAOjC,CAAC9B,KAAD,CAPiC,CAApC;AASA,sBACE,6BAAC,4CAAD;AAAmB,IAAA,oBAAoB,EAAEC;AAAzC,kBACE,6BAAC,gBAAD,CACE;AADF;AAEE,IAAA,IAAI,EAAC,SAFP,CAGE;AAHF;AAIE,IAAA,aAAa,EAAE0B,sBAJjB;AAKE,IAAA,KAAK,EAAE,CAACM,eAAOC,SAAR,EAAmBf,sBAAnB;AALT,kBAOE,6BAAC,8BAAD,CAAU,IAAV;AACE,IAAA,KAAK,EAAE,CACL,EAAE,GAAGgB,wBAAWC;AAAhB,KADK,EAELP,2BAFK;AADT,IAPF,CADF,CADF;AAkBD,CA1FD;;AA4FA,MAAMQ,QAAQ,gBAAG,iBAAKvC,iBAAL,CAAjB;eAEeuC,Q","sourcesContent":["import React, { memo } from 'react';\nimport { StyleSheet } from 'react-native';\nimport Animated, {\n  useAnimatedGestureHandler,\n  useAnimatedProps,\n  useAnimatedStyle,\n  withDelay,\n  withTiming,\n} from 'react-native-reanimated';\nimport {\n  TapGestureHandler,\n  TapGestureHandlerGestureEvent,\n} from 'react-native-gesture-handler';\n\n// Components\n// @ts-ignore\nimport { BlurView } from '@react-native-community/blur';\n\n// Utils\nimport { styles } from './styles';\nimport {\n  CONTEXT_MENU_STATE,\n  HOLD_ITEM_TRANSFORM_DURATION,\n  IS_IOS,\n  WINDOW_HEIGHT,\n} from '../../constants';\nimport {\n  BACKDROP_LIGHT_BACKGROUND_COLOR,\n  BACKDROP_DARK_BACKGROUND_COLOR,\n} from './constants';\nimport { useInternal } from '../../hooks';\n\nconst AnimatedBlurView = IS_IOS\n  ? Animated.createAnimatedComponent(BlurView)\n  : Animated.View;\n\ntype Context = {\n  startPosition: {\n    x: number;\n    y: number;\n  };\n};\n\nconst BackdropComponent = () => {\n  const { state, theme } = useInternal();\n\n  const tapGestureEvent = useAnimatedGestureHandler<\n    TapGestureHandlerGestureEvent,\n    Context\n  >(\n    {\n      onStart: (event, context) => {\n        context.startPosition = { x: event.x, y: event.y };\n      },\n      onCancel: () => {\n        state.value = CONTEXT_MENU_STATE.END;\n      },\n      onEnd: (event, context) => {\n        const distance = Math.hypot(\n          event.x - context.startPosition.x,\n          event.y - context.startPosition.y\n        );\n        const shouldClose = distance < 10;\n        const isStateActive = state.value === CONTEXT_MENU_STATE.ACTIVE;\n\n        if (shouldClose && isStateActive) {\n          state.value = CONTEXT_MENU_STATE.END;\n        }\n      },\n    },\n    [state]\n  );\n\n  const animatedContainerStyle = useAnimatedStyle(() => {\n    const topValueAnimation = () =>\n      state.value === CONTEXT_MENU_STATE.ACTIVE\n        ? 0\n        : withDelay(\n            HOLD_ITEM_TRANSFORM_DURATION,\n            withTiming(WINDOW_HEIGHT, {\n              duration: 0,\n            })\n          );\n\n    const opacityValueAnimation = () =>\n      withTiming(state.value === CONTEXT_MENU_STATE.ACTIVE ? 1 : 0, {\n        duration: HOLD_ITEM_TRANSFORM_DURATION,\n      });\n\n    return {\n      top: topValueAnimation(),\n      opacity: opacityValueAnimation(),\n    };\n  });\n\n  const animatedContainerProps = useAnimatedProps(() => {\n    return {\n      blurAmount: withTiming(\n        state.value === CONTEXT_MENU_STATE.ACTIVE ? 100 : 0,\n        {\n          duration: HOLD_ITEM_TRANSFORM_DURATION,\n        }\n      ),\n    };\n  });\n\n  const animatedInnerContainerStyle = useAnimatedStyle(() => {\n    const backgroundColor =\n      theme.value === 'light'\n        ? BACKDROP_LIGHT_BACKGROUND_COLOR\n        : BACKDROP_DARK_BACKGROUND_COLOR;\n\n    return { backgroundColor };\n  }, [theme]);\n\n  return (\n    <TapGestureHandler onHandlerStateChange={tapGestureEvent}>\n      <AnimatedBlurView\n        // @ts-ignore\n        tint=\"default\"\n        // @ts-ignore\n        animatedProps={animatedContainerProps}\n        style={[styles.container, animatedContainerStyle]}\n      >\n        <Animated.View\n          style={[\n            { ...StyleSheet.absoluteFillObject },\n            animatedInnerContainerStyle,\n          ]}\n        />\n      </AnimatedBlurView>\n    </TapGestureHandler>\n  );\n};\n\nconst Backdrop = memo(BackdropComponent);\n\nexport default Backdrop;\n"]}

package/lib/commonjs/components/backdrop/constants.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BACKDROP_DARK_BACKGROUND_COLOR = exports.BACKDROP_LIGHT_BACKGROUND_COLOR = void 0;
+
+var _constants = require("../../constants");
+
+const BACKDROP_LIGHT_BACKGROUND_COLOR = _constants.IS_IOS ? 'rgba(0,0,0,0.2)' : 'rgba(19, 19, 19, 0.95)';
+exports.BACKDROP_LIGHT_BACKGROUND_COLOR = BACKDROP_LIGHT_BACKGROUND_COLOR;
+const BACKDROP_DARK_BACKGROUND_COLOR = _constants.IS_IOS ? 'rgba(0,0,0,0.75)' : 'rgba(0,0,0,0.95)';
+exports.BACKDROP_DARK_BACKGROUND_COLOR = BACKDROP_DARK_BACKGROUND_COLOR;
+//# sourceMappingURL=constants.js.map

package/lib/commonjs/components/backdrop/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["constants.ts"],"names":["BACKDROP_LIGHT_BACKGROUND_COLOR","IS_IOS","BACKDROP_DARK_BACKGROUND_COLOR"],"mappings":";;;;;;;AAAA;;AAEO,MAAMA,+BAA+B,GAAGC,oBAC3C,iBAD2C,GAE3C,wBAFG;;AAGA,MAAMC,8BAA8B,GAAGD,oBAC1C,kBAD0C,GAE1C,kBAFG","sourcesContent":["import { IS_IOS } from '../../constants';\n\nexport const BACKDROP_LIGHT_BACKGROUND_COLOR = IS_IOS\n  ? 'rgba(0,0,0,0.2)'\n  : 'rgba(19, 19, 19, 0.95)';\nexport const BACKDROP_DARK_BACKGROUND_COLOR = IS_IOS\n  ? 'rgba(0,0,0,0.75)'\n  : 'rgba(0,0,0,0.95)';\n"]}

package/lib/commonjs/components/backdrop/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Backdrop", {
+  enumerable: true,
+  get: function () {
+    return _Backdrop.default;
+  }
+});
+
+var _Backdrop = _interopRequireDefault(require("./Backdrop"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+//# sourceMappingURL=index.js.map

package/lib/commonjs/components/backdrop/index.js.map

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

package/lib/commonjs/components/backdrop/styles.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.styles = void 0;
+
+var _reactNative = require("react-native");
+
+const styles = _reactNative.StyleSheet.create({
+  container: { ..._reactNative.StyleSheet.absoluteFillObject,
+    zIndex: 0
+  }
+});
+
+exports.styles = styles;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["styles.ts"],"names":["styles","StyleSheet","create","container","absoluteFillObject","zIndex"],"mappings":";;;;;;;AAAA;;AAEO,MAAMA,MAAM,GAAGC,wBAAWC,MAAX,CAAkB;AACtCC,EAAAA,SAAS,EAAE,EACT,GAAGF,wBAAWG,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/commonjs/components/flatList/FlatList.js

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _reactNative = require("react-native");
+
+var _lodash = _interopRequireDefault(require("lodash.isequal"));
+
+var _reactNativeReanimated = _interopRequireDefault(require("react-native-reanimated"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+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); }
+
+const AnimatedFlatList = _reactNativeReanimated.default.createAnimatedComponent(_reactNative.FlatList);
+
+const HoldMenuFlatListComponent = props => {
+  return /*#__PURE__*/_react.default.createElement(AnimatedFlatList, _extends({}, props, {
+    scrollEventThrottle: 16
+  }));
+};
+
+const HoldMenuFlatList = /*#__PURE__*/(0, _react.memo)(HoldMenuFlatListComponent, _lodash.default);
+var _default = HoldMenuFlatList;
+exports.default = _default;
+//# sourceMappingURL=FlatList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["FlatList.tsx"],"names":["AnimatedFlatList","Animated","createAnimatedComponent","RNFlatList","HoldMenuFlatListComponent","props","HoldMenuFlatList","isEqual"],"mappings":";;;;;;;AAAA;;AACA;;AAKA;;AACA;;;;;;;;;;AAEA,MAAMA,gBAAgB,GAAGC,+BAASC,uBAAT,CAAiCC,qBAAjC,CAAzB;;AAOA,MAAMC,yBAAyB,GAAIC,KAAD,IAAuC;AACvE,sBAAO,6BAAC,gBAAD,eAAsBA,KAAtB;AAA6B,IAAA,mBAAmB,EAAE;AAAlD,KAAP;AACD,CAFD;;AAIA,MAAMC,gBAAgB,gBAAG,iBAAKF,yBAAL,EAAgCG,eAAhC,CAAzB;eAEeD,gB","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/commonjs/components/flatList/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _FlatList.default;
+  }
+});
+
+var _FlatList = _interopRequireDefault(require("./FlatList"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+//# sourceMappingURL=index.js.map

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

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