react-native-hold-menu-actions 0.1.6

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

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

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

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

package/lib/commonjs/components/provider/reducer.js

@@ -0,0 +1,50 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.initialState = exports.reducer = exports.ActionType = void 0;
+
+var _constants = require("../../constants");
+
+let ActionType;
+exports.ActionType = ActionType;
+
+(function (ActionType) {
+  ActionType["Active"] = "Active";
+  ActionType["End"] = "End";
+  ActionType["Theme"] = "Theme";
+})(ActionType || (exports.ActionType = ActionType = {}));
+
+const reducer = (state, action) => {
+  switch (action.type) {
+    case ActionType.Active:
+      return { ...state,
+        active: _constants.CONTEXT_MENU_STATE.ACTIVE,
+        activeItem: action.activeItem
+      };
+
+    case ActionType.End:
+      return { ...state,
+        active: _constants.CONTEXT_MENU_STATE.END,
+        activeItem: null
+      };
+
+    case ActionType.Theme:
+      return { ...state,
+        theme: state.theme === 'dark' ? 'light' : 'dark'
+      };
+
+    default:
+      return state;
+  }
+};
+
+exports.reducer = reducer;
+const initialState = {
+  active: 0,
+  activeItem: null,
+  theme: 'light'
+};
+exports.initialState = initialState;
+//# sourceMappingURL=reducer.js.map

package/lib/commonjs/components/provider/reducer.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["reducer.ts"],"names":["ActionType","reducer","state","action","type","Active","active","CONTEXT_MENU_STATE","ACTIVE","activeItem","End","END","Theme","theme","initialState"],"mappings":";;;;;;;AAAA;;IAQYA,U;;;WAAAA,U;AAAAA,EAAAA,U;AAAAA,EAAAA,U;AAAAA,EAAAA,U;GAAAA,U,0BAAAA,U;;AAWL,MAAMC,OAAO,GAAG,CAACC,KAAD,EAAoBC,MAApB,KAAmD;AACxE,UAAQA,MAAM,CAACC,IAAf;AACE,SAAKJ,UAAU,CAACK,MAAhB;AACE,aAAO,EACL,GAAGH,KADE;AAELI,QAAAA,MAAM,EAAEC,8BAAmBC,MAFtB;AAGLC,QAAAA,UAAU,EAAEN,MAAM,CAACM;AAHd,OAAP;;AAKF,SAAKT,UAAU,CAACU,GAAhB;AACE,aAAO,EACL,GAAGR,KADE;AAELI,QAAAA,MAAM,EAAEC,8BAAmBI,GAFtB;AAGLF,QAAAA,UAAU,EAAE;AAHP,OAAP;;AAKF,SAAKT,UAAU,CAACY,KAAhB;AACE,aAAO,EACL,GAAGV,KADE;AAELW,QAAAA,KAAK,EAAEX,KAAK,CAACW,KAAN,KAAgB,MAAhB,GAAyB,OAAzB,GAAmC;AAFrC,OAAP;;AAIF;AACE,aAAOX,KAAP;AAnBJ;AAqBD,CAtBM;;;AAwBA,MAAMY,YAAwB,GAAG;AACtCR,EAAAA,MAAM,EAAE,CAD8B;AAEtCG,EAAAA,UAAU,EAAE,IAF0B;AAGtCI,EAAAA,KAAK,EAAE;AAH+B,CAAjC","sourcesContent":["import { CONTEXT_MENU_STATE } from '../../constants';\n\nexport type StateProps = {\n  active: number;\n  activeItem: string | null;\n  theme: 'light' | 'dark';\n};\n\nexport enum ActionType {\n  Active = 'Active',\n  End = 'End',\n  Theme = 'Theme',\n}\n\nexport type Action =\n  | { type: ActionType.Active; activeItem: string | null }\n  | { type: ActionType.End }\n  | { type: ActionType.Theme };\n\nexport const reducer = (state: StateProps, action: Action): StateProps => {\n  switch (action.type) {\n    case ActionType.Active:\n      return {\n        ...state,\n        active: CONTEXT_MENU_STATE.ACTIVE,\n        activeItem: action.activeItem,\n      };\n    case ActionType.End:\n      return {\n        ...state,\n        active: CONTEXT_MENU_STATE.END,\n        activeItem: null,\n      };\n    case ActionType.Theme:\n      return {\n        ...state,\n        theme: state.theme === 'dark' ? 'light' : 'dark',\n      };\n    default:\n      return state;\n  }\n};\n\nexport const initialState: StateProps = {\n  active: 0,\n  activeItem: null,\n  theme: 'light',\n};\n"]}

package/lib/commonjs/components/provider/types.d.js

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

package/lib/commonjs/components/provider/types.d.js.map

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

package/lib/commonjs/constants.js

@@ -0,0 +1,60 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FONT_SCALE = exports.IS_IOS = exports.MENU_TRANSFORM_ORIGIN_TOLERENCE = exports.SPRING_CONFIGURATION_MENU = exports.SPRING_CONFIGURATION = exports.HOLD_ITEM_SCALE_DOWN_DURATION = exports.HOLD_ITEM_SCALE_DOWN_VALUE = exports.HOLD_ITEM_TRANSFORM_DURATION = exports.MENU_CONTAINER_WIDTH = exports.MENU_WIDTH = exports.WINDOW_WIDTH = exports.WINDOW_HEIGHT = exports.CONTEXT_MENU_STATE = void 0;
+
+var _reactNative = require("react-native");
+
+const HOLD_ITEM_TRANSFORM_DURATION = 150;
+exports.HOLD_ITEM_TRANSFORM_DURATION = HOLD_ITEM_TRANSFORM_DURATION;
+const HOLD_ITEM_SCALE_DOWN_VALUE = 0.95;
+exports.HOLD_ITEM_SCALE_DOWN_VALUE = HOLD_ITEM_SCALE_DOWN_VALUE;
+const HOLD_ITEM_SCALE_DOWN_DURATION = 210;
+exports.HOLD_ITEM_SCALE_DOWN_DURATION = HOLD_ITEM_SCALE_DOWN_DURATION;
+const SPRING_CONFIGURATION = {
+  damping: 33,
+  mass: 1.03,
+  stiffness: 500,
+  restDisplacementThreshold: 0.001,
+  restSpeedThreshold: 0.001
+};
+exports.SPRING_CONFIGURATION = SPRING_CONFIGURATION;
+const SPRING_CONFIGURATION_MENU = {
+  damping: 39,
+  mass: 1.09,
+  stiffness: 500,
+  restDisplacementThreshold: 0.001,
+  restSpeedThreshold: 0.001
+};
+exports.SPRING_CONFIGURATION_MENU = SPRING_CONFIGURATION_MENU;
+var CONTEXT_MENU_STATE;
+exports.CONTEXT_MENU_STATE = CONTEXT_MENU_STATE;
+
+(function (CONTEXT_MENU_STATE) {
+  CONTEXT_MENU_STATE[CONTEXT_MENU_STATE["UNDETERMINED"] = 0] = "UNDETERMINED";
+  CONTEXT_MENU_STATE[CONTEXT_MENU_STATE["ACTIVE"] = 1] = "ACTIVE";
+  CONTEXT_MENU_STATE[CONTEXT_MENU_STATE["END"] = 2] = "END";
+})(CONTEXT_MENU_STATE || (exports.CONTEXT_MENU_STATE = CONTEXT_MENU_STATE = {}));
+
+const {
+  height: WINDOW_HEIGHT,
+  width: WINDOW_WIDTH
+} = _reactNative.Dimensions.get('screen');
+
+exports.WINDOW_WIDTH = WINDOW_WIDTH;
+exports.WINDOW_HEIGHT = WINDOW_HEIGHT;
+const MENU_CONTAINER_WIDTH = 100;
+exports.MENU_CONTAINER_WIDTH = MENU_CONTAINER_WIDTH;
+const MENU_WIDTH = WINDOW_WIDTH * 60 / 100;
+exports.MENU_WIDTH = MENU_WIDTH;
+const MENU_TRANSFORM_ORIGIN_TOLERENCE = 10;
+exports.MENU_TRANSFORM_ORIGIN_TOLERENCE = MENU_TRANSFORM_ORIGIN_TOLERENCE;
+const IS_IOS = _reactNative.Platform.OS === 'ios';
+exports.IS_IOS = IS_IOS;
+
+const FONT_SCALE = _reactNative.Dimensions.get('screen').fontScale;
+
+exports.FONT_SCALE = FONT_SCALE;
+//# sourceMappingURL=constants.js.map

package/lib/commonjs/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["constants.ts"],"names":["HOLD_ITEM_TRANSFORM_DURATION","HOLD_ITEM_SCALE_DOWN_VALUE","HOLD_ITEM_SCALE_DOWN_DURATION","SPRING_CONFIGURATION","damping","mass","stiffness","restDisplacementThreshold","restSpeedThreshold","SPRING_CONFIGURATION_MENU","CONTEXT_MENU_STATE","height","WINDOW_HEIGHT","width","WINDOW_WIDTH","Dimensions","get","MENU_CONTAINER_WIDTH","MENU_WIDTH","MENU_TRANSFORM_ORIGIN_TOLERENCE","IS_IOS","Platform","OS","FONT_SCALE","fontScale"],"mappings":";;;;;;;AAAA;;AAEA,MAAMA,4BAA4B,GAAG,GAArC;;AACA,MAAMC,0BAA0B,GAAG,IAAnC;;AACA,MAAMC,6BAA6B,GAAG,GAAtC;;AAEA,MAAMC,oBAAoB,GAAG;AAC3BC,EAAAA,OAAO,EAAE,EADkB;AAE3BC,EAAAA,IAAI,EAAE,IAFqB;AAG3BC,EAAAA,SAAS,EAAE,GAHgB;AAI3BC,EAAAA,yBAAyB,EAAE,KAJA;AAK3BC,EAAAA,kBAAkB,EAAE;AALO,CAA7B;;AAQA,MAAMC,yBAAyB,GAAG;AAChCL,EAAAA,OAAO,EAAE,EADuB;AAEhCC,EAAAA,IAAI,EAAE,IAF0B;AAGhCC,EAAAA,SAAS,EAAE,GAHqB;AAIhCC,EAAAA,yBAAyB,EAAE,KAJK;AAKhCC,EAAAA,kBAAkB,EAAE;AALY,CAAlC;;IAQKE,kB;;;WAAAA,kB;AAAAA,EAAAA,kB,CAAAA,kB;AAAAA,EAAAA,kB,CAAAA,kB;AAAAA,EAAAA,kB,CAAAA,kB;GAAAA,kB,kCAAAA,kB;;AAML,MAAM;AAAEC,EAAAA,MAAM,EAAEC,aAAV;AAAyBC,EAAAA,KAAK,EAAEC;AAAhC,IAAiDC,wBAAWC,GAAX,CAAe,QAAf,CAAvD;;;;AAEA,MAAMC,oBAAoB,GAAG,GAA7B;;AACA,MAAMC,UAAU,GAAIJ,YAAY,GAAG,EAAhB,GAAsB,GAAzC;;AAEA,MAAMK,+BAA+B,GAAG,EAAxC;;AAEA,MAAMC,MAAM,GAAGC,sBAASC,EAAT,KAAgB,KAA/B;;;AAEA,MAAMC,UAAU,GAAGR,wBAAWC,GAAX,CAAe,QAAf,EAAyBQ,SAA5C","sourcesContent":["import { Dimensions, Platform } from 'react-native';\n\nconst HOLD_ITEM_TRANSFORM_DURATION = 150;\nconst HOLD_ITEM_SCALE_DOWN_VALUE = 0.95;\nconst HOLD_ITEM_SCALE_DOWN_DURATION = 210;\n\nconst SPRING_CONFIGURATION = {\n  damping: 33,\n  mass: 1.03,\n  stiffness: 500,\n  restDisplacementThreshold: 0.001,\n  restSpeedThreshold: 0.001,\n};\n\nconst SPRING_CONFIGURATION_MENU = {\n  damping: 39,\n  mass: 1.09,\n  stiffness: 500,\n  restDisplacementThreshold: 0.001,\n  restSpeedThreshold: 0.001,\n};\n\nenum CONTEXT_MENU_STATE {\n  UNDETERMINED = 0,\n  ACTIVE,\n  END,\n}\n\nconst { height: WINDOW_HEIGHT, width: WINDOW_WIDTH } = Dimensions.get('screen');\n\nconst MENU_CONTAINER_WIDTH = 100;\nconst MENU_WIDTH = (WINDOW_WIDTH * 60) / 100;\n\nconst MENU_TRANSFORM_ORIGIN_TOLERENCE = 10;\n\nconst IS_IOS = Platform.OS === 'ios';\n\nconst FONT_SCALE = Dimensions.get('screen').fontScale;\n\nexport {\n  CONTEXT_MENU_STATE,\n  WINDOW_HEIGHT,\n  WINDOW_WIDTH,\n  MENU_WIDTH,\n  MENU_CONTAINER_WIDTH,\n  HOLD_ITEM_TRANSFORM_DURATION,\n  HOLD_ITEM_SCALE_DOWN_VALUE,\n  HOLD_ITEM_SCALE_DOWN_DURATION,\n  SPRING_CONFIGURATION,\n  SPRING_CONFIGURATION_MENU,\n  MENU_TRANSFORM_ORIGIN_TOLERENCE,\n  IS_IOS,\n  FONT_SCALE,\n};\n"]}

package/lib/commonjs/context/index.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "InternalContext", {
+  enumerable: true,
+  get: function () {
+    return _internal.InternalContext;
+  }
+});
+
+var _internal = require("./internal");
+//# sourceMappingURL=index.js.map

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

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

package/lib/commonjs/context/internal.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.InternalContext = void 0;
+
+var _react = require("react");
+
+// @ts-ignore
+const InternalContext = /*#__PURE__*/(0, _react.createContext)();
+exports.InternalContext = InternalContext;
+//# sourceMappingURL=internal.js.map

package/lib/commonjs/context/internal.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["internal.ts"],"names":["InternalContext"],"mappings":";;;;;;;AAAA;;AAiBA;AACO,MAAMA,eAAe,gBAAG,2BAAxB","sourcesContent":["import { createContext } from 'react';\nimport type Animated from 'react-native-reanimated';\nimport type { CONTEXT_MENU_STATE } from '../constants';\nimport { MenuInternalProps } from '../components/menu/types';\n\nexport type InternalContextType = {\n  state: Animated.SharedValue<CONTEXT_MENU_STATE>;\n  theme: Animated.SharedValue<'light' | 'dark'>;\n  menuProps: Animated.SharedValue<MenuInternalProps>;\n  safeAreaInsets?: {\n    top: number;\n    right: number;\n    bottom: number;\n    left: number;\n  };\n};\n\n// @ts-ignore\nexport const InternalContext = createContext<InternalContextType>();\n"]}

package/lib/commonjs/hooks/index.js

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

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

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

package/lib/commonjs/hooks/useDeviceOrientation.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = require("react");
+
+var _reactNative = require("react-native");
+
+function getWindowOrientation() {
+  const {
+    width,
+    height
+  } = _reactNative.Dimensions.get('window');
+
+  return height >= width ? 'portrait' : 'landscape';
+}
+
+function useDeviceOrientation() {
+  const [deviceOrientation, setDeviceOrientation] = (0, _react.useState)(getWindowOrientation());
+  (0, _react.useEffect)(() => {
+    function updateState() {
+      setDeviceOrientation(getWindowOrientation());
+    }
+
+    const changeEvent = _reactNative.Dimensions.addEventListener('change', updateState); // @ts-ignore
+
+
+    return () => changeEvent.remove();
+  }, []);
+  return deviceOrientation;
+}
+
+var _default = useDeviceOrientation;
+exports.default = _default;
+//# sourceMappingURL=useDeviceOrientation.js.map

package/lib/commonjs/hooks/useDeviceOrientation.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useDeviceOrientation.ts"],"names":["getWindowOrientation","width","height","Dimensions","get","useDeviceOrientation","deviceOrientation","setDeviceOrientation","updateState","changeEvent","addEventListener","remove"],"mappings":";;;;;;;AAAA;;AACA;;AAIA,SAASA,oBAAT,GAA6C;AAC3C,QAAM;AAAEC,IAAAA,KAAF;AAASC,IAAAA;AAAT,MAAoBC,wBAAWC,GAAX,CAAe,QAAf,CAA1B;;AACA,SAAOF,MAAM,IAAID,KAAV,GAAkB,UAAlB,GAA+B,WAAtC;AACD;;AAED,SAASI,oBAAT,GAAgC;AAC9B,QAAM,CAACC,iBAAD,EAAoBC,oBAApB,IAA4C,qBAChDP,oBAAoB,EAD4B,CAAlD;AAIA,wBAAU,MAAM;AACd,aAASQ,WAAT,GAAuB;AACrBD,MAAAA,oBAAoB,CAACP,oBAAoB,EAArB,CAApB;AACD;;AACD,UAAMS,WAAW,GAAGN,wBAAWO,gBAAX,CAA4B,QAA5B,EAAsCF,WAAtC,CAApB,CAJc,CAKd;;;AACA,WAAO,MAAMC,WAAW,CAACE,MAAZ,EAAb;AACD,GAPD,EAOG,EAPH;AASA,SAAOL,iBAAP;AACD;;eAEcD,oB","sourcesContent":["import { useState, useEffect } from 'react';\nimport { Dimensions } from 'react-native';\n\ntype Orientation = 'landscape' | 'portrait';\n\nfunction getWindowOrientation(): Orientation {\n  const { width, height } = Dimensions.get('window');\n  return height >= width ? 'portrait' : 'landscape';\n}\n\nfunction useDeviceOrientation() {\n  const [deviceOrientation, setDeviceOrientation] = useState<Orientation>(\n    getWindowOrientation()\n  );\n\n  useEffect(() => {\n    function updateState() {\n      setDeviceOrientation(getWindowOrientation());\n    }\n    const changeEvent = Dimensions.addEventListener('change', updateState);\n    // @ts-ignore\n    return () => changeEvent.remove();\n  }, []);\n\n  return deviceOrientation;\n}\n\nexport default useDeviceOrientation;\n"]}

package/lib/commonjs/hooks/useInternal.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useInternal = void 0;
+
+var _react = require("react");
+
+var _context = require("../context");
+
+const useInternal = () => (0, _react.useContext)(_context.InternalContext);
+
+exports.useInternal = useInternal;
+//# sourceMappingURL=useInternal.js.map

package/lib/commonjs/hooks/useInternal.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useInternal.ts"],"names":["useInternal","InternalContext"],"mappings":";;;;;;;AAAA;;AACA;;AAEO,MAAMA,WAAW,GAAG,MAAM,uBAAWC,wBAAX,CAA1B","sourcesContent":["import { useContext } from 'react';\nimport { InternalContext } from '../context';\n\nexport const useInternal = () => useContext(InternalContext);\n"]}

package/lib/commonjs/index.js

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "HoldItem", {
+  enumerable: true,
+  get: function () {
+    return _holdItem.default;
+  }
+});
+Object.defineProperty(exports, "HoldMenuProvider", {
+  enumerable: true,
+  get: function () {
+    return _provider.default;
+  }
+});
+Object.defineProperty(exports, "HoldMenuFlatList", {
+  enumerable: true,
+  get: function () {
+    return _flatList.default;
+  }
+});
+Object.defineProperty(exports, "HoldMenuIcon", {
+  enumerable: true,
+  get: function () {
+    return _icon.default;
+  }
+});
+
+var _holdItem = _interopRequireDefault(require("./components/holdItem"));
+
+var _provider = _interopRequireDefault(require("./components/provider"));
+
+var _flatList = _interopRequireDefault(require("./components/flatList"));
+
+var _icon = _interopRequireDefault(require("./components/icon"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+//# sourceMappingURL=index.js.map

package/lib/commonjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA","sourcesContent":["export { default as HoldItem } from './components/holdItem';\nexport { default as HoldMenuProvider } from './components/provider';\nexport { default as HoldMenuFlatList } from './components/flatList';\nexport { default as HoldMenuIcon } from './components/icon';\n"]}

package/lib/commonjs/styleGuide.js

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _reactNative = require("react-native");
+
+const styleGuide = {
+  spacing: 8,
+  dimensionWidth: _reactNative.Dimensions.get('screen').width,
+  dimensionHeight: _reactNative.Dimensions.get('screen').height,
+  palette: {
+    primary: '#0072ff',
+    secondary: '#e2e2e2',
+    common: {
+      white: '#fff',
+      black: '#000'
+    }
+  },
+  typography: {
+    body: {
+      fontSize: 17,
+      lineHeight: 20
+    },
+    callout: {
+      fontSize: 16,
+      lineHeight: 20
+    },
+    callout2: {
+      fontSize: 14,
+      lineHeight: 18
+    }
+  }
+};
+var _default = styleGuide;
+exports.default = _default;
+//# sourceMappingURL=styleGuide.js.map

package/lib/commonjs/styleGuide.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["styleGuide.ts"],"names":["styleGuide","spacing","dimensionWidth","Dimensions","get","width","dimensionHeight","height","palette","primary","secondary","common","white","black","typography","body","fontSize","lineHeight","callout","callout2"],"mappings":";;;;;;;AAAA;;AAEA,MAAMA,UAAU,GAAG;AACjBC,EAAAA,OAAO,EAAE,CADQ;AAEjBC,EAAAA,cAAc,EAAEC,wBAAWC,GAAX,CAAe,QAAf,EAAyBC,KAFxB;AAGjBC,EAAAA,eAAe,EAAEH,wBAAWC,GAAX,CAAe,QAAf,EAAyBG,MAHzB;AAIjBC,EAAAA,OAAO,EAAE;AACPC,IAAAA,OAAO,EAAE,SADF;AAEPC,IAAAA,SAAS,EAAE,SAFJ;AAGPC,IAAAA,MAAM,EAAE;AACNC,MAAAA,KAAK,EAAE,MADD;AAENC,MAAAA,KAAK,EAAE;AAFD;AAHD,GAJQ;AAYjBC,EAAAA,UAAU,EAAE;AACVC,IAAAA,IAAI,EAAE;AACJC,MAAAA,QAAQ,EAAE,EADN;AAEJC,MAAAA,UAAU,EAAE;AAFR,KADI;AAKVC,IAAAA,OAAO,EAAE;AACPF,MAAAA,QAAQ,EAAE,EADH;AAEPC,MAAAA,UAAU,EAAE;AAFL,KALC;AASVE,IAAAA,QAAQ,EAAE;AACRH,MAAAA,QAAQ,EAAE,EADF;AAERC,MAAAA,UAAU,EAAE;AAFJ;AATA;AAZK,CAAnB;eA4BejB,U","sourcesContent":["import { Dimensions } from 'react-native';\n\nconst styleGuide = {\n  spacing: 8,\n  dimensionWidth: Dimensions.get('screen').width,\n  dimensionHeight: Dimensions.get('screen').height,\n  palette: {\n    primary: '#0072ff',\n    secondary: '#e2e2e2',\n    common: {\n      white: '#fff',\n      black: '#000',\n    },\n  },\n  typography: {\n    body: {\n      fontSize: 17,\n      lineHeight: 20,\n    },\n    callout: {\n      fontSize: 16,\n      lineHeight: 20,\n    },\n    callout2: {\n      fontSize: 14,\n      lineHeight: 18,\n    },\n  },\n};\n\nexport default styleGuide;\n"]}

package/lib/commonjs/utils/calculations.js

@@ -0,0 +1,73 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getTransformOrigin = exports.menuAnimationAnchor = exports.calculateMenuHeight = exports.MenuItemHeight = void 0;
+
+var _styleGuide = _interopRequireDefault(require("../styleGuide"));
+
+var _constants = require("../constants");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const MenuItemHeight = () => {
+  'worklet';
+
+  return _styleGuide.default.typography.callout.lineHeight * _constants.FONT_SCALE + _styleGuide.default.spacing * 2.5;
+};
+
+exports.MenuItemHeight = MenuItemHeight;
+
+const calculateMenuHeight = (itemLength, separatorCount) => {
+  'worklet';
+
+  return MenuItemHeight() * itemLength + (itemLength - 1) + separatorCount * _styleGuide.default.spacing;
+};
+
+exports.calculateMenuHeight = calculateMenuHeight;
+
+const menuAnimationAnchor = (anchorPoint, itemWidth, itemLength, itemsWithSeparatorLength) => {
+  'worklet';
+
+  const MenuHeight = calculateMenuHeight(itemLength, itemsWithSeparatorLength);
+  const splittetAnchorName = anchorPoint.split('-');
+  const Center1 = itemWidth;
+  const Center2 = 0;
+  const TyTop1 = -(MenuHeight / 2);
+  const TyTop2 = MenuHeight / 2;
+  const TxLeft1 = _constants.MENU_WIDTH / 2 * -1;
+  const TxLeft2 = _constants.MENU_WIDTH / 2 * 1;
+  return {
+    beginningTransformations: {
+      translateX: splittetAnchorName[1] === 'right' ? -TxLeft1 : splittetAnchorName[1] === 'left' ? TxLeft1 : Center1,
+      translateY: splittetAnchorName[0] === 'top' ? TyTop1 : splittetAnchorName[0] === 'bottom' ? TyTop1 : Center2
+    },
+    endingTransformations: {
+      translateX: splittetAnchorName[1] === 'right' ? -TxLeft2 : splittetAnchorName[1] === 'left' ? TxLeft2 : Center2,
+      translateY: splittetAnchorName[0] === 'top' ? TyTop2 : splittetAnchorName[0] === 'bottom' ? -TyTop2 : Center2
+    }
+  };
+};
+
+exports.menuAnimationAnchor = menuAnimationAnchor;
+
+const getTransformOrigin = (posX, itemWidth, windowWidth, bottom) => {
+  'worklet';
+
+  const distanceToLeft = Math.round(posX + itemWidth / 2);
+  const distanceToRight = Math.round(windowWidth - distanceToLeft);
+  let position = bottom ? 'bottom-right' : 'top-right';
+  const majority = Math.abs(distanceToLeft - distanceToRight);
+
+  if (majority < _constants.MENU_TRANSFORM_ORIGIN_TOLERENCE) {
+    position = bottom ? 'bottom-center' : 'top-center';
+  } else if (distanceToLeft < distanceToRight) {
+    position = bottom ? 'bottom-left' : 'top-left';
+  }
+
+  return position;
+};
+
+exports.getTransformOrigin = getTransformOrigin;
+//# sourceMappingURL=calculations.js.map

package/lib/commonjs/utils/calculations.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["calculations.ts"],"names":["MenuItemHeight","styleGuide","typography","callout","lineHeight","FONT_SCALE","spacing","calculateMenuHeight","itemLength","separatorCount","menuAnimationAnchor","anchorPoint","itemWidth","itemsWithSeparatorLength","MenuHeight","splittetAnchorName","split","Center1","Center2","TyTop1","TyTop2","TxLeft1","MENU_WIDTH","TxLeft2","beginningTransformations","translateX","translateY","endingTransformations","getTransformOrigin","posX","windowWidth","bottom","distanceToLeft","Math","round","distanceToRight","position","majority","abs","MENU_TRANSFORM_ORIGIN_TOLERENCE"],"mappings":";;;;;;;AAAA;;AACA;;;;AAMO,MAAMA,cAAc,GAAG,MAAM;AAClC;;AACA,SACEC,oBAAWC,UAAX,CAAsBC,OAAtB,CAA8BC,UAA9B,GAA2CC,qBAA3C,GACAJ,oBAAWK,OAAX,GAAqB,GAFvB;AAID,CANM;;;;AAQA,MAAMC,mBAAmB,GAAG,CACjCC,UADiC,EAEjCC,cAFiC,KAG9B;AACH;;AACA,SACET,cAAc,KAAKQ,UAAnB,IACCA,UAAU,GAAG,CADd,IAEAC,cAAc,GAAGR,oBAAWK,OAH9B;AAKD,CAVM;;;;AAoBA,MAAMI,mBAAmB,GAAG,CACjCC,WADiC,EAEjCC,SAFiC,EAGjCJ,UAHiC,EAIjCK,wBAJiC,KAK9B;AACH;;AACA,QAAMC,UAAU,GAAGP,mBAAmB,CAACC,UAAD,EAAaK,wBAAb,CAAtC;AACA,QAAME,kBAA4B,GAAGJ,WAAW,CAACK,KAAZ,CAAkB,GAAlB,CAArC;AAEA,QAAMC,OAAO,GAAGL,SAAhB;AACA,QAAMM,OAAO,GAAG,CAAhB;AAEA,QAAMC,MAAM,GAAG,EAAEL,UAAU,GAAG,CAAf,CAAf;AACA,QAAMM,MAAM,GAAGN,UAAU,GAAG,CAA5B;AAEA,QAAMO,OAAO,GAAIC,wBAAa,CAAd,GAAmB,CAAC,CAApC;AACA,QAAMC,OAAO,GAAID,wBAAa,CAAd,GAAmB,CAAnC;AAEA,SAAO;AACLE,IAAAA,wBAAwB,EAAE;AACxBC,MAAAA,UAAU,EACRV,kBAAkB,CAAC,CAAD,CAAlB,KAA0B,OAA1B,GACI,CAACM,OADL,GAEIN,kBAAkB,CAAC,CAAD,CAAlB,KAA0B,MAA1B,GACAM,OADA,GAEAJ,OANkB;AAOxBS,MAAAA,UAAU,EACRX,kBAAkB,CAAC,CAAD,CAAlB,KAA0B,KAA1B,GACII,MADJ,GAEIJ,kBAAkB,CAAC,CAAD,CAAlB,KAA0B,QAA1B,GACAI,MADA,GAEAD;AAZkB,KADrB;AAeLS,IAAAA,qBAAqB,EAAE;AACrBF,MAAAA,UAAU,EACRV,kBAAkB,CAAC,CAAD,CAAlB,KAA0B,OAA1B,GACI,CAACQ,OADL,GAEIR,kBAAkB,CAAC,CAAD,CAAlB,KAA0B,MAA1B,GACAQ,OADA,GAEAL,OANe;AAOrBQ,MAAAA,UAAU,EACRX,kBAAkB,CAAC,CAAD,CAAlB,KAA0B,KAA1B,GACIK,MADJ,GAEIL,kBAAkB,CAAC,CAAD,CAAlB,KAA0B,QAA1B,GACA,CAACK,MADD,GAEAF;AAZe;AAflB,GAAP;AA8BD,CAjDM;;;;AAmDA,MAAMU,kBAAkB,GAAG,CAChCC,IADgC,EAEhCjB,SAFgC,EAGhCkB,WAHgC,EAIhCC,MAJgC,KAKE;AAClC;;AACA,QAAMC,cAAc,GAAGC,IAAI,CAACC,KAAL,CAAWL,IAAI,GAAGjB,SAAS,GAAG,CAA9B,CAAvB;AACA,QAAMuB,eAAe,GAAGF,IAAI,CAACC,KAAL,CAAWJ,WAAW,GAAGE,cAAzB,CAAxB;AAEA,MAAII,QAAuC,GAAGL,MAAM,GAChD,cADgD,GAEhD,WAFJ;AAIA,QAAMM,QAAQ,GAAGJ,IAAI,CAACK,GAAL,CAASN,cAAc,GAAGG,eAA1B,CAAjB;;AAEA,MAAIE,QAAQ,GAAGE,0CAAf,EAAgD;AAC9CH,IAAAA,QAAQ,GAAGL,MAAM,GAAG,eAAH,GAAqB,YAAtC;AACD,GAFD,MAEO,IAAIC,cAAc,GAAGG,eAArB,EAAsC;AAC3CC,IAAAA,QAAQ,GAAGL,MAAM,GAAG,aAAH,GAAmB,UAApC;AACD;;AAED,SAAOK,QAAP;AACD,CAvBM","sourcesContent":["import styleGuide from '../styleGuide';\nimport {\n  MENU_WIDTH,\n  MENU_TRANSFORM_ORIGIN_TOLERENCE,\n  FONT_SCALE,\n} from '../constants';\n\nexport const MenuItemHeight = () => {\n  'worklet';\n  return (\n    styleGuide.typography.callout.lineHeight * FONT_SCALE +\n    styleGuide.spacing * 2.5\n  );\n};\n\nexport const calculateMenuHeight = (\n  itemLength: number,\n  separatorCount: number\n) => {\n  'worklet';\n  return (\n    MenuItemHeight() * itemLength +\n    (itemLength - 1) +\n    separatorCount * styleGuide.spacing\n  );\n};\n\nexport type TransformOriginAnchorPosition =\n  | 'top-right'\n  | 'top-left'\n  | 'top-center'\n  | 'bottom-right'\n  | 'bottom-left'\n  | 'bottom-center';\n\nexport const menuAnimationAnchor = (\n  anchorPoint: TransformOriginAnchorPosition,\n  itemWidth: number,\n  itemLength: number,\n  itemsWithSeparatorLength: number\n) => {\n  'worklet';\n  const MenuHeight = calculateMenuHeight(itemLength, itemsWithSeparatorLength);\n  const splittetAnchorName: string[] = anchorPoint.split('-');\n\n  const Center1 = itemWidth;\n  const Center2 = 0;\n\n  const TyTop1 = -(MenuHeight / 2);\n  const TyTop2 = MenuHeight / 2;\n\n  const TxLeft1 = (MENU_WIDTH / 2) * -1;\n  const TxLeft2 = (MENU_WIDTH / 2) * 1;\n\n  return {\n    beginningTransformations: {\n      translateX:\n        splittetAnchorName[1] === 'right'\n          ? -TxLeft1\n          : splittetAnchorName[1] === 'left'\n          ? TxLeft1\n          : Center1,\n      translateY:\n        splittetAnchorName[0] === 'top'\n          ? TyTop1\n          : splittetAnchorName[0] === 'bottom'\n          ? TyTop1\n          : Center2,\n    },\n    endingTransformations: {\n      translateX:\n        splittetAnchorName[1] === 'right'\n          ? -TxLeft2\n          : splittetAnchorName[1] === 'left'\n          ? TxLeft2\n          : Center2,\n      translateY:\n        splittetAnchorName[0] === 'top'\n          ? TyTop2\n          : splittetAnchorName[0] === 'bottom'\n          ? -TyTop2\n          : Center2,\n    },\n  };\n};\n\nexport const getTransformOrigin = (\n  posX: number,\n  itemWidth: number,\n  windowWidth: number,\n  bottom?: boolean\n): TransformOriginAnchorPosition => {\n  'worklet';\n  const distanceToLeft = Math.round(posX + itemWidth / 2);\n  const distanceToRight = Math.round(windowWidth - distanceToLeft);\n\n  let position: TransformOriginAnchorPosition = bottom\n    ? 'bottom-right'\n    : 'top-right';\n\n  const majority = Math.abs(distanceToLeft - distanceToRight);\n\n  if (majority < MENU_TRANSFORM_ORIGIN_TOLERENCE) {\n    position = bottom ? 'bottom-center' : 'top-center';\n  } else if (distanceToLeft < distanceToRight) {\n    position = bottom ? 'bottom-left' : 'top-left';\n  }\n\n  return position;\n};\n"]}

package/lib/commonjs/utils/validations.js

@@ -0,0 +1,43 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.deepEqual = deepEqual;
+
+function fieldAreSame(obj1, obj2) {
+  'worklet';
+
+  const keys = Object.keys(obj1);
+  return keys.every(key => {
+    // @ts-ignore
+    const val1 = obj1[key]; // @ts-ignore
+
+    const val2 = obj2[key];
+
+    if (val1 !== val2) {
+      if (typeof val1 === 'function' && typeof val2 === 'function') return val1.toString() === val2.toString();
+      return false;
+    }
+
+    return true;
+  });
+}
+
+function deepEqual(array1, array2) {
+  'worklet';
+
+  const areArrays = Array.isArray(array1) && Array.isArray(array2);
+  const areSameLength = areArrays && array2 && array1.length === array2.length;
+
+  if (areArrays && areSameLength && array2) {
+    return array1.every((menuItem, index) => {
+      const obj1 = menuItem;
+      const obj2 = array2[index];
+      return fieldAreSame(obj1, obj2);
+    });
+  }
+
+  return false;
+}
+//# sourceMappingURL=validations.js.map

package/lib/commonjs/utils/validations.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["validations.ts"],"names":["fieldAreSame","obj1","obj2","keys","Object","every","key","val1","val2","toString","deepEqual","array1","array2","areArrays","Array","isArray","areSameLength","length","menuItem","index"],"mappings":";;;;;;;AAEA,SAASA,YAAT,CAAsBC,IAAtB,EAA2CC,IAA3C,EAAgE;AAC9D;;AAEA,QAAMC,IAAI,GAAGC,MAAM,CAACD,IAAP,CAAYF,IAAZ,CAAb;AAEA,SAAOE,IAAI,CAACE,KAAL,CAAWC,GAAG,IAAI;AACvB;AACA,UAAMC,IAAI,GAAGN,IAAI,CAACK,GAAD,CAAjB,CAFuB,CAGvB;;AACA,UAAME,IAAI,GAAGN,IAAI,CAACI,GAAD,CAAjB;;AAEA,QAAIC,IAAI,KAAKC,IAAb,EAAmB;AACjB,UAAI,OAAOD,IAAP,KAAgB,UAAhB,IAA8B,OAAOC,IAAP,KAAgB,UAAlD,EACE,OAAOD,IAAI,CAACE,QAAL,OAAoBD,IAAI,CAACC,QAAL,EAA3B;AACF,aAAO,KAAP;AACD;;AAED,WAAO,IAAP;AACD,GAbM,CAAP;AAcD;;AAED,SAASC,SAAT,CAAmBC,MAAnB,EAA4CC,MAA5C,EAAqE;AACnE;;AAEA,QAAMC,SAAS,GAAGC,KAAK,CAACC,OAAN,CAAcJ,MAAd,KAAyBG,KAAK,CAACC,OAAN,CAAcH,MAAd,CAA3C;AACA,QAAMI,aAAa,GAAGH,SAAS,IAAID,MAAb,IAAuBD,MAAM,CAACM,MAAP,KAAkBL,MAAM,CAACK,MAAtE;;AAEA,MAAIJ,SAAS,IAAIG,aAAb,IAA8BJ,MAAlC,EAA0C;AACxC,WAAOD,MAAM,CAACN,KAAP,CAAa,CAACa,QAAD,EAA0BC,KAA1B,KAAoC;AACtD,YAAMlB,IAAI,GAAGiB,QAAb;AACA,YAAMhB,IAAI,GAAGU,MAAM,CAACO,KAAD,CAAnB;AAEA,aAAOnB,YAAY,CAACC,IAAD,EAAOC,IAAP,CAAnB;AACD,KALM,CAAP;AAMD;;AAED,SAAO,KAAP;AACD","sourcesContent":["import { MenuItemProps } from '../components/menu/types';\n\nfunction fieldAreSame(obj1: MenuItemProps, obj2: MenuItemProps) {\n  'worklet';\n\n  const keys = Object.keys(obj1);\n\n  return keys.every(key => {\n    // @ts-ignore\n    const val1 = obj1[key];\n    // @ts-ignore\n    const val2 = obj2[key];\n\n    if (val1 !== val2) {\n      if (typeof val1 === 'function' && typeof val2 === 'function')\n        return val1.toString() === val2.toString();\n      return false;\n    }\n\n    return true;\n  });\n}\n\nfunction deepEqual(array1: MenuItemProps[], array2: MenuItemProps[]) {\n  'worklet';\n\n  const areArrays = Array.isArray(array1) && Array.isArray(array2);\n  const areSameLength = areArrays && array2 && array1.length === array2.length;\n\n  if (areArrays && areSameLength && array2) {\n    return array1.every((menuItem: MenuItemProps, index) => {\n      const obj1 = menuItem;\n      const obj2 = array2[index];\n\n      return fieldAreSame(obj1, obj2);\n    });\n  }\n\n  return false;\n}\n\nexport { deepEqual };\n"]}

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

@@ -0,0 +1,83 @@
+import React, { memo } from 'react';
+import { StyleSheet } from 'react-native';
+import Animated, { useAnimatedGestureHandler, useAnimatedProps, useAnimatedStyle, withDelay, withTiming } from 'react-native-reanimated';
+import { TapGestureHandler } from 'react-native-gesture-handler'; // Components
+// @ts-ignore
+
+import { BlurView } from '@react-native-community/blur'; // Utils
+
+import { styles } from './styles';
+import { CONTEXT_MENU_STATE, HOLD_ITEM_TRANSFORM_DURATION, IS_IOS, WINDOW_HEIGHT } from '../../constants';
+import { BACKDROP_LIGHT_BACKGROUND_COLOR, BACKDROP_DARK_BACKGROUND_COLOR } from './constants';
+import { useInternal } from '../../hooks';
+const AnimatedBlurView = IS_IOS ? Animated.createAnimatedComponent(BlurView) : Animated.View;
+
+const BackdropComponent = () => {
+  const {
+    state,
+    theme
+  } = useInternal();
+  const tapGestureEvent = useAnimatedGestureHandler({
+    onStart: (event, context) => {
+      context.startPosition = {
+        x: event.x,
+        y: event.y
+      };
+    },
+    onCancel: () => {
+      state.value = 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 === CONTEXT_MENU_STATE.ACTIVE;
+
+      if (shouldClose && isStateActive) {
+        state.value = CONTEXT_MENU_STATE.END;
+      }
+    }
+  }, [state]);
+  const animatedContainerStyle = useAnimatedStyle(() => {
+    const topValueAnimation = () => state.value === CONTEXT_MENU_STATE.ACTIVE ? 0 : withDelay(HOLD_ITEM_TRANSFORM_DURATION, withTiming(WINDOW_HEIGHT, {
+      duration: 0
+    }));
+
+    const opacityValueAnimation = () => withTiming(state.value === CONTEXT_MENU_STATE.ACTIVE ? 1 : 0, {
+      duration: HOLD_ITEM_TRANSFORM_DURATION
+    });
+
+    return {
+      top: topValueAnimation(),
+      opacity: opacityValueAnimation()
+    };
+  });
+  const animatedContainerProps = useAnimatedProps(() => {
+    return {
+      blurAmount: withTiming(state.value === CONTEXT_MENU_STATE.ACTIVE ? 100 : 0, {
+        duration: HOLD_ITEM_TRANSFORM_DURATION
+      })
+    };
+  });
+  const animatedInnerContainerStyle = useAnimatedStyle(() => {
+    const backgroundColor = theme.value === 'light' ? BACKDROP_LIGHT_BACKGROUND_COLOR : BACKDROP_DARK_BACKGROUND_COLOR;
+    return {
+      backgroundColor
+    };
+  }, [theme]);
+  return /*#__PURE__*/React.createElement(TapGestureHandler, {
+    onHandlerStateChange: tapGestureEvent
+  }, /*#__PURE__*/React.createElement(AnimatedBlurView // @ts-ignore
+  , {
+    tint: "default" // @ts-ignore
+    ,
+    animatedProps: animatedContainerProps,
+    style: [styles.container, animatedContainerStyle]
+  }, /*#__PURE__*/React.createElement(Animated.View, {
+    style: [{ ...StyleSheet.absoluteFillObject
+    }, animatedInnerContainerStyle]
+  })));
+};
+
+const Backdrop = /*#__PURE__*/memo(BackdropComponent);
+export default Backdrop;
+//# sourceMappingURL=Backdrop.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["Backdrop.tsx"],"names":["React","memo","StyleSheet","Animated","useAnimatedGestureHandler","useAnimatedProps","useAnimatedStyle","withDelay","withTiming","TapGestureHandler","BlurView","styles","CONTEXT_MENU_STATE","HOLD_ITEM_TRANSFORM_DURATION","IS_IOS","WINDOW_HEIGHT","BACKDROP_LIGHT_BACKGROUND_COLOR","BACKDROP_DARK_BACKGROUND_COLOR","useInternal","AnimatedBlurView","createAnimatedComponent","View","BackdropComponent","state","theme","tapGestureEvent","onStart","event","context","startPosition","x","y","onCancel","value","END","onEnd","distance","Math","hypot","shouldClose","isStateActive","ACTIVE","animatedContainerStyle","topValueAnimation","duration","opacityValueAnimation","top","opacity","animatedContainerProps","blurAmount","animatedInnerContainerStyle","backgroundColor","container","absoluteFillObject","Backdrop"],"mappings":"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","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/module/components/backdrop/constants.js

@@ -0,0 +1,4 @@
+import { IS_IOS } from '../../constants';
+export const BACKDROP_LIGHT_BACKGROUND_COLOR = IS_IOS ? 'rgba(0,0,0,0.2)' : 'rgba(19, 19, 19, 0.95)';
+export const BACKDROP_DARK_BACKGROUND_COLOR = IS_IOS ? 'rgba(0,0,0,0.75)' : 'rgba(0,0,0,0.95)';
+//# sourceMappingURL=constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["constants.ts"],"names":["IS_IOS","BACKDROP_LIGHT_BACKGROUND_COLOR","BACKDROP_DARK_BACKGROUND_COLOR"],"mappings":"AAAA,SAASA,MAAT,QAAuB,iBAAvB;AAEA,OAAO,MAAMC,+BAA+B,GAAGD,MAAM,GACjD,iBADiD,GAEjD,wBAFG;AAGP,OAAO,MAAME,8BAA8B,GAAGF,MAAM,GAChD,kBADgD,GAEhD,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/module/components/backdrop/index.js

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

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

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

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

@@ -0,0 +1,7 @@
+import { StyleSheet } from 'react-native';
+export const styles = StyleSheet.create({
+  container: { ...StyleSheet.absoluteFillObject,
+    zIndex: 0
+  }
+});
+//# sourceMappingURL=styles.js.map