react-native-hold-menu-actions 0.1.6

package/lib/module/utils/calculations.js

@@ -0,0 +1,51 @@
+import styleGuide from '../styleGuide';
+import { MENU_WIDTH, MENU_TRANSFORM_ORIGIN_TOLERENCE, FONT_SCALE } from '../constants';
+export const MenuItemHeight = () => {
+  'worklet';
+
+  return styleGuide.typography.callout.lineHeight * FONT_SCALE + styleGuide.spacing * 2.5;
+};
+export const calculateMenuHeight = (itemLength, separatorCount) => {
+  'worklet';
+
+  return MenuItemHeight() * itemLength + (itemLength - 1) + separatorCount * styleGuide.spacing;
+};
+export 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 = MENU_WIDTH / 2 * -1;
+  const TxLeft2 = 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
+    }
+  };
+};
+export 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 < MENU_TRANSFORM_ORIGIN_TOLERENCE) {
+    position = bottom ? 'bottom-center' : 'top-center';
+  } else if (distanceToLeft < distanceToRight) {
+    position = bottom ? 'bottom-left' : 'top-left';
+  }
+
+  return position;
+};
+//# sourceMappingURL=calculations.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["calculations.ts"],"names":["styleGuide","MENU_WIDTH","MENU_TRANSFORM_ORIGIN_TOLERENCE","FONT_SCALE","MenuItemHeight","typography","callout","lineHeight","spacing","calculateMenuHeight","itemLength","separatorCount","menuAnimationAnchor","anchorPoint","itemWidth","itemsWithSeparatorLength","MenuHeight","splittetAnchorName","split","Center1","Center2","TyTop1","TyTop2","TxLeft1","TxLeft2","beginningTransformations","translateX","translateY","endingTransformations","getTransformOrigin","posX","windowWidth","bottom","distanceToLeft","Math","round","distanceToRight","position","majority","abs"],"mappings":"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","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/module/utils/validations.js

@@ -0,0 +1,38 @@
+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;
+}
+
+export { deepEqual };
+//# sourceMappingURL=validations.js.map

package/lib/module/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;;AAED,SAASQ,SAAT","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/typescript/components/backdrop/Backdrop.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Backdrop: React.MemoExoticComponent<() => JSX.Element>;
+export default Backdrop;

package/lib/typescript/components/backdrop/constants.d.ts

@@ -0,0 +1,2 @@
+export declare const BACKDROP_LIGHT_BACKGROUND_COLOR: string;
+export declare const BACKDROP_DARK_BACKGROUND_COLOR: string;

package/lib/typescript/components/backdrop/index.d.ts

@@ -0,0 +1 @@
+export { default as Backdrop } from './Backdrop';

package/lib/typescript/components/backdrop/styles.d.ts

@@ -0,0 +1,10 @@
+export declare const styles: {
+    container: {
+        zIndex: number;
+        position: "absolute";
+        left: 0;
+        right: 0;
+        top: 0;
+        bottom: 0;
+    };
+};

package/lib/typescript/components/flatList/FlatList.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { FlatListProps as RNFlatListProps } from 'react-native';
+export declare type HoldMenuFlatListProps<T> = Omit<RNFlatListProps<T>, 'scrollEventThrottle'>;
+declare const HoldMenuFlatList: React.MemoExoticComponent<(props: HoldMenuFlatListProps<any>) => JSX.Element>;
+export default HoldMenuFlatList;

package/lib/typescript/components/flatList/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './FlatList';
+export type { HoldMenuFlatListProps } from './FlatList';

package/lib/typescript/components/holdItem/HoldItem.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { HoldItemProps } from './types';
+declare const HoldItem: React.MemoExoticComponent<({ items, bottom, containerStyles, disableMove, menuAnchorPosition, activateOn, hapticFeedback, actionParams, closeOnTap, longPressMinDurationMs, children, }: HoldItemProps) => JSX.Element>;
+export default HoldItem;

package/lib/typescript/components/holdItem/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './HoldItem';
+export type { HoldItemProps } from './types';

package/lib/typescript/components/holdItem/styles.d.ts

@@ -0,0 +1,15 @@
+declare const styles: {
+    holdItem: {
+        zIndex: number;
+        position: "absolute";
+    };
+    portalOverlay: {
+        zIndex: number;
+        position: "absolute";
+        left: 0;
+        right: 0;
+        top: 0;
+        bottom: 0;
+    };
+};
+export default styles;

package/lib/typescript/components/holdItem/types.d.ts

@@ -0,0 +1,131 @@
+import { ViewStyle } from 'react-native';
+import { MenuItemProps } from '../menu/types';
+import { TransformOriginAnchorPosition } from '../../utils/calculations';
+
+export type HoldItemProps = {
+  /**
+   * List of context menu items.
+   * @type MenuItemProps[]
+   * @default []
+   */
+  items: MenuItemProps[];
+
+  /**
+   * Object of keys that same name with items to match parameters to onPress actions.
+   * @type { [name: string]: (string | number)[] }
+   * @examples
+   * ```js
+   * const items = [
+   *  {text: 'Reply', onPress: (messageId) => {}},
+   *  {text: 'Copy', onPress: (messageText) => {}},
+   * ]
+   * ...
+   * <HoldItem
+   *    items={items}
+   *    actionParams={{
+   *      Reply: ['dd443224-7f43'],
+   *      Copy: ['Hello World!']
+   *    }}
+   * ><View/></HoldItem>
+   * ```
+   */
+  actionParams?: {
+    [name: string]: any[];
+  };
+
+  children: React.ReactElement | React.ReactElement[];
+
+  /**
+   * Menu anchor position is calculated automaticly.
+   * But you can override the calculation by passing an anchor position.
+   * @type TransformOriginAnchorPosition
+   * @examples
+   * menuAnchorPosition="top-bottom"
+   */
+  menuAnchorPosition?: TransformOriginAnchorPosition;
+
+  /**
+   * Disables moving holded item
+   * @type boolean
+   * @default false
+   * @examples
+   * disableMove={true}
+   */
+  disableMove?: boolean;
+
+  /**
+   * HoldItem wrapper component styles.
+   * You may need for some examples like dynamic width or hight like message boxes.
+   * See Whatsapp example.
+   * @type ViewStyles
+   * @default {}
+   * @examples
+   * containerStyles={{ maxWidth: '80%' }}
+   */
+  containerStyles?: ViewStyle | ViewStyle[];
+
+  /**
+   * Theme for menu background and texts
+   * @type string
+   * @examples
+   * theme="light"
+   */
+  theme?: 'light' | 'dark';
+
+  /**
+   * Set true if you want to open menu from bottom
+   * @type boolean
+   * @default false
+   * @examples
+   * bottom={true}
+   */
+  bottom?: boolean;
+
+  /**
+   * Set if you'd like a different tap activation
+   * @type string
+   * @default 'hold'
+   * @examples
+   * activateOn="hold"
+   */
+  activateOn?: 'tap' | 'double-tap' | 'hold';
+
+  /**
+   * Set if you'd like to enable haptic feedback on activation
+   * @type string
+   * @default 'Medium'
+   * @examples
+   * hapticFeedback="None"
+   */
+  hapticFeedback?:
+    | 'None'
+    | 'Selection'
+    | 'Light'
+    | 'Medium'
+    | 'Heavy'
+    | 'Success'
+    | 'Warning'
+    | 'Error';
+
+  /**
+   * Set true if you want to close menu when tap to HoldItem
+   * @type boolean
+   * @default false
+   * @examples
+   * closeOnTap={true}
+   */
+  closeOnTap?: boolean;
+
+  /**
+   * Set delay before long tap will activate gesture. May be useful to increase this value in lists
+   * @type number
+   * @default 150
+   * @examples
+   * longPressMinDurationMs={250}
+   */
+  longPressMinDurationMs?: number;
+};
+
+export type GestureHandlerProps = {
+  children: React.ReactElement | React.ReactElement[];
+};

package/lib/typescript/components/icon/Icon.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+declare type IconProps = {
+    iconComponent: any;
+    name: string;
+};
+declare const _default: React.MemoExoticComponent<({ iconComponent, name }: IconProps) => JSX.Element>;
+export default _default;

package/lib/typescript/components/icon/index.d.ts

@@ -0,0 +1 @@
+export { default } from './Icon';

package/lib/typescript/components/menu/Menu.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Menu: React.MemoExoticComponent<() => JSX.Element>;
+export default Menu;

package/lib/typescript/components/menu/MenuItem.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { MenuItemProps } from './types';
+declare type MenuItemComponentProps = {
+    item: MenuItemProps;
+    isLast?: boolean;
+};
+declare const MenuItem: React.MemoExoticComponent<({ item, isLast }: MenuItemComponentProps) => JSX.Element>;
+export default MenuItem;

package/lib/typescript/components/menu/MenuItems.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { MenuItemProps } from './types';
+declare const MenuItems: React.MemoExoticComponent<({ items }: {
+    items: MenuItemProps[];
+}) => JSX.Element>;
+export default MenuItems;

package/lib/typescript/components/menu/MenuList.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const MenuList: React.MemoExoticComponent<() => JSX.Element>;
+export default MenuList;

package/lib/typescript/components/menu/Separator.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: React.MemoExoticComponent<() => JSX.Element>;
+export default _default;

package/lib/typescript/components/menu/calculations.d.ts

@@ -0,0 +1,4 @@
+import Animated from 'react-native-reanimated';
+import type { MenuInternalProps } from './types';
+export declare const leftOrRight: (menuProps: Animated.SharedValue<MenuInternalProps>) => number;
+export declare const getColor: (isTitle: boolean | undefined, isDestructive: boolean | undefined, themeValue: 'light' | 'dark') => "gray" | "rgba(0, 0, 0, 1)" | "rgb(255, 255, 255)" | "rgb(255, 59,48)" | "rgb(255, 69,58)";

package/lib/typescript/components/menu/constants.d.ts

@@ -0,0 +1,7 @@
+export declare const BORDER_LIGHT_COLOR = "rgba(0, 0, 0, 0.1)";
+export declare const BORDER_DARK_COLOR = "rgba(255, 255, 255, 0.1)";
+export declare const MENU_TITLE_COLOR = "gray";
+export declare const MENU_TEXT_LIGHT_COLOR = "rgba(0, 0, 0, 1)";
+export declare const MENU_TEXT_DARK_COLOR = "rgb(255, 255, 255)";
+export declare const MENU_TEXT_DESTRUCTIVE_COLOR_LIGHT = "rgb(255, 59,48)";
+export declare const MENU_TEXT_DESTRUCTIVE_COLOR_DARK = "rgb(255, 69,58)";

package/lib/typescript/components/menu/index.d.ts

@@ -0,0 +1 @@
+export { default } from './Menu';

package/lib/typescript/components/menu/styles.d.ts

@@ -0,0 +1,59 @@
+declare const styles: {
+    menuWrapper: {
+        position: "absolute";
+        left: number;
+        zIndex: number;
+    };
+    menuContainer: {
+        position: "absolute";
+        top: number;
+        width: number;
+        borderRadius: number;
+        display: "flex";
+        flexDirection: "row";
+        justifyContent: "flex-start";
+        alignItems: "flex-start";
+        overflow: "hidden";
+        zIndex: number;
+    };
+    menuInnerContainer: {
+        display: "flex";
+        flexDirection: "column";
+        justifyContent: "flex-start";
+        alignItems: "center";
+    };
+    menuItem: {
+        width: string;
+        display: "flex";
+        flexDirection: "row";
+        justifyContent: "space-between";
+        alignItems: "center";
+        paddingHorizontal: number;
+        paddingVertical: number;
+    };
+    border: {
+        borderBottomWidth: number;
+        borderBottomColor: string;
+    };
+    menuItemText: {
+        fontSize: number;
+        lineHeight: number;
+        textAlign: "left";
+        width: string;
+        flex: number;
+    };
+    menuItemTitleText: {
+        fontSize: number;
+        lineHeight: number;
+        textAlign: "center";
+        width: string;
+        flex: number;
+    };
+    textDark: {
+        color: string;
+    };
+    textLight: {
+        color: string;
+    };
+};
+export default styles;

package/lib/typescript/components/menu/types.d.ts

@@ -0,0 +1,28 @@
+import { TransformOriginAnchorPosition } from '../../utils/calculations';
+
+export type MenuItemProps = {
+  text: string;
+  icon?: string | (() => React.ReactElement);
+  onPress?: (...args: any[]) => void;
+  isTitle?: boolean;
+  isDestructive?: boolean;
+  withSeparator?: boolean;
+};
+
+export type MenuListProps = {
+  items: MenuItemProps[];
+};
+
+export type MenuInternalProps = {
+  items: MenuItemProps[];
+  itemHeight: number;
+  itemWidth: number;
+  itemY: number;
+  itemX: number;
+  anchorPosition: TransformOriginAnchorPosition;
+  menuHeight: number;
+  transformValue: number;
+  actionParams: {
+    [name: string]: (string | number)[];
+  };
+};

package/lib/typescript/components/provider/Provider.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { HoldMenuProviderProps } from './types';
+import { StateProps, Action } from './reducer';
+export interface Store {
+    state: StateProps;
+    dispatch?: React.Dispatch<Action>;
+}
+export declare let AnimatedIcon: any;
+declare const Provider: React.MemoExoticComponent<({ children, theme: selectedTheme, iconComponent, safeAreaInsets, onOpen, onClose, }: HoldMenuProviderProps) => JSX.Element>;
+export default Provider;

package/lib/typescript/components/provider/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './Provider';
+export type { HoldMenuProviderProps } from './types';

package/lib/typescript/components/provider/reducer.d.ts

@@ -0,0 +1,20 @@
+export declare type StateProps = {
+    active: number;
+    activeItem: string | null;
+    theme: 'light' | 'dark';
+};
+export declare enum ActionType {
+    Active = "Active",
+    End = "End",
+    Theme = "Theme"
+}
+export declare type Action = {
+    type: ActionType.Active;
+    activeItem: string | null;
+} | {
+    type: ActionType.End;
+} | {
+    type: ActionType.Theme;
+};
+export declare const reducer: (state: StateProps, action: Action) => StateProps;
+export declare const initialState: StateProps;

package/lib/typescript/components/provider/types.d.ts

@@ -0,0 +1,33 @@
+export interface HoldMenuProviderProps {
+  /**
+   * Theme of hold menu. Effects to backdrop and context menu styles. Optional.
+   * @type "light" | "dark"
+   * @default "light"
+   * @examples
+   * theme="light"
+   */
+  theme?: 'dark' | 'light';
+  iconComponent?: any;
+  children: React.ReactElement | React.ReactElement[];
+
+  /**
+   * Set this to prevent the menu to be opened under the unsafe area.
+   * @type object
+   * @default
+   * { top: 0, bottom: 0, right: 0, left: 0 }
+   * @examples
+   * ```
+   * const insets = useSafeAreaInsets();
+   * safeAreaInsets={insets}
+   * ```
+   */
+  safeAreaInsets: {
+    top: number;
+    right: number;
+    bottom: number;
+    left: number;
+  };
+
+  onOpen?: () => void;
+  onClose?: () => void;
+}

package/lib/typescript/constants.d.ts

@@ -0,0 +1,29 @@
+declare const HOLD_ITEM_TRANSFORM_DURATION = 150;
+declare const HOLD_ITEM_SCALE_DOWN_VALUE = 0.95;
+declare const HOLD_ITEM_SCALE_DOWN_DURATION = 210;
+declare const SPRING_CONFIGURATION: {
+    damping: number;
+    mass: number;
+    stiffness: number;
+    restDisplacementThreshold: number;
+    restSpeedThreshold: number;
+};
+declare const SPRING_CONFIGURATION_MENU: {
+    damping: number;
+    mass: number;
+    stiffness: number;
+    restDisplacementThreshold: number;
+    restSpeedThreshold: number;
+};
+declare enum CONTEXT_MENU_STATE {
+    UNDETERMINED = 0,
+    ACTIVE = 1,
+    END = 2
+}
+declare const WINDOW_HEIGHT: number, WINDOW_WIDTH: number;
+declare const MENU_CONTAINER_WIDTH = 100;
+declare const MENU_WIDTH: number;
+declare const MENU_TRANSFORM_ORIGIN_TOLERENCE = 10;
+declare const IS_IOS: boolean;
+declare const FONT_SCALE: number;
+export { CONTEXT_MENU_STATE, WINDOW_HEIGHT, WINDOW_WIDTH, MENU_WIDTH, MENU_CONTAINER_WIDTH, HOLD_ITEM_TRANSFORM_DURATION, HOLD_ITEM_SCALE_DOWN_VALUE, HOLD_ITEM_SCALE_DOWN_DURATION, SPRING_CONFIGURATION, SPRING_CONFIGURATION_MENU, MENU_TRANSFORM_ORIGIN_TOLERENCE, IS_IOS, FONT_SCALE, };

package/lib/typescript/context/index.d.ts

@@ -0,0 +1 @@
+export { InternalContext } from './internal';

package/lib/typescript/context/internal.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import type Animated from 'react-native-reanimated';
+import type { CONTEXT_MENU_STATE } from '../constants';
+import { MenuInternalProps } from '../components/menu/types';
+export declare type InternalContextType = {
+    state: Animated.SharedValue<CONTEXT_MENU_STATE>;
+    theme: Animated.SharedValue<'light' | 'dark'>;
+    menuProps: Animated.SharedValue<MenuInternalProps>;
+    safeAreaInsets?: {
+        top: number;
+        right: number;
+        bottom: number;
+        left: number;
+    };
+};
+export declare const InternalContext: import("react").Context<InternalContextType>;

package/lib/typescript/hooks/index.d.ts

@@ -0,0 +1,2 @@
+export { default as useDeviceOrientation } from './useDeviceOrientation';
+export { useInternal } from './useInternal';

package/lib/typescript/hooks/useDeviceOrientation.d.ts

@@ -0,0 +1,3 @@
+declare type Orientation = 'landscape' | 'portrait';
+declare function useDeviceOrientation(): Orientation;
+export default useDeviceOrientation;

package/lib/typescript/hooks/useInternal.d.ts

@@ -0,0 +1 @@
+export declare const useInternal: () => import("../context/internal").InternalContextType;

package/lib/typescript/index.d.ts

@@ -0,0 +1,4 @@
+export { default as HoldItem } from './components/holdItem';
+export { default as HoldMenuProvider } from './components/provider';
+export { default as HoldMenuFlatList } from './components/flatList';
+export { default as HoldMenuIcon } from './components/icon';

package/lib/typescript/styleGuide.d.ts

@@ -0,0 +1,28 @@
+declare const styleGuide: {
+    spacing: number;
+    dimensionWidth: number;
+    dimensionHeight: number;
+    palette: {
+        primary: string;
+        secondary: string;
+        common: {
+            white: string;
+            black: string;
+        };
+    };
+    typography: {
+        body: {
+            fontSize: number;
+            lineHeight: number;
+        };
+        callout: {
+            fontSize: number;
+            lineHeight: number;
+        };
+        callout2: {
+            fontSize: number;
+            lineHeight: number;
+        };
+    };
+};
+export default styleGuide;

package/lib/typescript/utils/calculations.d.ts

@@ -0,0 +1,14 @@
+export declare const MenuItemHeight: () => number;
+export declare const calculateMenuHeight: (itemLength: number, separatorCount: number) => number;
+export declare type TransformOriginAnchorPosition = 'top-right' | 'top-left' | 'top-center' | 'bottom-right' | 'bottom-left' | 'bottom-center';
+export declare const menuAnimationAnchor: (anchorPoint: TransformOriginAnchorPosition, itemWidth: number, itemLength: number, itemsWithSeparatorLength: number) => {
+    beginningTransformations: {
+        translateX: number;
+        translateY: number;
+    };
+    endingTransformations: {
+        translateX: number;
+        translateY: number;
+    };
+};
+export declare const getTransformOrigin: (posX: number, itemWidth: number, windowWidth: number, bottom?: boolean | undefined) => TransformOriginAnchorPosition;

package/lib/typescript/utils/validations.d.ts

@@ -0,0 +1,3 @@
+import { MenuItemProps } from '../components/menu/types';
+declare function deepEqual(array1: MenuItemProps[], array2: MenuItemProps[]): boolean;
+export { deepEqual };