@tamagui/react-native-web-lite 1.116.1 → 1.116.2

package/dist/cjs/Pressable/index.js

@@ -0,0 +1,140 @@
+"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")), 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;
+//# sourceMappingURL=index.js.map

package/dist/cjs/RefreshControl/index.js

@@ -0,0 +1,48 @@
+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 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");
+function RefreshControl(props) {
+  const {
+    /* eslint-disable */
+    colors,
+    enabled,
+    onRefresh,
+    progressBackgroundColor,
+    progressViewOffset,
+    refreshing,
+    size,
+    tintColor,
+    title,
+    titleColor,
+    /* eslint-enable */
+    ...rest
+  } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_View.default, { ...rest });
+}
+var RefreshControl_default = RefreshControl;
+//# sourceMappingURL=index.js.map

package/dist/cjs/SafeAreaView/index.js

@@ -0,0 +1,43 @@
+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")), 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;
+//# sourceMappingURL=index.js.map

package/dist/cjs/ScrollView/ScrollViewBase.js

@@ -0,0 +1,124 @@
+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")), 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;
+//# sourceMappingURL=ScrollViewBase.js.map