@amazon-devices/react-native-gesture-handler 2.0.1758683737

package/lib/commonjs/handlers/gestureHandlerCommon.js

@@ -0,0 +1,86 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.baseGestureHandlerWithMonitorProps = exports.baseGestureHandlerProps = void 0;
+exports.filterConfig = filterConfig;
+exports.findNodeHandle = findNodeHandle;
+exports.scheduleFlushOperations = scheduleFlushOperations;
+var _reactNative = require("react-native");
+var _handlersRegistry = require("./handlersRegistry");
+var _utils = require("../utils");
+var _RNGestureHandlerModule = _interopRequireDefault(require("../RNGestureHandlerModule"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+// Previous types exported gesture handlers as classes which creates an interface and variable, both named the same as class.
+// Without those types, we'd introduce breaking change, forcing users to prefix every handler type specification with typeof
+// e.g. React.createRef<TapGestureHandler> -> React.createRef<typeof TapGestureHandler>.
+// See https://www.typescriptlang.org/docs/handbook/classes.html#constructor-functions for reference.
+
+const commonProps = ['id', 'enabled', 'shouldCancelWhenOutside', 'hitSlop', 'cancelsTouchesInView', 'userSelect', 'activeCursor'];
+const componentInteractionProps = ['waitFor', 'simultaneousHandlers'];
+const baseGestureHandlerProps = exports.baseGestureHandlerProps = [...commonProps, ...componentInteractionProps, 'onBegan', 'onFailed', 'onCancelled', 'onActivated', 'onEnded', 'onGestureEvent', 'onHandlerStateChange'];
+const baseGestureHandlerWithMonitorProps = exports.baseGestureHandlerWithMonitorProps = [...commonProps, 'needsPointerData', 'manualActivation'];
+
+//TODO(TS) events in handlers
+
+// Events payloads are types instead of interfaces due to TS limitation.
+// See https://github.com/microsoft/TypeScript/issues/15300 for more info.
+
+function isConfigParam(param, name) {
+  // param !== Object(param) returns false if `param` is a function
+  // or an object and returns true if `param` is null
+  return param !== undefined && (param !== Object(param) || !('__isNative' in param)) && name !== 'onHandlerStateChange' && name !== 'onGestureEvent';
+}
+function filterConfig(props, validProps, defaults = {}) {
+  const filteredConfig = {
+    ...defaults
+  };
+  for (const key of validProps) {
+    let value = props[key];
+    if (isConfigParam(value, key)) {
+      if (key === 'simultaneousHandlers' || key === 'waitFor') {
+        value = transformIntoHandlerTags(props[key]);
+      } else if (key === 'hitSlop' && typeof value !== 'object') {
+        value = {
+          top: value,
+          left: value,
+          bottom: value,
+          right: value
+        };
+      }
+      filteredConfig[key] = value;
+    }
+  }
+  return filteredConfig;
+}
+function transformIntoHandlerTags(handlerIDs) {
+  handlerIDs = (0, _utils.toArray)(handlerIDs);
+  if (_reactNative.Platform.OS === 'web') {
+    return handlerIDs.map(({
+      current
+    }) => current).filter(handle => handle);
+  }
+  // converts handler string IDs into their numeric tags
+  return handlerIDs.map(handlerID => {
+    var _handlerID$current;
+    return _handlersRegistry.handlerIDToTag[handlerID] || ((_handlerID$current = handlerID.current) === null || _handlerID$current === void 0 ? void 0 : _handlerID$current.handlerTag) || -1;
+  }).filter(handlerTag => handlerTag > 0);
+}
+function findNodeHandle(node) {
+  if (_reactNative.Platform.OS === 'web') {
+    return node;
+  }
+  return (0, _reactNative.findNodeHandle)(node);
+}
+let flushOperationsScheduled = false;
+function scheduleFlushOperations() {
+  if (!flushOperationsScheduled) {
+    flushOperationsScheduled = true;
+    queueMicrotask(() => {
+      _RNGestureHandlerModule.default.flushOperations();
+      flushOperationsScheduled = false;
+    });
+  }
+}
+//# sourceMappingURL=gestureHandlerCommon.js.map

package/lib/commonjs/handlers/gestureHandlerCommon.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_handlersRegistry","_utils","_RNGestureHandlerModule","_interopRequireDefault","e","__esModule","default","commonProps","componentInteractionProps","baseGestureHandlerProps","exports","baseGestureHandlerWithMonitorProps","isConfigParam","param","name","undefined","Object","filterConfig","props","validProps","defaults","filteredConfig","key","value","transformIntoHandlerTags","top","left","bottom","right","handlerIDs","toArray","Platform","OS","map","current","filter","handle","handlerID","_handlerID$current","handlerIDToTag","handlerTag","findNodeHandle","node","findNodeHandleRN","flushOperationsScheduled","scheduleFlushOperations","queueMicrotask","RNGestureHandlerModule","flushOperations"],"sources":["gestureHandlerCommon.ts"],"sourcesContent":["// Previous types exported gesture handlers as classes which creates an interface and variable, both named the same as class.\n// Without those types, we'd introduce breaking change, forcing users to prefix every handler type specification with typeof\n// e.g. React.createRef<TapGestureHandler> -> React.createRef<typeof TapGestureHandler>.\n// See https://www.typescriptlang.org/docs/handbook/classes.html#constructor-functions for reference.\nimport * as React from 'react';\nimport { Platform, findNodeHandle as findNodeHandleRN } from 'react-native';\n\nimport { State } from '../State';\nimport { TouchEventType } from '../TouchEventType';\nimport { ValueOf } from '../typeUtils';\nimport { handlerIDToTag } from './handlersRegistry';\nimport { toArray } from '../utils';\nimport RNGestureHandlerModule from '../RNGestureHandlerModule';\n\nconst commonProps = [\n  'id',\n  'enabled',\n  'shouldCancelWhenOutside',\n  'hitSlop',\n  'cancelsTouchesInView',\n  'userSelect',\n  'activeCursor',\n] as const;\n\nconst componentInteractionProps = ['waitFor', 'simultaneousHandlers'] as const;\n\nexport const baseGestureHandlerProps = [\n  ...commonProps,\n  ...componentInteractionProps,\n  'onBegan',\n  'onFailed',\n  'onCancelled',\n  'onActivated',\n  'onEnded',\n  'onGestureEvent',\n  'onHandlerStateChange',\n] as const;\n\nexport const baseGestureHandlerWithMonitorProps = [\n  ...commonProps,\n  'needsPointerData',\n  'manualActivation',\n];\n\nexport interface GestureEventPayload {\n  handlerTag: number;\n  numberOfPointers: number;\n  state: ValueOf<typeof State>;\n}\nexport interface HandlerStateChangeEventPayload extends GestureEventPayload {\n  oldState: ValueOf<typeof State>;\n}\n\nexport type HitSlop =\n  | number\n  | Partial<\n      Record<\n        'left' | 'right' | 'top' | 'bottom' | 'vertical' | 'horizontal',\n        number\n      >\n    >\n  | Record<'width' | 'left', number>\n  | Record<'width' | 'right', number>\n  | Record<'height' | 'top', number>\n  | Record<'height' | 'bottom', number>;\n\nexport type UserSelect = 'none' | 'auto' | 'text';\nexport type ActiveCursor =\n  | 'auto'\n  | 'default'\n  | 'none'\n  | 'context-menu'\n  | 'help'\n  | 'pointer'\n  | 'progress'\n  | 'wait'\n  | 'cell'\n  | 'crosshair'\n  | 'text'\n  | 'vertical-text'\n  | 'alias'\n  | 'copy'\n  | 'move'\n  | 'no-drop'\n  | 'not-allowed'\n  | 'grab'\n  | 'grabbing'\n  | 'e-resize'\n  | 'n-resize'\n  | 'ne-resize'\n  | 'nw-resize'\n  | 's-resize'\n  | 'se-resize'\n  | 'sw-resize'\n  | 'w-resize'\n  | 'ew-resize'\n  | 'ns-resize'\n  | 'nesw-resize'\n  | 'nwse-resize'\n  | 'col-resize'\n  | 'row-resize'\n  | 'all-scroll'\n  | 'zoom-in'\n  | 'zoom-out';\n\n//TODO(TS) events in handlers\n\nexport interface GestureEvent<ExtraEventPayloadT = Record<string, unknown>> {\n  nativeEvent: Readonly<GestureEventPayload & ExtraEventPayloadT>;\n}\nexport interface HandlerStateChangeEvent<\n  ExtraEventPayloadT = Record<string, unknown>\n> {\n  nativeEvent: Readonly<HandlerStateChangeEventPayload & ExtraEventPayloadT>;\n}\n\nexport type TouchData = {\n  id: number;\n  x: number;\n  y: number;\n  absoluteX: number;\n  absoluteY: number;\n};\n\nexport type GestureTouchEvent = {\n  handlerTag: number;\n  numberOfTouches: number;\n  state: ValueOf<typeof State>;\n  eventType: TouchEventType;\n  allTouches: TouchData[];\n  changedTouches: TouchData[];\n};\n\nexport type GestureUpdateEvent<GestureEventPayloadT = Record<string, unknown>> =\n  GestureEventPayload & GestureEventPayloadT;\n\nexport type GestureStateChangeEvent<\n  GestureStateChangeEventPayloadT = Record<string, unknown>\n> = HandlerStateChangeEventPayload & GestureStateChangeEventPayloadT;\n\nexport type CommonGestureConfig = {\n  enabled?: boolean;\n  shouldCancelWhenOutside?: boolean;\n  hitSlop?: HitSlop;\n  userSelect?: UserSelect;\n  activeCursor?: ActiveCursor;\n};\n\n// Events payloads are types instead of interfaces due to TS limitation.\n// See https://github.com/microsoft/TypeScript/issues/15300 for more info.\nexport type BaseGestureHandlerProps<\n  ExtraEventPayloadT extends Record<string, unknown> = Record<string, unknown>\n> = CommonGestureConfig & {\n  id?: string;\n  waitFor?: React.Ref<unknown> | React.Ref<unknown>[];\n  simultaneousHandlers?: React.Ref<unknown> | React.Ref<unknown>[];\n  testID?: string;\n  cancelsTouchesInView?: boolean;\n  // TODO(TS) - fix event types\n  onBegan?: (event: HandlerStateChangeEvent) => void;\n  onFailed?: (event: HandlerStateChangeEvent) => void;\n  onCancelled?: (event: HandlerStateChangeEvent) => void;\n  onActivated?: (event: HandlerStateChangeEvent) => void;\n  onEnded?: (event: HandlerStateChangeEvent) => void;\n\n  //TODO(TS) consider using NativeSyntheticEvent\n  onGestureEvent?: (event: GestureEvent<ExtraEventPayloadT>) => void;\n  onHandlerStateChange?: (\n    event: HandlerStateChangeEvent<ExtraEventPayloadT>\n  ) => void;\n  // implicit `children` prop has been removed in @types/react^18.0.0\n  children?: React.ReactNode;\n};\n\nfunction isConfigParam(param: unknown, name: string) {\n  // param !== Object(param) returns false if `param` is a function\n  // or an object and returns true if `param` is null\n  return (\n    param !== undefined &&\n    (param !== Object(param) ||\n      !('__isNative' in (param as Record<string, unknown>))) &&\n    name !== 'onHandlerStateChange' &&\n    name !== 'onGestureEvent'\n  );\n}\n\nexport function filterConfig(\n  props: Record<string, unknown>,\n  validProps: string[],\n  defaults: Record<string, unknown> = {}\n) {\n  const filteredConfig = { ...defaults };\n  for (const key of validProps) {\n    let value = props[key];\n    if (isConfigParam(value, key)) {\n      if (key === 'simultaneousHandlers' || key === 'waitFor') {\n        value = transformIntoHandlerTags(props[key]);\n      } else if (key === 'hitSlop' && typeof value !== 'object') {\n        value = { top: value, left: value, bottom: value, right: value };\n      }\n      filteredConfig[key] = value;\n    }\n  }\n  return filteredConfig;\n}\n\nfunction transformIntoHandlerTags(handlerIDs: any) {\n  handlerIDs = toArray(handlerIDs);\n\n  if (Platform.OS === 'web') {\n    return handlerIDs\n      .map(({ current }: { current: any }) => current)\n      .filter((handle: any) => handle);\n  }\n  // converts handler string IDs into their numeric tags\n  return handlerIDs\n    .map(\n      (handlerID: any) =>\n        handlerIDToTag[handlerID] || handlerID.current?.handlerTag || -1\n    )\n    .filter((handlerTag: number) => handlerTag > 0);\n}\n\nexport function findNodeHandle(\n  node: null | number | React.Component<any, any> | React.ComponentClass<any>\n): null | number | React.Component<any, any> | React.ComponentClass<any> {\n  if (Platform.OS === 'web') {\n    return node;\n  }\n  return findNodeHandleRN(node);\n}\n\nlet flushOperationsScheduled = false;\n\nexport function scheduleFlushOperations() {\n  if (!flushOperationsScheduled) {\n    flushOperationsScheduled = true;\n    queueMicrotask(() => {\n      RNGestureHandlerModule.flushOperations();\n\n      flushOperationsScheduled = false;\n    });\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/handlers/gestureHandlerTypesCompat.js

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

package/lib/commonjs/handlers/gestureHandlerTypesCompat.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["gestureHandlerTypesCompat.ts"],"sourcesContent":["import {\n  BaseButtonProps,\n  BorderlessButtonProps,\n  RawButtonProps,\n  RectButtonProps,\n} from '../components/GestureButtons';\nimport {\n  GestureEvent,\n  GestureEventPayload,\n  HandlerStateChangeEvent,\n  HandlerStateChangeEventPayload,\n} from './gestureHandlerCommon';\nimport {\n  FlingGestureHandlerEventPayload,\n  FlingGestureHandlerProps,\n} from './FlingGestureHandler';\nimport {\n  ForceTouchGestureHandlerEventPayload,\n  ForceTouchGestureHandlerProps,\n} from './ForceTouchGestureHandler';\nimport {\n  LongPressGestureHandlerEventPayload,\n  LongPressGestureHandlerProps,\n} from './LongPressGestureHandler';\nimport {\n  PanGestureHandlerEventPayload,\n  PanGestureHandlerProps,\n} from './PanGestureHandler';\nimport {\n  PinchGestureHandlerEventPayload,\n  PinchGestureHandlerProps,\n} from './PinchGestureHandler';\nimport {\n  RotationGestureHandlerEventPayload,\n  RotationGestureHandlerProps,\n} from './RotationGestureHandler';\nimport {\n  TapGestureHandlerEventPayload,\n  TapGestureHandlerProps,\n} from './TapGestureHandler';\nimport {\n  NativeViewGestureHandlerPayload,\n  NativeViewGestureHandlerProps,\n} from './NativeViewGestureHandler';\n\n// events\nexport type GestureHandlerGestureEventNativeEvent = GestureEventPayload;\nexport type GestureHandlerStateChangeNativeEvent =\n  HandlerStateChangeEventPayload;\nexport type GestureHandlerGestureEvent = GestureEvent;\nexport type GestureHandlerStateChangeEvent = HandlerStateChangeEvent;\n// gesture handlers events\nexport type NativeViewGestureHandlerGestureEvent =\n  GestureEvent<NativeViewGestureHandlerPayload>;\nexport type NativeViewGestureHandlerStateChangeEvent =\n  HandlerStateChangeEvent<NativeViewGestureHandlerPayload>;\n\nexport type TapGestureHandlerGestureEvent =\n  GestureEvent<TapGestureHandlerEventPayload>;\nexport type TapGestureHandlerStateChangeEvent =\n  HandlerStateChangeEvent<TapGestureHandlerEventPayload>;\n\nexport type ForceTouchGestureHandlerGestureEvent =\n  GestureEvent<ForceTouchGestureHandlerEventPayload>;\nexport type ForceTouchGestureHandlerStateChangeEvent =\n  HandlerStateChangeEvent<ForceTouchGestureHandlerEventPayload>;\n\nexport type LongPressGestureHandlerGestureEvent =\n  GestureEvent<LongPressGestureHandlerEventPayload>;\nexport type LongPressGestureHandlerStateChangeEvent =\n  HandlerStateChangeEvent<LongPressGestureHandlerEventPayload>;\n\nexport type PanGestureHandlerGestureEvent =\n  GestureEvent<PanGestureHandlerEventPayload>;\nexport type PanGestureHandlerStateChangeEvent =\n  HandlerStateChangeEvent<PanGestureHandlerEventPayload>;\n\nexport type PinchGestureHandlerGestureEvent =\n  GestureEvent<PinchGestureHandlerEventPayload>;\nexport type PinchGestureHandlerStateChangeEvent =\n  HandlerStateChangeEvent<PinchGestureHandlerEventPayload>;\n\nexport type RotationGestureHandlerGestureEvent =\n  GestureEvent<RotationGestureHandlerEventPayload>;\nexport type RotationGestureHandlerStateChangeEvent =\n  HandlerStateChangeEvent<RotationGestureHandlerEventPayload>;\n\nexport type FlingGestureHandlerGestureEvent =\n  GestureEvent<FlingGestureHandlerEventPayload>;\nexport type FlingGestureHandlerStateChangeEvent =\n  HandlerStateChangeEvent<FlingGestureHandlerEventPayload>;\n\n// handlers properties\nexport type NativeViewGestureHandlerProperties = NativeViewGestureHandlerProps;\nexport type TapGestureHandlerProperties = TapGestureHandlerProps;\nexport type LongPressGestureHandlerProperties = LongPressGestureHandlerProps;\nexport type PanGestureHandlerProperties = PanGestureHandlerProps;\nexport type PinchGestureHandlerProperties = PinchGestureHandlerProps;\nexport type RotationGestureHandlerProperties = RotationGestureHandlerProps;\nexport type FlingGestureHandlerProperties = FlingGestureHandlerProps;\nexport type ForceTouchGestureHandlerProperties = ForceTouchGestureHandlerProps;\n// button props\nexport type RawButtonProperties = RawButtonProps;\nexport type BaseButtonProperties = BaseButtonProps;\nexport type RectButtonProperties = RectButtonProps;\nexport type BorderlessButtonProperties = BorderlessButtonProps;\n"],"mappings":"","ignoreList":[]}