@oxyhq/bloom 0.89.0 → 1.0.0

package/lib/commonjs/scroll/use-scroll-restoration.web.js

@@ -0,0 +1,346 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useScrollRestoration = useScrollRestoration;
+var _react = require("react");
+var _context = require("./context.js");
+var _scrollableWeb = require("./scrollable.web.js");
+var _store = require("./store.js");
+/**
+ * Web variant of the scroll-restoration primitive.
+ *
+ * Mirrors the proven Bluesky pattern (manual `history.scrollRestoration` plus
+ * an in-memory `Map<key, offset>`) with three deliberate differences forced by
+ * Oxy's layouts and by the behaviour of the (expo-router-wrapped) React
+ * Navigation web stack:
+ *
+ *  1. Bluesky restores the WINDOW scroller, whereas Oxy apps keep multi-column
+ *     layouts whose feed scrolls an INNER container. So we restore the offset
+ *     of a caller-registered scrollable (a ref to an element / RN scroll
+ *     component, or the `'window'` sentinel).
+ *
+ *  2. The web stack HIDES the background screen on push. While hidden, the
+ *     previous screen's scroll container collapses (`scrollHeight ===
+ *     clientHeight`) and the navigator forces its `scrollTop` to 0. The screen
+ *     is NOT unmounted, so a virtualized list (e.g. FlashList) keeps its rows
+ *     but re-lays them out over SEVERAL frames once the screen is re-shown. Two
+ *     problems follow, both handled here:
+ *
+ *       (a) A blur-time read of `scrollTop` returns the navigator's forced 0,
+ *           not the user's real offset — saving it would clobber the good
+ *           value. We therefore persist the last offset OBSERVED by the live
+ *           scroll listener, never a fresh read taken at blur time.
+ *
+ *       (b) A single-frame restore writes `scrollTop` while the list is still
+ *           collapsed; the write is clamped to 0 and never re-applied once the
+ *           content grows. We therefore re-apply the target offset across a
+ *           bounded run of animation frames, stopping as soon as the write
+ *           sticks (the content has grown tall enough) or a small frame cap is
+ *           reached.
+ *
+ *  3. A document-scrolled app (one window scroller shared by every route) has
+ *     no per-screen container to reset, so an unrecognised key MUST be written
+ *     to 0 explicitly. Doing nothing leaves the previous screen's offset in
+ *     place and the new screen opens mid-page.
+ *
+ * Native bundlers use `./index.ts`; web bundlers select this file via the
+ * `"browser"` export condition in `package.json`.
+ */
+
+/**
+ * Maximum number of animation frames the restore will re-apply the saved offset
+ * before giving up. A virtualized list re-lays out its rows over a handful of
+ * frames after its screen is re-shown; ~30 frames (≈0.5s at 60fps) is
+ * comfortably longer than any observed relayout while staying short enough that
+ * the loop never lingers as a perceptible cost. The loop normally exits far
+ * earlier — as soon as the write sticks.
+ */
+const RESTORE_FRAME_CAP = 30;
+
+/**
+ * Tolerance (in CSS pixels) for considering a restore "stuck". After writing
+ * `element.scrollTop = target`, the browser may clamp it to the current
+ * `scrollHeight - clientHeight`; if the resulting offset is within this many
+ * pixels of the target we treat the restore as complete. Sub-pixel rounding and
+ * fractional device-pixel ratios make an exact equality check unreliable.
+ */
+const RESTORE_STICK_TOLERANCE_PX = 2;
+
+/**
+ * This platform observes offsets by subscribing to the resolved DOM node's own
+ * `scroll` event, so it needs nothing from the caller. The handler is still
+ * returned — and still safe to spread onto a list — so a call site is written
+ * once and runs on both platforms.
+ */
+const WEB_ON_SCROLL = () => undefined;
+
+/**
+ * Events that mean the USER has taken over the scroller, and the restore must
+ * stop trying to put them back.
+ *
+ * The browser's own restoration is specified the same way: HTML §7.4.6.5 has
+ * the UA re-attempt the saved position and "may continue to attempt to do so
+ * periodically, until document's has been scrolled by the user becomes true".
+ * Without this the loop fights anyone who starts scrolling inside the frame
+ * budget, yanking them back once per frame for up to {@link RESTORE_FRAME_CAP}
+ * frames.
+ *
+ * Two designs were rejected, and the reasons are the point:
+ *
+ *  - **"Any `scroll` event aborts"** — the obvious version, and it aborts on the
+ *    FIRST frame every time: `setOffset` is itself a scroll, so the loop would
+ *    cancel on the event its own write produced and no restore would ever
+ *    complete.
+ *  - **"Abort on an offset we did not write"** — tempting because it needs no
+ *    listeners, but a virtualized list inserting rows ABOVE the viewport makes
+ *    the browser's scroll anchoring move `scrollTop` on its own. That is
+ *    precisely the situation the loop exists for, so the unexplained-delta test
+ *    would abort exactly when it must not.
+ *
+ * What is being detected is user INPUT, so this detects user input. `pointerdown`
+ * covers a scrollbar drag and a touch-less press; `keydown` covers arrow/page
+ * keys, and reaches us whenever focus is inside the scroller it would scroll.
+ */
+const USER_TAKEOVER_EVENTS = ['wheel', 'touchstart', 'pointerdown', 'keydown'];
+
+/**
+ * Preserve and restore the scroll offset of `target` across navigation, keyed
+ * by the content its screen is showing plus an optional `options.key`.
+ *
+ * Behaviour (web):
+ * - On every scroll while the screen is focused, the current offset is recorded
+ *   under the key that was live when the listener was attached. This stream of
+ *   saves is the source of truth.
+ * - On focus — and again whenever the key changes while the screen STAYS
+ *   focused, which is how an in-screen tab or folder swap is seen at all — the
+ *   offset saved for the new key is re-applied across a bounded run of
+ *   animation frames, stopping as soon as the write sticks or
+ *   {@link RESTORE_FRAME_CAP} is reached. Content never seen this session is
+ *   written to 0 once instead; a write to 0 always sticks, so it needs no loop.
+ * - On blur (and on a key change), the LAST OBSERVED offset is persisted under
+ *   the OUTGOING key as a final safety net — not a fresh `scrollTop` read,
+ *   which the navigator may already have forced to 0 while collapsing the
+ *   hidden screen.
+ */
+function useScrollRestoration(target, options) {
+  const {
+    store,
+    adapter
+  } = (0, _context.useScrollRestorationContext)();
+  const contentId = adapter.useScreenContentId();
+  const enabled = options?.enabled ?? true;
+  const scrollKey = (0, _store.deriveScrollKey)(contentId, options?.key);
+
+  // The key this hook instance has already sent to the top. Writing 0 is a
+  // one-time ARRIVAL action: a later re-run for the SAME key (`enabled` turning
+  // on once the rows exist, a screen regaining focus) must not repeat it,
+  // because by then the user may have scrolled somewhere the hook never got to
+  // record. Restoring twice is harmless; resetting twice is data loss.
+  const resetKeyRef = (0, _react.useRef)(null);
+
+  // Seeded from the store on the FIRST render rather than defaulting to false,
+  // because a caller hiding content until the offset lands would otherwise get
+  // one painted frame at the wrong position: the focus effect below is a
+  // passive effect and runs after that paint. A `useState` initializer runs
+  // exactly once, so this is a one-shot read and not a memoized one.
+  const [restorePending, setRestorePending] = (0, _react.useState)(() => enabled && scrollKey !== null && store.read(scrollKey) > 0);
+  adapter.useScreenFocusEffect(
+  // Every varying input is a dependency rather than a ref read, so the
+  // session below CLOSES OVER the key it belongs to. That is what makes a
+  // key change mid-focus correct in both directions: the outgoing session's
+  // cleanup persists to the old key, and the incoming one restores the new.
+  (0, _react.useCallback)(() => {
+    if (!enabled || scrollKey === null) {
+      setRestorePending(false);
+      return undefined;
+    }
+    const scroller = (0, _scrollableWeb.createScroller)(target);
+    const element = target === 'window' ? typeof window === 'undefined' ? null : window : resolveScrollEventTarget(target);
+
+    // The last offset the live scroll listener observed for this session.
+    // This — not a cleanup-time `getOffset()` — is what we persist at the
+    // end, because by then the navigator may have collapsed the hidden
+    // screen and forced its `scrollTop` to 0 (problem A). `null` means the
+    // user never scrolled this session, so there is nothing newer to persist
+    // than what the scroll listener already saved live.
+    let lastObservedOffset = null;
+
+    // The offset WE last wrote, which a real browser dispatches back as a
+    // `scroll` event (jsdom does not, so the tests for this emit it
+    // explicitly). Both writers arm it: the reset, and every frame of the
+    // restore loop. Persisting either records an offset the user never
+    // chose — the reset's 0 under a key another LIVE screen may share (the
+    // two-live-entries trade content keying makes, see `deriveScrollKey`),
+    // and the loop's intermediate value as a PARTIAL that outlives an
+    // interrupted restore.
+    //
+    // A `restoring` FLAG covering the loop's duration is the obvious
+    // alternative and is wrong. It could only be cleared by a takeover
+    // event, so a session whose scroll came from a source that fires none —
+    // `scrollIntoView` from another component, a focus-driven scroll — would
+    // suppress saves indefinitely and never record the user's position at
+    // all: an unbounded corruption traded for a bounded one. Arming a VALUE
+    // is bounded to one event per write and covers every way the loop can
+    // end (stuck, capped, aborted), because each frame re-arms.
+    let echoOffset = null;
+
+    // The largest offset reachable when we last PERSISTED one. A browser
+    // clamp is recognised against this rather than against the previous
+    // OBSERVATION, and that distinction is the whole mechanism: Chrome
+    // dispatches TWO `scroll` events for one clamp, so an
+    // observation-relative test sees the shrink on the first and nothing on
+    // the second, which then saves the clamped value anyway. Measured.
+    let maxOffsetAtLastSave = scroller.getMaxOffset();
+    const save = () => {
+      const offset = scroller.getOffset();
+      const maxOffset = scroller.getMaxOffset();
+      // Ignore a spurious 0 produced by the navigator collapsing a hidden
+      // background screen: while collapsed the container cannot scroll, so
+      // its `scrollTop` is forced to 0. Persisting it would clobber the good
+      // offset recorded by earlier live saves (problem A). A genuine
+      // scroll-to-top keeps the container scrollable and is saved normally.
+      if (offset === 0 && maxOffset <= 0) return;
+      // A partial clamp: the reachable range SHRANK and the offset is sitting
+      // exactly at the new bottom. That is what the browser does to a tab
+      // whose document has been taken over by a shorter sibling — the two
+      // together are a signature a genuine scroll does not have, because
+      // reaching the bottom on your own does not shrink the page in the same
+      // breath. Suppressing keeps the pre-clamp offset, which on return
+      // simply clamps to the same place if the content really did shrink.
+      if (maxOffset < maxOffsetAtLastSave && Math.abs(offset - maxOffset) <= RESTORE_STICK_TOLERANCE_PX) {
+        return;
+      }
+      if (offset === echoOffset) {
+        // Our own write coming back. Consume the arming so a real scroll to
+        // the same offset later is saved normally.
+        echoOffset = null;
+        return;
+      }
+      echoOffset = null;
+      lastObservedOffset = offset;
+      maxOffsetAtLastSave = maxOffset;
+      store.save(scrollKey, offset);
+    };
+
+    // Restore and reset are ONE write. A miss reads 0, and 0 is exactly what
+    // an unseen screen must be written to — left alone it would show the
+    // previous screen's offset, since a document-scrolled app shares one
+    // scroller across every route.
+    const targetOffset = store.read(scrollKey);
+
+    // They remain two DECISIONS, though, and `read` cannot tell them apart:
+    // a key never seen and a key deliberately saved at the top both read 0.
+    // Only the first is a RESET, and a reset is a one-time ARRIVAL action
+    // gated on `resetKeyRef` — repeating it on a later re-run for the same
+    // key would send a user who has since scrolled back to the top, and the
+    // hook was inert while they did it so there is nothing to restore them
+    // to afterwards. A 0 the user deliberately saved is theirs, and always
+    // re-applies. `has` is the only thing that answers this.
+    const isReset = !store.has(scrollKey);
+    const alreadyReset = isReset && resetKeyRef.current === scrollKey;
+    if (isReset) resetKeyRef.current = scrollKey;
+    let rafId = null;
+    const stopRestore = () => {
+      if (rafId !== null) {
+        cancelAnimationFrame(rafId);
+        rafId = null;
+      }
+      setRestorePending(false);
+    };
+    if (alreadyReset) {
+      // Nothing to write: this content has already been sent to the top once
+      // and the user is wherever they have moved to since.
+    } else if (targetOffset === 0) {
+      // A write to 0 is never clamped away, so it needs no re-apply loop.
+      echoOffset = 0;
+      scroller.setOffset(0);
+    } else if (typeof requestAnimationFrame !== 'undefined') {
+      // Re-apply across a bounded run of frames. A freshly re-shown
+      // virtualized list re-lays out its rows over several frames, so a
+      // single write while it is still collapsed would be clamped to 0 and
+      // never re-applied (problem B).
+      //
+      // Every write the loop makes is suppressed from the save path (see
+      // `echoOffset` below), so an interrupted restore leaves the ORIGINAL
+      // target stored rather than a partial. Nothing is lost on the success
+      // path: `targetOffset` came out of the store, so persisting it again
+      // would write back the same number.
+      setRestorePending(true);
+      let framesLeft = RESTORE_FRAME_CAP;
+      const applyOffset = () => {
+        rafId = null;
+        scroller.setOffset(targetOffset);
+        framesLeft -= 1;
+        // `getOffset` re-reads the value the browser actually took, which is
+        // clamped to the content height it has reached so far. Arm it as the
+        // echo to swallow: this write is about to come back as a `scroll`
+        // event, and persisting a PARTIAL offset we wrote ourselves is how a
+        // restore that is aborted or capped corrupts the stored position.
+        const landed = scroller.getOffset();
+        echoOffset = landed;
+        // Stop once the write took effect (content grew tall enough) or we
+        // exhaust the frame budget.
+        const reached = Math.abs(landed - targetOffset) <= RESTORE_STICK_TOLERANCE_PX;
+        if (!reached && framesLeft > 0) {
+          rafId = requestAnimationFrame(applyOffset);
+        } else {
+          setRestorePending(false);
+        }
+      };
+      rafId = requestAnimationFrame(applyOffset);
+      // Only while a loop is actually in flight — the reset path has nothing
+      // to abort, and the listeners would be idle on every screen.
+      for (const type of USER_TAKEOVER_EVENTS) {
+        element?.addEventListener(type, stopRestore, {
+          passive: true
+        });
+      }
+    }
+    element?.addEventListener('scroll', save, {
+      passive: true
+    });
+    return () => {
+      stopRestore();
+      element?.removeEventListener('scroll', save);
+      // Removing a listener that was never added is a no-op, so this needs no
+      // flag tracking whether the loop branch ran.
+      for (const type of USER_TAKEOVER_EVENTS) {
+        element?.removeEventListener(type, stopRestore);
+      }
+      // Final capture: persist the last offset the scroll listener OBSERVED,
+      // never a fresh read (which the navigator may have forced to 0 while
+      // collapsing the hidden screen). When the user never scrolled this
+      // session there is nothing newer than the live saves already recorded.
+      if (lastObservedOffset !== null) {
+        store.save(scrollKey, lastObservedOffset);
+      }
+    };
+  }, [store, scrollKey, enabled, target]));
+  return (0, _react.useMemo)(() => ({
+    onScroll: WEB_ON_SCROLL,
+    restorePending
+  }), [restorePending]);
+}
+
+/**
+ * Resolve the EventTarget to listen for `scroll` on. RNW scroll components
+ * expose `getScrollableNode()`; raw refs may hold the DOM node directly.
+ */
+function resolveScrollEventTarget(target) {
+  const current = target.current;
+  if (current == null) return null;
+  if (typeof EventTarget !== 'undefined' && current instanceof EventTarget) {
+    return current;
+  }
+  const handle = current;
+  if (typeof handle.getScrollableNode === 'function') {
+    const node = handle.getScrollableNode();
+    if (typeof EventTarget !== 'undefined' && node instanceof EventTarget) {
+      return node;
+    }
+  }
+  return null;
+}
+//# sourceMappingURL=use-scroll-restoration.web.js.map

package/lib/commonjs/scroll/use-scroll-restoration.web.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_context","_scrollableWeb","_store","RESTORE_FRAME_CAP","RESTORE_STICK_TOLERANCE_PX","WEB_ON_SCROLL","undefined","USER_TAKEOVER_EVENTS","useScrollRestoration","target","options","store","adapter","useScrollRestorationContext","contentId","useScreenContentId","enabled","scrollKey","deriveScrollKey","key","resetKeyRef","useRef","restorePending","setRestorePending","useState","read","useScreenFocusEffect","useCallback","scroller","createScroller","element","window","resolveScrollEventTarget","lastObservedOffset","echoOffset","maxOffsetAtLastSave","getMaxOffset","save","offset","getOffset","maxOffset","Math","abs","targetOffset","isReset","has","alreadyReset","current","rafId","stopRestore","cancelAnimationFrame","setOffset","requestAnimationFrame","framesLeft","applyOffset","landed","reached","type","addEventListener","passive","removeEventListener","useMemo","onScroll","EventTarget","handle","getScrollableNode","node"],"sourceRoot":"../../../src","sources":["scroll/use-scroll-restoration.web.ts"],"mappings":";;;;;;AAwCA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AA5CA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAYA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMI,iBAAiB,GAAG,EAAE;;AAE5B;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,0BAA0B,GAAG,CAAC;;AAEpC;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,aAAmD,GAAGA,CAAA,KAAMC,SAAS;;AAE3E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,oBAAoB,GAAG,CAAC,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,SAAS,CAAC;;AAE9E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASC,oBAAoBA,CAClCC,MAA+B,EAC/BC,OAAqC,EACX;EAC1B,MAAM;IAAEC,KAAK;IAAEC;EAAQ,CAAC,GAAG,IAAAC,oCAA2B,EAAC,CAAC;EACxD,MAAMC,SAAS,GAAGF,OAAO,CAACG,kBAAkB,CAAC,CAAC;EAC9C,MAAMC,OAAO,GAAGN,OAAO,EAAEM,OAAO,IAAI,IAAI;EACxC,MAAMC,SAAS,GAAG,IAAAC,sBAAe,EAACJ,SAAS,EAAEJ,OAAO,EAAES,GAAG,CAAC;;EAE1D;EACA;EACA;EACA;EACA;EACA,MAAMC,WAAW,GAAG,IAAAC,aAAM,EAAgB,IAAI,CAAC;;EAE/C;EACA;EA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","ignoreList":[]}

package/lib/commonjs/search/Search.js

@@ -0,0 +1,78 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Search = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _useTheme = require("../theme/use-theme.js");
+var _index = require("../styles/index.js");
+var _tokens = require("../styles/tokens.js");
+var _button = require("../button");
+var _index2 = require("../text-field/index.js");
+var _MagnifyingGlass = require("../icons/MagnifyingGlass.js");
+var _Times = require("../icons/Times.js");
+var _jsxRuntime = require("react/jsx-runtime");
+const Search = exports.Search = /*#__PURE__*/(0, _react.forwardRef)(function Search({
+  value,
+  label = 'Search',
+  onClearText,
+  ...rest
+}, ref) {
+  const theme = (0, _useTheme.useTheme)();
+  const showClear = value != null && value.length > 0;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [_index.atoms.w_full, _index.atoms.relative],
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_index2.TextField, {
+      radius: _tokens.borderRadius.full,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.TextFieldIcon, {
+        icon: _MagnifyingGlass.MagnifyingGlass_Stroke2_Corner0_Rounded
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.TextFieldInput, {
+        inputRef: ref,
+        label: label,
+        value: value,
+        placeholder: label,
+        returnKeyType: "search",
+        keyboardAppearance: theme.mode === 'light' ? 'light' : 'dark',
+        selectTextOnFocus: _reactNative.Platform.OS !== 'web',
+        autoFocus: false,
+        accessibilityRole: "search",
+        autoCorrect: false,
+        autoComplete: "off",
+        autoCapitalize: "none",
+        style: showClear ? {
+          paddingRight: 24
+        } : undefined,
+        ...rest
+      })]
+    }), showClear && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: [_index.atoms.absolute, _index.atoms.z_20, _index.atoms.my_auto, _index.atoms.inset_0, _index.atoms.justify_center, _index.atoms.pr_sm, {
+        left: 'auto'
+      }],
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.Button, {
+        testID: "searchTextInputClearBtn",
+        onPress: onClearText,
+        accessibilityLabel: "Clear search query",
+        hitSlop: {
+          top: 10,
+          bottom: 10,
+          left: 10,
+          right: 10
+        },
+        variant: "ghost",
+        size: "small",
+        icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Times.TimesLarge_Stroke2_Corner0_Rounded, {
+          fill: theme.colors.textSecondary,
+          size: "xs"
+        }),
+        style: {
+          padding: 4,
+          minHeight: 0
+        }
+      })
+    })]
+  });
+});
+Search.displayName = 'Search';
+//# sourceMappingURL=Search.js.map

package/lib/commonjs/search/Search.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_useTheme","_index","_tokens","_button","_index2","_MagnifyingGlass","_Times","_jsxRuntime","Search","exports","forwardRef","value","label","onClearText","rest","ref","theme","useTheme","showClear","length","jsxs","View","style","a","w_full","relative","children","TextField","radius","borderRadius","full","jsx","TextFieldIcon","icon","MagnifyingGlassIcon","TextFieldInput","inputRef","placeholder","returnKeyType","keyboardAppearance","mode","selectTextOnFocus","Platform","OS","autoFocus","accessibilityRole","autoCorrect","autoComplete","autoCapitalize","paddingRight","undefined","absolute","z_20","my_auto","inset_0","justify_center","pr_sm","left","Button","testID","onPress","accessibilityLabel","hitSlop","top","bottom","right","variant","size","TimesLarge_Stroke2_Corner0_Rounded","fill","colors","textSecondary","padding","minHeight","displayName"],"sourceRoot":"../../../src","sources":["search/Search.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/search/index.js

@@ -3,76 +3,11 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Search = void 0;
-var _react = require("react");
-var _reactNative = require("react-native");
-var _useTheme = require("../theme/use-theme.js");
-var _index = require("../styles/index.js");
-var _button = require("../button");
-var _index2 = require("../text-field/index.js");
-var _MagnifyingGlass = require("../icons/MagnifyingGlass.js");
-var _Times = require("../icons/Times.js");
-var _jsxRuntime = require("react/jsx-runtime");
-/** Fully-rounded (pill) corner radius — clamps to half the field height. */const PILL_RADIUS = 999;
-const Search = exports.Search = /*#__PURE__*/(0, _react.forwardRef)(function Search({
-  value,
-  label = 'Search',
-  onClearText,
-  ...rest
-}, ref) {
-  const theme = (0, _useTheme.useTheme)();
-  const showClear = value != null && value.length > 0;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: [_index.atoms.w_full, _index.atoms.relative],
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_index2.TextField, {
-      radius: PILL_RADIUS,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.TextFieldIcon, {
-        icon: _MagnifyingGlass.MagnifyingGlass_Stroke2_Corner0_Rounded
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.TextFieldInput, {
-        inputRef: ref,
-        label: label,
-        value: value,
-        placeholder: label,
-        returnKeyType: "search",
-        keyboardAppearance: theme.mode === 'light' ? 'light' : 'dark',
-        selectTextOnFocus: _reactNative.Platform.OS !== 'web',
-        autoFocus: false,
-        accessibilityRole: "search",
-        autoCorrect: false,
-        autoComplete: "off",
-        autoCapitalize: "none",
-        style: showClear ? {
-          paddingRight: 24
-        } : undefined,
-        ...rest
-      })]
-    }), showClear && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: [_index.atoms.absolute, _index.atoms.z_20, _index.atoms.my_auto, _index.atoms.inset_0, _index.atoms.justify_center, _index.atoms.pr_sm, {
-        left: 'auto'
-      }],
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.Button, {
-        testID: "searchTextInputClearBtn",
-        onPress: onClearText,
-        accessibilityLabel: "Clear search query",
-        hitSlop: {
-          top: 10,
-          bottom: 10,
-          left: 10,
-          right: 10
-        },
-        variant: "ghost",
-        size: "small",
-        icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Times.TimesLarge_Stroke2_Corner0_Rounded, {
-          fill: theme.colors.textSecondary,
-          size: "xs"
-        }),
-        style: {
-          padding: 4,
-          minHeight: 0
-        }
-      })
-    })]
-  });
+Object.defineProperty(exports, "Search", {
+  enumerable: true,
+  get: function () {
+    return _Search.Search;
+  }
 });
-Search.displayName = 'Search';
+var _Search = require("./Search.js");
 //# sourceMappingURL=index.js.map

package/lib/commonjs/search/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_reactNative","_useTheme","_index","_button","_index2","_MagnifyingGlass","_Times","_jsxRuntime","PILL_RADIUS","Search","exports","forwardRef","value","label","onClearText","rest","ref","theme","useTheme","showClear","length","jsxs","View","style","a","w_full","relative","children","TextField","radius","jsx","TextFieldIcon","icon","MagnifyingGlassIcon","TextFieldInput","inputRef","placeholder","returnKeyType","keyboardAppearance","mode","selectTextOnFocus","Platform","OS","autoFocus","accessibilityRole","autoCorrect","autoComplete","autoCapitalize","paddingRight","undefined","absolute","z_20","my_auto","inset_0","justify_center","pr_sm","left","Button","testID","onPress","accessibilityLabel","hitSlop","top","bottom","right","variant","size","TimesLarge_Stroke2_Corner0_Rounded","fill","colors","textSecondary","padding","minHeight","displayName"],"sourceRoot":"../../../src","sources":["search/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AACA,IAAAM,gBAAA,GAAAN,OAAA;AACA,IAAAO,MAAA,GAAAP,OAAA;AAAyE,IAAAQ,WAAA,GAAAR,OAAA;AAEzE,4EACA,MAAMS,WAAW,GAAG,GAAG;AAUhB,MAAMC,MAAM,GAAAC,OAAA,CAAAD,MAAA,gBAAG,IAAAE,iBAAU,EAC9B,SAASF,MAAMA,CAAC;EAAEG,KAAK;EAAEC,KAAK,GAAG,QAAQ;EAAEC,WAAW;EAAE,GAAGC;AAAK,CAAC,EAAEC,GAAG,EAAE;EACtE,MAAMC,KAAK,GAAG,IAAAC,kBAAQ,EAAC,CAAC;EACxB,MAAMC,SAAS,GAAGP,KAAK,IAAI,IAAI,IAAIA,KAAK,CAACQ,MAAM,GAAG,CAAC;EAEnD,oBACE,IAAAb,WAAA,CAAAc,IAAA,EAACrB,YAAA,CAAAsB,IAAI;IAACC,KAAK,EAAE,CAACC,YAAC,CAACC,MAAM,EAAED,YAAC,CAACE,QAAQ,CAAE;IAAAC,QAAA,gBAClC,IAAApB,WAAA,CAAAc,IAAA,EAACjB,OAAA,CAAAwB,SAAS;MAACC,MAAM,EAAErB,WAAY;MAAAmB,QAAA,gBAC7B,IAAApB,WAAA,CAAAuB,GAAA,EAAC1B,OAAA,CAAA2B,aAAa;QAACC,IAAI,EAAEC;MAAoB,CAAE,CAAC,eAC5C,IAAA1B,WAAA,CAAAuB,GAAA,EAAC1B,OAAA,CAAA8B,cAAc;QACbC,QAAQ,EAAEnB,GAAI;QACdH,KAAK,EAAEA,KAAM;QACbD,KAAK,EAAEA,KAAM;QACbwB,WAAW,EAAEvB,KAAM;QACnBwB,aAAa,EAAC,QAAQ;QACtBC,kBAAkB,EAAErB,KAAK,CAACsB,IAAI,KAAK,OAAO,GAAG,OAAO,GAAG,MAAO;QAC9DC,iBAAiB,EAAEC,qBAAQ,CAACC,EAAE,KAAK,KAAM;QACzCC,SAAS,EAAE,KAAM;QACjBC,iBAAiB,EAAC,QAAQ;QAC1BC,WAAW,EAAE,KAAM;QACnBC,YAAY,EAAC,KAAK;QAClBC,cAAc,EAAC,MAAM;QACrBxB,KAAK,EAAEJ,SAAS,GAAG;UAAE6B,YAAY,EAAE;QAAG,CAAC,GAAGC,SAAU;QAAA,GAChDlC;MAAI,CACT,CAAC;IAAA,CACO,CAAC,EAEXI,SAAS,iBACR,IAAAZ,WAAA,CAAAuB,GAAA,EAAC9B,YAAA,CAAAsB,IAAI;MACHC,KAAK,EAAE,CACLC,YAAC,CAAC0B,QAAQ,EACV1B,YAAC,CAAC2B,IAAI,EACN3B,YAAC,CAAC4B,OAAO,EACT5B,YAAC,CAAC6B,OAAO,EACT7B,YAAC,CAAC8B,cAAc,EAChB9B,YAAC,CAAC+B,KAAK,EACP;QAAEC,IAAI,EAAE;MAAO,CAAC,CAChB;MAAA7B,QAAA,eACF,IAAApB,WAAA,CAAAuB,GAAA,EAAC3B,OAAA,CAAAsD,MAAM;QACLC,MAAM,EAAC,yBAAyB;QAChCC,OAAO,EAAE7C,WAAY;QACrB8C,kBAAkB,EAAC,oBAAoB;QACvCC,OAAO,EAAE;UAAEC,GAAG,EAAE,EAAE;UAAEC,MAAM,EAAE,EAAE;UAAEP,IAAI,EAAE,EAAE;UAAEQ,KAAK,EAAE;QAAG,CAAE;QACtDC,OAAO,EAAC,OAAO;QACfC,IAAI,EAAC,OAAO;QACZlC,IAAI,eAAE,IAAAzB,WAAA,CAAAuB,GAAA,EAACxB,MAAA,CAAA6D,kCAAC;UAACC,IAAI,EAAEnD,KAAK,CAACoD,MAAM,CAACC,aAAc;UAACJ,IAAI,EAAC;QAAI,CAAE,CAAE;QACxD3C,KAAK,EAAE;UAAEgD,OAAO,EAAE,CAAC;UAAEC,SAAS,EAAE;QAAE;MAAE,CACrC;IAAC,CACE,CACP;EAAA,CACG,CAAC;AAEX,CACF,CAAC;AACD/D,MAAM,CAACgE,WAAW,GAAG,QAAQ","ignoreList":[]}
+{"version":3,"names":["_Search","require"],"sourceRoot":"../../../src","sources":["search/index.ts"],"mappings":";;;;;;;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA","ignoreList":[]}