@hanzogui/react-native-web-lite 8.3.0 → 8.3.2

package/dist/esm/PanResponder/Alternative.js

@@ -0,0 +1,265 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ * @format
+ */
+/**
+ * PAN RESPONDER
+ *
+ * `PanResponder` uses the Responder System to reconcile several touches into
+ * a single gesture. It makes single-touch gestures resilient to extra touches,
+ * and can be used to recognize simple multi-touch gestures. For each handler,
+ * it provides a `gestureState` object alongside the ResponderEvent object.
+ *
+ * By default, `PanResponder` holds an `InteractionManager` handle to block
+ * long-running JS events from interrupting active gestures.
+ *
+ * A graphical explanation of the touch data flow:
+ *
+ * +----------------------------+             +--------------------------------+
+ * | ResponderTouchHistoryStore |             |TouchHistoryMath                |
+ * +----------------------------+             +----------+---------------------+
+ * |Global store of touchHistory|             |Allocation-less math util       |
+ * |including activeness, start |             |on touch history (centroids     |
+ * |position, prev/cur position.|             |and multitouch movement etc)    |
+ * |                            |             |                                |
+ * +----^-----------------------+             +----^---------------------------+
+ *      |                                          |
+ *      | (records relevant history                |
+ *      |  of touches relevant for                 |
+ *      |  implementing higher level               |
+ *      |  gestures)                               |
+ *      |                                          |
+ * +----+-----------------------+             +----|---------------------------+
+ * | ResponderEventPlugin       |             |    |   Your App/Component      |
+ * +----------------------------+             +----|---------------------------+
+ * |Negotiates which view gets  | Low level   |    |             High level    |
+ * |onResponderMove events.     | events w/   |  +-+-------+     events w/     |
+ * |Also records history into   | touchHistory|  |   Pan   |     multitouch +  |
+ * |ResponderTouchHistoryStore. +---------------->Responder+-----> accumulative|
+ * +----------------------------+ attached to |  |         |     distance and  |
+ *                                 each event |  +---------+     velocity.     |
+ *                                            |                                |
+ *                                            |                                |
+ *                                            +--------------------------------+
+ */
+'use strict';
+import { InteractionManager } from '@hanzogui/react-native-web-internals';
+import TouchHistoryMath from '../vendor/react-native/TouchHistoryMath/index.js';
+const { currentCentroidX, currentCentroidY, currentCentroidXOfTouchesChangedAfter, currentCentroidYOfTouchesChangedAfter, previousCentroidXOfTouchesChangedAfter, previousCentroidYOfTouchesChangedAfter, } = TouchHistoryMath;
+const PanResponder = {
+    _initializeGestureState(gestureState) {
+        gestureState.x = 0;
+        gestureState.y = 0;
+        gestureState.initialX = 0;
+        gestureState.initialY = 0;
+        gestureState.deltaX = 0;
+        gestureState.deltaY = 0;
+        gestureState.velocityX = 0;
+        gestureState.velocityY = 0;
+        gestureState.numberActiveTouches = 0;
+        // All `gestureState` accounts for timeStamps up until:
+        gestureState._accountsForMovesUpTo = 0;
+    },
+    /**
+     * Take all recently moved touches, calculate how the centroid has changed just for those
+     * recently moved touches, and append that change to an accumulator. This is
+     * to (at least) handle the case where the user is moving three fingers, and
+     * then one of the fingers stops but the other two continue.
+     *
+     * This is very different than taking all of the recently moved touches and
+     * storing their centroid as `dx/dy`. For correctness, we must *accumulate
+     * changes* in the centroid of recently moved touches.
+     *
+     * There is also some nuance with how we handle multiple moved touches in a
+     * single event. Multiple touches generate two 'move' events, each of
+     * them triggering `onResponderMove`. But with the way `PanResponder` works,
+     * all of the gesture inference is performed on the first dispatch, since it
+     * looks at all of the touches. Therefore, `PanResponder` does not call
+     * `onResponderMove` passed the first dispatch. This diverges from the
+     * typical responder callback pattern (without using `PanResponder`), but
+     * avoids more dispatches than necessary.
+     *
+     * When moving two touches in opposite directions, the cumulative
+     * distance is zero in each dimension. When two touches move in parallel five
+     * pixels in the same direction, the cumulative distance is five, not ten. If
+     * two touches start, one moves five in a direction, then stops and the other
+     * touch moves fives in the same direction, the cumulative distance is ten.
+     *
+     * This logic requires a kind of processing of time "clusters" of touch events
+     * so that two touch moves that essentially occur in parallel but move every
+     * other frame respectively, are considered part of the same movement.
+     *
+     * x/y: If a move event has been observed, `(x, y)` is the centroid of the most
+     * recently moved "cluster" of active touches.
+     * deltaX/deltaY: Cumulative touch distance. Accounts for touch moves that are
+     * clustered together in time, moving the same direction. Only valid when
+     * currently responder (otherwise, it only represents the drag distance below
+     * the threshold).
+     */
+    _updateGestureStateOnMove(gestureState, touchHistory) {
+        const movedAfter = gestureState._accountsForMovesUpTo;
+        const prevX = previousCentroidXOfTouchesChangedAfter(touchHistory, movedAfter);
+        const prevY = previousCentroidYOfTouchesChangedAfter(touchHistory, movedAfter);
+        const prevDeltaX = gestureState.deltaX;
+        const prevDeltaY = gestureState.deltaY;
+        const x = currentCentroidXOfTouchesChangedAfter(touchHistory, movedAfter);
+        const y = currentCentroidYOfTouchesChangedAfter(touchHistory, movedAfter);
+        const deltaX = prevDeltaX + (x - prevX);
+        const deltaY = prevDeltaY + (y - prevY);
+        // TODO: This must be filtered intelligently.
+        const dt = touchHistory.mostRecentTimeStamp - gestureState._accountsForMovesUpTo;
+        gestureState.deltaX = deltaX;
+        gestureState.deltaY = deltaY;
+        gestureState.numberActiveTouches = touchHistory.numberActiveTouches;
+        gestureState.velocityX = (deltaX - prevDeltaX) / dt;
+        gestureState.velocityY = (deltaY - prevDeltaY) / dt;
+        gestureState.x = x;
+        gestureState.y = y;
+        gestureState._accountsForMovesUpTo = touchHistory.mostRecentTimeStamp;
+    },
+    /**
+     * Enhanced versions of all of the responder callbacks that provide not only
+     * the `ResponderEvent`, but also the `PanResponder` gesture state.
+     *
+     * In general, for events that have capture equivalents, we update the
+     * gestureState once in the capture phase and can use it in the bubble phase
+     * as well.
+     */
+    create(config) {
+        const interactionState = {
+            handle: null,
+        };
+        const gestureState = {
+            // Useful for debugging
+            stateID: Math.random(),
+            x: 0,
+            y: 0,
+            initialX: 0,
+            initialY: 0,
+            deltaX: 0,
+            deltaY: 0,
+            velocityX: 0,
+            velocityY: 0,
+            numberActiveTouches: 0,
+            _accountsForMovesUpTo: 0,
+        };
+        const { onStartShouldSetResponder, onStartShouldSetResponderCapture, onMoveShouldSetResponder, onMoveShouldSetResponderCapture, onPanGrant, onPanStart, onPanMove, onPanEnd, onPanRelease, onPanReject, onPanTerminate, onPanTerminationRequest, } = config;
+        const panHandlers = {
+            onStartShouldSetResponder(event) {
+                return onStartShouldSetResponder != null
+                    ? onStartShouldSetResponder(event, gestureState)
+                    : false;
+            },
+            onMoveShouldSetResponder(event) {
+                return onMoveShouldSetResponder != null
+                    ? onMoveShouldSetResponder(event, gestureState)
+                    : false;
+            },
+            onStartShouldSetResponderCapture(event) {
+                // TODO: Actually, we should reinitialize the state any time
+                // touches.length increases from 0 active to > 0 active.
+                if (event.nativeEvent.touches.length === 1) {
+                    PanResponder._initializeGestureState(gestureState);
+                }
+                gestureState.numberActiveTouches = event.touchHistory.numberActiveTouches;
+                return onStartShouldSetResponderCapture != null
+                    ? onStartShouldSetResponderCapture(event, gestureState)
+                    : false;
+            },
+            onMoveShouldSetResponderCapture(event) {
+                const touchHistory = event.touchHistory;
+                // Responder system incorrectly dispatches should* to current responder
+                // Filter out any touch moves past the first one - we would have
+                // already processed multi-touch geometry during the first event.
+                // NOTE: commented out because new responder system should get it right.
+                //if (gestureState._accountsForMovesUpTo === touchHistory.mostRecentTimeStamp) {
+                //  return false;
+                //}
+                PanResponder._updateGestureStateOnMove(gestureState, touchHistory);
+                return onMoveShouldSetResponderCapture != null
+                    ? onMoveShouldSetResponderCapture(event, gestureState)
+                    : false;
+            },
+            onResponderGrant(event) {
+                if (!interactionState.handle) {
+                    interactionState.handle = InteractionManager.createInteractionHandle();
+                }
+                gestureState.initialX = currentCentroidX(event.touchHistory);
+                gestureState.initialY = currentCentroidY(event.touchHistory);
+                gestureState.deltaX = 0;
+                gestureState.deltaY = 0;
+                if (onPanGrant != null) {
+                    onPanGrant(event, gestureState);
+                }
+            },
+            onResponderReject(event) {
+                // @ts-ignore
+                clearInteractionHandle(interactionState, onPanReject, event, gestureState);
+            },
+            onResponderStart(event) {
+                const { numberActiveTouches } = event.touchHistory;
+                gestureState.numberActiveTouches = numberActiveTouches;
+                if (onPanStart != null) {
+                    onPanStart(event, gestureState);
+                }
+            },
+            onResponderMove(event) {
+                const touchHistory = event.touchHistory;
+                // Guard against the dispatch of two touch moves when there are two
+                // simultaneously changed touches.
+                if (gestureState._accountsForMovesUpTo === touchHistory.mostRecentTimeStamp) {
+                    return;
+                }
+                // Filter out any touch moves past the first one - we would have
+                // already processed multi-touch geometry during the first event.
+                PanResponder._updateGestureStateOnMove(gestureState, touchHistory);
+                if (onPanMove != null) {
+                    onPanMove(event, gestureState);
+                }
+            },
+            onResponderEnd(event) {
+                const { numberActiveTouches } = event.touchHistory;
+                gestureState.numberActiveTouches = numberActiveTouches;
+                // @ts-ignore
+                clearInteractionHandle(interactionState, onPanEnd, event, gestureState);
+            },
+            onResponderRelease(event) {
+                // @ts-ignore
+                clearInteractionHandle(interactionState, onPanRelease, event, gestureState);
+                PanResponder._initializeGestureState(gestureState);
+            },
+            onResponderTerminate(event) {
+                // @ts-ignore
+                clearInteractionHandle(interactionState, onPanTerminate, event, gestureState);
+                PanResponder._initializeGestureState(gestureState);
+            },
+            onResponderTerminationRequest(event) {
+                return onPanTerminationRequest != null
+                    ? onPanTerminationRequest(event, gestureState)
+                    : true;
+            },
+        };
+        return {
+            panHandlers,
+            getInteractionHandle() {
+                return interactionState.handle;
+            },
+        };
+    },
+};
+function clearInteractionHandle(interactionState, callback, event, gestureState) {
+    if (interactionState.handle) {
+        InteractionManager.clearInteractionHandle(interactionState.handle);
+        interactionState.handle = null;
+    }
+    if (callback) {
+        callback(event, gestureState);
+    }
+}
+export { PanResponder };
+//# sourceMappingURL=Alternative.js.map

package/dist/esm/PanResponder/Alternative.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alternative.js","sourceRoot":"","sources":["../../../src/PanResponder/Alternative.tsx"],"names":[],"mappings":"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"}

package/dist/esm/PanResponder/index.js

@@ -0,0 +1,2 @@
+export { default as PanResponder } from '../vendor/react-native/PanResponder/index.js';
+//# sourceMappingURL=index.js.map

package/dist/esm/PanResponder/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/PanResponder/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,8CAA8C,CAAA"}

package/dist/esm/PixelRatio/index.js

@@ -0,0 +1,45 @@
+/**
+ * Copyright (c) Nicolas Gallagher.
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+import { Dimensions } from '../Dimensions/index.js';
+/**
+ * PixelRatio gives access to the device pixel density.
+ */
+export class PixelRatio {
+    /**
+     * Returns the device pixel density.
+     */
+    static get() {
+        return Dimensions.get('window').scale;
+    }
+    /**
+     * No equivalent for Web
+     */
+    static getFontScale() {
+        return Dimensions.get('window').fontScale || PixelRatio.get();
+    }
+    /**
+     * Converts a layout size (dp) to pixel size (px).
+     * Guaranteed to return an integer number.
+     */
+    static getPixelSizeForLayoutSize(layoutSize) {
+        return Math.round(layoutSize * PixelRatio.get());
+    }
+    /**
+     * Rounds a layout size (dp) to the nearest layout size that corresponds to
+     * an integer number of pixels. For example, on a device with a PixelRatio
+     * of 3, `PixelRatio.roundToNearestPixel(8.4) = 8.33`, which corresponds to
+     * exactly (8.33 * 3) = 25 pixels.
+     */
+    static roundToNearestPixel(layoutSize) {
+        const ratio = PixelRatio.get();
+        return Math.round(layoutSize * ratio) / ratio;
+    }
+}
+//# sourceMappingURL=index.js.map

package/dist/esm/PixelRatio/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/PixelRatio/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAyB,CAAA;AAEpD;;GAEG;AACH,MAAM,OAAO,UAAU;IACrB;;OAEG;IACH,MAAM,CAAC,GAAG;QACR,OAAO,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,KAAK,CAAA;IACvC,CAAC;IAED;;OAEG;IACH,MAAM,CAAC,YAAY;QACjB,OAAO,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,SAAS,IAAI,UAAU,CAAC,GAAG,EAAE,CAAA;IAC/D,CAAC;IAED;;;OAGG;IACH,MAAM,CAAC,yBAAyB,CAAC,UAAkB;QACjD,OAAO,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,CAAA;IAClD,CAAC;IAED;;;;;OAKG;IACH,MAAM,CAAC,mBAAmB,CAAC,UAAkB;QAC3C,MAAM,KAAK,GAAG,UAAU,CAAC,GAAG,EAAE,CAAA;QAC9B,OAAO,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC,GAAG,KAAK,CAAA;IAC/C,CAAC;CACF"}

package/dist/esm/Pressable/index.js

@@ -0,0 +1,118 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict-local
+ */
+'use strict';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { usePressEvents } from '@hanzogui/react-native-use-pressable';
+import * as React from 'react';
+import { forwardRef, memo, useMemo, useRef, useState } from 'react';
+import { StyleSheet } from '@hanzogui/react-native-web-internals';
+import { useHover, useMergeRefs } from '@hanzogui/react-native-web-internals';
+import { View } from '../View/index.js';
+/**
+ * Component used to build display components that should respond to whether the
+ * component is currently pressed or not.
+ */
+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;
+    const [hovered, setHovered] = useForceableState(testOnly_hovered === true);
+    const [focused, setFocused] = useForceableState(false);
+    const [pressed, setPressed] = useForceableState(testOnly_pressed === true);
+    const hostRef = useRef(null);
+    const setRef = useMergeRefs(forwardedRef, hostRef);
+    const pressConfig = 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,
+    ]);
+    const pressEventHandlers = usePressEvents(hostRef, pressConfig);
+    const { onContextMenu: onContextMenuPress, onKeyDown: onKeyDownPress } = pressEventHandlers;
+    useHover(hostRef, {
+        contain: true,
+        disabled,
+        onHoverChange: setHovered,
+        onHoverStart: onHoverIn,
+        onHoverEnd: onHoverOut,
+    });
+    const interactionState = { hovered, focused, pressed };
+    const blurHandler = React.useCallback((e) => {
+        if (disabled) {
+            return;
+        }
+        if (e.nativeEvent.target === hostRef.current) {
+            setFocused(false);
+            if (onBlur != null) {
+                onBlur(e);
+            }
+        }
+    }, [disabled, hostRef, setFocused, onBlur]);
+    const focusHandler = React.useCallback((e) => {
+        if (disabled) {
+            return;
+        }
+        if (e.nativeEvent.target === hostRef.current) {
+            setFocused(true);
+            if (onFocus != null) {
+                onFocus(e);
+            }
+        }
+    }, [disabled, hostRef, setFocused, onFocus]);
+    const contextMenuHandler = React.useCallback((e) => {
+        if (onContextMenuPress != null) {
+            onContextMenuPress(e);
+        }
+        if (onContextMenu != null) {
+            onContextMenu(e);
+        }
+    }, [onContextMenu, onContextMenuPress]);
+    const keyDownHandler = React.useCallback((e) => {
+        if (onKeyDownPress != null) {
+            onKeyDownPress(e);
+        }
+        if (onKeyDown != null) {
+            onKeyDown(e);
+        }
+    }, [onKeyDown, onKeyDownPress]);
+    return (_jsx(View, { ...rest, ...pressEventHandlers, accessibilityDisabled: disabled, focusable: !disabled && focusable !== false, 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] = useState(false);
+    return [bool || forced, setBool];
+}
+const styles = StyleSheet.create({
+    root: {
+        cursor: 'pointer',
+        touchAction: 'manipulation',
+    },
+});
+const PressableComponent = memo(forwardRef(Pressable));
+PressableComponent.displayName = 'Pressable';
+export { PressableComponent as Pressable };
+export default PressableComponent;
+//# sourceMappingURL=index.js.map

package/dist/esm/Pressable/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Pressable/index.tsx"],"names":[],"mappings":"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"}

package/dist/esm/RefreshControl/index.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { View } from '../View/index.js';
+export function RefreshControl(props) {
+    const { 
+    /* eslint-disable */
+    colors, enabled, onRefresh, progressBackgroundColor, progressViewOffset, refreshing, size, tintColor, title, titleColor, 
+    /* eslint-enable */
+    ...rest } = props;
+    return _jsx(View, { ...rest });
+}
+export default RefreshControl;
+//# sourceMappingURL=index.js.map

package/dist/esm/RefreshControl/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/RefreshControl/index.tsx"],"names":[],"mappings":";AAcA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAmB,CAAA;AAexC,MAAM,UAAU,cAAc,CAAC,KAA0B;IACvD,MAAM;IACJ,oBAAoB;IACpB,MAAM,EACN,OAAO,EACP,SAAS,EACT,uBAAuB,EACvB,kBAAkB,EAClB,UAAU,EACV,IAAI,EACJ,SAAS,EACT,KAAK,EACL,UAAU;IACV,mBAAmB;IACnB,GAAG,IAAI,EACR,GAAG,KAAK,CAAA;IAET,OAAO,KAAC,IAAI,OAAK,IAAI,GAAI,CAAA;AAC3B,CAAC;AAED,eAAe,cAAc,CAAA"}

package/dist/esm/SafeAreaView/index.js

@@ -0,0 +1,38 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Copyright (c) Nicolas Gallagher.
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+import * as React from 'react';
+import { StyleSheet, canUseDOM } from '@hanzogui/react-native-web-internals';
+import { View } from '../View/index.js';
+const cssFunction = (() => {
+    if (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 (_jsx(View, { ...rest, ref: ref, style: StyleSheet.compose(styles.root, style) }));
+});
+SafeAreaView.displayName = 'SafeAreaView';
+const styles = 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)`,
+    },
+});
+export { SafeAreaView };
+export default SafeAreaView;
+//# sourceMappingURL=index.js.map

package/dist/esm/SafeAreaView/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/SafeAreaView/index.tsx"],"names":[],"mappings":";AAAA;;;;;;;;GAQG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAA;AAG5E,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAmB,CAAA;AAExC,MAAM,WAAW,GAAuB,CAAC,GAAG,EAAE;IAC5C,IACE,SAAS;QACT,MAAM,CAAC,GAAG;QACV,MAAM,CAAC,GAAG,CAAC,QAAQ;QACnB,MAAM,CAAC,GAAG,CAAC,QAAQ,CAAC,oCAAoC,CAAC,EACzD,CAAC;QACD,OAAO,UAAU,CAAA;IACnB,CAAC;IACD,OAAO,KAAK,CAAA;AACd,CAAC,CAAC,EAAE,CAAA;AAEJ,MAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CAAyB,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC3E,MAAM,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAA;IAChC,OAAO,CACL,KAAC,IAAI,OAAK,IAAI,EAAE,GAAG,EAAE,GAAU,EAAE,KAAK,EAAE,UAAU,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,GAAI,CACnF,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,YAAY,CAAC,WAAW,GAAG,cAAc,CAAA;AAEzC,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,IAAI,EAAE;QACJ,UAAU,EAAE,GAAG,WAAW,uBAAuB;QACjD,YAAY,EAAE,GAAG,WAAW,yBAAyB;QACrD,aAAa,EAAE,GAAG,WAAW,0BAA0B;QACvD,WAAW,EAAE,GAAG,WAAW,wBAAwB;KACpD;CACF,CAAC,CAAA;AAEF,OAAO,EAAE,YAAY,EAAE,CAAA;AACvB,eAAe,YAAY,CAAA"}

package/dist/esm/ScrollView/ScrollViewBase.js

@@ -0,0 +1,129 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * 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 '@hanzogui/react-native-web-internals';
+import * as React from 'react';
+import { View } from '../View/index.js';
+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;
+}
+/**
+ * Encapsulates the Web-specific scroll throttling and disabling logic
+ */
+const ScrollViewBase = React.forwardRef((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) {
+        return (e) => {
+            if (scrollEnabled) {
+                if (handler) {
+                    handler(e);
+                }
+            }
+        };
+    }
+    function handleScroll(e) {
+        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) {
+        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 = false;
+        if (onScroll) {
+            onScroll(normalizeScrollEvent(e));
+        }
+    }
+    const hideHorizontalScrollbar = showsHorizontalScrollIndicator === false;
+    const hideVerticalScrollbar = showsVerticalScrollIndicator === false;
+    return (_jsx(View, { ...rest, className: '_dsp_contents' +
+            (hideHorizontalScrollbar ? ' _hsb-x' : '') +
+            (hideVerticalScrollbar ? ' _hsb-y' : ''), onScroll: handleScroll, onTouchMove: createPreventableScrollHandler(onTouchMove), onWheel: createPreventableScrollHandler(onWheel), 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;
+//# sourceMappingURL=ScrollViewBase.js.map

package/dist/esm/ScrollView/ScrollViewBase.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollViewBase.js","sourceRoot":"","sources":["../../../src/ScrollView/ScrollViewBase.tsx"],"names":[],"mappings":"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"}