@oxy.so/bloom 2.9.0 → 2.11.0

package/lib/module/stay-filters/PriceHistogram.js

@@ -3,15 +3,18 @@
 import React, { memo, useMemo } from 'react';
 import { View } from 'react-native';
 import { resolveButtonRamps } from "../button/shared.js";
+import { chartHueTone } from "../chart-cards/palette.js";
 import { useTheme } from "../theme/use-theme.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 /**
  * How many listings sit at each price, as a row of bars.
  *
- *   bars      equal width (flex 1), 2px apart, top corners radius 2
+ *   bars      equal width (flex 1), 2px apart, top corners radius 3
  *   height    count / tallest count × `height` (default 64); a non-empty bucket
  *             is at least 2 tall so it stays visible, an empty one draws nothing
- *   in range  text-primary — a bucket whose MIDPOINT lies inside `value`
+ *   in range  the chart series tone (`chart-6`, the blue hue re-anchored on the
+ *             theme's primary — the same ink every chart card and the range
+ *             slider underneath use) — a bucket whose MIDPOINT lies inside `value`
  *   outside   neutral-300 (dark neutral-700)
  *
  * The buckets split `min`..`max` evenly, so the row spans exactly the width a
@@ -31,7 +34,7 @@ export function histogramSelection(bucketCount, min, max, [low, high]) {
   });
 }
 const BAR_GAP = 2;
-const BAR_RADIUS = 2;
+const BAR_RADIUS = 3;
 const MIN_BAR = 2;
 function PriceHistogramComponent({
   buckets,
@@ -48,7 +51,7 @@ function PriceHistogramComponent({
   } = useMemo(() => resolveButtonRamps(theme), [theme]);
   const tallest = buckets.reduce((m, n) => Math.max(m, n), 0);
   const selected = histogramSelection(buckets.length, min, max, value);
-  const inColor = theme.colors.text;
+  const inColor = useMemo(() => chartHueTone(theme, 6).color, [theme]);
   const outColor = theme.isDark ? neutral[700] : neutral[300];
   return /*#__PURE__*/_jsx(View, {
     testID: testID,

package/lib/module/stay-filters/PriceHistogram.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","memo","useMemo","View","resolveButtonRamps","useTheme","jsx","_jsx","histogramSelection","bucketCount","min","max","low","high","width","Array","from","length","_","i","mid","BAR_GAP","BAR_RADIUS","MIN_BAR","PriceHistogramComponent","buckets","value","height","style","testID","theme","neutral","tallest","reduce","m","n","Math","selected","inColor","colors","text","outColor","isDark","importantForAccessibility","accessibilityElementsHidden","flexDirection","alignItems","gap","children","map","count","barHeight","undefined","flex","minWidth","borderTopLeftRadius","borderTopRightRadius","backgroundColor","PriceHistogram","displayName"],"sourceRoot":"../../../src","sources":["stay-filters/PriceHistogram.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","memo","useMemo","View","resolveButtonRamps","chartHueTone","useTheme","jsx","_jsx","histogramSelection","bucketCount","min","max","low","high","width","Array","from","length","_","i","mid","BAR_GAP","BAR_RADIUS","MIN_BAR","PriceHistogramComponent","buckets","value","height","style","testID","theme","neutral","tallest","reduce","m","n","Math","selected","inColor","color","outColor","isDark","importantForAccessibility","accessibilityElementsHidden","flexDirection","alignItems","gap","children","map","count","barHeight","undefined","flex","minWidth","borderTopLeftRadius","borderTopRightRadius","backgroundColor","PriceHistogram","displayName"],"sourceRoot":"../../../src","sources":["stay-filters/PriceHistogram.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,IAAI,EAAEC,OAAO,QAAQ,OAAO;AAC5C,SAASC,IAAI,QAAQ,cAAc;AAEnC,SAASC,kBAAkB,QAAQ,qBAAkB;AACrD,SAASC,YAAY,QAAQ,2BAAwB;AACrD,SAASC,QAAQ,QAAQ,uBAAoB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAG9C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA,OAAO,SAASC,kBAAkBA,CAChCC,WAAmB,EACnBC,GAAW,EACXC,GAAW,EACX,CAACC,GAAG,EAAEC,IAAI,CAAmB,EAClB;EACX,MAAMC,KAAK,GAAGL,WAAW,GAAG,CAAC,GAAG,CAACE,GAAG,GAAGD,GAAG,IAAID,WAAW,GAAG,CAAC;EAC7D,OAAOM,KAAK,CAACC,IAAI,CAAC;IAAEC,MAAM,EAAER;EAAY,CAAC,EAAE,CAACS,CAAC,EAAEC,CAAC,KAAK;IACnD,MAAMC,GAAG,GAAGV,GAAG,GAAG,CAACS,CAAC,GAAG,GAAG,IAAIL,KAAK;IACnC,OAAOM,GAAG,IAAIR,GAAG,IAAIQ,GAAG,IAAIP,IAAI;EAClC,CAAC,CAAC;AACJ;AAEA,MAAMQ,OAAO,GAAG,CAAC;AACjB,MAAMC,UAAU,GAAG,CAAC;AACpB,MAAMC,OAAO,GAAG,CAAC;AAEjB,SAASC,uBAAuBA,CAAC;EAAEC,OAAO;EAAEf,GAAG;EAAEC,GAAG;EAAEe,KAAK;EAAEC,MAAM,GAAG,EAAE;EAAEC,KAAK;EAAEC;AAA4B,CAAC,EAAE;EAC9G,MAAMC,KAAK,GAAGzB,QAAQ,CAAC,CAAC;EACxB,MAAM;IAAE0B;EAAQ,CAAC,GAAG9B,OAAO,CAAC,MAAME,kBAAkB,CAAC2B,KAAK,CAAC,EAAE,CAACA,KAAK,CAAC,CAAC;EACrE,MAAME,OAAO,GAAGP,OAAO,CAACQ,MAAM,CAAC,CAACC,CAAC,EAAEC,CAAC,KAAKC,IAAI,CAACzB,GAAG,CAACuB,CAAC,EAAEC,CAAC,CAAC,EAAE,CAAC,CAAC;EAC3D,MAAME,QAAQ,GAAG7B,kBAAkB,CAACiB,OAAO,CAACR,MAAM,EAAEP,GAAG,EAAEC,GAAG,EAAEe,KAAK,CAAC;EACpE,MAAMY,OAAO,GAAGrC,OAAO,CAAC,MAAMG,YAAY,CAAC0B,KAAK,EAAE,CAAC,CAAC,CAACS,KAAK,EAAE,CAACT,KAAK,CAAC,CAAC;EACpE,MAAMU,QAAQ,GAAGV,KAAK,CAACW,MAAM,GAAGV,OAAO,CAAC,GAAG,CAAC,GAAGA,OAAO,CAAC,GAAG,CAAC;EAE3D,oBACExB,IAAA,CAACL,IAAI;IACH2B,MAAM,EAAEA,MAAO;IACf,mBAAW;IACXa,yBAAyB,EAAC,qBAAqB;IAC/CC,2BAA2B;IAC3Bf,KAAK,EAAE,CAAC;MAAED,MAAM;MAAEiB,aAAa,EAAE,KAAK;MAAEC,UAAU,EAAE,UAAU;MAAEC,GAAG,EAAEzB;IAAQ,CAAC,EAAEO,KAAK,CAAE;IAAAmB,QAAA,EAEtFtB,OAAO,CAACuB,GAAG,CAAC,CAACC,KAAK,EAAE9B,CAAC,KAAK;MACzB,MAAM+B,SAAS,GAAGD,KAAK,IAAI,CAAC,IAAIjB,OAAO,IAAI,CAAC,GAAG,CAAC,GAAGI,IAAI,CAACzB,GAAG,CAACY,OAAO,EAAG0B,KAAK,GAAGjB,OAAO,GAAIL,MAAM,CAAC;MAChG,oBACEpB,IAAA,CAACL,IAAI;QAEH2B,MAAM,EAAEA,MAAM,GAAG,GAAGA,MAAM,QAAQV,CAAC,EAAE,GAAGgC,SAAU;QAClDvB,KAAK,EAAE;UACLwB,IAAI,EAAE,CAAC;UACPC,QAAQ,EAAE,CAAC;UACX1B,MAAM,EAAEuB,SAAS;UACjBI,mBAAmB,EAAEhC,UAAU;UAC/BiC,oBAAoB,EAAEjC,UAAU;UAChCkC,eAAe,EAAEnB,QAAQ,CAAClB,CAAC,CAAC,GAAGmB,OAAO,GAAGE;QAC3C;MAAE,GATGrB,CAUN,CAAC;IAEN,CAAC;EAAC,CACE,CAAC;AAEX;AAEA,OAAO,MAAMsC,cAAc,gBAAGzD,IAAI,CAACwB,uBAAuB,CAAC;AAC3DiC,cAAc,CAACC,WAAW,GAAG,gBAAgB","ignoreList":[]}

package/lib/module/stay-filters/PriceRangeFilter.js

@@ -1,10 +1,10 @@
 "use strict";
 
-import React, { memo, useCallback, useState } from 'react';
+import React, { memo, useCallback, useMemo } from 'react';
 import { View } from 'react-native';
 import { RangeSlider } from "../slider/index.js";
-import { TextFieldInput } from "../text-field/index.js";
 import { PriceHistogram } from "./PriceHistogram.js";
+import { parseAmountInput, RangeFields, snapToStep } from "./RangeFields.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * A price range: the histogram, a `RangeSlider` whose rail meets the bars'
@@ -23,24 +23,53 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * to its own side of the range (the minimum can not pass the maximum), snapped
  * to `step`, and committed through `onValueChange` + `onValueCommit`. A draft
  * that does not parse restores the committed value.
+ *
+ * SALE PRICES: `scale="log"`. A linear slider over 50,000 – 2,000,000 spends
+ * nearly all of its width above the prices most people search, so the log
+ * scale moves by RATIO instead — equal slider distance is an equal percentage
+ * change. The slider then runs over {@link PRICE_SCALE_POSITIONS} positions,
+ * the buckets split that POSITION span evenly (so the app buckets its counts
+ * in log space too), and every value the slider reports is snapped to `step`
+ * in price space (pass a round step such as 5,000). With `min` above 0 the
+ * scale is geometric; with `min` of 0 it is offset by one (`log(1 + p)`), so 0
+ * stays reachable.
  */
 
-function clamp(v, lo, hi) {
-  return Math.min(hi, Math.max(lo, v));
-}
-function snap(v, min, step) {
-  if (step <= 0) return v;
-  const snapped = min + Math.round((v - min) / step) * step;
-  const decimals = (String(step).split('.')[1] ?? '').length;
-  return decimals > 0 ? Number(snapped.toFixed(decimals)) : snapped;
-}
-
 /** Parse a typed price ("$1,200" → 1200); `null` when there is no number in it. */
-export function parsePriceInput(text) {
-  const cleaned = text.replace(/[^0-9.]/g, '');
-  if (cleaned === '' || cleaned === '.') return null;
-  const n = Number.parseFloat(cleaned);
-  return Number.isFinite(n) ? n : null;
+export const parsePriceInput = parseAmountInput;
+
+/** How many slider positions a `log` scale runs over. */
+export const PRICE_SCALE_POSITIONS = 200;
+/** The price ↔ slider mapping for a scale. Pure; exported for the tests. */
+export function priceScaleMapping(scale, min, max, step) {
+  if (scale !== 'log' || max <= min) {
+    return {
+      sliderMin: min,
+      sliderMax: max,
+      toPosition: p => p,
+      toPrice: p => p
+    };
+  }
+  const n = PRICE_SCALE_POSITIONS;
+  const clampPrice = p => Math.min(max, Math.max(min, p));
+  const geometric = min > 0;
+  const span = geometric ? Math.log(max / min) : Math.log(max - min + 1);
+  return {
+    sliderMin: 0,
+    sliderMax: n,
+    toPosition: price => {
+      const p = clampPrice(price);
+      const t = geometric ? Math.log(p / min) / span : Math.log(p - min + 1) / span;
+      return Math.round(t * n);
+    },
+    toPrice: position => {
+      if (position <= 0) return min;
+      if (position >= n) return max;
+      const t = position / n;
+      const raw = geometric ? min * Math.exp(t * span) : min + Math.exp(t * span) - 1;
+      return clampPrice(snapToStep(raw, min, step));
+    }
+  };
 }
 const RAIL_OFFSET = 13; // (32px track region − 6px rail) / 2
 
@@ -53,6 +82,7 @@ function PriceRangeFilterComponent({
   onValueCommit,
   formatPrice = String,
   step = 1,
+  scale = 'linear',
   minLabel = 'Minimum',
   maxLabel = 'Maximum',
   accessibilityLabel = 'Price range',
@@ -61,49 +91,21 @@ function PriceRangeFilterComponent({
   style,
   testID
 }) {
-  const [draft, setDraft] = useState(null);
   const hasHistogram = buckets != null && buckets.length > 0;
-  const commitDraft = useCallback(() => {
-    if (!draft) return;
-    const parsed = parsePriceInput(draft.text);
-    setDraft(null);
-    if (parsed == null) return;
-    const [low, high] = value;
-    const next = draft.index === 0 ? [clamp(snap(parsed, min, step), min, high), high] : [low, clamp(snap(parsed, min, step), low, max)];
-    if (next[0] !== low || next[1] !== high) onValueChange(next);
+  const mapping = useMemo(() => priceScaleMapping(scale, min, max, step), [scale, min, max, step]);
+  const linear = scale !== 'log';
+  const positions = [mapping.toPosition(value[0]), mapping.toPosition(value[1])];
+  const fromPositions = useCallback(([a, b]) => {
+    const low = mapping.toPrice(a);
+    return [low, Math.max(low, mapping.toPrice(b))];
+  }, [mapping]);
+  const onSlide = useCallback(next => onValueChange(linear ? next : fromPositions(next)), [linear, fromPositions, onValueChange]);
+  const onSlideEnd = useMemo(() => onValueCommit ? next => onValueCommit(linear ? next : fromPositions(next)) : undefined, [linear, fromPositions, onValueCommit]);
+  const onFieldCommit = useCallback(([low, high]) => {
+    const next = [low ?? min, high ?? max];
+    if (next[0] !== value[0] || next[1] !== value[1]) onValueChange(next);
     onValueCommit?.(next);
-  }, [draft, value, min, max, step, onValueChange, onValueCommit]);
-  const field = index => {
-    const label = index === 0 ? minLabel : maxLabel;
-    const editing = draft?.index === index;
-    return /*#__PURE__*/_jsx(View, {
-      style: {
-        flex: 1,
-        minWidth: 0
-      },
-      children: /*#__PURE__*/_jsx(TextFieldInput, {
-        floatingLabel: true,
-        label: label,
-        accessibilityLabel: label,
-        value: editing ? draft.text : formatPrice(value[index]),
-        onChangeText: text => setDraft({
-          index,
-          text
-        }),
-        onFocus: () => setDraft({
-          index,
-          text: String(value[index])
-        }),
-        onBlur: commitDraft,
-        onSubmitEditing: commitDraft,
-        keyboardType: "numeric",
-        inputMode: "numeric",
-        returnKeyType: "done",
-        disabled: disabled,
-        testID: testID ? `${testID}-${index === 0 ? 'min' : 'max'}` : undefined
-      })
-    });
-  };
+  }, [min, max, value, onValueChange, onValueCommit]);
   return /*#__PURE__*/_jsxs(View, {
     testID: testID,
     style: [{
@@ -111,18 +113,18 @@ function PriceRangeFilterComponent({
     }, style],
     children: [hasHistogram ? /*#__PURE__*/_jsx(PriceHistogram, {
       buckets: buckets,
-      min: min,
-      max: max,
-      value: value,
+      min: mapping.sliderMin,
+      max: mapping.sliderMax,
+      value: positions,
       height: histogramHeight,
       testID: testID ? `${testID}-histogram` : undefined
     }) : null, /*#__PURE__*/_jsx(RangeSlider, {
-      value: value,
-      onValueChange: onValueChange,
-      onSlidingComplete: onValueCommit,
-      min: min,
-      max: max,
-      step: step,
+      value: positions,
+      onValueChange: onSlide,
+      onSlidingComplete: onSlideEnd,
+      min: mapping.sliderMin,
+      max: mapping.sliderMax,
+      step: linear ? step : 1,
       disabled: disabled,
       showTooltip: false,
       accessibilityLabel: accessibilityLabel,
@@ -131,13 +133,21 @@ function PriceRangeFilterComponent({
       style: hasHistogram ? {
         marginTop: -RAIL_OFFSET
       } : undefined
-    }), /*#__PURE__*/_jsxs(View, {
+    }), /*#__PURE__*/_jsx(View, {
       style: {
-        flexDirection: 'row',
-        gap: 16,
         marginTop: 24
       },
-      children: [field(0), field(1)]
+      children: /*#__PURE__*/_jsx(RangeFields, {
+        value: value,
+        onCommit: onFieldCommit,
+        format: formatPrice,
+        labels: [minLabel, maxLabel],
+        min: min,
+        max: max,
+        step: step,
+        disabled: disabled,
+        testID: testID
+      })
     })]
   });
 }

package/lib/module/stay-filters/PriceRangeFilter.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","memo","useCallback","useState","View","RangeSlider","TextFieldInput","PriceHistogram","jsx","_jsx","jsxs","_jsxs","clamp","v","lo","hi","Math","min","max","snap","step","snapped","round","decimals","String","split","length","Number","toFixed","parsePriceInput","text","cleaned","replace","n","parseFloat","isFinite","RAIL_OFFSET","PriceRangeFilterComponent","buckets","value","onValueChange","onValueCommit","formatPrice","minLabel","maxLabel","accessibilityLabel","histogramHeight","disabled","style","testID","draft","setDraft","hasHistogram","commitDraft","parsed","low","high","next","index","field","label","editing","flex","minWidth","children","floatingLabel","onChangeText","onFocus","onBlur","onSubmitEditing","keyboardType","inputMode","returnKeyType","undefined","width","height","onSlidingComplete","showTooltip","thumbLabels","marginTop","flexDirection","gap","PriceRangeFilter","displayName"],"sourceRoot":"../../../src","sources":["stay-filters/PriceRangeFilter.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","memo","useCallback","useMemo","View","RangeSlider","PriceHistogram","parseAmountInput","RangeFields","snapToStep","jsx","_jsx","jsxs","_jsxs","parsePriceInput","PRICE_SCALE_POSITIONS","priceScaleMapping","scale","min","max","step","sliderMin","sliderMax","toPosition","p","toPrice","n","clampPrice","Math","geometric","span","log","price","t","round","position","raw","exp","RAIL_OFFSET","PriceRangeFilterComponent","buckets","value","onValueChange","onValueCommit","formatPrice","String","minLabel","maxLabel","accessibilityLabel","histogramHeight","disabled","style","testID","hasHistogram","length","mapping","linear","positions","fromPositions","a","b","low","onSlide","next","onSlideEnd","undefined","onFieldCommit","high","width","children","height","onSlidingComplete","showTooltip","thumbLabels","marginTop","onCommit","format","labels","PriceRangeFilter","displayName"],"sourceRoot":"../../../src","sources":["stay-filters/PriceRangeFilter.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/stay-filters/PropertyTypeFilter.js

@@ -0,0 +1,27 @@
+"use strict";
+
+import React from 'react';
+import { PropertyTypeTiles } from "./PropertyTypeTiles.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Which kinds of home to show, as a grid of icon tiles for a `FilterSection`:
+ * Apartment, House, Room, Studio, Duplex / Penthouse, Coliving, Hostel,
+ * Land / Other (labels and the set overridable). Multi-select; an empty
+ * selection means any type.
+ *
+ *   tiles   radius 12, at least 100 tall (a two-line label fits) and 120 wide, 16 inset; as many per
+ *           row as fit (2 on a phone, 4 in the desktop dialog)
+ *   state   rest hairline · hover text border · selected 2px text border on a
+ *           neutral tint
+ *
+ * The same tiles, compact, are the search panel's `PropertyTypePicker`
+ * (`@oxy.so/bloom/home-search`).
+ */
+export function PropertyTypeFilter(props) {
+  return /*#__PURE__*/_jsx(PropertyTypeTiles, {
+    ...props,
+    size: "large"
+  });
+}
+PropertyTypeFilter.displayName = 'PropertyTypeFilter';
+//# sourceMappingURL=PropertyTypeFilter.js.map

package/lib/module/stay-filters/PropertyTypeFilter.js.map

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

package/lib/module/stay-filters/PropertyTypeTiles.js

@@ -0,0 +1,212 @@
+"use strict";
+
+import React, { useMemo, useState } from 'react';
+import { Pressable, View } from 'react-native';
+import { resolveButtonRamps } from "../button/shared.js";
+import { webDataSet } from "../styles/web-data.js";
+import { useInteractionState } from "../hooks/use-interaction-state.js";
+import { useRingOffsetStyle } from "../styles/surface-levels.js";
+import { interactiveWebCss, useInteractiveWebCss } from "../styles/interactive-web-css.js";
+import { useTheme } from "../theme/use-theme.js";
+import { Text } from "../typography/index.js";
+import { PROPERTY_TYPE_OPTIONS, relabelOptions } from "./constants.js";
+import { DISABLED_OPACITY } from "../styles/tokens.js";
+
+/**
+ * A multi-select grid of icon tiles, one per property type. Internal: the
+ * filters' `PropertyTypeFilter` and the search panel's `PropertyTypePicker`
+ * both draw it, at different tile sizes.
+ *
+ *   tile       radius 12, a 24px icon over a body-2-medium label, 8 apart
+ *   rest       1px border neutral-200 (dark neutral-700), transparent
+ *   hover      border text-primary (web pointer)
+ *   press      fill neutral-100 (dark neutral-800)
+ *   selected   2px border text-primary on a neutral-100 (dark neutral-800)
+ *              tint — the inner padding gives back the extra pixel, so a
+ *              selected tile never moves its content
+ *   grid       8 apart; rows of `columns` tiles sharing the width equally, the
+ *              last row padded with empty cells so every tile keeps one width
+ *
+ * A `group`; each tile a toggle `button` with `aria-pressed` (web) and
+ * `accessibilityState.selected` (native).
+ */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const TILE_GEOMETRY = {
+  medium: {
+    minWidth: 96,
+    minHeight: 92,
+    padding: 12
+  },
+  large: {
+    minWidth: 120,
+    minHeight: 100,
+    padding: 16
+  }
+};
+export const PROPERTY_TILE_RADIUS = 12;
+const GAP = 8;
+const ICON_SIZE = 24;
+const STYLE_ID = 'bloom-property-type-tile-web-css';
+const SELECTOR = '[data-bloom-property-tile]';
+const CSS = interactiveWebCss({
+  selector: SELECTOR,
+  varPrefix: 'bloom-property-tile',
+  // A react-native-web control, not a raw `<button>`: no `<button>` reset, and
+  // no `:active` scale — Bloom's controls change colour on press.
+  reset: 'none',
+  base: '',
+  transition: 'background-color 120ms ease, border-color 120ms ease',
+  focus: {
+    mode: 'ring'
+  },
+  // The FADE lives in the inline style, not here: it has to apply on native
+  // too, and two sources for one state is how they drift apart.
+  disabled: {
+    opacity: null
+  },
+  extraRules: `@media (prefers-reduced-motion: reduce) {
+  ${SELECTOR} { transition: none; }
+}`
+});
+
+/** How many tiles fit a width: at least 2, at most 4. Pure; exported for the tests. */
+export function tileColumns(width, minTileWidth) {
+  if (width <= 0) return 4;
+  return Math.max(2, Math.min(4, Math.floor((width + GAP) / (minTileWidth + GAP))));
+}
+function Tile({
+  label,
+  icon: Icon,
+  selected,
+  disabled,
+  size,
+  onPress,
+  testID
+}) {
+  const theme = useTheme();
+  const ringOffset = useRingOffsetStyle();
+  const {
+    accent,
+    neutral
+  } = useMemo(() => resolveButtonRamps(theme), [theme]);
+  const hover = useInteractionState();
+  const press = useInteractionState();
+  const dark = theme.isDark;
+  const text = theme.colors.text;
+  const tint = dark ? neutral[800] : neutral[100];
+  const active = !disabled;
+  const border = selected ? 2 : 1;
+  const {
+    minHeight,
+    padding
+  } = TILE_GEOMETRY[size];
+  const inset = padding - (border - 1);
+  const style = {
+    flex: 1,
+    minWidth: 0,
+    minHeight,
+    borderRadius: PROPERTY_TILE_RADIUS,
+    borderWidth: border,
+    borderColor: selected || hover.state && active ? text : dark ? neutral[700] : neutral[200],
+    backgroundColor: selected || press.state && active ? tint : 'transparent',
+    paddingTop: inset,
+    paddingBottom: inset,
+    paddingLeft: inset,
+    paddingRight: inset,
+    justifyContent: 'space-between',
+    gap: 8,
+    opacity: disabled ? DISABLED_OPACITY : 1,
+    '--bloom-property-tile-ring': accent[500],
+    ...ringOffset
+  };
+  return /*#__PURE__*/_jsxs(Pressable, {
+    role: "button",
+    accessibilityLabel: label,
+    accessibilityState: {
+      selected,
+      disabled
+    },
+    "aria-pressed": selected,
+    "aria-disabled": disabled || undefined,
+    disabled: disabled,
+    onPress: onPress,
+    onHoverIn: hover.onIn,
+    onHoverOut: hover.onOut,
+    onPressIn: press.onIn,
+    onPressOut: press.onOut,
+    testID: testID,
+    ...webDataSet({
+      bloomPropertyTile: selected ? 'selected' : ''
+    }),
+    style: style,
+    children: [/*#__PURE__*/_jsx(Icon, {
+      width: ICON_SIZE,
+      height: ICON_SIZE,
+      fill: text
+    }), /*#__PURE__*/_jsx(Text, {
+      variant: "body-2-medium",
+      numberOfLines: 2,
+      style: {
+        color: text
+      },
+      children: label
+    })]
+  });
+}
+export function PropertyTypeTiles({
+  value,
+  onValueChange,
+  options,
+  labels,
+  columns,
+  accessibilityLabel = 'Property type',
+  disabled = false,
+  size,
+  style,
+  testID
+}) {
+  useInteractiveWebCss(STYLE_ID, CSS);
+  const [width, setWidth] = useState(0);
+  const items = relabelOptions(options ?? PROPERTY_TYPE_OPTIONS, labels);
+  const perRow = columns ?? tileColumns(width, TILE_GEOMETRY[size].minWidth);
+  const selected = new Set(value);
+  const toggle = item => {
+    const next = new Set(selected);
+    if (next.has(item)) next.delete(item);else next.add(item);
+    onValueChange(items.map(o => o.value).filter(v => next.has(v)));
+  };
+  const rows = [];
+  for (let i = 0; i < items.length; i += perRow) rows.push(items.slice(i, i + perRow));
+  return /*#__PURE__*/_jsx(View, {
+    testID: testID,
+    role: "group",
+    accessibilityLabel: accessibilityLabel,
+    onLayout: columns == null ? e => setWidth(e.nativeEvent.layout.width) : undefined,
+    style: [{
+      gap: GAP
+    }, style],
+    children: rows.map((row, r) => /*#__PURE__*/_jsxs(View, {
+      style: {
+        flexDirection: 'row',
+        gap: GAP
+      },
+      children: [row.map(option => /*#__PURE__*/_jsx(Tile, {
+        label: option.label,
+        icon: option.icon,
+        size: size,
+        selected: selected.has(option.value),
+        disabled: disabled,
+        onPress: () => toggle(option.value),
+        testID: testID ? `${testID}-${option.value}` : undefined
+      }, option.value)), Array.from({
+        length: perRow - row.length
+      }, (_, i) => /*#__PURE__*/_jsx(View, {
+        style: {
+          flex: 1,
+          minWidth: 0
+        }
+      }, `pad-${i}`))]
+    }, r))
+  });
+}
+//# sourceMappingURL=PropertyTypeTiles.js.map

package/lib/module/stay-filters/PropertyTypeTiles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMemo","useState","Pressable","View","resolveButtonRamps","webDataSet","useInteractionState","useRingOffsetStyle","interactiveWebCss","useInteractiveWebCss","useTheme","Text","PROPERTY_TYPE_OPTIONS","relabelOptions","DISABLED_OPACITY","jsx","_jsx","jsxs","_jsxs","TILE_GEOMETRY","medium","minWidth","minHeight","padding","large","PROPERTY_TILE_RADIUS","GAP","ICON_SIZE","STYLE_ID","SELECTOR","CSS","selector","varPrefix","reset","base","transition","focus","mode","disabled","opacity","extraRules","tileColumns","width","minTileWidth","Math","max","min","floor","Tile","label","icon","Icon","selected","size","onPress","testID","theme","ringOffset","accent","neutral","hover","press","dark","isDark","text","colors","tint","active","border","inset","style","flex","borderRadius","borderWidth","borderColor","state","backgroundColor","paddingTop","paddingBottom","paddingLeft","paddingRight","justifyContent","gap","role","accessibilityLabel","accessibilityState","undefined","onHoverIn","onIn","onHoverOut","onOut","onPressIn","onPressOut","bloomPropertyTile","children","height","fill","variant","numberOfLines","color","PropertyTypeTiles","value","onValueChange","options","labels","columns","setWidth","items","perRow","Set","toggle","item","next","has","delete","add","map","o","filter","v","rows","i","length","push","slice","onLayout","e","nativeEvent","layout","row","r","flexDirection","option","Array","from","_"],"sourceRoot":"../../../src","sources":["stay-filters/PropertyTypeTiles.tsx"],"mappings":"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","ignoreList":[]}