@oxy.so/bloom 2.8.0 → 2.10.0

package/lib/commonjs/eviction/EvictionTimeline.js

@@ -0,0 +1,58 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.EvictionTimeline = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _TenancyTimeline = require("../tenancy/TenancyTimeline.js");
+var _constants = require("./constants.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/**
+ * An eviction case's history: the report, the date being set, postponements,
+ * suspensions, the outcome — each with its date and where it came from.
+ *
+ * It is `TenancyTimeline` at comfortable density with a marker per event kind:
+ *
+ *   published     file       primary
+ *   date-set      calendar   warning
+ *   postponed     clock      info
+ *   suspended     shield     success
+ *   executed      house      neutral
+ *   cancelled     x circle   neutral
+ *   mobilisation  group      primary
+ *   update        info       primary
+ *
+ * `upcoming` entries (a date not yet reached) draw a hollow marker. The source
+ * is drawn beside the date ("14 Aug 2026 · Source: Court notice") so a reader
+ * can weigh each claim.
+ */
+const DEFAULT_FORMAT_SOURCE = source => `Source: ${source}`;
+function EvictionTimelineComponent({
+  events,
+  formatSource = DEFAULT_FORMAT_SOURCE,
+  accessibilityLabel = 'Case history',
+  style,
+  testID
+}) {
+  const mapped = (0, _react.useMemo)(() => events.map(event => ({
+    id: event.id,
+    title: event.title,
+    date: event.date,
+    actor: event.source ? formatSource(event.source) : undefined,
+    description: event.description,
+    icon: _constants.EVICTION_EVENT[event.kind].icon,
+    tone: _constants.EVICTION_EVENT[event.kind].tone,
+    state: event.upcoming ? 'upcoming' : 'complete'
+  })), [events, formatSource]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_TenancyTimeline.TenancyTimeline, {
+    events: mapped,
+    accessibilityLabel: accessibilityLabel,
+    style: style,
+    testID: testID
+  });
+}
+const EvictionTimeline = exports.EvictionTimeline = /*#__PURE__*/(0, _react.memo)(EvictionTimelineComponent);
+EvictionTimeline.displayName = 'EvictionTimeline';
+//# sourceMappingURL=EvictionTimeline.js.map

package/lib/commonjs/eviction/EvictionTimeline.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_TenancyTimeline","_constants","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","DEFAULT_FORMAT_SOURCE","source","EvictionTimelineComponent","events","formatSource","accessibilityLabel","style","testID","mapped","useMemo","map","event","id","title","date","actor","undefined","description","icon","EVICTION_EVENT","kind","tone","state","upcoming","jsx","TenancyTimeline","EvictionTimeline","exports","memo","displayName"],"sourceRoot":"../../../src","sources":["eviction/EvictionTimeline.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,gBAAA,GAAAD,OAAA;AAEA,IAAAE,UAAA,GAAAF,OAAA;AAA6C,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAD,wBAAAK,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAP,uBAAA,YAAAA,CAAAK,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAG7C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMkB,qBAAqB,GAAIC,MAAc,IAAK,WAAWA,MAAM,EAAE;AAErE,SAASC,yBAAyBA,CAAC;EACjCC,MAAM;EACNC,YAAY,GAAGJ,qBAAqB;EACpCK,kBAAkB,GAAG,cAAc;EACnCC,KAAK;EACLC;AACqB,CAAC,EAAE;EACxB,MAAMC,MAAM,GAAG,IAAAC,cAAO,EACpB,MACEN,MAAM,CAACO,GAAG,CAAEC,KAAK,KAAM;IACrBC,EAAE,EAAED,KAAK,CAACC,EAAE;IACZC,KAAK,EAAEF,KAAK,CAACE,KAAK;IAClBC,IAAI,EAAEH,KAAK,CAACG,IAAI;IAChBC,KAAK,EAAEJ,KAAK,CAACV,MAAM,GAAGG,YAAY,CAACO,KAAK,CAACV,MAAM,CAAC,GAAGe,SAAS;IAC5DC,WAAW,EAAEN,KAAK,CAACM,WAAW;IAC9BC,IAAI,EAAEC,yBAAc,CAACR,KAAK,CAACS,IAAI,CAAC,CAACF,IAAI;IACrCG,IAAI,EAAEF,yBAAc,CAACR,KAAK,CAACS,IAAI,CAAC,CAACC,IAAI;IACrCC,KAAK,EAAEX,KAAK,CAACY,QAAQ,GAAG,UAAU,GAAG;EACvC,CAAC,CAAC,CAAC,EACL,CAACpB,MAAM,EAAEC,YAAY,CACvB,CAAC;EACD,oBACE,IAAAxB,WAAA,CAAA4C,GAAA,EAAC9C,gBAAA,CAAA+C,eAAe;IACdtB,MAAM,EAAEK,MAAO;IACfH,kBAAkB,EAAEA,kBAAmB;IACvCC,KAAK,EAAEA,KAAM;IACbC,MAAM,EAAEA;EAAO,CAChB,CAAC;AAEN;AAEO,MAAMmB,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,gBAAG,IAAAE,WAAI,EAAC1B,yBAAyB,CAAC;AAC/DwB,gBAAgB,CAACG,WAAW,GAAG,kBAAkB","ignoreList":[]}

package/lib/commonjs/eviction/constants.js

@@ -0,0 +1,72 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.EVICTION_STATUS = exports.EVICTION_EVENT = void 0;
+var _index = require("../icons/remix/index.js");
+/** The status badge: tone, fill and default English word. */
+const EVICTION_STATUS = exports.EVICTION_STATUS = {
+  scheduled: {
+    tone: 'warning',
+    fill: 'subtle',
+    label: 'Scheduled'
+  },
+  postponed: {
+    tone: 'info',
+    fill: 'subtle',
+    label: 'Postponed'
+  },
+  suspended: {
+    tone: 'success',
+    fill: 'subtle',
+    label: 'Suspended'
+  },
+  executed: {
+    tone: 'default',
+    fill: 'solid',
+    label: 'Executed'
+  },
+  cancelled: {
+    tone: 'default',
+    fill: 'subtle',
+    label: 'Cancelled'
+  }
+};
+
+/** A history entry's marker. */
+const EVICTION_EVENT = exports.EVICTION_EVENT = {
+  published: {
+    icon: _index.RiFileTextLine,
+    tone: 'primary'
+  },
+  'date-set': {
+    icon: _index.RiCalendarLine,
+    tone: 'warning'
+  },
+  postponed: {
+    icon: _index.RiTimeLine,
+    tone: 'info'
+  },
+  suspended: {
+    icon: _index.RiShieldCheckLine,
+    tone: 'success'
+  },
+  executed: {
+    icon: _index.RiHome4Line,
+    tone: 'default'
+  },
+  cancelled: {
+    icon: _index.RiCloseCircleLine,
+    tone: 'default'
+  },
+  mobilisation: {
+    icon: _index.RiGroupLine,
+    tone: 'primary'
+  },
+  update: {
+    icon: _index.RiInformationLine,
+    tone: 'primary'
+  }
+};
+//# sourceMappingURL=constants.js.map

package/lib/commonjs/eviction/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_index","require","EVICTION_STATUS","exports","scheduled","tone","fill","label","postponed","suspended","executed","cancelled","EVICTION_EVENT","published","icon","RiFileTextLine","RiCalendarLine","RiTimeLine","RiShieldCheckLine","RiHome4Line","RiCloseCircleLine","mobilisation","RiGroupLine","update","RiInformationLine"],"sourceRoot":"../../../src","sources":["eviction/constants.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAcA;AACO,MAAMC,eAA8F,GAAAC,OAAA,CAAAD,eAAA,GAAG;EAC5GE,SAAS,EAAE;IAAEC,IAAI,EAAE,SAAS;IAAEC,IAAI,EAAE,QAAQ;IAAEC,KAAK,EAAE;EAAY,CAAC;EAClEC,SAAS,EAAE;IAAEH,IAAI,EAAE,MAAM;IAAEC,IAAI,EAAE,QAAQ;IAAEC,KAAK,EAAE;EAAY,CAAC;EAC/DE,SAAS,EAAE;IAAEJ,IAAI,EAAE,SAAS;IAAEC,IAAI,EAAE,QAAQ;IAAEC,KAAK,EAAE;EAAY,CAAC;EAClEG,QAAQ,EAAE;IAAEL,IAAI,EAAE,SAAS;IAAEC,IAAI,EAAE,OAAO;IAAEC,KAAK,EAAE;EAAW,CAAC;EAC/DI,SAAS,EAAE;IAAEN,IAAI,EAAE,SAAS;IAAEC,IAAI,EAAE,QAAQ;IAAEC,KAAK,EAAE;EAAY;AACnE,CAAC;;AAED;AACO,MAAMK,cAAkF,GAAAT,OAAA,CAAAS,cAAA,GAAG;EAChGC,SAAS,EAAE;IAAEC,IAAI,EAAEC,qBAAc;IAAEV,IAAI,EAAE;EAAU,CAAC;EACpD,UAAU,EAAE;IAAES,IAAI,EAAEE,qBAAc;IAAEX,IAAI,EAAE;EAAU,CAAC;EACrDG,SAAS,EAAE;IAAEM,IAAI,EAAEG,iBAAU;IAAEZ,IAAI,EAAE;EAAO,CAAC;EAC7CI,SAAS,EAAE;IAAEK,IAAI,EAAEI,wBAAiB;IAAEb,IAAI,EAAE;EAAU,CAAC;EACvDK,QAAQ,EAAE;IAAEI,IAAI,EAAEK,kBAAW;IAAEd,IAAI,EAAE;EAAU,CAAC;EAChDM,SAAS,EAAE;IAAEG,IAAI,EAAEM,wBAAiB;IAAEf,IAAI,EAAE;EAAU,CAAC;EACvDgB,YAAY,EAAE;IAAEP,IAAI,EAAEQ,kBAAW;IAAEjB,IAAI,EAAE;EAAU,CAAC;EACpDkB,MAAM,EAAE;IAAET,IAAI,EAAEU,wBAAiB;IAAEnB,IAAI,EAAE;EAAU;AACrD,CAAC","ignoreList":[]}

package/lib/commonjs/eviction/index.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "EVICTION_EVENT", {
+  enumerable: true,
+  get: function () {
+    return _constants.EVICTION_EVENT;
+  }
+});
+Object.defineProperty(exports, "EVICTION_STATUS", {
+  enumerable: true,
+  get: function () {
+    return _constants.EVICTION_STATUS;
+  }
+});
+Object.defineProperty(exports, "EvictionReportCard", {
+  enumerable: true,
+  get: function () {
+    return _EvictionReportCard.EvictionReportCard;
+  }
+});
+Object.defineProperty(exports, "EvictionTimeline", {
+  enumerable: true,
+  get: function () {
+    return _EvictionTimeline.EvictionTimeline;
+  }
+});
+var _EvictionReportCard = require("./EvictionReportCard.js");
+var _EvictionTimeline = require("./EvictionTimeline.js");
+var _constants = require("./constants.js");
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_EvictionReportCard","require","_EvictionTimeline","_constants"],"sourceRoot":"../../../src","sources":["eviction/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,mBAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA","ignoreList":[]}

package/lib/commonjs/eviction/types.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=types.js.map

package/lib/commonjs/eviction/types.js.map

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

package/lib/commonjs/home-search/BudgetPicker.js

@@ -0,0 +1,129 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BudgetPicker = void 0;
+exports.budgetPresetLabel = budgetPresetLabel;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _index = require("../chip/index.js");
+var _RangeFields = require("../stay-filters/RangeFields.js");
+var _useTheme = require("../theme/use-theme.js");
+var _index2 = require("../typography/index.js");
+var _constants = require("./constants.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/**
+ * A budget for a search panel: a title, a "Minimum" / "Maximum" pair of fields
+ * and a row of preset chips.
+ *
+ *   title        body-semibold, text-primary; description body-2-regular,
+ *                text-secondary, 2 under it
+ *   fields       the range filters' floating-label pair, 16 apart, 16 under
+ *   presets      Bloom `Chip`s (`large`, `outlined`; the chosen one takes the
+ *                brand tone), wrapped 8 apart, 16 under the fields
+ *
+ * `period` picks the defaults: `month` (rent) presets up to 800 / 800–1,200 /
+ * 1,200–1,800 / 1,800+ and a 50 step; `total` (sale) up to 150,000 /
+ * 150,000–300,000 / 300,000–600,000 / 600,000+ and a 5,000 step.
+ *
+ * EITHER END IS OPEN: `null` is no minimum / no maximum. An emptied field
+ * commits `null`; a typed amount snaps to `step` and can not pass the other
+ * end. A preset chip sets both ends at once; pressing the chosen one again
+ * clears the budget. Preset labels are built from `formatAmount` unless given.
+ */
+
+/** A preset's chip label from the amount formatter. Pure; exported for the tests. */
+function budgetPresetLabel(preset, format) {
+  if (preset.label) return preset.label;
+  if (preset.min == null && preset.max != null) return `Up to ${format(preset.max)}`;
+  if (preset.max == null && preset.min != null) return `${format(preset.min)}+`;
+  if (preset.min != null && preset.max != null) return `${format(preset.min)} – ${format(preset.max)}`;
+  return 'Any';
+}
+function BudgetPickerComponent({
+  value,
+  onValueChange,
+  period = 'month',
+  presets,
+  formatAmount = String,
+  title,
+  description,
+  minLabel = 'Minimum',
+  maxLabel = 'Maximum',
+  step,
+  presetsLabel = 'Budget presets',
+  style,
+  testID
+}) {
+  const theme = (0, _useTheme.useTheme)();
+  const items = presets ?? _constants.DEFAULT_BUDGET_PRESETS[period];
+  const heading = title ?? (period === 'month' ? 'Monthly budget' : 'Price');
+  const sub = description === undefined ? period === 'month' ? 'Rent per month, before bills' : 'Total price' : description;
+  const onCommit = (0, _react.useCallback)(next => {
+    if (next[0] !== value[0] || next[1] !== value[1]) onValueChange(next);
+  }, [value, onValueChange]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    testID: testID,
+    style: [{
+      gap: 16
+    }, style],
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: {
+        gap: 2
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Text, {
+        variant: "body-semibold",
+        role: "heading",
+        style: {
+          color: theme.colors.text
+        },
+        children: heading
+      }), sub ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Text, {
+        variant: "body-2-regular",
+        style: {
+          color: theme.colors.textSecondary
+        },
+        children: sub
+      }) : null]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_RangeFields.RangeFields, {
+      value: value,
+      onCommit: onCommit,
+      format: formatAmount,
+      labels: [minLabel, maxLabel],
+      min: 0,
+      step: step ?? (period === 'month' ? 50 : 5000),
+      nullable: true,
+      testID: testID
+    }), items.length > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      role: "group",
+      accessibilityLabel: presetsLabel,
+      style: {
+        flexDirection: 'row',
+        flexWrap: 'wrap',
+        gap: 8
+      },
+      children: items.map((preset, index) => {
+        const selected = preset.min === value[0] && preset.max === value[1];
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Chip, {
+          size: "large",
+          variant: "outlined",
+          selected: selected,
+          onPress: () => onValueChange(selected ? [null, null] : [preset.min, preset.max]),
+          testID: testID ? `${testID}-preset-${index}` : undefined
+          // `paddingHorizontal`, the spelling Chip's base uses — a longhand would lose on web.
+          ,
+          style: {
+            paddingHorizontal: 12,
+            height: 32
+          },
+          children: budgetPresetLabel(preset, formatAmount)
+        }, index);
+      })
+    }) : null]
+  });
+}
+const BudgetPicker = exports.BudgetPicker = /*#__PURE__*/(0, _react.memo)(BudgetPickerComponent);
+BudgetPicker.displayName = 'BudgetPicker';
+//# sourceMappingURL=BudgetPicker.js.map

package/lib/commonjs/home-search/BudgetPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_index","_RangeFields","_useTheme","_index2","_constants","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","budgetPresetLabel","preset","format","label","min","max","BudgetPickerComponent","value","onValueChange","period","presets","formatAmount","String","title","description","minLabel","maxLabel","step","presetsLabel","style","testID","theme","useTheme","items","DEFAULT_BUDGET_PRESETS","heading","sub","undefined","onCommit","useCallback","next","jsxs","View","gap","children","jsx","Text","variant","role","color","colors","text","textSecondary","RangeFields","labels","nullable","length","accessibilityLabel","flexDirection","flexWrap","map","index","selected","Chip","size","onPress","paddingHorizontal","height","BudgetPicker","exports","memo","displayName"],"sourceRoot":"../../../src","sources":["home-search/BudgetPicker.tsx"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AACA,IAAAI,SAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AACA,IAAAM,UAAA,GAAAN,OAAA;AAAqD,IAAAO,WAAA,GAAAP,OAAA;AAAA,SAAAD,wBAAAS,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAX,uBAAA,YAAAA,CAAAS,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAGrD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACO,SAASkB,iBAAiBA,CAACC,MAAoB,EAAEC,MAA6B,EAAU;EAC7F,IAAID,MAAM,CAACE,KAAK,EAAE,OAAOF,MAAM,CAACE,KAAK;EACrC,IAAIF,MAAM,CAACG,GAAG,IAAI,IAAI,IAAIH,MAAM,CAACI,GAAG,IAAI,IAAI,EAAE,OAAO,SAASH,MAAM,CAACD,MAAM,CAACI,GAAG,CAAC,EAAE;EAClF,IAAIJ,MAAM,CAACI,GAAG,IAAI,IAAI,IAAIJ,MAAM,CAACG,GAAG,IAAI,IAAI,EAAE,OAAO,GAAGF,MAAM,CAACD,MAAM,CAACG,GAAG,CAAC,GAAG;EAC7E,IAAIH,MAAM,CAACG,GAAG,IAAI,IAAI,IAAIH,MAAM,CAACI,GAAG,IAAI,IAAI,EAAE,OAAO,GAAGH,MAAM,CAACD,MAAM,CAACG,GAAG,CAAC,MAAMF,MAAM,CAACD,MAAM,CAACI,GAAG,CAAC,EAAE;EACpG,OAAO,KAAK;AACd;AAEA,SAASC,qBAAqBA,CAAC;EAC7BC,KAAK;EACLC,aAAa;EACbC,MAAM,GAAG,OAAO;EAChBC,OAAO;EACPC,YAAY,GAAGC,MAAM;EACrBC,KAAK;EACLC,WAAW;EACXC,QAAQ,GAAG,SAAS;EACpBC,QAAQ,GAAG,SAAS;EACpBC,IAAI;EACJC,YAAY,GAAG,gBAAgB;EAC/BC,KAAK;EACLC;AACiB,CAAC,EAAE;EACpB,MAAMC,KAAK,GAAG,IAAAC,kBAAQ,EAAC,CAAC;EACxB,MAAMC,KAAK,GAAGb,OAAO,IAAIc,iCAAsB,CAACf,MAAM,CAAC;EACvD,MAAMgB,OAAO,GAAGZ,KAAK,KAAKJ,MAAM,KAAK,OAAO,GAAG,gBAAgB,GAAG,OAAO,CAAC;EAC1E,MAAMiB,GAAG,GACPZ,WAAW,KAAKa,SAAS,GAAIlB,MAAM,KAAK,OAAO,GAAG,8BAA8B,GAAG,aAAa,GAAIK,WAAW;EAEjH,MAAMc,QAAQ,GAAG,IAAAC,kBAAW,EACzBC,IAAoC,IAAK;IACxC,IAAIA,IAAI,CAAC,CAAC,CAAC,KAAKvB,KAAK,CAAC,CAAC,CAAC,IAAIuB,IAAI,CAAC,CAAC,CAAC,KAAKvB,KAAK,CAAC,CAAC,CAAC,EAAEC,aAAa,CAACsB,IAAI,CAAC;EACvE,CAAC,EACD,CAACvB,KAAK,EAAEC,aAAa,CACvB,CAAC;EAED,oBACE,IAAA5B,WAAA,CAAAmD,IAAA,EAACzD,YAAA,CAAA0D,IAAI;IAACZ,MAAM,EAAEA,MAAO;IAACD,KAAK,EAAE,CAAC;MAAEc,GAAG,EAAE;IAAG,CAAC,EAAEd,KAAK,CAAE;IAAAe,QAAA,gBAChD,IAAAtD,WAAA,CAAAmD,IAAA,EAACzD,YAAA,CAAA0D,IAAI;MAACb,KAAK,EAAE;QAAEc,GAAG,EAAE;MAAE,CAAE;MAAAC,QAAA,gBACtB,IAAAtD,WAAA,CAAAuD,GAAA,EAACzD,OAAA,CAAA0D,IAAI;QAACC,OAAO,EAAC,eAAe;QAACC,IAAI,EAAC,SAAS;QAACnB,KAAK,EAAE;UAAEoB,KAAK,EAAElB,KAAK,CAACmB,MAAM,CAACC;QAAK,CAAE;QAAAP,QAAA,EAC9ET;MAAO,CACJ,CAAC,EACNC,GAAG,gBACF,IAAA9C,WAAA,CAAAuD,GAAA,EAACzD,OAAA,CAAA0D,IAAI;QAACC,OAAO,EAAC,gBAAgB;QAAClB,KAAK,EAAE;UAAEoB,KAAK,EAAElB,KAAK,CAACmB,MAAM,CAACE;QAAc,CAAE;QAAAR,QAAA,EACzER;MAAG,CACA,CAAC,GACL,IAAI;IAAA,CACJ,CAAC,eACP,IAAA9C,WAAA,CAAAuD,GAAA,EAAC3D,YAAA,CAAAmE,WAAW;MACVpC,KAAK,EAAEA,KAAM;MACbqB,QAAQ,EAAEA,QAAS;MACnB1B,MAAM,EAAES,YAAa;MACrBiC,MAAM,EAAE,CAAC7B,QAAQ,EAAEC,QAAQ,CAAE;MAC7BZ,GAAG,EAAE,CAAE;MACPa,IAAI,EAAEA,IAAI,KAAKR,MAAM,KAAK,OAAO,GAAG,EAAE,GAAG,IAAI,CAAE;MAC/CoC,QAAQ;MACRzB,MAAM,EAAEA;IAAO,CAChB,CAAC,EACDG,KAAK,CAACuB,MAAM,GAAG,CAAC,gBACf,IAAAlE,WAAA,CAAAuD,GAAA,EAAC7D,YAAA,CAAA0D,IAAI;MAACM,IAAI,EAAC,OAAO;MAACS,kBAAkB,EAAE7B,YAAa;MAACC,KAAK,EAAE;QAAE6B,aAAa,EAAE,KAAK;QAAEC,QAAQ,EAAE,MAAM;QAAEhB,GAAG,EAAE;MAAE,CAAE;MAAAC,QAAA,EAC5GX,KAAK,CAAC2B,GAAG,CAAC,CAACjD,MAAM,EAAEkD,KAAK,KAAK;QAC5B,MAAMC,QAAQ,GAAGnD,MAAM,CAACG,GAAG,KAAKG,KAAK,CAAC,CAAC,CAAC,IAAIN,MAAM,CAACI,GAAG,KAAKE,KAAK,CAAC,CAAC,CAAC;QACnE,oBACE,IAAA3B,WAAA,CAAAuD,GAAA,EAAC5D,MAAA,CAAA8E,IAAI;UAEHC,IAAI,EAAC,OAAO;UACZjB,OAAO,EAAC,UAAU;UAClBe,QAAQ,EAAEA,QAAS;UACnBG,OAAO,EAAEA,CAAA,KAAM/C,aAAa,CAAC4C,QAAQ,GAAG,CAAC,IAAI,EAAE,IAAI,CAAC,GAAG,CAACnD,MAAM,CAACG,GAAG,EAAEH,MAAM,CAACI,GAAG,CAAC,CAAE;UACjFe,MAAM,EAAEA,MAAM,GAAG,GAAGA,MAAM,WAAW+B,KAAK,EAAE,GAAGxB;UAC/C;UAAA;UACAR,KAAK,EAAE;YAAEqC,iBAAiB,EAAE,EAAE;YAAEC,MAAM,EAAE;UAAG,CAAE;UAAAvB,QAAA,EAE5ClC,iBAAiB,CAACC,MAAM,EAAEU,YAAY;QAAC,GATnCwC,KAUD,CAAC;MAEX,CAAC;IAAC,CACE,CAAC,GACL,IAAI;EAAA,CACJ,CAAC;AAEX;AAEO,MAAMO,YAAY,GAAAC,OAAA,CAAAD,YAAA,gBAAG,IAAAE,WAAI,EAACtD,qBAAqB,CAAC;AACvDoD,YAAY,CAACG,WAAW,GAAG,cAAc","ignoreList":[]}

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

@@ -0,0 +1,315 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.HomeSearchBar = HomeSearchBar;
+exports.segmentPanelAlign = segmentPanelAlign;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _button = require("../button");
+var _shared = require("../button/shared.js");
+var _shared2 = require("../checkbox/shared.js");
+var _RiSearchLine = require("../icons/remix/RiSearchLine.js");
+var _constants = require("../stay-search/constants.js");
+var _palette = require("../stay-search/palette.js");
+var _adoptStyleSheet = require("../styles/adopt-style-sheet.js");
+var _tokens = require("../styles/tokens.js");
+var _zIndex = require("../styles/z-index.js");
+var _shared3 = require("../text-field/shared.js");
+var _useTheme = require("../theme/use-theme.js");
+var _index = require("../typography/index.js");
+var _scale = require("../typography/scale.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/**
+ * 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 = _reactNative.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 = _scale.TYPE_SCALE['body-regular'];
+const inputStyle = {
+  fontFamily: _shared3.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. */
+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';
+}
+function HomeSearchBar({
+  segments,
+  activeSegment,
+  onActiveSegmentChange,
+  onSearch,
+  searchLabel = 'Search',
+  query,
+  onQueryChange,
+  panel,
+  dismissible = true,
+  style,
+  testID
+}) {
+  const theme = (0, _useTheme.useTheme)();
+  const palette = (0, _palette.useStaySearchPalette)();
+  const {
+    accent
+  } = (0, _react.useMemo)(() => (0, _shared.resolveButtonRamps)(theme), [theme]);
+  const [hovered, setHovered] = (0, _react.useState)(null);
+  const rootRef = (0, _react.useRef)(null);
+  const open = activeSegment !== null;
+  const lastIndex = segments.length - 1;
+  (0, _react.useEffect)(() => {
+    (0, _adoptStyleSheet.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).
+  (0, _react.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 = (0, _react.useCallback)(key => key !== undefined && (key === activeSegment || key === hovered), [activeSegment, hovered]);
+  const activeIndex = open ? segments.findIndex(s => s.key === activeSegment) : -1;
+  const barStyle = {
+    height: _constants.STAY_SEARCH_BAR_HEIGHT,
+    borderRadius: _tokens.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__*/(0, _jsxRuntime.jsxs)(_reactNative.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 ? _zIndex.Z_INDEX.dropdown : _zIndex.Z_INDEX.base
+    }, style],
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.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__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Text, {
+            variant: "caption-1-semibold",
+            numberOfLines: 1,
+            style: {
+              color: palette.text
+            },
+            children: label
+          }), showInput ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.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__*/(0, _jsxRuntime.jsx)(_index.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: _tokens.borderRadius.full
+        };
+        return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {
+          children: [index > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+            style: {
+              width: 0,
+              alignSelf: 'center',
+              zIndex: _zIndex.Z_INDEX.raised
+            },
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+              ...(0, _shared2.webDataSet)({
+                bloomStaySeparator: ''
+              }),
+              testID: testID ? `${testID}-separator-${index}` : undefined,
+              style: {
+                position: 'absolute',
+                left: -0.5,
+                top: -_constants.STAY_SEARCH_SEPARATOR_HEIGHT / 2,
+                width: 1,
+                height: _constants.STAY_SEARCH_SEPARATOR_HEIGHT,
+                backgroundColor: lit(segments[index - 1]?.key) || lit(key) ? 'transparent' : palette.separator
+              }
+            })
+          }) : null, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+            ...(0, _shared2.webDataSet)({
+              bloomStaySegment: active ? 'active' : ''
+            }),
+            style: {
+              flex: segment.flex ?? 1,
+              minWidth: 0,
+              flexDirection: 'row',
+              alignItems: 'center',
+              borderRadius: _tokens.borderRadius.full,
+              backgroundColor: background,
+              boxShadow: active ? palette.segmentActiveShadow : undefined
+            },
+            children: [showInput ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+              testID: segmentTestID,
+              style: hitStyle,
+              children: text
+            }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+              ...(0, _shared2.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__*/(0, _jsxRuntime.jsx)(_button.Button, {
+              variant: "primary",
+              size: "large",
+              icon: _RiSearchLine.RiSearchLine,
+              iconOnly: !open,
+              onPress: onSearch,
+              accessibilityLabel: searchLabel,
+              testID: testID ? `${testID}-search` : undefined,
+              style: {
+                marginRight: _constants.STAY_SEARCH_BUTTON_INSET - 1,
+                flexShrink: 0
+              },
+              children: open ? searchLabel : undefined
+            }) : null]
+          })]
+        }, key);
+      })
+    }), open && panel != null && activeIndex >= 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      pointerEvents: "box-none",
+      testID: testID ? `${testID}-panel` : undefined,
+      style: {
+        position: 'absolute',
+        top: _constants.STAY_SEARCH_BAR_HEIGHT + _constants.STAY_SEARCH_PANEL_OFFSET,
+        left: 0,
+        right: 0,
+        flexDirection: 'row',
+        justifyContent: ALIGN[segmentPanelAlign(segments, activeIndex)],
+        zIndex: _zIndex.Z_INDEX.dropdown
+      },
+      children: panel
+    }) : null]
+  });
+}
+HomeSearchBar.displayName = 'HomeSearchBar';
+//# sourceMappingURL=HomeSearchBar.js.map