@react-native-oh-tpl/react-native-gesture-handler 2.12.1-0.0.1

package/lib/module/handlers/gestureHandlerCommon.js

@@ -0,0 +1,81 @@
+// 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.
+import { Platform, findNodeHandle as findNodeHandleRN } from 'react-native';
+import { handlerIDToTag } from './handlersRegistry';
+import { toArray } from '../utils';
+import RNGestureHandlerModule from '../RNGestureHandlerModule';
+import { ghQueueMicrotask } from '../ghQueueMicrotask';
+const commonProps = ['id', 'enabled', 'shouldCancelWhenOutside', 'hitSlop', 'cancelsTouchesInView', 'userSelect', 'activeCursor'];
+const componentInteractionProps = ['waitFor', 'simultaneousHandlers', 'blocksHandlers'];
+export const baseGestureHandlerProps = [...commonProps, ...componentInteractionProps, 'onBegan', 'onFailed', 'onCancelled', 'onActivated', 'onEnded', 'onGestureEvent', 'onHandlerStateChange'];
+export const baseGestureHandlerWithMonitorProps = [...commonProps, 'needsPointerData', 'manualActivation'];
+
+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';
+}
+
+export 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 = toArray(handlerIDs);
+
+  if (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 handlerIDToTag[handlerID] || ((_handlerID$current = handlerID.current) === null || _handlerID$current === void 0 ? void 0 : _handlerID$current.handlerTag) || -1;
+  }).filter(handlerTag => handlerTag > 0);
+}
+
+export function findNodeHandle(node) {
+  if (Platform.OS === 'web') {
+    return node;
+  }
+
+  return findNodeHandleRN(node);
+}
+let flushOperationsScheduled = false;
+export function scheduleFlushOperations() {
+  if (!flushOperationsScheduled) {
+    flushOperationsScheduled = true;
+    ghQueueMicrotask(() => {
+      RNGestureHandlerModule.flushOperations();
+      flushOperationsScheduled = false;
+    });
+  }
+}
+//# sourceMappingURL=gestureHandlerCommon.js.map

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

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

package/lib/module/handlers/gestureHandlerTypesCompat.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=gestureHandlerTypesCompat.js.map

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

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