@tamagui/react-native-web-lite 1.114.3 → 1.115.0

package/dist/cjs/Pressable/index.cjs

@@ -0,0 +1,143 @@
+"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 Pressable_exports = {};
+__export(Pressable_exports, {
+  default: () => Pressable_default
+});
+module.exports = __toCommonJS(Pressable_exports);
+var import_react_native_use_pressable = require("@tamagui/react-native-use-pressable"),
+  React = __toESM(require("react")),
+  import_react = require("react"),
+  import_react_native_web_internals = require("@tamagui/react-native-web-internals"),
+  import_react_native_web_internals2 = require("@tamagui/react-native-web-internals"),
+  import_View = __toESM(require("../View/index.cjs")),
+  import_jsx_runtime = require("react/jsx-runtime");
+function Pressable(props, forwardedRef) {
+  const {
+      children,
+      delayLongPress,
+      delayPressIn,
+      delayPressOut,
+      disabled,
+      focusable,
+      onBlur,
+      onContextMenu,
+      onFocus,
+      onHoverIn,
+      onHoverOut,
+      onKeyDown,
+      onLongPress,
+      onPress,
+      onPressMove,
+      onPressIn,
+      onPressOut,
+      style,
+      testOnly_hovered,
+      testOnly_pressed,
+      ...rest
+    } = props,
+    [hovered, setHovered] = useForceableState(testOnly_hovered === !0),
+    [focused, setFocused] = useForceableState(!1),
+    [pressed, setPressed] = useForceableState(testOnly_pressed === !0),
+    hostRef = (0, import_react.useRef)(null),
+    setRef = (0, import_react_native_web_internals2.useMergeRefs)(forwardedRef, hostRef),
+    pressConfig = (0, import_react.useMemo)(() => ({
+      delayLongPress,
+      delayPressStart: delayPressIn,
+      delayPressEnd: delayPressOut,
+      disabled,
+      onLongPress,
+      onPress,
+      onPressChange: setPressed,
+      onPressStart: onPressIn,
+      onPressMove,
+      onPressEnd: onPressOut
+    }), [delayLongPress, delayPressIn, delayPressOut, disabled, onLongPress, onPress, onPressIn, onPressMove, onPressOut, setPressed]),
+    pressEventHandlers = (0, import_react_native_use_pressable.usePressEvents)(hostRef, pressConfig),
+    {
+      onContextMenu: onContextMenuPress,
+      onKeyDown: onKeyDownPress
+    } = pressEventHandlers;
+  (0, import_react_native_web_internals2.useHover)(hostRef, {
+    contain: !0,
+    disabled,
+    onHoverChange: setHovered,
+    onHoverStart: onHoverIn,
+    onHoverEnd: onHoverOut
+  });
+  const interactionState = {
+      hovered,
+      focused,
+      pressed
+    },
+    blurHandler = React.useCallback(e => {
+      disabled || e.nativeEvent.target === hostRef.current && (setFocused(!1), onBlur?.(e));
+    }, [disabled, hostRef, setFocused, onBlur]),
+    focusHandler = React.useCallback(e => {
+      disabled || e.nativeEvent.target === hostRef.current && (setFocused(!0), onFocus?.(e));
+    }, [disabled, hostRef, setFocused, onFocus]),
+    contextMenuHandler = React.useCallback(e => {
+      onContextMenuPress?.(e), onContextMenu?.(e);
+    }, [onContextMenu, onContextMenuPress]),
+    keyDownHandler = React.useCallback(e => {
+      onKeyDownPress?.(e), onKeyDown?.(e);
+    }, [onKeyDown, onKeyDownPress]);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_View.default, {
+    ...rest,
+    ...pressEventHandlers,
+    accessibilityDisabled: disabled,
+    focusable: !disabled && focusable !== !1,
+    onBlur: blurHandler,
+    onContextMenu: contextMenuHandler,
+    onFocus: focusHandler,
+    onKeyDown: keyDownHandler,
+    pointerEvents: disabled ? "none" : rest.pointerEvents,
+    ref: setRef,
+    style: [!disabled && styles.root, typeof style == "function" ? style(interactionState) : style],
+    children: typeof children == "function" ? children(interactionState) : children
+  });
+}
+function useForceableState(forced) {
+  const [bool, setBool] = (0, import_react.useState)(!1);
+  return [bool || forced, setBool];
+}
+const styles = import_react_native_web_internals.StyleSheet.create({
+    root: {
+      cursor: "pointer",
+      touchAction: "manipulation"
+    }
+  }),
+  MemoedPressable = (0, import_react.memo)((0, import_react.forwardRef)(Pressable));
+MemoedPressable.displayName = "Pressable";
+var Pressable_default = MemoedPressable;

package/dist/cjs/RefreshControl/{index.js → index.cjs}

@@ -2,30 +2,40 @@ 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 __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;
-};
+    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);
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+    value: mod,
+    enumerable: !0
+  }) : target, mod)),
+  __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+    value: !0
+  }), mod);
 var RefreshControl_exports = {};
 __export(RefreshControl_exports, {
   default: () => RefreshControl_default
 });
 module.exports = __toCommonJS(RefreshControl_exports);
-var import_View = __toESM(require("../View/index")), import_jsx_runtime = require("react/jsx-runtime");
+var import_View = __toESM(require("../View/index.cjs")),
+  import_jsx_runtime = require("react/jsx-runtime");
 function RefreshControl(props) {
   const {
     /* eslint-disable */
@@ -42,7 +52,8 @@ function RefreshControl(props) {
     /* eslint-enable */
     ...rest
   } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_View.default, { ...rest });
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_View.default, {
+    ...rest
+  });
 }
-var RefreshControl_default = RefreshControl;
-//# sourceMappingURL=index.js.map
+var RefreshControl_default = RefreshControl;

package/dist/cjs/SafeAreaView/index.cjs

@@ -0,0 +1,62 @@
+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 SafeAreaView_exports = {};
+__export(SafeAreaView_exports, {
+  default: () => SafeAreaView_default
+});
+module.exports = __toCommonJS(SafeAreaView_exports);
+var React = __toESM(require("react")),
+  import_react_native_web_internals = require("@tamagui/react-native-web-internals"),
+  import_View = __toESM(require("../View/index.cjs")),
+  import_jsx_runtime = require("react/jsx-runtime");
+const cssFunction = import_react_native_web_internals.canUseDOM && window.CSS && window.CSS.supports && window.CSS.supports("top: constant(safe-area-inset-top)") ? "constant" : "env",
+  SafeAreaView = React.forwardRef((props, ref) => {
+    const {
+      style,
+      ...rest
+    } = props;
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_View.default, {
+      ...rest,
+      ref,
+      style: import_react_native_web_internals.StyleSheet.compose(styles.root, style)
+    });
+  });
+SafeAreaView.displayName = "SafeAreaView";
+const styles = import_react_native_web_internals.StyleSheet.create({
+  root: {
+    paddingTop: `${cssFunction}(safe-area-inset-top)`,
+    paddingRight: `${cssFunction}(safe-area-inset-right)`,
+    paddingBottom: `${cssFunction}(safe-area-inset-bottom)`,
+    paddingLeft: `${cssFunction}(safe-area-inset-left)`
+  }
+});
+var SafeAreaView_default = SafeAreaView;

package/dist/cjs/ScrollView/ScrollViewBase.cjs

@@ -0,0 +1,137 @@
+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 ScrollViewBase_exports = {};
+__export(ScrollViewBase_exports, {
+  default: () => ScrollViewBase_default
+});
+module.exports = __toCommonJS(ScrollViewBase_exports);
+var import_react_native_web_internals = require("@tamagui/react-native-web-internals"),
+  React = __toESM(require("react")),
+  import_View = __toESM(require("../View/index.cjs")),
+  import_jsx_runtime = require("react/jsx-runtime");
+function normalizeScrollEvent(e) {
+  return {
+    nativeEvent: {
+      contentOffset: {
+        get x() {
+          return e.target.scrollLeft;
+        },
+        get y() {
+          return e.target.scrollTop;
+        }
+      },
+      contentSize: {
+        get height() {
+          return e.target.scrollHeight;
+        },
+        get width() {
+          return e.target.scrollWidth;
+        }
+      },
+      layoutMeasurement: {
+        get height() {
+          return e.target.offsetHeight;
+        },
+        get width() {
+          return e.target.offsetWidth;
+        }
+      }
+    },
+    timeStamp: Date.now()
+  };
+}
+function shouldEmitScrollEvent(lastTick, eventThrottle) {
+  const timeSinceLastTick = Date.now() - lastTick;
+  return eventThrottle > 0 && timeSinceLastTick >= eventThrottle;
+}
+const ScrollViewBase = React.forwardRef((props, forwardedRef) => {
+    const {
+        onScroll,
+        onTouchMove,
+        onWheel,
+        scrollEnabled = !0,
+        scrollEventThrottle = 0,
+        showsHorizontalScrollIndicator,
+        showsVerticalScrollIndicator,
+        style,
+        ...rest
+      } = props,
+      scrollState = React.useRef({
+        isScrolling: !1,
+        scrollLastTick: 0
+      }),
+      scrollTimeout = React.useRef(null),
+      scrollRef = React.useRef(null);
+    function createPreventableScrollHandler(handler) {
+      return e => {
+        scrollEnabled && handler && handler(e);
+      };
+    }
+    function handleScroll(e) {
+      e.stopPropagation(), e.target === scrollRef.current && (e.persist(), scrollTimeout.current != null && clearTimeout(scrollTimeout.current), scrollTimeout.current = setTimeout(() => {
+        handleScrollEnd(e);
+      }, 100), scrollState.current.isScrolling ? shouldEmitScrollEvent(scrollState.current.scrollLastTick, scrollEventThrottle) && handleScrollTick(e) : handleScrollStart(e));
+    }
+    function handleScrollStart(e) {
+      scrollState.current.isScrolling = !0, handleScrollTick(e);
+    }
+    function handleScrollTick(e) {
+      scrollState.current.scrollLastTick = Date.now(), onScroll && onScroll(normalizeScrollEvent(e));
+    }
+    function handleScrollEnd(e) {
+      scrollState.current.isScrolling = !1, onScroll && onScroll(normalizeScrollEvent(e));
+    }
+    const hideScrollbar = showsHorizontalScrollIndicator === !1 || showsVerticalScrollIndicator === !1;
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_View.default, {
+      ...rest,
+      onScroll: handleScroll,
+      onTouchMove: createPreventableScrollHandler(onTouchMove),
+      onWheel: createPreventableScrollHandler(onWheel),
+      ref: (0, import_react_native_web_internals.useMergeRefs)(scrollRef, forwardedRef),
+      style: [style,
+      // @ts-ignore
+      !scrollEnabled && styles.scrollDisabled,
+      // @ts-ignore
+      hideScrollbar && styles.hideScrollbar]
+    });
+  }),
+  styles = {
+    scrollDisabled: {
+      overflowX: "hidden",
+      overflowY: "hidden",
+      touchAction: "none"
+    },
+    hideScrollbar: {
+      scrollbarWidth: "none"
+    }
+  };
+var ScrollViewBase_default = ScrollViewBase;