@oxy.so/bloom 2.8.0 → 2.10.0

package/lib/module/home-search/HomeSearchBar.js

@@ -0,0 +1,309 @@
+"use strict";
+
+import React, { Fragment, useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { Platform, Pressable, TextInput, View } from 'react-native';
+import { Button } from '../button';
+import { resolveButtonRamps } from "../button/shared.js";
+import { webDataSet } from "../checkbox/shared.js";
+import { RiSearchLine } from "../icons/remix/RiSearchLine.js";
+import { STAY_SEARCH_BAR_HEIGHT, STAY_SEARCH_BUTTON_INSET, STAY_SEARCH_PANEL_OFFSET, STAY_SEARCH_SEPARATOR_HEIGHT } from "../stay-search/constants.js";
+import { useStaySearchPalette } from "../stay-search/palette.js";
+import { adoptStyleSheet } from "../styles/adopt-style-sheet.js";
+import { borderRadius } from "../styles/tokens.js";
+import { Z_INDEX } from "../styles/z-index.js";
+import { SANS_FONT_FAMILY } from "../text-field/shared.js";
+import { useTheme } from "../theme/use-theme.js";
+import { Text } from "../typography/index.js";
+import { TYPE_SCALE } from "../typography/scale.js";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Bloom's wide housing search: one full pill split into any segments — the
+ * shared implementation behind every mode's bar (`StaySearchBar` is its stays
+ * preset).
+ *
+ * At rest the bar is the card surface with a hairline and a soft shadow;
+ * hovering a segment fills it (a colour change only). While a segment is open
+ * the bar behind turns neutral, the open segment becomes a raised card-coloured
+ * pill, and the round search button in the LAST segment widens to show its
+ * label. The hairline separators between segments hide next to a hovered or
+ * open segment, so a filled pill never has a line poking out of its edge.
+ *
+ * Fully controlled: the app owns `activeSegment` and every value (pre-formatted
+ * strings). `panel` drops under the bar while a segment is open, aligned under
+ * it. With `onQueryChange`, the open FIRST segment is a focused text field.
+ */
+
+const IS_WEB = Platform.OS === 'web';
+
+/** React Native's `Role` has no `search`; react-native-web passes it through. */
+const WEB_SEARCH_ROLE = IS_WEB ? {
+  role: 'search'
+} : {};
+const STYLE_ID = 'bloom-stay-search-bar-web-css';
+const HOME_SEARCH_BAR_CSS = `
+[data-bloom-stay-segment] {
+  transition: background-color 150ms ease, box-shadow 150ms ease;
+}
+[data-bloom-stay-separator] {
+  transition: background-color 150ms ease;
+}
+[data-bloom-stay-segment-hit] {
+  outline: none;
+}
+[data-bloom-stay-segment-hit]:focus-visible {
+  box-shadow: inset 0 0 0 2px var(--bloom-stay-search-ring, currentColor);
+}
+@media (prefers-reduced-motion: reduce) {
+  [data-bloom-stay-segment], [data-bloom-stay-separator] {
+    transition: none;
+  }
+}
+`;
+
+/** body-regular in Bloom's sans face, no box of its own, so it sits exactly where the value text did. */
+const INPUT_TYPE = TYPE_SCALE['body-regular'];
+const inputStyle = {
+  fontFamily: SANS_FONT_FAMILY,
+  fontSize: INPUT_TYPE.fontSize,
+  lineHeight: INPUT_TYPE.lineHeight,
+  fontWeight: INPUT_TYPE.fontWeight,
+  height: INPUT_TYPE.lineHeight,
+  paddingTop: 0,
+  paddingBottom: 0,
+  paddingLeft: 0,
+  paddingRight: 0,
+  borderWidth: 0,
+  minWidth: 0,
+  // The segment's raised pill is the focus affordance; the browser's input
+  // outline would draw a rectangle inside it. Web-only keys RN does not type.
+  ...(IS_WEB ? {
+    outlineWidth: 0,
+    outlineStyle: 'none'
+  } : {})
+};
+const ALIGN = {
+  start: 'flex-start',
+  center: 'center',
+  end: 'flex-end'
+};
+
+/** Where a segment's panel aligns: its own `panelAlign`, else by position. Pure; exported for the tests. */
+export function segmentPanelAlign(segments, index) {
+  const own = segments[index]?.panelAlign;
+  if (own) return own;
+  if (index <= 0) return 'start';
+  if (index >= segments.length - 1) return 'end';
+  return 'center';
+}
+export function HomeSearchBar({
+  segments,
+  activeSegment,
+  onActiveSegmentChange,
+  onSearch,
+  searchLabel = 'Search',
+  query,
+  onQueryChange,
+  panel,
+  dismissible = true,
+  style,
+  testID
+}) {
+  const theme = useTheme();
+  const palette = useStaySearchPalette();
+  const {
+    accent
+  } = useMemo(() => resolveButtonRamps(theme), [theme]);
+  const [hovered, setHovered] = useState(null);
+  const rootRef = useRef(null);
+  const open = activeSegment !== null;
+  const lastIndex = segments.length - 1;
+  useEffect(() => {
+    adoptStyleSheet(STYLE_ID, HOME_SEARCH_BAR_CSS);
+  }, []);
+
+  // Dismissal on web: Escape, or a press that lands outside the bar AND its
+  // panel (the panel is a descendant of the root, so one `contains` covers both).
+  useEffect(() => {
+    if (!open || !dismissible || !IS_WEB || typeof document === 'undefined') return;
+    const onPointerDown = event => {
+      const node = rootRef.current;
+      const target = event.target;
+      if (node && target && node.contains(target)) return;
+      onActiveSegmentChange(null);
+    };
+    const onKeyDown = event => {
+      if (event.key === 'Escape') onActiveSegmentChange(null);
+    };
+    document.addEventListener('pointerdown', onPointerDown, true);
+    document.addEventListener('keydown', onKeyDown);
+    return () => {
+      document.removeEventListener('pointerdown', onPointerDown, true);
+      document.removeEventListener('keydown', onKeyDown);
+    };
+  }, [open, dismissible, onActiveSegmentChange]);
+  const lit = useCallback(key => key !== undefined && (key === activeSegment || key === hovered), [activeSegment, hovered]);
+  const activeIndex = open ? segments.findIndex(s => s.key === activeSegment) : -1;
+  const barStyle = {
+    height: STAY_SEARCH_BAR_HEIGHT,
+    borderRadius: borderRadius.full,
+    borderWidth: 1,
+    borderColor: palette.border,
+    backgroundColor: open ? palette.barSurfaceOpen : palette.barSurface,
+    boxShadow: palette.barShadow,
+    flexDirection: 'row',
+    alignItems: 'stretch',
+    '--bloom-stay-search-ring': accent[500]
+  };
+  return /*#__PURE__*/_jsxs(View, {
+    ref: rootRef,
+    testID: testID
+    // react-native-web gives every View `z-index: 0`, so the root is its own
+    // stacking context: the panel's z-index only competes INSIDE it. Lift the
+    // whole root while open, or content after the bar paints over the panel.
+    ,
+    style: [{
+      position: 'relative',
+      zIndex: open ? Z_INDEX.dropdown : Z_INDEX.base
+    }, style],
+    children: [/*#__PURE__*/_jsx(View, {
+      ...WEB_SEARCH_ROLE,
+      style: barStyle,
+      children: segments.map((segment, index) => {
+        const {
+          key,
+          label,
+          value,
+          placeholder
+        } = segment;
+        const active = key === activeSegment;
+        const isHovered = key === hovered;
+        const isLast = index === lastIndex;
+        const showInput = active && index === 0 && onQueryChange != null;
+        const background = active ? palette.segmentActive : isHovered ? open ? palette.segmentHoverOpen : palette.segmentHover : 'transparent';
+        const segmentTestID = testID ? `${testID}-${key}` : undefined;
+        const text = /*#__PURE__*/_jsxs(_Fragment, {
+          children: [/*#__PURE__*/_jsx(Text, {
+            variant: "caption-1-semibold",
+            numberOfLines: 1,
+            style: {
+              color: palette.text
+            },
+            children: label
+          }), showInput ? /*#__PURE__*/_jsx(TextInput, {
+            autoFocus: true,
+            value: query ?? '',
+            onChangeText: onQueryChange,
+            placeholder: value || placeholder,
+            placeholderTextColor: palette.placeholder,
+            accessibilityLabel: label,
+            testID: testID ? `${testID}-${key}-input` : undefined,
+            style: [inputStyle, {
+              color: palette.text
+            }]
+          }) : /*#__PURE__*/_jsx(Text, {
+            variant: "body-regular",
+            numberOfLines: 1,
+            style: {
+              color: value ? palette.text : palette.placeholder
+            },
+            children: value || placeholder
+          })]
+        });
+        const hitStyle = {
+          flex: 1,
+          minWidth: 0,
+          alignSelf: 'stretch',
+          justifyContent: 'center',
+          paddingLeft: index === 0 ? 32 : 24,
+          paddingRight: isLast ? 8 : 16,
+          borderRadius: borderRadius.full
+        };
+        return /*#__PURE__*/_jsxs(Fragment, {
+          children: [index > 0 ? /*#__PURE__*/_jsx(View, {
+            style: {
+              width: 0,
+              alignSelf: 'center',
+              zIndex: Z_INDEX.raised
+            },
+            children: /*#__PURE__*/_jsx(View, {
+              ...webDataSet({
+                bloomStaySeparator: ''
+              }),
+              testID: testID ? `${testID}-separator-${index}` : undefined,
+              style: {
+                position: 'absolute',
+                left: -0.5,
+                top: -STAY_SEARCH_SEPARATOR_HEIGHT / 2,
+                width: 1,
+                height: STAY_SEARCH_SEPARATOR_HEIGHT,
+                backgroundColor: lit(segments[index - 1]?.key) || lit(key) ? 'transparent' : palette.separator
+              }
+            })
+          }) : null, /*#__PURE__*/_jsxs(View, {
+            ...webDataSet({
+              bloomStaySegment: active ? 'active' : ''
+            }),
+            style: {
+              flex: segment.flex ?? 1,
+              minWidth: 0,
+              flexDirection: 'row',
+              alignItems: 'center',
+              borderRadius: borderRadius.full,
+              backgroundColor: background,
+              boxShadow: active ? palette.segmentActiveShadow : undefined
+            },
+            children: [showInput ? /*#__PURE__*/_jsx(View, {
+              testID: segmentTestID,
+              style: hitStyle,
+              children: text
+            }) : /*#__PURE__*/_jsx(Pressable, {
+              ...webDataSet({
+                bloomStaySegmentHit: ''
+              }),
+              testID: segmentTestID,
+              onPress: () => onActiveSegmentChange(key),
+              onHoverIn: () => setHovered(key),
+              onHoverOut: () => setHovered(h => h === key ? null : h),
+              accessibilityRole: "button",
+              accessibilityLabel: `${label}, ${value || placeholder}`,
+              accessibilityState: {
+                expanded: active
+              },
+              "aria-expanded": active,
+              style: hitStyle,
+              children: text
+            }), isLast ? /*#__PURE__*/_jsx(Button, {
+              variant: "primary",
+              size: "large",
+              icon: RiSearchLine,
+              iconOnly: !open,
+              onPress: onSearch,
+              accessibilityLabel: searchLabel,
+              testID: testID ? `${testID}-search` : undefined,
+              style: {
+                marginRight: STAY_SEARCH_BUTTON_INSET - 1,
+                flexShrink: 0
+              },
+              children: open ? searchLabel : undefined
+            }) : null]
+          })]
+        }, key);
+      })
+    }), open && panel != null && activeIndex >= 0 ? /*#__PURE__*/_jsx(View, {
+      pointerEvents: "box-none",
+      testID: testID ? `${testID}-panel` : undefined,
+      style: {
+        position: 'absolute',
+        top: STAY_SEARCH_BAR_HEIGHT + STAY_SEARCH_PANEL_OFFSET,
+        left: 0,
+        right: 0,
+        flexDirection: 'row',
+        justifyContent: ALIGN[segmentPanelAlign(segments, activeIndex)],
+        zIndex: Z_INDEX.dropdown
+      },
+      children: panel
+    }) : null]
+  });
+}
+HomeSearchBar.displayName = 'HomeSearchBar';
+//# sourceMappingURL=HomeSearchBar.js.map

package/lib/module/home-search/HomeSearchBar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Fragment","useCallback","useEffect","useMemo","useRef","useState","Platform","Pressable","TextInput","View","Button","resolveButtonRamps","webDataSet","RiSearchLine","STAY_SEARCH_BAR_HEIGHT","STAY_SEARCH_BUTTON_INSET","STAY_SEARCH_PANEL_OFFSET","STAY_SEARCH_SEPARATOR_HEIGHT","useStaySearchPalette","adoptStyleSheet","borderRadius","Z_INDEX","SANS_FONT_FAMILY","useTheme","Text","TYPE_SCALE","jsx","_jsx","_Fragment","jsxs","_jsxs","IS_WEB","OS","WEB_SEARCH_ROLE","role","STYLE_ID","HOME_SEARCH_BAR_CSS","INPUT_TYPE","inputStyle","fontFamily","fontSize","lineHeight","fontWeight","height","paddingTop","paddingBottom","paddingLeft","paddingRight","borderWidth","minWidth","outlineWidth","outlineStyle","ALIGN","start","center","end","segmentPanelAlign","segments","index","own","panelAlign","length","HomeSearchBar","activeSegment","onActiveSegmentChange","onSearch","searchLabel","query","onQueryChange","panel","dismissible","style","testID","theme","palette","accent","hovered","setHovered","rootRef","open","lastIndex","document","onPointerDown","event","node","current","target","contains","onKeyDown","key","addEventListener","removeEventListener","lit","undefined","activeIndex","findIndex","s","barStyle","full","borderColor","border","backgroundColor","barSurfaceOpen","barSurface","boxShadow","barShadow","flexDirection","alignItems","ref","position","zIndex","dropdown","base","children","map","segment","label","value","placeholder","active","isHovered","isLast","showInput","background","segmentActive","segmentHoverOpen","segmentHover","segmentTestID","text","variant","numberOfLines","color","autoFocus","onChangeText","placeholderTextColor","accessibilityLabel","hitStyle","flex","alignSelf","justifyContent","width","raised","bloomStaySeparator","left","top","separator","bloomStaySegment","segmentActiveShadow","bloomStaySegmentHit","onPress","onHoverIn","onHoverOut","h","accessibilityRole","accessibilityState","expanded","size","icon","iconOnly","marginRight","flexShrink","pointerEvents","right","displayName"],"sourceRoot":"../../../src","sources":["home-search/HomeSearchBar.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,QAAQ,EAAEC,WAAW,EAAEC,SAAS,EAAEC,OAAO,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AAC1F,SAASC,QAAQ,EAAEC,SAAS,EAAEC,SAAS,EAAEC,IAAI,QAAwC,cAAc;AAEnG,SAASC,MAAM,QAAQ,WAAW;AAClC,SAASC,kBAAkB,QAAQ,qBAAkB;AACrD,SAASC,UAAU,QAAQ,uBAAoB;AAC/C,SAASC,YAAY,QAAQ,gCAA6B;AAC1D,SACEC,sBAAsB,EACtBC,wBAAwB,EACxBC,wBAAwB,EACxBC,4BAA4B,QACvB,6BAA0B;AACjC,SAASC,oBAAoB,QAAQ,2BAAwB;AAC7D,SAASC,eAAe,QAAQ,gCAA6B;AAC7D,SAASC,YAAY,QAAQ,qBAAkB;AAE/C,SAASC,OAAO,QAAQ,sBAAmB;AAC3C,SAASC,gBAAgB,QAAQ,yBAAsB;AACvD,SAASC,QAAQ,QAAQ,uBAAoB;AAC7C,SAASC,IAAI,QAAQ,wBAAe;AACpC,SAASC,UAAU,QAAQ,wBAAqB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAA3B,QAAA,IAAA4B,SAAA,EAAAC,IAAA,IAAAC,KAAA;AAGjD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,MAAMC,MAAM,GAAGzB,QAAQ,CAAC0B,EAAE,KAAK,KAAK;;AAEpC;AACA,MAAMC,eAAwC,GAAGF,MAAM,GAAG;EAAEG,IAAI,EAAE;AAAS,CAAC,GAAG,CAAC,CAAC;AAEjF,MAAMC,QAAQ,GAAG,+BAA+B;AAChD,MAAMC,mBAAmB,GAAG;AAC5B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;;AAED;AACA,MAAMC,UAAU,GAAGZ,UAAU,CAAC,cAAc,CAAC;AAC7C,MAAMa,UAAqB,GAAG;EAC5BC,UAAU,EAAEjB,gBAAgB;EAC5BkB,QAAQ,EAAEH,UAAU,CAACG,QAAQ;EAC7BC,UAAU,EAAEJ,UAAU,CAACI,UAAU;EACjCC,UAAU,EAAEL,UAAU,CAACK,UAAU;EACjCC,MAAM,EAAEN,UAAU,CAACI,UAAU;EAC7BG,UAAU,EAAE,CAAC;EACbC,aAAa,EAAE,CAAC;EAChBC,WAAW,EAAE,CAAC;EACdC,YAAY,EAAE,CAAC;EACfC,WAAW,EAAE,CAAC;EACdC,QAAQ,EAAE,CAAC;EACX;EACA;EACA,IAAIlB,MAAM,GAAI;IAAEmB,YAAY,EAAE,CAAC;IAAEC,YAAY,EAAE;EAAO,CAAC,GAA4B,CAAC,CAAC;AACvF,CAAC;AAED,MAAMC,KAAwF,GAAG;EAC/FC,KAAK,EAAE,YAAY;EACnBC,MAAM,EAAE,QAAQ;EAChBC,GAAG,EAAE;AACP,CAAC;;AAED;AACA,OAAO,SAASC,iBAAiBA,CAC/BC,QAA0D,EAC1DC,KAAa,EACiC;EAC9C,MAAMC,GAAG,GAAGF,QAAQ,CAACC,KAAK,CAAC,EAAEE,UAAU;EACvC,IAAID,GAAG,EAAE,OAAOA,GAAG;EACnB,IAAID,KAAK,IAAI,CAAC,EAAE,OAAO,OAAO;EAC9B,IAAIA,KAAK,IAAID,QAAQ,CAACI,MAAM,GAAG,CAAC,EAAE,OAAO,KAAK;EAC9C,OAAO,QAAQ;AACjB;AAEA,OAAO,SAASC,aAAaA,CAA4B;EACvDL,QAAQ;EACRM,aAAa;EACbC,qBAAqB;EACrBC,QAAQ;EACRC,WAAW,GAAG,QAAQ;EACtBC,KAAK;EACLC,aAAa;EACbC,KAAK;EACLC,WAAW,GAAG,IAAI;EAClBC,KAAK;EACLC;AACqB,CAAC,EAAE;EACxB,MAAMC,KAAK,GAAGlD,QAAQ,CAAC,CAAC;EACxB,MAAMmD,OAAO,GAAGxD,oBAAoB,CAAC,CAAC;EACtC,MAAM;IAAEyD;EAAO,CAAC,GAAGxE,OAAO,CAAC,MAAMQ,kBAAkB,CAAC8D,KAAK,CAAC,EAAE,CAACA,KAAK,CAAC,CAAC;EACpE,MAAM,CAACG,OAAO,EAAEC,UAAU,CAAC,GAAGxE,QAAQ,CAAW,IAAI,CAAC;EACtD,MAAMyE,OAAO,GAAG1E,MAAM,CAAO,IAAI,CAAC;EAClC,MAAM2E,IAAI,GAAGhB,aAAa,KAAK,IAAI;EACnC,MAAMiB,SAAS,GAAGvB,QAAQ,CAACI,MAAM,GAAG,CAAC;EAErC3D,SAAS,CAAC,MAAM;IACdiB,eAAe,CAACgB,QAAQ,EAAEC,mBAAmB,CAAC;EAChD,CAAC,EAAE,EAAE,CAAC;;EAEN;EACA;EACAlC,SAAS,CAAC,MAAM;IACd,IAAI,CAAC6E,IAAI,IAAI,CAACT,WAAW,IAAI,CAACvC,MAAM,IAAI,OAAOkD,QAAQ,KAAK,WAAW,EAAE;IACzE,MAAMC,aAAa,GAAIC,KAAmB,IAAK;MAC7C,MAAMC,IAAI,GAAGN,OAAO,CAACO,OAAiC;MACtD,MAAMC,MAAM,GAAGH,KAAK,CAACG,MAAqB;MAC1C,IAAIF,IAAI,IAAIE,MAAM,IAAIF,IAAI,CAACG,QAAQ,CAACD,MAAM,CAAC,EAAE;MAC7CtB,qBAAqB,CAAC,IAAI,CAAC;IAC7B,CAAC;IACD,MAAMwB,SAAS,GAAIL,KAAoB,IAAK;MAC1C,IAAIA,KAAK,CAACM,GAAG,KAAK,QAAQ,EAAEzB,qBAAqB,CAAC,IAAI,CAAC;IACzD,CAAC;IACDiB,QAAQ,CAACS,gBAAgB,CAAC,aAAa,EAAER,aAAa,EAAE,IAAI,CAAC;IAC7DD,QAAQ,CAACS,gBAAgB,CAAC,SAAS,EAAEF,SAAS,CAAC;IAC/C,OAAO,MAAM;MACXP,QAAQ,CAACU,mBAAmB,CAAC,aAAa,EAAET,aAAa,EAAE,IAAI,CAAC;MAChED,QAAQ,CAACU,mBAAmB,CAAC,SAAS,EAAEH,SAAS,CAAC;IACpD,CAAC;EACH,CAAC,EAAE,CAACT,IAAI,EAAET,WAAW,EAAEN,qBAAqB,CAAC,CAAC;EAE9C,MAAM4B,GAAG,GAAG3F,WAAW,CACpBwF,GAAkB,IAAKA,GAAG,KAAKI,SAAS,KAAKJ,GAAG,KAAK1B,aAAa,IAAI0B,GAAG,KAAKb,OAAO,CAAC,EACvF,CAACb,aAAa,EAAEa,OAAO,CACzB,CAAC;EAED,MAAMkB,WAAW,GAAGf,IAAI,GAAGtB,QAAQ,CAACsC,SAAS,CAAEC,CAAC,IAAKA,CAAC,CAACP,GAAG,KAAK1B,aAAa,CAAC,GAAG,CAAC,CAAC;EAElF,MAAMkC,QAAqB,GAAG;IAC5BtD,MAAM,EAAE7B,sBAAsB;IAC9BM,YAAY,EAAEA,YAAY,CAAC8E,IAAI;IAC/BlD,WAAW,EAAE,CAAC;IACdmD,WAAW,EAAEzB,OAAO,CAAC0B,MAAM;IAC3BC,eAAe,EAAEtB,IAAI,GAAGL,OAAO,CAAC4B,cAAc,GAAG5B,OAAO,CAAC6B,UAAU;IACnEC,SAAS,EAAE9B,OAAO,CAAC+B,SAAS;IAC5BC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,SAAS;IACrB,0BAA0B,EAAEhC,MAAM,CAAC,GAAG;EACxC,CAAC;EAED,oBACE7C,KAAA,CAACrB,IAAI;IACHmG,GAAG,EAAE9B,OAAQ;IACbN,MAAM,EAAEA;IACR;IACA;IACA;IAAA;IACAD,KAAK,EAAE,CAAC;MAAEsC,QAAQ,EAAE,UAAU;MAAEC,MAAM,EAAE/B,IAAI,GAAG1D,OAAO,CAAC0F,QAAQ,GAAG1F,OAAO,CAAC2F;IAAK,CAAC,EAAEzC,KAAK,CAAE;IAAA0C,QAAA,gBAEzFtF,IAAA,CAAClB,IAAI;MAAA,GAAKwB,eAAe;MAAEsC,KAAK,EAAE0B,QAAS;MAAAgB,QAAA,EACxCxD,QAAQ,CAACyD,GAAG,CAAC,CAACC,OAAO,EAAEzD,KAAK,KAAK;QAChC,MAAM;UAAE+B,GAAG;UAAE2B,KAAK;UAAEC,KAAK;UAAEC;QAAY,CAAC,GAAGH,OAAO;QAClD,MAAMI,MAAM,GAAG9B,GAAG,KAAK1B,aAAa;QACpC,MAAMyD,SAAS,GAAG/B,GAAG,KAAKb,OAAO;QACjC,MAAM6C,MAAM,GAAG/D,KAAK,KAAKsB,SAAS;QAClC,MAAM0C,SAAS,GAAGH,MAAM,IAAI7D,KAAK,KAAK,CAAC,IAAIU,aAAa,IAAI,IAAI;QAChE,MAAMuD,UAAU,GAAGJ,MAAM,GACrB7C,OAAO,CAACkD,aAAa,GACrBJ,SAAS,GACPzC,IAAI,GACFL,OAAO,CAACmD,gBAAgB,GACxBnD,OAAO,CAACoD,YAAY,GACtB,aAAa;QACnB,MAAMC,aAAa,GAAGvD,MAAM,GAAG,GAAGA,MAAM,IAAIiB,GAAG,EAAE,GAAGI,SAAS;QAE7D,MAAMmC,IAAI,gBACRlG,KAAA,CAAAF,SAAA;UAAAqF,QAAA,gBACEtF,IAAA,CAACH,IAAI;YAACyG,OAAO,EAAC,oBAAoB;YAACC,aAAa,EAAE,CAAE;YAAC3D,KAAK,EAAE;cAAE4D,KAAK,EAAEzD,OAAO,CAACsD;YAAK,CAAE;YAAAf,QAAA,EACjFG;UAAK,CACF,CAAC,EACNM,SAAS,gBACR/F,IAAA,CAACnB,SAAS;YACR4H,SAAS;YACTf,KAAK,EAAElD,KAAK,IAAI,EAAG;YACnBkE,YAAY,EAAEjE,aAAc;YAC5BkD,WAAW,EAAED,KAAK,IAAIC,WAAY;YAClCgB,oBAAoB,EAAE5D,OAAO,CAAC4C,WAAY;YAC1CiB,kBAAkB,EAAEnB,KAAM;YAC1B5C,MAAM,EAAEA,MAAM,GAAG,GAAGA,MAAM,IAAIiB,GAAG,QAAQ,GAAGI,SAAU;YACtDtB,KAAK,EAAE,CAACjC,UAAU,EAAE;cAAE6F,KAAK,EAAEzD,OAAO,CAACsD;YAAK,CAAC;UAAE,CAC9C,CAAC,gBAEFrG,IAAA,CAACH,IAAI;YACHyG,OAAO,EAAC,cAAc;YACtBC,aAAa,EAAE,CAAE;YACjB3D,KAAK,EAAE;cAAE4D,KAAK,EAAEd,KAAK,GAAG3C,OAAO,CAACsD,IAAI,GAAGtD,OAAO,CAAC4C;YAAY,CAAE;YAAAL,QAAA,EAE5DI,KAAK,IAAIC;UAAW,CACjB,CACP;QAAA,CACD,CACH;QAED,MAAMkB,QAAmB,GAAG;UAC1BC,IAAI,EAAE,CAAC;UACPxF,QAAQ,EAAE,CAAC;UACXyF,SAAS,EAAE,SAAS;UACpBC,cAAc,EAAE,QAAQ;UACxB7F,WAAW,EAAEY,KAAK,KAAK,CAAC,GAAG,EAAE,GAAG,EAAE;UAClCX,YAAY,EAAE0E,MAAM,GAAG,CAAC,GAAG,EAAE;UAC7BrG,YAAY,EAAEA,YAAY,CAAC8E;QAC7B,CAAC;QAED,oBACEpE,KAAA,CAAC9B,QAAQ;UAAAiH,QAAA,GACNvD,KAAK,GAAG,CAAC,gBACR/B,IAAA,CAAClB,IAAI;YAAC8D,KAAK,EAAE;cAAEqE,KAAK,EAAE,CAAC;cAAEF,SAAS,EAAE,QAAQ;cAAE5B,MAAM,EAAEzF,OAAO,CAACwH;YAAO,CAAE;YAAA5B,QAAA,eACrEtF,IAAA,CAAClB,IAAI;cAAA,GACCG,UAAU,CAAC;gBAAEkI,kBAAkB,EAAE;cAAG,CAAC,CAAC;cAC1CtE,MAAM,EAAEA,MAAM,GAAG,GAAGA,MAAM,cAAcd,KAAK,EAAE,GAAGmC,SAAU;cAC5DtB,KAAK,EAAE;gBACLsC,QAAQ,EAAE,UAAU;gBACpBkC,IAAI,EAAE,CAAC,GAAG;gBACVC,GAAG,EAAE,CAAC/H,4BAA4B,GAAG,CAAC;gBACtC2H,KAAK,EAAE,CAAC;gBACRjG,MAAM,EAAE1B,4BAA4B;gBACpCoF,eAAe,EACbT,GAAG,CAACnC,QAAQ,CAACC,KAAK,GAAG,CAAC,CAAC,EAAE+B,GAAG,CAAC,IAAIG,GAAG,CAACH,GAAG,CAAC,GAAG,aAAa,GAAGf,OAAO,CAACuE;cACxE;YAAE,CACH;UAAC,CACE,CAAC,GACL,IAAI,eACRnH,KAAA,CAACrB,IAAI;YAAA,GACCG,UAAU,CAAC;cAAEsI,gBAAgB,EAAE3B,MAAM,GAAG,QAAQ,GAAG;YAAG,CAAC,CAAC;YAC5DhD,KAAK,EAAE;cACLkE,IAAI,EAAEtB,OAAO,CAACsB,IAAI,IAAI,CAAC;cACvBxF,QAAQ,EAAE,CAAC;cACXyD,aAAa,EAAE,KAAK;cACpBC,UAAU,EAAE,QAAQ;cACpBvF,YAAY,EAAEA,YAAY,CAAC8E,IAAI;cAC/BG,eAAe,EAAEsB,UAAU;cAC3BnB,SAAS,EAAEe,MAAM,GAAG7C,OAAO,CAACyE,mBAAmB,GAAGtD;YACpD,CAAE;YAAAoB,QAAA,GAEDS,SAAS,gBACR/F,IAAA,CAAClB,IAAI;cAAC+D,MAAM,EAAEuD,aAAc;cAACxD,KAAK,EAAEiE,QAAS;cAAAvB,QAAA,EAC1Ce;YAAI,CACD,CAAC,gBAEPrG,IAAA,CAACpB,SAAS;cAAA,GACJK,UAAU,CAAC;gBAAEwI,mBAAmB,EAAE;cAAG,CAAC,CAAC;cAC3C5E,MAAM,EAAEuD,aAAc;cACtBsB,OAAO,EAAEA,CAAA,KAAMrF,qBAAqB,CAACyB,GAAG,CAAE;cAC1C6D,SAAS,EAAEA,CAAA,KAAMzE,UAAU,CAACY,GAAG,CAAE;cACjC8D,UAAU,EAAEA,CAAA,KAAM1E,UAAU,CAAE2E,CAAC,IAAMA,CAAC,KAAK/D,GAAG,GAAG,IAAI,GAAG+D,CAAE,CAAE;cAC5DC,iBAAiB,EAAC,QAAQ;cAC1BlB,kBAAkB,EAAE,GAAGnB,KAAK,KAAKC,KAAK,IAAIC,WAAW,EAAG;cACxDoC,kBAAkB,EAAE;gBAAEC,QAAQ,EAAEpC;cAAO,CAAE;cACzC,iBAAeA,MAAO;cACtBhD,KAAK,EAAEiE,QAAS;cAAAvB,QAAA,EAEfe;YAAI,CACI,CACZ,EACAP,MAAM,gBACL9F,IAAA,CAACjB,MAAM;cACLuH,OAAO,EAAC,SAAS;cACjB2B,IAAI,EAAC,OAAO;cACZC,IAAI,EAAEhJ,YAAa;cACnBiJ,QAAQ,EAAE,CAAC/E,IAAK;cAChBsE,OAAO,EAAEpF,QAAS;cAClBsE,kBAAkB,EAAErE,WAAY;cAChCM,MAAM,EAAEA,MAAM,GAAG,GAAGA,MAAM,SAAS,GAAGqB,SAAU;cAChDtB,KAAK,EAAE;gBAAEwF,WAAW,EAAEhJ,wBAAwB,GAAG,CAAC;gBAAEiJ,UAAU,EAAE;cAAE,CAAE;cAAA/C,QAAA,EAEnElC,IAAI,GAAGb,WAAW,GAAG2B;YAAS,CACzB,CAAC,GACP,IAAI;UAAA,CACJ,CAAC;QAAA,GAhEMJ,GAiEL,CAAC;MAEf,CAAC;IAAC,CACE,CAAC,EACNV,IAAI,IAAIV,KAAK,IAAI,IAAI,IAAIyB,WAAW,IAAI,CAAC,gBACxCnE,IAAA,CAAClB,IAAI;MACHwJ,aAAa,EAAC,UAAU;MACxBzF,MAAM,EAAEA,MAAM,GAAG,GAAGA,MAAM,QAAQ,GAAGqB,SAAU;MAC/CtB,KAAK,EAAE;QACLsC,QAAQ,EAAE,UAAU;QACpBmC,GAAG,EAAElI,sBAAsB,GAAGE,wBAAwB;QACtD+H,IAAI,EAAE,CAAC;QACPmB,KAAK,EAAE,CAAC;QACRxD,aAAa,EAAE,KAAK;QACpBiC,cAAc,EAAEvF,KAAK,CAACI,iBAAiB,CAACC,QAAQ,EAAEqC,WAAW,CAAC,CAAC;QAC/DgB,MAAM,EAAEzF,OAAO,CAAC0F;MAClB,CAAE;MAAAE,QAAA,EAED5C;IAAK,CACF,CAAC,GACL,IAAI;EAAA,CACJ,CAAC;AAEX;AAEAP,aAAa,CAACqG,WAAW,GAAG,eAAe","ignoreList":[]}

package/lib/module/home-search/MoveInPicker.js

@@ -0,0 +1,140 @@
+"use strict";
+
+import React, { memo } from 'react';
+import { View } from 'react-native';
+import { Chip } from "../chip/index.js";
+import { Calendar } from "../date-picker/index.js";
+import { useTheme } from "../theme/use-theme.js";
+import { Text } from "../typography/index.js";
+import { DEFAULT_CONTRACT_LENGTHS, DEFAULT_MOVE_IN_LABELS } from "./constants.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * When a renter moves in, for a search panel: a single-day `Calendar`, a
+ * "Flexible" / "As soon as possible" chip pair, then the contract length.
+ *
+ *   headings    body-semibold, text-primary, 12 above their content
+ *   calendar    Bloom's `Calendar` (one month, single day)
+ *   chips       Bloom `Chip`s (`large`, `outlined`; the chosen one takes the
+ *               brand tone), wrapped 8 apart
+ *   sections    20 apart
+ *
+ * ONE ANSWER TO "WHEN": a day, "Flexible" or "As soon as possible". Picking a
+ * day sets `timing: 'date'`; a timing chip sets its timing and clears the day,
+ * and pressing it again returns to `date` (with no day). The calendar shows no
+ * selection while a chip is chosen. The contract length is independent and
+ * single-select.
+ */
+function MoveInPickerComponent({
+  value,
+  onValueChange,
+  contractLengths = DEFAULT_CONTRACT_LENGTHS,
+  labels: labelOverrides,
+  defaultMonth,
+  minDate,
+  maxDate,
+  isDateUnavailable,
+  weekStartsOn,
+  locale,
+  style,
+  testID
+}) {
+  const theme = useTheme();
+  const labels = {
+    ...DEFAULT_MOVE_IN_LABELS,
+    ...labelOverrides
+  };
+  const heading = text => /*#__PURE__*/_jsx(Text, {
+    variant: "body-semibold",
+    role: "heading",
+    style: {
+      color: theme.colors.text
+    },
+    children: text
+  });
+  const timingChip = (timing, label) => {
+    const selected = value.timing === timing;
+    return /*#__PURE__*/_jsx(Chip, {
+      size: "large",
+      variant: "outlined",
+      selected: selected,
+      onPress: () => onValueChange({
+        ...value,
+        timing: selected ? 'date' : timing,
+        date: null
+      }),
+      testID: testID ? `${testID}-${timing}` : undefined,
+      style: {
+        paddingHorizontal: 12,
+        height: 32
+      },
+      children: label
+    });
+  };
+  return /*#__PURE__*/_jsxs(View, {
+    testID: testID,
+    style: [{
+      gap: 20
+    }, style],
+    children: [/*#__PURE__*/_jsxs(View, {
+      style: {
+        gap: 12
+      },
+      children: [heading(labels.date), /*#__PURE__*/_jsx(Calendar, {
+        value: value.timing === 'date' ? value.date : null,
+        onChange: date => onValueChange({
+          ...value,
+          timing: 'date',
+          date
+        }),
+        defaultMonth: defaultMonth,
+        minDate: minDate,
+        maxDate: maxDate,
+        isDateUnavailable: isDateUnavailable,
+        weekStartsOn: weekStartsOn,
+        locale: locale,
+        accessibilityLabel: labels.date,
+        testID: testID ? `${testID}-calendar` : undefined
+      }), /*#__PURE__*/_jsxs(View, {
+        role: "group",
+        accessibilityLabel: labels.date,
+        style: {
+          flexDirection: 'row',
+          flexWrap: 'wrap',
+          gap: 8
+        },
+        children: [timingChip('flexible', labels.flexible), timingChip('asap', labels.asap)]
+      })]
+    }), /*#__PURE__*/_jsxs(View, {
+      style: {
+        gap: 12
+      },
+      children: [heading(labels.contractLength), /*#__PURE__*/_jsx(View, {
+        role: "group",
+        accessibilityLabel: labels.contractLength,
+        style: {
+          flexDirection: 'row',
+          flexWrap: 'wrap',
+          gap: 8
+        },
+        children: contractLengths.map(option => /*#__PURE__*/_jsx(Chip, {
+          size: "large",
+          variant: "outlined",
+          selected: option.value === value.contractLength,
+          onPress: () => onValueChange({
+            ...value,
+            contractLength: option.value
+          }),
+          testID: testID ? `${testID}-length-${option.value}` : undefined,
+          style: {
+            paddingHorizontal: 12,
+            height: 32
+          },
+          children: option.label
+        }, option.value))
+      })]
+    })]
+  });
+}
+export const MoveInPicker = /*#__PURE__*/memo(MoveInPickerComponent);
+MoveInPicker.displayName = 'MoveInPicker';
+//# sourceMappingURL=MoveInPicker.js.map

package/lib/module/home-search/MoveInPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","View","Chip","Calendar","useTheme","Text","DEFAULT_CONTRACT_LENGTHS","DEFAULT_MOVE_IN_LABELS","jsx","_jsx","jsxs","_jsxs","MoveInPickerComponent","value","onValueChange","contractLengths","labels","labelOverrides","defaultMonth","minDate","maxDate","isDateUnavailable","weekStartsOn","locale","style","testID","theme","heading","text","variant","role","color","colors","children","timingChip","timing","label","selected","size","onPress","date","undefined","paddingHorizontal","height","gap","onChange","accessibilityLabel","flexDirection","flexWrap","flexible","asap","contractLength","map","option","MoveInPicker","displayName"],"sourceRoot":"../../../src","sources":["home-search/MoveInPicker.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/home-search/PropertyTypePicker.js

@@ -0,0 +1,19 @@
+"use strict";
+
+import React from 'react';
+import { PropertyTypeTiles } from "../stay-filters/PropertyTypeTiles.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * The property types for a search panel: the same multi-select icon tiles as
+ * the filters' `PropertyTypeFilter`, compact — at least 92 tall (room for a two-line label, so every row matches) and 96 wide,
+ * 12 inset, radius 12, as many per row as fit (4 in a 460-wide panel). An
+ * empty selection means any type. A `group` of `aria-pressed` toggles.
+ */
+export function PropertyTypePicker(props) {
+  return /*#__PURE__*/_jsx(PropertyTypeTiles, {
+    ...props,
+    size: "medium"
+  });
+}
+PropertyTypePicker.displayName = 'PropertyTypePicker';
+//# sourceMappingURL=PropertyTypePicker.js.map

package/lib/module/home-search/PropertyTypePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","PropertyTypeTiles","jsx","_jsx","PropertyTypePicker","props","size","displayName"],"sourceRoot":"../../../src","sources":["home-search/PropertyTypePicker.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AAGzB,SAASC,iBAAiB,QAAQ,sCAAmC;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGtE;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,kBAAkBA,CAAkCC,KAAiC,EAAE;EACrG,oBAAOF,IAAA,CAACF,iBAAiB;IAAA,GAAQI,KAAK;IAAEC,IAAI,EAAC;EAAQ,CAAE,CAAC;AAC1D;AAEAF,kBAAkB,CAACG,WAAW,GAAG,oBAAoB","ignoreList":[]}

package/lib/module/home-search/SaveSearchButton.js

@@ -0,0 +1,44 @@
+"use strict";
+
+import React, { memo } from 'react';
+import { RiNotification3Fill } from "../icons/remix/RiNotification3Fill.js";
+import { RiNotification3Line } from "../icons/remix/RiNotification3Line.js";
+import { FilterChip } from "../stay-filters/FilterChip.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Save the current search and get alerts for it: the filter pill as a bell
+ * toggle.
+ *
+ *   rest    "Save search", an outlined bell; hairline border, hover text border
+ *   saved   "Saved", a filled bell, INVERTED (text-primary fill, page-colour
+ *           label) — the same selected look as the filter pills beside it
+ *   size    40 tall, full pill
+ *
+ * A toggle `button` with `aria-pressed` (web) and `accessibilityState.selected`
+ * (native), named by the label it shows.
+ */
+function SaveSearchButtonComponent({
+  saved,
+  onSavedChange,
+  label = 'Save search',
+  savedLabel = 'Saved',
+  disabled = false,
+  style,
+  testID
+}) {
+  return /*#__PURE__*/_jsx(FilterChip, {
+    mode: "toggle",
+    label: saved ? savedLabel : label,
+    icon: saved ? RiNotification3Fill : RiNotification3Line,
+    selected: saved,
+    onPress: () => onSavedChange(!saved),
+    disabled: disabled,
+    style: [{
+      alignSelf: 'flex-start'
+    }, style],
+    testID: testID
+  });
+}
+export const SaveSearchButton = /*#__PURE__*/memo(SaveSearchButtonComponent);
+SaveSearchButton.displayName = 'SaveSearchButton';
+//# sourceMappingURL=SaveSearchButton.js.map

package/lib/module/home-search/SaveSearchButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","RiNotification3Fill","RiNotification3Line","FilterChip","jsx","_jsx","SaveSearchButtonComponent","saved","onSavedChange","label","savedLabel","disabled","style","testID","mode","icon","selected","onPress","alignSelf","SaveSearchButton","displayName"],"sourceRoot":"../../../src","sources":["home-search/SaveSearchButton.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,IAAI,QAAQ,OAAO;AAEnC,SAASC,mBAAmB,QAAQ,uCAAoC;AACxE,SAASC,mBAAmB,QAAQ,uCAAoC;AACxE,SAASC,UAAU,QAAQ,+BAA4B;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGxD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASC,yBAAyBA,CAAC;EACjCC,KAAK;EACLC,aAAa;EACbC,KAAK,GAAG,aAAa;EACrBC,UAAU,GAAG,OAAO;EACpBC,QAAQ,GAAG,KAAK;EAChBC,KAAK;EACLC;AACqB,CAAC,EAAE;EACxB,oBACER,IAAA,CAACF,UAAU;IACTW,IAAI,EAAC,QAAQ;IACbL,KAAK,EAAEF,KAAK,GAAGG,UAAU,GAAGD,KAAM;IAClCM,IAAI,EAAER,KAAK,GAAGN,mBAAmB,GAAGC,mBAAoB;IACxDc,QAAQ,EAAET,KAAM;IAChBU,OAAO,EAAEA,CAAA,KAAMT,aAAa,CAAC,CAACD,KAAK,CAAE;IACrCI,QAAQ,EAAEA,QAAS;IACnBC,KAAK,EAAE,CAAC;MAAEM,SAAS,EAAE;IAAa,CAAC,EAAEN,KAAK,CAAE;IAC5CC,MAAM,EAAEA;EAAO,CAChB,CAAC;AAEN;AAEA,OAAO,MAAMM,gBAAgB,gBAAGnB,IAAI,CAACM,yBAAyB,CAAC;AAC/Da,gBAAgB,CAACC,WAAW,GAAG,kBAAkB","ignoreList":[]}