@tamagui/react-native-web-lite 2.7.7 → 3.0.0-beta.643.1

package/src/ScrollView/ScrollViewBase.tsx

@@ -1,183 +0,0 @@
-/**
- * Copyright (c) Nicolas Gallagher.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @flow
- */
-
-import { useMergeRefs } from '@tamagui/react-native-web-internals'
-import * as React from 'react'
-
-import type { ViewProps } from '../View/index'
-import { View } from '../View/index'
-
-type Props = ViewProps & {
-  onMomentumScrollBegin?: (e: any) => void
-  onMomentumScrollEnd?: (e: any) => void
-  onScroll?: (e: any) => void
-  onScrollBeginDrag?: (e: any) => void
-  onScrollEndDrag?: (e: any) => void
-  onTouchMove?: (e: any) => void
-  onWheel?: (e: any) => void
-  scrollEnabled?: boolean
-  scrollEventThrottle?: number
-  showsHorizontalScrollIndicator?: boolean
-  showsVerticalScrollIndicator?: boolean
-}
-
-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: number, eventThrottle: number) {
-  const timeSinceLastTick = Date.now() - lastTick
-  return eventThrottle > 0 && timeSinceLastTick >= eventThrottle
-}
-
-/**
- * Encapsulates the Web-specific scroll throttling and disabling logic
- */
-const ScrollViewBase = React.forwardRef((props: Props, forwardedRef) => {
-  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: Function) {
-    return (e: object) => {
-      if (scrollEnabled) {
-        if (handler) {
-          handler(e)
-        }
-      }
-    }
-  }
-
-  function handleScroll(e: any) {
-    e.stopPropagation()
-    if (e.target === scrollRef.current) {
-      e.persist()
-      // A scroll happened, so the scroll resets the scrollend timeout.
-      if (scrollTimeout.current != null) {
-        clearTimeout(scrollTimeout.current)
-      }
-      // @ts-ignore
-      scrollTimeout.current = setTimeout(() => {
-        handleScrollEnd(e)
-      }, 100)
-      if (scrollState.current.isScrolling) {
-        // Scroll last tick may have changed, check if we need to notify
-        if (
-          shouldEmitScrollEvent(scrollState.current.scrollLastTick, scrollEventThrottle)
-        ) {
-          handleScrollTick(e)
-        }
-      } else {
-        // Weren't scrolling, so we must have just started
-        handleScrollStart(e)
-      }
-    }
-  }
-
-  function handleScrollStart(e: object) {
-    scrollState.current.isScrolling = true
-    handleScrollTick(e)
-  }
-
-  function handleScrollTick(e: object) {
-    scrollState.current.scrollLastTick = Date.now()
-    if (onScroll) {
-      onScroll(normalizeScrollEvent(e))
-    }
-  }
-
-  function handleScrollEnd(e: object) {
-    scrollState.current.isScrolling = false
-    if (onScroll) {
-      onScroll(normalizeScrollEvent(e))
-    }
-  }
-
-  const hideHorizontalScrollbar = showsHorizontalScrollIndicator === false
-  const hideVerticalScrollbar = showsVerticalScrollIndicator === false
-
-  return (
-    <View
-      {...rest}
-      className={
-        '_dsp_contents' +
-        (hideHorizontalScrollbar ? ' _hsb-x' : '') +
-        (hideVerticalScrollbar ? ' _hsb-y' : '')
-      }
-      onScroll={handleScroll}
-      onTouchMove={createPreventableScrollHandler(onTouchMove as any)}
-      onWheel={createPreventableScrollHandler(onWheel as any)}
-      ref={useMergeRefs(scrollRef, forwardedRef)}
-      style={[
-        style,
-        // @ts-ignore
-        !scrollEnabled && styles.scrollDisabled,
-      ]}
-    />
-  )
-})
-
-// Chrome doesn't support e.preventDefault in this case; touch-action must be
-// used to disable scrolling.
-// https://developers.google.com/web/updates/2017/01/scrolling-intervention
-const styles = {
-  scrollDisabled: {
-    overflowX: 'hidden',
-    overflowY: 'hidden',
-    touchAction: 'none',
-  },
-}
-
-export { ScrollViewBase }
-export default ScrollViewBase

package/src/ScrollView/__tests__/__snapshots__/index-test.js.snap

@@ -1,49 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`components/ScrollView prop "centerContent" with 1`] = `
-<div
-  class="css-view-175oi2r r-WebkitOverflowScrolling-150rngu r-flexDirection-eqz5dr r-flexGrow-16y2uox r-flexShrink-1wbh5a2 r-overflowX-11yh6sk r-overflowY-1rnoaur r-transform-1sncvnh"
-  style="background-color: rgb(0, 0, 255);"
->
-  <div
-    class="css-view-175oi2r r-flexGrow-16y2uox r-justifyContent-1777fci"
-  />
-</div>
-`;
-
-exports[`components/ScrollView prop "centerContent" without 1`] = `
-<div
-  class="css-view-175oi2r r-WebkitOverflowScrolling-150rngu r-flexDirection-eqz5dr r-flexGrow-16y2uox r-flexShrink-1wbh5a2 r-overflowX-11yh6sk r-overflowY-1rnoaur r-transform-1sncvnh"
-  style="background-color: rgb(0, 0, 255);"
->
-  <div
-    class="css-view-175oi2r"
-  />
-</div>
-`;
-
-exports[`components/ScrollView prop "refreshControl" with 1`] = `
-<div
-  id="refresh-control"
->
-  <div
-    class="css-view-175oi2r r-WebkitOverflowScrolling-150rngu r-flexDirection-eqz5dr r-flexGrow-16y2uox r-flexShrink-1wbh5a2 r-overflowX-11yh6sk r-overflowY-1rnoaur r-transform-1sncvnh"
-    style="background-color: rgb(255, 0, 0);"
-  >
-    <div
-      class="css-view-175oi2r"
-    />
-  </div>
-</div>
-`;
-
-exports[`components/ScrollView prop "refreshControl" without 1`] = `
-<div
-  class="css-view-175oi2r r-WebkitOverflowScrolling-150rngu r-flexDirection-eqz5dr r-flexGrow-16y2uox r-flexShrink-1wbh5a2 r-overflowX-11yh6sk r-overflowY-1rnoaur r-transform-1sncvnh"
-  style="background-color: rgb(255, 0, 0);"
->
-  <div
-    class="css-view-175oi2r"
-  />
-</div>
-`;

package/src/Text/__tests__/__snapshots__/index-test.js.snap

@@ -1,218 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`components/Text default 1`] = `
-<div
-  class="css-text-1rynq56"
-  dir="auto"
-/>
-`;
-
-exports[`components/Text nested 1`] = `
-<div
-  class="css-text-1rynq56"
-  dir="auto"
->
-  <span
-    class="css-textHasAncestor-1qaijid"
-    data-testid="child"
-  />
-</div>
-`;
-
-exports[`components/Text prop "accessibilityLabel" value is set 1`] = `
-<div
-  aria-label="accessibility label"
-  class="css-text-1rynq56"
-  dir="auto"
-/>
-`;
-
-exports[`components/Text prop "accessibilityLabelledBy" value is set 1`] = `
-<div
-  aria-labelledby="123"
-  class="css-text-1rynq56"
-  dir="auto"
-/>
-`;
-
-exports[`components/Text prop "accessibilityLiveRegion" value is set 1`] = `
-<div
-  aria-live="polite"
-  class="css-text-1rynq56"
-  dir="auto"
-/>
-`;
-
-exports[`components/Text prop "accessibilityRole" value alters HTML element 1`] = `
-<article
-  class="css-text-1rynq56"
-  dir="auto"
-  role="article"
-/>
-`;
-
-exports[`components/Text prop "accessibilityRole" value is "button" 1`] = `
-<div
-  class="css-text-1rynq56"
-  dir="auto"
-  role="button"
-  tabindex="0"
-/>
-`;
-
-exports[`components/Text prop "accessibilityRole" value is set 1`] = `
-<div
-  class="css-text-1rynq56"
-  dir="auto"
-  role="presentation"
-/>
-`;
-
-exports[`components/Text prop "dir" value is "ltr" 1`] = `
-<div
-  class="css-text-1rynq56"
-  dir="ltr"
-/>
-`;
-
-exports[`components/Text prop "dir" value is "rtl" 1`] = `
-<div
-  class="css-text-1rynq56"
-  dir="rtl"
-/>
-`;
-
-exports[`components/Text prop "href" href with accessibilityRole 1`] = `
-<a
-  class="css-text-1rynq56"
-  dir="auto"
-  href="https://example.com"
-  role="presentation"
-/>
-`;
-
-exports[`components/Text prop "href" value is set 1`] = `
-<a
-  class="css-text-1rynq56"
-  dir="auto"
-  href="https://example.com"
-/>
-`;
-
-exports[`components/Text prop "hrefAttrs" null values are excluded 1`] = `
-<a
-  class="css-text-1rynq56"
-  dir="auto"
-  href="https://example.com"
-/>
-`;
-
-exports[`components/Text prop "hrefAttrs" requires "href" 1`] = `
-<div
-  class="css-text-1rynq56"
-  dir="auto"
-/>
-`;
-
-exports[`components/Text prop "hrefAttrs" target variant is set 1`] = `
-<a
-  class="css-text-1rynq56"
-  dir="auto"
-  href="https://example.com"
-  target="_blank"
-/>
-`;
-
-exports[`components/Text prop "hrefAttrs" value is set 1`] = `
-<a
-  class="css-text-1rynq56"
-  dir="auto"
-  download="filename.jpg"
-  href="https://example.com"
-  rel="nofollow"
-  target="_blank"
-/>
-`;
-
-exports[`components/Text prop "lang" ar 1`] = `
-<div
-  class="css-text-1rynq56"
-  dir="rtl"
-  lang="ar"
-/>
-`;
-
-exports[`components/Text prop "lang" fr 1`] = `
-<div
-  class="css-text-1rynq56"
-  dir="ltr"
-  lang="fr"
-/>
-`;
-
-exports[`components/Text prop "lang" undefined 1`] = `
-<div
-  class="css-text-1rynq56"
-  dir="auto"
-/>
-`;
-
-exports[`components/Text prop "lang" with dir 1`] = `
-<div
-  class="css-text-1rynq56"
-  dir="ltr"
-  lang="ar"
-/>
-`;
-
-exports[`components/Text prop "nativeID" value is set 1`] = `
-<div
-  class="css-text-1rynq56"
-  dir="auto"
-  id="nativeID"
-/>
-`;
-
-exports[`components/Text prop "numberOfLines" value is set 1`] = `
-<div
-  class="css-text-1rynq56 r-WebkitBoxOrient-8akbws r-display-krxsd3 r-maxWidth-dnmrzs r-overflow-1udh08x r-textOverflow-1udbk01"
-  dir="auto"
-/>
-`;
-
-exports[`components/Text prop "numberOfLines" value is set to one 1`] = `
-<div
-  class="css-text-1rynq56 r-maxWidth-dnmrzs r-overflow-1udh08x r-textOverflow-1udbk01 r-whiteSpace-3s2u2q r-wordWrap-1iln25a"
-  dir="auto"
-/>
-`;
-
-exports[`components/Text prop "selectable" value of false 1`] = `
-<div
-  class="css-text-1rynq56 r-userSelect-lrvibr"
-  dir="auto"
-/>
-`;
-
-exports[`components/Text prop "selectable" value of true 1`] = `
-<div
-  class="css-text-1rynq56 r-userSelect-1xnzce8"
-  dir="auto"
-/>
-`;
-
-exports[`components/Text prop "style" value is set 1`] = `
-<div
-  class="css-text-1rynq56"
-  dir="auto"
-  style="border-top-width: 5px; border-right-width: 5px; border-bottom-width: 5px; border-left-width: 5px;"
-/>
-`;
-
-exports[`components/Text prop "testID" value is set 1`] = `
-<div
-  class="css-text-1rynq56"
-  data-testid="123"
-  dir="auto"
-/>
-`;

package/src/codegenNativeCommand.ts

@@ -1,6 +0,0 @@
-// compat with bad imports in native
-
-export function codegenNativeCommand() {
-  console.warn(`codegenNativeCommand on web is a no-op`)
-  return {}
-}

package/src/createElement/__tests__/__snapshots__/index-test.js.snap

@@ -1,13 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`exports/createElement renders different DOM elements 1`] = `<span />`;
-
-exports[`exports/createElement renders different DOM elements 2`] = `<main />`;
-
-exports[`exports/createElement renders different DOM elements 3`] = `
-<svg>
-  <image
-    href="#href"
-  />
-</svg>
-`;