@hanzogui/toast 2.0.0

package/dist/cjs/ToastImperative.cjs

@@ -0,0 +1,100 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf,
+  __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+    for (var name in all) __defProp(target, name, {
+      get: all[name],
+      enumerable: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    return to;
+  };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+    value: mod,
+    enumerable: !0
+  }) : target, mod)),
+  __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+    value: !0
+  }), mod);
+var ToastImperative_exports = {};
+__export(ToastImperative_exports, {
+  ToastImperativeProvider: () => ToastImperativeProvider,
+  useToast: () => useToast,
+  useToastController: () => useToastController,
+  useToastState: () => useToastState
+});
+module.exports = __toCommonJS(ToastImperative_exports);
+var import_gui_core = require("@hanzo/gui-core"),
+  import_react = __toESM(require("react"), 1),
+  import_createNativeToast = require("./createNativeToast.cjs"),
+  import_jsx_runtime = require("react/jsx-runtime");
+const ToastContext = import_react.default.createContext({}),
+  ToastCurrentContext = import_react.default.createContext(null),
+  useToastController = () => import_react.default.useContext(ToastContext),
+  useToastState = () => import_react.default.useContext(ToastCurrentContext),
+  useToast = () => ({
+    ...useToastController(),
+    currentToast: useToastState()
+  }),
+  ToastImperativeProvider = ({
+    children,
+    options
+  }) => {
+    const counterRef = import_react.default.useRef(0),
+      [toast, setToast] = import_react.default.useState(null),
+      [lastNativeToastRef, setLastNativeToastRef] = import_react.default.useState(null),
+      show = import_react.default.useCallback((title, showOptions) => {
+        const native = showOptions?.native ?? options.native,
+          isWebNative = Array.isArray(native) ? native.includes("web") : native === "web",
+          isMobileNative = Array.isArray(native) ? native.includes("mobile") : native === "mobile",
+          isAndroidNative = isMobileNative || (Array.isArray(native) ? native.includes("android") : native === "android"),
+          isIosNative = isMobileNative || (Array.isArray(native) ? native.includes("ios") : native === "ios"),
+          isHandledNatively = native === !0 || import_gui_core.isWeb && isWebNative || !import_gui_core.isWeb && isMobileNative || import_gui_core.isAndroid && isAndroidNative || import_gui_core.isIos && isIosNative;
+        if (isHandledNatively) {
+          const nativeToastResult = (0, import_createNativeToast.createNativeToast)(title, showOptions ?? {});
+          typeof nativeToastResult == "object" && nativeToastResult.nativeToastRef && setLastNativeToastRef(nativeToastResult.nativeToastRef);
+        }
+        return counterRef.current++, setToast({
+          ...showOptions?.customData,
+          ...showOptions,
+          viewportName: showOptions?.viewportName ?? "default",
+          title,
+          id: counterRef.current.toString(),
+          isHandledNatively
+        }), !0;
+      }, [setToast, JSON.stringify(options.native || null)]),
+      hide = import_react.default.useCallback(() => {
+        lastNativeToastRef?.close(), setToast(prev => prev ? {
+          ...prev,
+          hide: !0
+        } : null), setTimeout(() => {
+          setToast(null);
+        }, 100);
+      }, [setToast, lastNativeToastRef]),
+      contextValue = import_react.default.useMemo(() => ({
+        show,
+        hide,
+        nativeToast: lastNativeToastRef,
+        options
+      }), [show, hide, lastNativeToastRef, JSON.stringify(options || null)]);
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(ToastContext.Provider, {
+      value: contextValue,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(ToastCurrentContext.Provider, {
+        value: toast,
+        children
+      })
+    });
+  };

package/dist/cjs/ToastImperative.native.js

@@ -0,0 +1,122 @@
+"use strict";
+
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf,
+  __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+    for (var name in all) __defProp(target, name, {
+      get: all[name],
+      enumerable: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    return to;
+  };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+    value: mod,
+    enumerable: !0
+  }) : target, mod)),
+  __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+    value: !0
+  }), mod);
+var ToastImperative_exports = {};
+__export(ToastImperative_exports, {
+  ToastImperativeProvider: () => ToastImperativeProvider,
+  useToast: () => useToast,
+  useToastController: () => useToastController,
+  useToastState: () => useToastState
+});
+module.exports = __toCommonJS(ToastImperative_exports);
+var import_jsx_runtime = require("react/jsx-runtime"),
+  import_gui_core = require("@hanzo/gui-core"),
+  import_react = __toESM(require("react"), 1),
+  import_createNativeToast = require("./createNativeToast.native.js");
+function _type_of(obj) {
+  "@swc/helpers - typeof";
+
+  return obj && typeof Symbol < "u" && obj.constructor === Symbol ? "symbol" : typeof obj;
+}
+var ToastContext = /* @__PURE__ */import_react.default.createContext({}),
+  ToastCurrentContext = /* @__PURE__ */import_react.default.createContext(null),
+  useToastController = function () {
+    return import_react.default.useContext(ToastContext);
+  },
+  useToastState = function () {
+    return import_react.default.useContext(ToastCurrentContext);
+  },
+  useToast = function () {
+    return {
+      ...useToastController(),
+      currentToast: useToastState()
+    };
+  },
+  ToastImperativeProvider = function (param) {
+    var {
+        children,
+        options
+      } = param,
+      counterRef = import_react.default.useRef(0),
+      [toast, setToast] = import_react.default.useState(null),
+      [lastNativeToastRef, setLastNativeToastRef] = import_react.default.useState(null),
+      show = import_react.default.useCallback(function (title, showOptions) {
+        var _showOptions_native,
+          native = (_showOptions_native = showOptions?.native) !== null && _showOptions_native !== void 0 ? _showOptions_native : options.native,
+          isWebNative = Array.isArray(native) ? native.includes("web") : native === "web",
+          isMobileNative = Array.isArray(native) ? native.includes("mobile") : native === "mobile",
+          isAndroidNative = isMobileNative || (Array.isArray(native) ? native.includes("android") : native === "android"),
+          isIosNative = isMobileNative || (Array.isArray(native) ? native.includes("ios") : native === "ios"),
+          isHandledNatively = native === !0 || import_gui_core.isWeb && isWebNative || !import_gui_core.isWeb && isMobileNative || import_gui_core.isAndroid && isAndroidNative || import_gui_core.isIos && isIosNative;
+        if (isHandledNatively) {
+          var nativeToastResult = (0, import_createNativeToast.createNativeToast)(title, showOptions ?? {});
+          (typeof nativeToastResult > "u" ? "undefined" : _type_of(nativeToastResult)) === "object" && nativeToastResult.nativeToastRef && setLastNativeToastRef(nativeToastResult.nativeToastRef);
+        }
+        counterRef.current++;
+        var _showOptions_viewportName;
+        return setToast({
+          ...showOptions?.customData,
+          ...showOptions,
+          viewportName: (_showOptions_viewportName = showOptions?.viewportName) !== null && _showOptions_viewportName !== void 0 ? _showOptions_viewportName : "default",
+          title,
+          id: counterRef.current.toString(),
+          isHandledNatively
+        }), !0;
+      }, [setToast, JSON.stringify(options.native || null)]),
+      hide = import_react.default.useCallback(function () {
+        lastNativeToastRef?.close(), setToast(function (prev) {
+          return prev ? {
+            ...prev,
+            hide: !0
+          } : null;
+        }), setTimeout(function () {
+          setToast(null);
+        }, 100);
+      }, [setToast, lastNativeToastRef]),
+      contextValue = import_react.default.useMemo(function () {
+        return {
+          show,
+          hide,
+          nativeToast: lastNativeToastRef,
+          options
+        };
+      }, [show, hide, lastNativeToastRef, JSON.stringify(options || null)]);
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(ToastContext.Provider, {
+      value: contextValue,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(ToastCurrentContext.Provider, {
+        value: toast,
+        children
+      })
+    });
+  };
+//# sourceMappingURL=ToastImperative.native.js.map

package/dist/cjs/ToastImperative.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","ToastImperative_exports","__export","ToastImperativeProvider","useToast","useToastController","useToastState","module","exports","import_jsx_runtime","require","import_gui_core","import_react","__toESM","import_createNativeToast","_type_of","obj","Symbol","constructor","ToastContext","default","createContext","ToastCurrentContext","useContext","currentToast","param","children","options","counterRef","useRef","toast","setToast","useState","lastNativeToastRef","setLastNativeToastRef","show","useCallback","title","showOptions","_showOptions_native","native","isWebNative","Array","isArray","includes","isMobileNative","isAndroidNative","isIosNative","isHandledNatively","isWeb","isAndroid","isIos","nativeToastResult","createNativeToast","nativeToastRef","current","_showOptions_viewportName","customData","viewportName","id","toString","JSON","stringify","hide","close","prev"],"sources":["../../src/ToastImperative.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/ToastImpl.cjs

@@ -0,0 +1,292 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf,
+  __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+    for (var name in all) __defProp(target, name, {
+      get: all[name],
+      enumerable: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    return to;
+  };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+    value: mod,
+    enumerable: !0
+  }) : target, mod)),
+  __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+    value: !0
+  }), mod);
+var ToastImpl_exports = {};
+__export(ToastImpl_exports, {
+  ToastImpl: () => ToastImpl,
+  ToastImplFrame: () => ToastImplFrame,
+  useToastInteractiveContext: () => useToastInteractiveContext
+});
+module.exports = __toCommonJS(ToastImpl_exports);
+var import_gui_animate_presence = require("@hanzo/gui-animate-presence"),
+  import_gui_compose_refs = require("@hanzo/gui-compose-refs"),
+  import_gui_constants = require("@hanzo/gui-constants"),
+  import_gui_core = require("@hanzo/gui-core"),
+  import_gui_dismissable = require("@hanzo/gui-dismissable"),
+  import_gui_helpers = require("@hanzo/gui-helpers"),
+  import_gui_portal = require("@hanzo/gui-portal"),
+  import_gui_stacks = require("@hanzo/gui-stacks"),
+  React = __toESM(require("react"), 1),
+  import_react_native = require("react-native-web"),
+  import_constants = require("./constants.cjs"),
+  import_ToastAnnounce = require("./ToastAnnounce.cjs"),
+  import_ToastProvider = require("./ToastProvider.cjs"),
+  import_ToastViewport = require("./ToastViewport.cjs"),
+  import_jsx_runtime = require("react/jsx-runtime");
+const ToastImplFrame = (0, import_gui_core.styled)(import_gui_stacks.YStack, {
+    name: "ToastImpl",
+    tabIndex: 0,
+    variants: {
+      unstyled: {
+        false: {
+          focusStyle: {
+            outlineStyle: "solid",
+            outlineWidth: 2,
+            outlineColor: "$outlineColor"
+          },
+          backgroundColor: "$color6",
+          borderRadius: "$4",
+          paddingHorizontal: "$4",
+          paddingVertical: "$3",
+          marginHorizontal: "auto",
+          marginVertical: "$1",
+          elevation: "$3"
+        }
+      }
+    },
+    defaultVariants: {
+      unstyled: process.env.HANZO_GUI_HEADLESS === "1"
+    }
+  }),
+  {
+    Provider: ToastInteractiveProvider,
+    useStyledContext: useToastInteractiveContext
+  } = (0, import_gui_core.createStyledContext)({
+    onClose() {}
+  }),
+  ToastImpl = React.forwardRef((props, forwardedRef) => {
+    const {
+        scope,
+        type = "foreground",
+        duration: durationProp,
+        open,
+        onClose,
+        onEscapeKeyDown,
+        onPause,
+        onResume,
+        onSwipeStart,
+        onSwipeMove,
+        onSwipeCancel,
+        onSwipeEnd,
+        viewportName = "default",
+        ...toastProps
+      } = props,
+      isPresent = (0, import_gui_animate_presence.useIsPresent)(),
+      context = (0, import_ToastProvider.useToastProviderContext)(scope),
+      [node, setNode] = React.useState(null),
+      composedRefs = (0, import_gui_compose_refs.useComposedRefs)(forwardedRef, setNode),
+      duration = durationProp || context.duration,
+      closeTimerStartTimeRef = React.useRef(0),
+      closeTimerRemainingTimeRef = React.useRef(duration),
+      closeTimerRef = React.useRef(0),
+      {
+        onToastAdd,
+        onToastRemove
+      } = context,
+      viewport = React.useMemo(() => context.viewports[viewportName], [context.viewports, viewportName]),
+      handleClose = (0, import_gui_core.useEvent)(() => {
+        isPresent && (import_gui_constants.isWeb && node?.contains(document.activeElement) && viewport?.focus(), onClose());
+      }),
+      startTimer = React.useCallback(duration2 => {
+        !duration2 || duration2 === Number.POSITIVE_INFINITY || (clearTimeout(closeTimerRef.current), closeTimerStartTimeRef.current = (/* @__PURE__ */new Date()).getTime(), closeTimerRef.current = setTimeout(handleClose, duration2));
+      }, [handleClose]),
+      handleResume = React.useCallback(() => {
+        startTimer(closeTimerRemainingTimeRef.current), onResume?.();
+      }, [onResume, startTimer]),
+      handlePause = React.useCallback(() => {
+        const elapsedTime = (/* @__PURE__ */new Date()).getTime() - closeTimerStartTimeRef.current;
+        closeTimerRemainingTimeRef.current = closeTimerRemainingTimeRef.current - elapsedTime, window.clearTimeout(closeTimerRef.current), onPause?.();
+      }, [onPause]);
+    React.useEffect(() => {
+      if (import_gui_constants.isWeb && viewport) return viewport.addEventListener(import_ToastViewport.VIEWPORT_PAUSE, handlePause), viewport.addEventListener(import_ToastViewport.VIEWPORT_RESUME, handleResume), () => {
+        viewport.removeEventListener(import_ToastViewport.VIEWPORT_PAUSE, handlePause), viewport.removeEventListener(import_ToastViewport.VIEWPORT_RESUME, handleResume);
+      };
+    }, [viewport, duration, onPause, onResume, startTimer]), React.useEffect(() => {
+      open && !context.isClosePausedRef.current && startTimer(duration);
+    }, [open, duration, context.isClosePausedRef, startTimer]), React.useEffect(() => (onToastAdd(), () => onToastRemove()), [onToastAdd, onToastRemove]);
+    const announceTextContent = React.useMemo(() => import_gui_constants.isWeb && node ? getAnnounceTextContent(node) : null, [node]),
+      isHorizontalSwipe = ["left", "right", "horizontal"].includes(context.swipeDirection),
+      {
+        animationDriver
+      } = (0, import_gui_core.useConfiguration)();
+    if (!animationDriver) throw new Error("Must set animations in tamagui.config.ts");
+    const {
+        useAnimatedNumber,
+        useAnimatedNumberStyle
+      } = animationDriver,
+      animatedNumber = useAnimatedNumber(0),
+      AnimatedView = animationDriver.NumberView ?? animationDriver.View ?? import_gui_core.View,
+      animatedStyles = useAnimatedNumberStyle(animatedNumber, val => {
+        "worklet";
+
+        return {
+          transform: [isHorizontalSwipe ? {
+            translateX: val
+          } : {
+            translateY: val
+          }]
+        };
+      }),
+      panResponder = React.useMemo(() => import_react_native.PanResponder.create({
+        onMoveShouldSetPanResponder: (e, gesture) => shouldGrantGestureMove(context.swipeDirection, gesture) ? (onSwipeStart?.(e), !0) : !1,
+        onPanResponderGrant: e => {
+          import_gui_constants.isWeb || handlePause?.();
+        },
+        onPanResponderMove: (e, gesture) => {
+          const {
+              x,
+              y
+            } = getGestureDistance(context.swipeDirection, gesture),
+            delta = {
+              x,
+              y
+            };
+          animatedNumber.setValue(isHorizontalSwipe ? x : y, {
+            type: "direct"
+          }), isDeltaInDirection(delta, context.swipeDirection, context.swipeThreshold) && onSwipeEnd?.(e), onSwipeMove?.(e);
+        },
+        onPanResponderEnd: (e, {
+          dx,
+          dy
+        }) => {
+          isDeltaInDirection({
+            x: dx,
+            y: dy
+          }, context.swipeDirection, context.swipeThreshold) || (import_gui_constants.isWeb || handleResume?.(), onSwipeCancel?.(e), animatedNumber.setValue(0, {
+            type: "spring"
+          }));
+        }
+      }), [handlePause, handleResume]),
+      themeName = (0, import_gui_core.useThemeName)();
+    return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+      children: [announceTextContent && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ToastAnnounce.ToastAnnounce, {
+        scope,
+        role: "status",
+        "aria-live": type === "foreground" ? "assertive" : "polite",
+        "aria-atomic": !0,
+        children: announceTextContent
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui_portal.PortalItem, {
+        hostName: viewportName ?? "default",
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(ToastInteractiveProvider, {
+          scope,
+          onClose: () => {
+            handleClose();
+          },
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui_dismissable.Dismissable, {
+            onEscapeKeyDown: (0, import_gui_helpers.composeEventHandlers)(onEscapeKeyDown, () => {
+              context.isFocusedToastEscapeKeyDownRef.current || handleClose(), context.isFocusedToastEscapeKeyDownRef.current = !1;
+            }),
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui_core.Theme, {
+              contain: !0,
+              forceClassName: !0,
+              name: themeName,
+              children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(AnimatedView, {
+                ...panResponder?.panHandlers,
+                style: [{
+                  margin: "auto"
+                }, animatedStyles],
+                children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ToastProvider.Collection.ItemSlot, {
+                  scope: context.toastScope,
+                  children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(ToastImplFrame, {
+                    role: "status",
+                    "aria-live": "off",
+                    "aria-atomic": !0,
+                    "data-state": open ? "open" : "closed",
+                    "data-swipe-direction": context.swipeDirection,
+                    pointerEvents: "auto",
+                    "$platform-web": {
+                      touchAction: "none",
+                      userSelect: "none"
+                    },
+                    ...toastProps,
+                    ref: composedRefs,
+                    ...(import_gui_constants.isWeb && {
+                      onKeyDown: (0, import_gui_helpers.composeEventHandlers)(props.onKeyDown, event => {
+                        event.key === "Escape" && (onEscapeKeyDown?.(event), event.defaultPrevented || (context.isFocusedToastEscapeKeyDownRef.current = !0, handleClose()));
+                      })
+                    })
+                  })
+                })
+              })
+            })
+          })
+        }, props.id)
+      })]
+    });
+  });
+ToastImpl.propTypes = {
+  type(props) {
+    if (props.type && !["foreground", "background"].includes(props.type)) {
+      const error = `Invalid prop \`type\` supplied to \`${import_constants.TOAST_NAME}\`. Expected \`foreground | background\`.`;
+      return new Error(error);
+    }
+    return null;
+  }
+};
+const isDeltaInDirection = (delta, direction, threshold = 0) => {
+  const deltaX = Math.abs(delta.x),
+    deltaY = Math.abs(delta.y),
+    isDeltaX = deltaX > deltaY;
+  return direction === "left" || direction === "right" || direction === "horizontal" ? isDeltaX && deltaX > threshold : !isDeltaX && deltaY > threshold;
+};
+function getAnnounceTextContent(container) {
+  if (!import_gui_constants.isWeb) return "";
+  const textContent = [];
+  return Array.from(container.childNodes).forEach(node => {
+    if (node.nodeType === node.TEXT_NODE && node.textContent && textContent.push(node.textContent), isHTMLElement(node)) {
+      const isHidden = node.ariaHidden || node.hidden || node.style.display === "none",
+        isExcluded = node.dataset.toastAnnounceExclude === "";
+      if (!isHidden) if (isExcluded) {
+        const altText = node.dataset.toastAnnounceAlt;
+        altText && textContent.push(altText);
+      } else textContent.push(...getAnnounceTextContent(node));
+    }
+  }), textContent;
+}
+function isHTMLElement(node) {
+  return node.nodeType === node.ELEMENT_NODE;
+}
+const GESTURE_GRANT_THRESHOLD = 10,
+  shouldGrantGestureMove = (dir, {
+    dx,
+    dy
+  }) => (dir === "horizontal" || dir === "left") && dx < -GESTURE_GRANT_THRESHOLD || (dir === "horizontal" || dir === "right") && dx > GESTURE_GRANT_THRESHOLD || (dir === "vertical" || dir === "up") && dy > -GESTURE_GRANT_THRESHOLD || (dir === "vertical" || dir === "down") && dy < GESTURE_GRANT_THRESHOLD,
+  getGestureDistance = (dir, {
+    dx,
+    dy
+  }) => {
+    let y = 0,
+      x = 0;
+    return dir === "horizontal" ? x = dx : dir === "left" ? x = Math.min(0, dx) : dir === "right" ? x = Math.max(0, dx) : dir === "vertical" ? y = dy : dir === "up" ? y = Math.min(0, dy) : dir === "down" && (y = Math.max(0, dy)), {
+      x,
+      y
+    };
+  };