@tamagui/react-native-web-lite 2.0.0-rc.4 → 2.0.0-rc.40

package/dist/cjs/SafeAreaView/index.cjs

@@ -2,55 +2,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 __getProtoOf = Object.getPrototypeOf;
+var __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, {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
       get: () => from[key],
       enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
     });
-    return to;
-  };
+  }
+  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);
+// 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: true
+}) : target, mod));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
 var SafeAreaView_exports = {};
 __export(SafeAreaView_exports, {
   SafeAreaView: () => SafeAreaView,
   default: () => SafeAreaView_default
 });
 module.exports = __toCommonJS(SafeAreaView_exports);
-var React = __toESM(require("react"), 1),
-  import_react_native_web_internals = require("@tamagui/react-native-web-internals"),
-  import_View = 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.View, {
-      ...rest,
-      ref,
-      style: import_react_native_web_internals.StyleSheet.compose(styles.root, style)
-    });
+var React = __toESM(require("react"), 1);
+var import_react_native_web_internals = require("@tamagui/react-native-web-internals");
+var import_View = require("../View/index.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+const cssFunction = (() => {
+  if (import_react_native_web_internals.canUseDOM && window.CSS && window.CSS.supports && window.CSS.supports("top: constant(safe-area-inset-top)")) {
+    return "constant";
+  }
+  return "env";
+})();
+const SafeAreaView = React.forwardRef((props, ref) => {
+  const {
+    style,
+    ...rest
+  } = props;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_View.View, {
+    ...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: {

package/dist/cjs/ScrollView/ScrollViewBase.cjs

@@ -2,43 +2,45 @@ 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;
+var __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, {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
       get: () => from[key],
       enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
     });
-    return to;
-  };
+  }
+  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);
+// 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: true
+}) : target, mod));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
 var ScrollViewBase_exports = {};
 __export(ScrollViewBase_exports, {
   ScrollViewBase: () => ScrollViewBase,
   default: () => ScrollViewBase_default
 });
 module.exports = __toCommonJS(ScrollViewBase_exports);
-var import_react_native_web_internals = require("@tamagui/react-native-web-internals"),
-  React = __toESM(require("react"), 1),
-  import_View = require("../View/index.cjs"),
-  import_jsx_runtime = require("react/jsx-runtime");
+var import_react_native_web_internals = require("@tamagui/react-native-web-internals");
+var React = __toESM(require("react"), 1);
+var import_View = require("../View/index.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
 function normalizeScrollEvent(e) {
   return {
     nativeEvent: {
@@ -75,64 +77,91 @@ function shouldEmitScrollEvent(lastTick, eventThrottle) {
   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(() => {
+  const {
+    onScroll,
+    onTouchMove,
+    onWheel,
+    scrollEnabled = true,
+    scrollEventThrottle = 0,
+    showsHorizontalScrollIndicator,
+    showsVerticalScrollIndicator,
+    style,
+    // strip RN-only props that shouldn't reach the DOM
+    onMomentumScrollBegin,
+    onMomentumScrollEnd,
+    onScrollBeginDrag,
+    onScrollEndDrag,
+    ...rest
+  } = props;
+  const scrollState = React.useRef({
+    isScrolling: false,
+    scrollLastTick: 0
+  });
+  const scrollTimeout = React.useRef(null);
+  const scrollRef = React.useRef(null);
+  function createPreventableScrollHandler(handler) {
+    return e => {
+      if (scrollEnabled) {
+        if (handler) {
+          handler(e);
+        }
+      }
+    };
+  }
+  function handleScroll(e) {
+    e.stopPropagation();
+    if (e.target === scrollRef.current) {
+      e.persist();
+      if (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);
+      }, 100);
+      if (scrollState.current.isScrolling) {
+        if (shouldEmitScrollEvent(scrollState.current.scrollLastTick, scrollEventThrottle)) {
+          handleScrollTick(e);
+        }
+      } else {
+        handleScrollStart(e);
+      }
     }
-    function handleScrollTick(e) {
-      scrollState.current.scrollLastTick = Date.now(), onScroll && onScroll(normalizeScrollEvent(e));
+  }
+  function handleScrollStart(e) {
+    scrollState.current.isScrolling = true;
+    handleScrollTick(e);
+  }
+  function handleScrollTick(e) {
+    scrollState.current.scrollLastTick = Date.now();
+    if (onScroll) {
+      onScroll(normalizeScrollEvent(e));
     }
-    function handleScrollEnd(e) {
-      scrollState.current.isScrolling = !1, onScroll && onScroll(normalizeScrollEvent(e));
+  }
+  function handleScrollEnd(e) {
+    scrollState.current.isScrolling = false;
+    if (onScroll) {
+      onScroll(normalizeScrollEvent(e));
     }
-    const hideScrollbar = showsHorizontalScrollIndicator === !1 || showsVerticalScrollIndicator === !1;
-    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_View.View, {
-      ...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"
-    }
-  };
+  }
+  const hideHorizontalScrollbar = showsHorizontalScrollIndicator === false;
+  const hideVerticalScrollbar = showsVerticalScrollIndicator === false;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_View.View, {
+    ...rest,
+    className: "_dsp_contents" + (hideHorizontalScrollbar ? " _hsb-x" : "") + (hideVerticalScrollbar ? " _hsb-y" : ""),
+    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]
+  });
+});
+const styles = {
+  scrollDisabled: {
+    overflowX: "hidden",
+    overflowY: "hidden",
+    touchAction: "none"
+  }
+};
 var ScrollViewBase_default = ScrollViewBase;