@oxy.so/bloom 3.6.0 → 4.0.0

package/lib/module/route-stops/RouteStops.js

@@ -0,0 +1,232 @@
+"use strict";
+
+import React, { memo, useCallback, useMemo } from 'react';
+import { View } from 'react-native';
+import { AddressRow, resolveAddressPaint } from "../address/index.js";
+import { Button, GlyphButton } from '../button';
+import { RiAddLine } from "../icons/remix/RiAddLine.js";
+import { RiArrowUpDownLine } from "../icons/remix/RiArrowUpDownLine.js";
+import { RiCloseLine } from "../icons/remix/RiCloseLine.js";
+import { hairlineOn, useSurfaceFill } from "../styles/surface-levels.js";
+import { resolveAccentColors } from "../theme/accent-colors.js";
+import { useTheme } from "../theme/use-theme.js";
+import { ROUTE_STOPS_GEOMETRY, ROUTE_STOP_STATE_LABELS, ROUTE_STOPS_SWAP_COLUMN, ROUTE_STOPS_SWAP_SIZE } from "./constants.js";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * An origin, a destination, and what is between them.
+ *
+ *   marker   the SHAPE says which stop it is, the COLOUR says how far the
+ *            journey got. Origin: a 12 ring (3px). Between: an 8 dot.
+ *            Destination: a 12 square, 3 radius — an end, not another dot.
+ *            `reached` and `current` paint the accent, `pending` the graphical
+ *            rung, and `current` adds a 3px tint halo.
+ *   connector 2px, travelled when the stop BELOW it has been reached or is
+ *            current — so the line fills behind the journey.
+ *   rows     `AddressRow` with `leading={null}`: the marker column is already
+ *            the gutter, so the row draws no tile of its own and every other
+ *            decision — press target, density, selected wash, disabled — stays
+ *            where it already was.
+ *   swap     a column of its own beside the list, centred against the whole of
+ *            it, so with two stops it lands between them without a magic
+ *            offset. Offered only for exactly two stops.
+ *
+ * THE MARKER COLUMN IS TWO HALF-LINES AROUND THE MARKER, each `flex: 1`. The
+ * marker therefore centres itself in whatever height the row turns out to be,
+ * and the half below one row meets the half above the next exactly — for a row
+ * with a subtitle, a badge, a wrapped line or none of those. Nothing measures
+ * anything and nothing is nudged.
+ *
+ * A `list` of `listitem`s named as one. Each row's announced name carries its
+ * POSITION and its STATE before its text — "Destination, not reached, Home,
+ * Carrer de l’Om 14" — because the shape and the colour that say both of
+ * those things on screen say nothing at all to a screen reader.
+ */
+function RouteStopsComponent({
+  stops,
+  onPressStop,
+  onSwap,
+  onAddStop,
+  onRemoveStop,
+  canAddStop = true,
+  density = 'comfortable',
+  labels,
+  addIcon = RiAddLine,
+  accessibilityLabel = 'Route stops',
+  style,
+  testID
+}) {
+  const theme = useTheme();
+  const surface = useSurfaceFill();
+  const paint = useMemo(() => resolveAddressPaint(theme, surface), [theme, surface]);
+  const connector = useMemo(() => hairlineOn(theme, surface), [theme, surface]);
+  const g = ROUTE_STOPS_GEOMETRY[density];
+  const accent = resolveAccentColors(theme.colors, 'primary', 'solid');
+  const halo = resolveAccentColors(theme.colors, 'primary', 'subtle').background;
+  const stateWords = {
+    ...ROUTE_STOP_STATE_LABELS,
+    ...labels?.state
+  };
+  const originWord = labels?.origin ?? 'Origin';
+  const destinationWord = labels?.destination ?? 'Destination';
+  const stopWord = labels?.stop ?? (position => `Stop ${position}`);
+  const removeWord = labels?.remove ?? (stop => `Remove ${stop.title}`);
+  const travelled = index => {
+    const stop = stops[index];
+    if (stop === undefined) return false;
+    const state = stop.state ?? 'pending';
+    return state === 'reached' || state === 'current';
+  };
+  const press = useCallback(id => onPressStop ? () => onPressStop(id) : undefined, [onPressStop]);
+  const positionWord = index => {
+    if (index === 0) return originWord;
+    if (index === stops.length - 1) return destinationWord;
+    return stopWord(index + 1);
+  };
+  const list = /*#__PURE__*/_jsx(View, {
+    role: "list",
+    accessibilityLabel: accessibilityLabel,
+    testID: testID ? `${testID}-list` : undefined,
+    children: stops.map((stop, index) => {
+      const state = stop.state ?? 'pending';
+      const first = index === 0;
+      const last = index === stops.length - 1;
+      const on = state === 'reached' || state === 'current';
+      const id = part => testID ? `${testID}-${index}-${part}` : undefined;
+
+      // SHAPE says which stop, COLOUR says how far the journey got, and
+      // SIZE says which one is current. The third is not decoration: at 8px a
+      // tint halo drawn INSIDE the dot is two pixels of fill and reads as the
+      // same dot as the one before it, so the current stop grows by `halo`
+      // and wears the ring on the outside of its own diameter.
+      const current = state === 'current';
+      const base = first || last ? g.terminal : g.waypoint;
+      const size = current ? base + g.halo : base;
+      const marker = /*#__PURE__*/_jsx(View, {
+        testID: id('marker'),
+        style: {
+          width: size,
+          height: size,
+          borderRadius: last && !first ? g.square : size / 2,
+          backgroundColor: first ? surface : on ? accent.background : surface,
+          borderWidth: first || current ? 3 : on ? 0 : 1.5,
+          borderColor: first ? on ? accent.background : paint.textGraphical : current ? halo : paint.textGraphical
+        }
+      });
+      const rail = side => /*#__PURE__*/_jsx(View, {
+        testID: id(side === 'in' ? 'rail-in' : 'rail-out'),
+        style: {
+          flex: 1,
+          minHeight: 4,
+          width: g.line,
+          borderRadius: g.line / 2,
+          backgroundColor: side === 'in' ? first ? 'transparent' : travelled(index) ? accent.background : connector : last ? 'transparent' : travelled(index + 1) ? accent.background : connector
+        }
+      });
+      const name = stop.accessibilityLabel ?? [positionWord(index), stateWords[state], stop.title, stop.subtitle, stop.meta].filter(part => typeof part === 'string' && part !== '').join(', ');
+      return /*#__PURE__*/_jsxs(View, {
+        role: "listitem"
+        // WHERE THE NAME GOES depends on whether the row is a control, and
+        // it is one or the other, never both. A pressable row is a BUTTON
+        // and carries the name itself; an unnamed `listitem` around it adds
+        // nothing. A read-only row is not a control at all — `Item`'s
+        // non-pressable branch renders `role="none"`, which is exactly the
+        // element an assistive technology is told to ignore — so the name
+        // has to be on the `listitem`, and naming both would announce the
+        // stop twice.
+        ,
+        accessibilityLabel: onPressStop ? undefined : name,
+        testID: id('item'),
+        style: {
+          flexDirection: 'row'
+        },
+        children: [/*#__PURE__*/_jsxs(View, {
+          style: {
+            width: g.column,
+            alignItems: 'center'
+          },
+          children: [rail('in'), marker, rail('out')]
+        }), /*#__PURE__*/_jsx(View, {
+          style: {
+            flex: 1,
+            minWidth: 0
+          },
+          children: /*#__PURE__*/_jsx(AddressRow, {
+            title: stop.title,
+            subtitle: stop.subtitle,
+            meta: stop.meta,
+            badge: stop.badge,
+            kind: stop.kind,
+            leading: null,
+            density: density,
+            onPress: press(stop.id),
+            accessibilityLabel: onPressStop ? name : undefined,
+            action: /*#__PURE__*/_jsxs(_Fragment, {
+              children: [stop.action, onRemoveStop ? /*#__PURE__*/_jsx(GlyphButton, {
+                size: 32,
+                glyphSize: 16,
+                icon: RiCloseLine,
+                color: paint.textTertiary,
+                hoverColor: paint.text,
+                onPress: () => onRemoveStop(stop.id),
+                accessibilityLabel: removeWord(stop),
+                testID: id('remove')
+              }) : null]
+            }),
+            testID: id('row')
+          })
+        })]
+      }, stop.id);
+    })
+  });
+  const swappable = onSwap !== undefined && stops.length === 2;
+  return /*#__PURE__*/_jsxs(View, {
+    testID: testID,
+    style: style,
+    children: [/*#__PURE__*/_jsxs(View, {
+      style: {
+        flexDirection: 'row',
+        alignItems: 'stretch'
+      },
+      children: [/*#__PURE__*/_jsx(View, {
+        style: {
+          flex: 1,
+          minWidth: 0
+        },
+        children: list
+      }), swappable ? /*#__PURE__*/_jsx(View, {
+        style: {
+          width: ROUTE_STOPS_SWAP_COLUMN,
+          alignItems: 'center',
+          justifyContent: 'center'
+        },
+        children: /*#__PURE__*/_jsx(GlyphButton, {
+          size: ROUTE_STOPS_SWAP_SIZE,
+          icon: RiArrowUpDownLine,
+          color: paint.textSecondary,
+          hoverColor: paint.text,
+          onPress: onSwap,
+          accessibilityLabel: labels?.swap ?? 'Swap origin and destination',
+          testID: testID ? `${testID}-swap` : undefined
+        })
+      }) : null]
+    }), onAddStop ? /*#__PURE__*/_jsx(View, {
+      style: {
+        alignItems: 'flex-start',
+        paddingLeft: 8,
+        paddingTop: 4
+      },
+      children: /*#__PURE__*/_jsx(Button, {
+        variant: "text",
+        size: "small",
+        leadingIcon: addIcon,
+        onPress: onAddStop,
+        disabled: !canAddStop,
+        testID: testID ? `${testID}-add` : undefined,
+        children: labels?.addStop ?? 'Add a stop'
+      })
+    }) : null]
+  });
+}
+export const RouteStops = /*#__PURE__*/memo(RouteStopsComponent);
+RouteStops.displayName = 'RouteStops';
+//# sourceMappingURL=RouteStops.js.map

package/lib/module/route-stops/RouteStops.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","useCallback","useMemo","View","AddressRow","resolveAddressPaint","Button","GlyphButton","RiAddLine","RiArrowUpDownLine","RiCloseLine","hairlineOn","useSurfaceFill","resolveAccentColors","useTheme","ROUTE_STOPS_GEOMETRY","ROUTE_STOP_STATE_LABELS","ROUTE_STOPS_SWAP_COLUMN","ROUTE_STOPS_SWAP_SIZE","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","RouteStopsComponent","stops","onPressStop","onSwap","onAddStop","onRemoveStop","canAddStop","density","labels","addIcon","accessibilityLabel","style","testID","theme","surface","paint","connector","g","accent","colors","halo","background","stateWords","state","originWord","origin","destinationWord","destination","stopWord","stop","position","removeWord","remove","title","travelled","index","undefined","press","id","positionWord","length","list","role","children","map","first","last","on","part","current","base","terminal","waypoint","size","marker","width","height","borderRadius","square","backgroundColor","borderWidth","borderColor","textGraphical","rail","side","flex","minHeight","line","name","subtitle","meta","filter","join","flexDirection","column","alignItems","minWidth","badge","kind","leading","onPress","action","glyphSize","icon","color","textTertiary","hoverColor","text","swappable","justifyContent","textSecondary","swap","paddingLeft","paddingTop","variant","leadingIcon","disabled","addStop","RouteStops","displayName"],"sourceRoot":"../../../src","sources":["route-stops/RouteStops.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/route-stops/constants.js

@@ -0,0 +1,30 @@
+"use strict";
+
+export const ROUTE_STOP_STATE_LABELS = {
+  reached: 'Reached',
+  current: 'Current stop',
+  pending: 'Not reached'
+};
+export const ROUTE_STOPS_GEOMETRY = {
+  comfortable: {
+    column: 24,
+    terminal: 12,
+    waypoint: 8,
+    halo: 6,
+    line: 2,
+    square: 3
+  },
+  compact: {
+    column: 20,
+    terminal: 10,
+    waypoint: 6,
+    halo: 4,
+    line: 2,
+    square: 2
+  }
+};
+
+/** The swap control's column, wide enough for a 44 target. */
+export const ROUTE_STOPS_SWAP_COLUMN = 44;
+export const ROUTE_STOPS_SWAP_SIZE = 40;
+//# sourceMappingURL=constants.js.map

package/lib/module/route-stops/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ROUTE_STOP_STATE_LABELS","reached","current","pending","ROUTE_STOPS_GEOMETRY","comfortable","column","terminal","waypoint","halo","line","square","compact","ROUTE_STOPS_SWAP_COLUMN","ROUTE_STOPS_SWAP_SIZE"],"sourceRoot":"../../../src","sources":["route-stops/constants.ts"],"mappings":";;AAGA,OAAO,MAAMA,uBAAuD,GAAG;EACrEC,OAAO,EAAE,SAAS;EAClBC,OAAO,EAAE,cAAc;EACvBC,OAAO,EAAE;AACX,CAAC;AAiBD,OAAO,MAAMC,oBAAgE,GAAG;EAC9EC,WAAW,EAAE;IAAEC,MAAM,EAAE,EAAE;IAAEC,QAAQ,EAAE,EAAE;IAAEC,QAAQ,EAAE,CAAC;IAAEC,IAAI,EAAE,CAAC;IAAEC,IAAI,EAAE,CAAC;IAAEC,MAAM,EAAE;EAAE,CAAC;EACnFC,OAAO,EAAE;IAAEN,MAAM,EAAE,EAAE;IAAEC,QAAQ,EAAE,EAAE;IAAEC,QAAQ,EAAE,CAAC;IAAEC,IAAI,EAAE,CAAC;IAAEC,IAAI,EAAE,CAAC;IAAEC,MAAM,EAAE;EAAE;AAChF,CAAC;;AAED;AACA,OAAO,MAAME,uBAAuB,GAAG,EAAE;AACzC,OAAO,MAAMC,qBAAqB,GAAG,EAAE","ignoreList":[]}

package/lib/module/route-stops/index.js

@@ -0,0 +1,5 @@
+"use strict";
+
+export { RouteStops } from "./RouteStops.js";
+export { ROUTE_STOPS_GEOMETRY, ROUTE_STOP_STATE_LABELS } from "./constants.js";
+//# sourceMappingURL=index.js.map

package/lib/module/route-stops/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["RouteStops","ROUTE_STOPS_GEOMETRY","ROUTE_STOP_STATE_LABELS"],"sourceRoot":"../../../src","sources":["route-stops/index.ts"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,iBAAc;AACzC,SAASC,oBAAoB,EAAEC,uBAAuB,QAAQ,gBAAa","ignoreList":[]}

package/lib/module/route-stops/types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=types.js.map

package/lib/module/route-stops/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["route-stops/types.ts"],"mappings":"","ignoreList":[]}

package/lib/module/screen/Screen.js

@@ -0,0 +1,139 @@
+"use strict";
+
+import React, { useContext, useEffect, useMemo, useState } from 'react';
+import { Keyboard, Platform, View } from 'react-native';
+import { SafeAreaInsetsContext } from 'react-native-safe-area-context';
+import { windowEdgeGap } from "../layout/edge.js";
+import { useSharedValue } from 'react-native-reanimated';
+import { useTheme } from "../theme/use-theme.js";
+import { WEB_POSITION_STICKY } from "../styles/web-view-style.js";
+import { Z_INDEX } from "../styles/z-index.js";
+import { ScreenContext, ScreenNavigationContext } from "./context.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/** One continuous canvas; chrome overlays it and content reserves its measured footprint. */
+export function Screen({
+  header,
+  bottomBar,
+  primaryAction,
+  active: requestedActive = true,
+  navigationScope = 'inherit',
+  documentScroll = false,
+  headerHeight,
+  bottomBarHeight,
+  contentClearance = 16,
+  children,
+  style,
+  testID,
+  ...props
+}) {
+  const {
+    colors
+  } = useTheme();
+  const parentScreen = useContext(ScreenContext);
+  const active = requestedActive && (navigationScope === 'isolated' ? true : parentScreen?.active ?? true);
+  const scrollY = useSharedValue(0);
+  const localProgress = useSharedValue(0);
+  const localTarget = useSharedValue(0);
+  const localScroller = useSharedValue(null);
+  const inheritedNavigation = useContext(ScreenNavigationContext);
+  const navigation = useMemo(() => navigationScope === 'inherit' && inheritedNavigation ? inheritedNavigation : {
+    collapseProgress: localProgress,
+    collapseTarget: localTarget,
+    activeScrollerId: localScroller
+  }, [navigationScope, inheritedNavigation, localProgress, localTarget, localScroller]);
+  const {
+    collapseProgress,
+    collapseTarget,
+    activeScrollerId
+  } = navigation;
+  const insets = useContext(SafeAreaInsetsContext);
+  const [measuredTop, setTop] = useState(null);
+  const [measuredBottom, setBottom] = useState(null);
+  const top = measuredTop ?? headerHeight ?? 56 + (Platform.OS === 'web' ? 0 : insets?.top ?? 0);
+  const bottom = measuredBottom ?? bottomBarHeight ?? 58 + windowEdgeGap(insets?.bottom ?? 0);
+  const [keyboardVisible, setKeyboardVisible] = useState(false);
+  useEffect(() => {
+    if (Platform.OS === 'web') return;
+    const show = Keyboard.addListener('keyboardDidShow', () => setKeyboardVisible(true));
+    const hide = Keyboard.addListener('keyboardDidHide', () => setKeyboardVisible(false));
+    return () => {
+      show.remove();
+      hide.remove();
+    };
+  }, []);
+  const hasBottom = !keyboardVisible && Boolean(bottomBar || primaryAction);
+  const value = useMemo(() => ({
+    active,
+    scrollY,
+    collapseProgress,
+    collapseTarget,
+    activeScrollerId,
+    topInset: header ? top : 0,
+    bottomInset: hasBottom ? bottom + contentClearance : navigationScope === 'inherit' ? inheritedNavigation?.bottomInset ?? contentClearance : contentClearance
+  }), [active, scrollY, collapseProgress, collapseTarget, activeScrollerId, header, hasBottom, top, bottom, contentClearance, navigationScope, inheritedNavigation?.bottomInset]);
+  const document = documentScroll && Platform.OS === 'web';
+  const headerNode = header ? /*#__PURE__*/_jsx(View, {
+    testID: testID ? `${testID}-header` : undefined,
+    pointerEvents: "box-none",
+    onLayout: event => setTop(event.nativeEvent.layout.height),
+    style: document ? {
+      position: WEB_POSITION_STICKY,
+      top: 0,
+      zIndex: Z_INDEX.floating,
+      marginBottom: -top
+    } : {
+      position: 'absolute',
+      top: 0,
+      left: 0,
+      right: 0
+    },
+    children: header
+  }) : null;
+  const bottomNode = hasBottom ? /*#__PURE__*/_jsx(View, {
+    testID: testID ? `${testID}-bottom` : undefined,
+    pointerEvents: "box-none",
+    onLayout: event => setBottom(event.nativeEvent.layout.height),
+    style: document ? {
+      position: WEB_POSITION_STICKY,
+      bottom: 0,
+      zIndex: Z_INDEX.floating,
+      marginTop: -bottom
+    } : {
+      position: 'absolute',
+      bottom: 0,
+      left: 0,
+      right: 0
+    },
+    children: bottomBar ?? /*#__PURE__*/_jsx(View, {
+      pointerEvents: "box-none",
+      style: {
+        alignItems: 'flex-end',
+        paddingHorizontal: 16,
+        paddingBottom: windowEdgeGap(insets?.bottom ?? 0),
+        minHeight: bottom
+      },
+      children: primaryAction
+    })
+  }) : null;
+  return /*#__PURE__*/_jsx(ScreenNavigationContext.Provider, {
+    value: navigationScope === 'inherit' ? inheritedNavigation : {
+      ...navigation,
+      bottomInset: value.bottomInset
+    },
+    children: /*#__PURE__*/_jsx(ScreenContext.Provider, {
+      value: value,
+      children: /*#__PURE__*/_jsxs(View, {
+        ...props,
+        testID: testID,
+        style: [{
+          flex: 1,
+          minHeight: 0,
+          position: 'relative',
+          backgroundColor: colors.background
+        }, style],
+        children: [document ? headerNode : null, children, document ? null : headerNode, bottomNode]
+      })
+    })
+  });
+}
+//# sourceMappingURL=Screen.js.map

package/lib/module/screen/Screen.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useContext","useEffect","useMemo","useState","Keyboard","Platform","View","SafeAreaInsetsContext","windowEdgeGap","useSharedValue","useTheme","WEB_POSITION_STICKY","Z_INDEX","ScreenContext","ScreenNavigationContext","jsx","_jsx","jsxs","_jsxs","Screen","header","bottomBar","primaryAction","active","requestedActive","navigationScope","documentScroll","headerHeight","bottomBarHeight","contentClearance","children","style","testID","props","colors","parentScreen","scrollY","localProgress","localTarget","localScroller","inheritedNavigation","navigation","collapseProgress","collapseTarget","activeScrollerId","insets","measuredTop","setTop","measuredBottom","setBottom","top","OS","bottom","keyboardVisible","setKeyboardVisible","show","addListener","hide","remove","hasBottom","Boolean","value","topInset","bottomInset","document","headerNode","undefined","pointerEvents","onLayout","event","nativeEvent","layout","height","position","zIndex","floating","marginBottom","left","right","bottomNode","marginTop","alignItems","paddingHorizontal","paddingBottom","minHeight","Provider","flex","backgroundColor","background"],"sourceRoot":"../../../src","sources":["screen/Screen.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/screen/ScreenScrollView.js

@@ -0,0 +1,40 @@
+"use strict";
+
+import React, { forwardRef } from 'react';
+import { StyleSheet } from 'react-native';
+import Animated from 'react-native-reanimated';
+import { useScreenScroll } from "./use-screen-scroll.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const ScreenScrollView = /*#__PURE__*/forwardRef(function ScreenScrollView({
+  active,
+  handler,
+  restoration,
+  contentContainerStyle,
+  children,
+  style,
+  ...props
+}, ref) {
+  const scroll = useScreenScroll({
+    active,
+    handler,
+    restoration
+  });
+  const contentStyle = StyleSheet.flatten(contentContainerStyle);
+  return /*#__PURE__*/_jsx(Animated.ScrollView, {
+    ...props,
+    ref: ref,
+    style: [style, restoration?.restorePending ? {
+      opacity: 0
+    } : null],
+    onScroll: scroll.onScroll,
+    scrollEventThrottle: 16,
+    contentInsetAdjustmentBehavior: "never",
+    automaticallyAdjustContentInsets: false,
+    contentContainerStyle: [contentContainerStyle, {
+      paddingTop: scroll.contentInsets.top + Number(contentStyle?.paddingTop ?? contentStyle?.paddingVertical ?? contentStyle?.padding ?? 0),
+      paddingBottom: scroll.contentInsets.bottom + Number(contentStyle?.paddingBottom ?? contentStyle?.paddingVertical ?? contentStyle?.padding ?? 0)
+    }],
+    children: children
+  });
+});
+//# sourceMappingURL=ScreenScrollView.js.map

package/lib/module/screen/ScreenScrollView.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","forwardRef","StyleSheet","Animated","useScreenScroll","jsx","_jsx","ScreenScrollView","active","handler","restoration","contentContainerStyle","children","style","props","ref","scroll","contentStyle","flatten","ScrollView","restorePending","opacity","onScroll","scrollEventThrottle","contentInsetAdjustmentBehavior","automaticallyAdjustContentInsets","paddingTop","contentInsets","top","Number","paddingVertical","padding","paddingBottom","bottom"],"sourceRoot":"../../../src","sources":["screen/ScreenScrollView.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,SAAqBC,UAAU,QAAQ,cAAc;AACrD,OAAOC,QAAQ,MAAM,yBAAyB;AAC9C,SAASC,eAAe,QAAQ,wBAAqB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGtD,OAAO,MAAMC,gBAAgB,gBAAGN,UAAU,CAAoC,SAASM,gBAAgBA,CAAC;EAAEC,MAAM;EAAEC,OAAO;EAAEC,WAAW;EAAEC,qBAAqB;EAAEC,QAAQ;EAAEC,KAAK;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,EAAE;EAC/L,MAAMC,MAAM,GAAGZ,eAAe,CAAC;IAAEI,MAAM;IAAEC,OAAO;IAAEC;EAAY,CAAC,CAAC;EAChE,MAAMO,YAAY,GAAGf,UAAU,CAACgB,OAAO,CAACP,qBAAqB,CAAC;EAC9D,oBAAOL,IAAA,CAACH,QAAQ,CAACgB,UAAU;IAAA,GAAKL,KAAK;IAAEC,GAAG,EAAEA,GAAI;IAACF,KAAK,EAAE,CAACA,KAAK,EAAEH,WAAW,EAAEU,cAAc,GAAG;MAAEC,OAAO,EAAE;IAAE,CAAC,GAAG,IAAI,CAAE;IAACC,QAAQ,EAAEN,MAAM,CAACM,QAAS;IAACC,mBAAmB,EAAE,EAAG;IAACC,8BAA8B,EAAC,OAAO;IAACC,gCAAgC,EAAE,KAAM;IAACd,qBAAqB,EAAE,CAACA,qBAAqB,EAAE;MAAEe,UAAU,EAAEV,MAAM,CAACW,aAAa,CAACC,GAAG,GAAGC,MAAM,CAACZ,YAAY,EAAES,UAAU,IAAIT,YAAY,EAAEa,eAAe,IAAIb,YAAY,EAAEc,OAAO,IAAI,CAAC,CAAC;MAAEC,aAAa,EAAEhB,MAAM,CAACW,aAAa,CAACM,MAAM,GAAGJ,MAAM,CAACZ,YAAY,EAAEe,aAAa,IAAIf,YAAY,EAAEa,eAAe,IAAIb,YAAY,EAAEc,OAAO,IAAI,CAAC;IAAE,CAAC,CAAE;IAAAnB,QAAA,EAAEA;EAAQ,CAAsB,CAAC;AACzmB,CAAC,CAAC","ignoreList":[]}

package/lib/module/screen/context.js

@@ -0,0 +1,14 @@
+"use strict";
+
+import { createContext, useContext } from 'react';
+export const ScreenNavigationContext = /*#__PURE__*/createContext(null);
+export const ScreenContext = /*#__PURE__*/createContext(null);
+export function useScreenContext() {
+  return useContext(ScreenContext);
+}
+export function useScreen() {
+  const screen = useScreenContext();
+  if (!screen) throw new Error('Screen content must be rendered inside <Screen>.');
+  return screen;
+}
+//# sourceMappingURL=context.js.map

package/lib/module/screen/context.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createContext","useContext","ScreenNavigationContext","ScreenContext","useScreenContext","useScreen","screen","Error"],"sourceRoot":"../../../src","sources":["screen/context.ts"],"mappings":";;AAAA,SAASA,aAAa,EAAEC,UAAU,QAAQ,OAAO;AAcjD,OAAO,MAAMC,uBAAuB,gBAAGF,aAAa,CAA+B,IAAI,CAAC;AAExF,OAAO,MAAMG,aAAa,gBAAGH,aAAa,CAA4B,IAAI,CAAC;AAC3E,OAAO,SAASI,gBAAgBA,CAAA,EAAG;EAAE,OAAOH,UAAU,CAACE,aAAa,CAAC;AAAE;AACvE,OAAO,SAASE,SAASA,CAAA,EAAuB;EAC9C,MAAMC,MAAM,GAAGF,gBAAgB,CAAC,CAAC;EACjC,IAAI,CAACE,MAAM,EAAE,MAAM,IAAIC,KAAK,CAAC,kDAAkD,CAAC;EAChF,OAAOD,MAAM;AACf","ignoreList":[]}

package/lib/module/screen/index.js

@@ -0,0 +1,8 @@
+"use strict";
+
+export { Screen } from "./Screen.js";
+export { ScreenScrollView } from "./ScreenScrollView.js";
+export { useScreen } from "./context.js";
+export { useScreenScroll } from "./use-screen-scroll.js";
+export { useScreenWindowScroll } from "./use-screen-window-scroll.js";
+//# sourceMappingURL=index.js.map

package/lib/module/screen/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Screen","ScreenScrollView","useScreen","useScreenScroll","useScreenWindowScroll"],"sourceRoot":"../../../src","sources":["screen/index.ts"],"mappings":";;AAAA,SAASA,MAAM,QAAQ,aAAU;AACjC,SAASC,gBAAgB,QAAQ,uBAAoB;AACrD,SAASC,SAAS,QAAQ,cAAW;AACrC,SAASC,eAAe,QAAQ,wBAAqB;AAErD,SAASC,qBAAqB,QAAQ,+BAA4B","ignoreList":[]}

package/lib/module/screen/types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=types.js.map

package/lib/module/screen/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["screen/types.ts"],"mappings":"","ignoreList":[]}

package/lib/module/screen/use-screen-scroll.js

@@ -0,0 +1,59 @@
+"use strict";
+
+import { useCallback, useEffect, useId } from 'react';
+import { runOnJS, useAnimatedScrollHandler, useComposedEventHandler, useReducedMotion, useSharedValue, withSpring } from 'react-native-reanimated';
+import { useScreen } from "./context.js";
+/** Bind an animated ScrollView or virtualized list without moving frame work to JS. */
+export function useScreenScroll({
+  active: requestedActive = true,
+  handler = null,
+  restoration
+} = {}) {
+  const screen = useScreen();
+  const active = requestedActive && screen.active;
+  const restoring = restoration?.restorePending ?? false;
+  const id = useId();
+  const previousY = useSharedValue(0);
+  const reducedMotion = useReducedMotion();
+  useEffect(() => {
+    if (!active) return;
+    screen.activeScrollerId.value = id;
+    return () => {
+      if (screen.activeScrollerId.value === id) screen.activeScrollerId.value = null;
+    };
+  }, [active, id, screen.activeScrollerId]);
+  const record = useCallback(event => restoration?.onScroll({
+    nativeEvent: event
+  }), [restoration?.onScroll]);
+  const hasRestoration = restoration != null;
+  const ownHandler = useAnimatedScrollHandler({
+    onScroll: event => {
+      if (!active || screen.activeScrollerId.value !== id) return;
+      if (hasRestoration) runOnJS(record)(event);
+      const y = Math.min(Math.max(0, event.contentOffset.y), Math.max(0, event.contentSize.height - event.layoutMeasurement.height));
+      const delta = y - previousY.value;
+      previousY.value = y;
+      screen.scrollY.value = y;
+      if (restoring) return;
+      const target = y < 24 ? 0 : delta > 3 ? 1 : delta < -3 ? 0 : screen.collapseTarget.value;
+      if (target !== screen.collapseTarget.value) {
+        screen.collapseTarget.value = target;
+        screen.collapseProgress.value = reducedMotion ? target : withSpring(target, {
+          duration: 380,
+          dampingRatio: 1
+        });
+      }
+    }
+  }, [screen, active, id, previousY, reducedMotion, hasRestoration, record, restoring]);
+  const onScroll = useComposedEventHandler([ownHandler, handler]);
+  return {
+    onScroll,
+    contentInsets: {
+      top: screen.topInset,
+      bottom: screen.bottomInset
+    },
+    scrollY: screen.scrollY,
+    collapseProgress: screen.collapseProgress
+  };
+}
+//# sourceMappingURL=use-screen-scroll.js.map

package/lib/module/screen/use-screen-scroll.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useEffect","useId","runOnJS","useAnimatedScrollHandler","useComposedEventHandler","useReducedMotion","useSharedValue","withSpring","useScreen","useScreenScroll","active","requestedActive","handler","restoration","screen","restoring","restorePending","id","previousY","reducedMotion","activeScrollerId","value","record","event","onScroll","nativeEvent","hasRestoration","ownHandler","y","Math","min","max","contentOffset","contentSize","height","layoutMeasurement","delta","scrollY","target","collapseTarget","collapseProgress","duration","dampingRatio","contentInsets","top","topInset","bottom","bottomInset"],"sourceRoot":"../../../src","sources":["screen/use-screen-scroll.ts"],"mappings":"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","ignoreList":[]}