@oxy.so/bloom 2.8.0 → 2.10.0

package/lib/module/property-insights/PriceHistoryChart.js

@@ -0,0 +1,377 @@
+"use strict";
+
+import React, { useCallback, useId, useMemo } from 'react';
+import { View } from 'react-native';
+import Svg, { Circle, ClipPath, Defs, G, Line, LinearGradient, Path, Rect, Stop } from 'react-native-svg';
+import { borderRadius } from "../styles/tokens.js";
+import { niceTicks } from "../chart-cards/geometry.js";
+import { CartesianPlot } from "../chart-cards/primitives/CartesianPlot.js";
+import { ChartCardSurface } from "../chart-cards/primitives/ChartCardSurface.js";
+import { PeriodChartHeader } from "../chart-cards/primitives/PeriodChartHeader.js";
+import { useActiveIndex } from "../chart-cards/primitives/use-active-index.js";
+import { useChartCardPalette } from "../chart-cards/primitives/use-chart-palette.js";
+import { useChartRange } from "../chart-cards/primitives/use-chart-range.js";
+import { lerp, useChartProgress } from "../chart-cards/use-chart-progress.js";
+import { RiLineChartLine } from "../icons/remix/index.js";
+import { useTheme } from "../theme/use-theme.js";
+import { Text } from "../typography/index.js";
+import { PRICE_HISTORY_PLOT_HEIGHT } from "./constants.js";
+import { formatEuros, formatEurosCompact } from "./shared.js";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * A home's asking price (or rent) over time, with what happened to it.
+ *
+ * Built on the chart-card primitives:
+ *
+ *   card      `ChartCardSurface` (auto height, gap 16)
+ *   header    `PeriodChartHeader`: "Current price" and the price, swapping to
+ *             the hovered point; the 1Y / 3Y / All `SegmentedControl`
+ *   plot      200 tall, `CartesianPlot` with a 52 Y axis, 4 nice ticks around
+ *             the prices (never from zero — a price moving 5% would draw flat)
+ *   series    `step` (default: an asking price holds until it changes) or
+ *             `line`; 2px primary stroke over a primary gradient 16% → 0%;
+ *             reveals left to right over 450ms, snaps under reduced motion
+ *   events    r 5 markers with a 2px card ring on their point, coloured by
+ *             kind: listed primary, price-drop success, price-rise warning,
+ *             rented / sold text-primary, delisted text-tertiary
+ *   now       an r 4 primary dot on the last point with a pill callout above
+ *             it ("Now · €385,000", caption-1-semibold, text-primary fill with
+ *             the page colour as ink), kept inside the plot
+ *   hover     1px dashed `4 4` cursor and an r 5 dot on the hovered point
+ *   legend    the events as a wrapping list under the plot: an 8px dot, the
+ *             label (body-2-medium) and the date (body-2-regular, secondary)
+ *   empty     fewer than two points: a 200-tall panel with a chart glyph and
+ *             "No price history yet"
+ *
+ * The plot's `role="img"` is named by a composed summary — "Price history,
+ * 1Y: from €405,000 in Sep 2025 to €385,000 in Sep 2026. Listed, Sep 2025.
+ * Price drop −5%, Mar 2026." — so the chart is readable without sight or a
+ * pointer; the legend repeats the events as text.
+ */
+
+const Y_AXIS_WIDTH = 52;
+const TICK_COUNT = 4;
+export function priceEventColor(theme, kind) {
+  const c = theme.colors;
+  switch (kind) {
+    case 'listed':
+      return c.primary;
+    case 'price-drop':
+      return c.success;
+    case 'price-rise':
+      return c.warning;
+    case 'delisted':
+      return c.textTertiary;
+    default:
+      return c.text;
+  }
+}
+
+/** `M x0 y0 H x1 V y1 H x2 V y2 …` — each price holds until the next point. */
+export function stepPath(points) {
+  if (points.length === 0) return '';
+  const r = n => Math.round(n * 1000) / 1000;
+  let d = `M${r(points[0].x)},${r(points[0].y)}`;
+  for (let i = 1; i < points.length; i++) d += `H${r(points[i].x)}V${r(points[i].y)}`;
+  return d;
+}
+function linePath(points) {
+  const r = n => Math.round(n * 1000) / 1000;
+  return points.map((p, i) => `${i === 0 ? 'M' : 'L'}${r(p.x)},${r(p.y)}`).join('');
+}
+
+/** The Y domain: nice ticks around the prices, padded so the line never sits on the frame. */
+export function priceDomain(values) {
+  if (values.length === 0) return {
+    ticks: [0, 1],
+    domain: [0, 1]
+  };
+  const min = Math.min(...values);
+  const max = Math.max(...values);
+  const pad = Math.max((max - min) * 0.15, max * 0.02, 1);
+  const ticks = niceTicks(Math.max(0, min - pad), max + pad, TICK_COUNT);
+  return {
+    ticks,
+    domain: [ticks[0], ticks[ticks.length - 1]]
+  };
+}
+export function describePriceHistory(title, periodLabel, data, events, format) {
+  const first = data[0];
+  const last = data[data.length - 1];
+  const head = periodLabel ? `${title}, ${periodLabel}` : title;
+  if (!first || !last) return head;
+  const parts = [`${head}: from ${format(first.value)} in ${first.title ?? first.label} to ${format(last.value)} in ${last.title ?? last.label}.`, ...events.map(e => `${e.label}, ${e.date ?? data[e.index]?.title ?? data[e.index]?.label ?? ''}.`)];
+  return parts.join(' ');
+}
+export function PriceHistoryChart({
+  periods,
+  data: dataProp,
+  events: eventsProp,
+  defaultPeriod,
+  onPeriodChange,
+  shape = 'step',
+  title = 'Current price',
+  currentPrice,
+  format = formatEuros,
+  formatAxisValue = formatEurosCompact,
+  currentLabel = 'Now',
+  emptyLabel = 'No price history yet',
+  periodsLabel = 'Price history period',
+  accessibilityLabel,
+  activeIndex: controlledIndex,
+  onActiveIndexChange,
+  style,
+  testID
+}) {
+  const theme = useTheme();
+  const palette = useChartCardPalette();
+  const {
+    selected,
+    selectedId,
+    select
+  } = useChartRange(periods, defaultPeriod, onPeriodChange);
+  const data = selected?.data ?? dataProp ?? [];
+  const events = (selected ? selected.events : eventsProp) ?? [];
+  const [activeIndex, setActiveIndex] = useActiveIndex(data.length, controlledIndex, onActiveIndexChange);
+  const selectPeriod = useCallback(id => {
+    setActiveIndex(null);
+    select(id);
+  }, [select, setActiveIndex]);
+  const values = useMemo(() => data.map(d => d.value), [data]);
+  const categories = useMemo(() => data.map(d => d.label), [data]);
+  const {
+    ticks,
+    domain
+  } = useMemo(() => priceDomain(values), [values]);
+  const anim = useChartProgress(values);
+  const stroke = theme.colors.primary;
+  const rawId = useId();
+  const id = `bloom-price-history-${rawId.replace(/[^a-zA-Z0-9_-]/g, '')}`;
+  const last = data[data.length - 1];
+  const resting = currentPrice ?? last?.value;
+  const point = activeIndex !== null ? data[activeIndex] : undefined;
+  const empty = data.length < 2;
+  const summary = accessibilityLabel ?? (empty ? `Price history: ${emptyLabel}` : describePriceHistory('Price history', selected?.label, data, events, format));
+  return /*#__PURE__*/_jsxs(ChartCardSurface, {
+    height: "auto",
+    style: style,
+    testID: testID,
+    children: [/*#__PURE__*/_jsx(PeriodChartHeader, {
+      label: point ? point.title ?? point.label : title,
+      value: point ? point.value : resting,
+      format: format,
+      hovering: point !== undefined,
+      fadeKey: `${selectedId ?? ''}:${activeIndex}`,
+      ranges: periods,
+      rangeId: selectedId,
+      onRangeChange: selectPeriod,
+      rangesLabel: periodsLabel,
+      testID: testID
+    }), empty ? /*#__PURE__*/_jsxs(View, {
+      accessible: true,
+      accessibilityRole: "image",
+      accessibilityLabel: summary,
+      testID: testID ? `${testID}-empty` : undefined,
+      style: {
+        height: PRICE_HISTORY_PLOT_HEIGHT,
+        alignItems: 'center',
+        justifyContent: 'center',
+        gap: 8
+      },
+      children: [/*#__PURE__*/_jsx(RiLineChartLine, {
+        width: 28,
+        height: 28,
+        fill: palette.textTertiary
+      }), /*#__PURE__*/_jsx(Text, {
+        variant: "body-medium",
+        style: {
+          color: palette.textSecondary
+        },
+        children: emptyLabel
+      })]
+    }) : /*#__PURE__*/_jsx(View, {
+      style: {
+        width: '100%',
+        height: PRICE_HISTORY_PLOT_HEIGHT
+      },
+      children: /*#__PURE__*/_jsx(CartesianPlot, {
+        categories: categories,
+        yAxisWidth: Y_AXIS_WIDTH,
+        yDomain: domain,
+        yTicks: ticks,
+        formatYTick: formatAxisValue,
+        grid: true,
+        outside: "keep",
+        onActiveIndexChange: setActiveIndex,
+        palette: palette,
+        accessibilityLabel: summary,
+        testID: testID ? `${testID}-plot` : undefined,
+        children: ({
+          size,
+          box,
+          x,
+          y
+        }) => {
+          const points = values.map((v, i) => ({
+            x: x(i),
+            y: y(anim.from && anim.from.length === values.length ? lerp(anim.from[i], v, anim.progress) : v)
+          }));
+          const revealWidth = anim.from ? size.width : box.left + (size.width - box.left) * anim.progress;
+          const path = shape === 'line' ? linePath(points) : stepPath(points);
+          const firstPoint = points[0];
+          const lastPoint = points[points.length - 1];
+          const area = `${path}L${lastPoint.x},${box.bottom}L${firstPoint.x},${box.bottom}Z`;
+          const active = activeIndex !== null ? points[activeIndex] : undefined;
+          const calloutText = `${currentLabel} · ${format(last.value)}`;
+          return /*#__PURE__*/_jsxs(_Fragment, {
+            children: [/*#__PURE__*/_jsxs(Svg, {
+              width: size.width,
+              height: size.height,
+              pointerEvents: "none",
+              children: [/*#__PURE__*/_jsxs(Defs, {
+                children: [/*#__PURE__*/_jsxs(LinearGradient, {
+                  id: `${id}-fill`,
+                  x1: "0",
+                  y1: "0",
+                  x2: "0",
+                  y2: "1",
+                  children: [/*#__PURE__*/_jsx(Stop, {
+                    offset: "0",
+                    stopColor: stroke,
+                    stopOpacity: 0.16
+                  }), /*#__PURE__*/_jsx(Stop, {
+                    offset: "1",
+                    stopColor: stroke,
+                    stopOpacity: 0
+                  })]
+                }), /*#__PURE__*/_jsx(ClipPath, {
+                  id: `${id}-reveal`,
+                  children: /*#__PURE__*/_jsx(Rect, {
+                    x: 0,
+                    y: 0,
+                    width: revealWidth,
+                    height: size.height
+                  })
+                })]
+              }), /*#__PURE__*/_jsxs(G, {
+                clipPath: `url(#${id}-reveal)`,
+                children: [/*#__PURE__*/_jsx(Path, {
+                  d: area,
+                  fill: `url(#${id}-fill)`,
+                  stroke: "none"
+                }), /*#__PURE__*/_jsx(Path, {
+                  d: path,
+                  fill: "none",
+                  stroke: stroke,
+                  strokeWidth: 2,
+                  testID: testID ? `${testID}-series` : undefined
+                }), events.map((event, i) => {
+                  const p = points[event.index];
+                  if (!p) return null;
+                  return /*#__PURE__*/_jsx(Circle, {
+                    cx: p.x,
+                    cy: p.y,
+                    r: 5,
+                    fill: priceEventColor(theme, event.kind),
+                    stroke: palette.surface,
+                    strokeWidth: 2,
+                    testID: testID ? `${testID}-event-${i}` : undefined
+                  }, `${event.kind}-${event.index}-${i}`);
+                }), /*#__PURE__*/_jsx(Circle, {
+                  cx: lastPoint.x,
+                  cy: lastPoint.y,
+                  r: 4,
+                  fill: stroke,
+                  stroke: palette.surface,
+                  strokeWidth: 2
+                })]
+              }), active ? /*#__PURE__*/_jsxs(_Fragment, {
+                children: [/*#__PURE__*/_jsx(Line, {
+                  x1: active.x,
+                  y1: box.top,
+                  x2: active.x,
+                  y2: box.bottom,
+                  stroke: palette.cursor,
+                  strokeWidth: 1,
+                  strokeDasharray: "4 4"
+                }), /*#__PURE__*/_jsx(Circle, {
+                  cx: active.x,
+                  cy: active.y,
+                  r: 5,
+                  fill: stroke,
+                  stroke: palette.surface,
+                  strokeWidth: 3
+                })]
+              }) : null]
+            }), /*#__PURE__*/_jsx(View, {
+              importantForAccessibility: "no-hide-descendants",
+              accessibilityElementsHidden: true,
+              testID: testID ? `${testID}-callout` : undefined,
+              style: {
+                position: 'absolute',
+                // Right-aligned on the point, but never past the plot's right edge.
+                right: Math.max(0, size.width - lastPoint.x - 8),
+                top: Math.max(0, lastPoint.y - 34),
+                height: 24,
+                justifyContent: 'center',
+                paddingLeft: 8,
+                paddingRight: 8,
+                borderRadius: borderRadius.full,
+                backgroundColor: palette.text,
+                opacity: active ? 0 : 1
+              },
+              children: /*#__PURE__*/_jsx(Text, {
+                variant: "caption-1-semibold",
+                numberOfLines: 1,
+                style: {
+                  color: theme.colors.background,
+                  fontVariant: ['tabular-nums']
+                },
+                children: calloutText
+              })
+            })]
+          });
+        }
+      })
+    }), !empty && events.length > 0 ? /*#__PURE__*/_jsx(View, {
+      role: "list",
+      style: {
+        flexDirection: 'row',
+        flexWrap: 'wrap',
+        columnGap: 16,
+        rowGap: 6,
+        paddingBottom: 4
+      },
+      testID: testID ? `${testID}-legend` : undefined,
+      children: events.map((event, i) => /*#__PURE__*/_jsxs(View, {
+        role: "listitem",
+        style: {
+          flexDirection: 'row',
+          alignItems: 'center',
+          gap: 6
+        },
+        children: [/*#__PURE__*/_jsx(View, {
+          style: {
+            width: 8,
+            height: 8,
+            borderRadius: 4,
+            backgroundColor: priceEventColor(theme, event.kind)
+          }
+        }), /*#__PURE__*/_jsx(Text, {
+          variant: "body-2-medium",
+          style: {
+            color: palette.text
+          },
+          children: event.label
+        }), /*#__PURE__*/_jsx(Text, {
+          variant: "body-2-regular",
+          style: {
+            color: palette.textSecondary
+          },
+          children: event.date ?? data[event.index]?.title ?? data[event.index]?.label
+        })]
+      }, `${event.kind}-${event.index}-${i}`))
+    }) : null]
+  });
+}
+//# sourceMappingURL=PriceHistoryChart.js.map

package/lib/module/property-insights/PriceHistoryChart.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useId","useMemo","View","Svg","Circle","ClipPath","Defs","G","Line","LinearGradient","Path","Rect","Stop","borderRadius","niceTicks","CartesianPlot","ChartCardSurface","PeriodChartHeader","useActiveIndex","useChartCardPalette","useChartRange","lerp","useChartProgress","RiLineChartLine","useTheme","Text","PRICE_HISTORY_PLOT_HEIGHT","formatEuros","formatEurosCompact","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","Y_AXIS_WIDTH","TICK_COUNT","priceEventColor","theme","kind","c","colors","primary","success","warning","textTertiary","text","stepPath","points","length","r","n","Math","round","d","x","y","i","linePath","map","p","join","priceDomain","values","ticks","domain","min","max","pad","describePriceHistory","title","periodLabel","data","events","format","first","last","head","parts","value","label","e","date","index","PriceHistoryChart","periods","dataProp","eventsProp","defaultPeriod","onPeriodChange","shape","currentPrice","formatAxisValue","currentLabel","emptyLabel","periodsLabel","accessibilityLabel","activeIndex","controlledIndex","onActiveIndexChange","style","testID","palette","selected","selectedId","select","setActiveIndex","selectPeriod","id","categories","anim","stroke","rawId","replace","resting","point","undefined","empty","summary","height","children","hovering","fadeKey","ranges","rangeId","onRangeChange","rangesLabel","accessible","accessibilityRole","alignItems","justifyContent","gap","width","fill","variant","color","textSecondary","yAxisWidth","yDomain","yTicks","formatYTick","grid","outside","size","box","v","from","progress","revealWidth","left","path","firstPoint","lastPoint","area","bottom","active","calloutText","pointerEvents","x1","y1","x2","y2","offset","stopColor","stopOpacity","clipPath","strokeWidth","event","cx","cy","surface","top","cursor","strokeDasharray","importantForAccessibility","accessibilityElementsHidden","position","right","paddingLeft","paddingRight","full","backgroundColor","opacity","numberOfLines","background","fontVariant","role","flexDirection","flexWrap","columnGap","rowGap","paddingBottom"],"sourceRoot":"../../../src","sources":["property-insights/PriceHistoryChart.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,KAAK,EAAEC,OAAO,QAAQ,OAAO;AAC1D,SAASC,IAAI,QAAQ,cAAc;AACnC,OAAOC,GAAG,IAAIC,MAAM,EAAEC,QAAQ,EAAEC,IAAI,EAAEC,CAAC,EAAEC,IAAI,EAAEC,cAAc,EAAEC,IAAI,EAAEC,IAAI,EAAEC,IAAI,QAAQ,kBAAkB;AAEzG,SAASC,YAAY,QAAQ,qBAAkB;AAC/C,SAASC,SAAS,QAAoB,4BAAyB;AAC/D,SAASC,aAAa,QAAQ,4CAAyC;AACvE,SAASC,gBAAgB,QAAQ,+CAA4C;AAC7E,SAASC,iBAAiB,QAAQ,gDAA6C;AAC/E,SAASC,cAAc,QAAQ,+CAA4C;AAC3E,SAASC,mBAAmB,QAAQ,gDAA6C;AACjF,SAASC,aAAa,QAAQ,8CAA2C;AACzE,SAASC,IAAI,EAAEC,gBAAgB,QAAQ,sCAAmC;AAC1E,SAASC,eAAe,QAAQ,yBAAgB;AAEhD,SAASC,QAAQ,QAAQ,uBAAoB;AAC7C,SAASC,IAAI,QAAQ,wBAAe;AACpC,SAASC,yBAAyB,QAAQ,gBAAa;AACvD,SAASC,WAAW,EAAEC,kBAAkB,QAAQ,aAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA,EAAAC,QAAA,IAAAC,SAAA;AAG3D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,MAAMC,YAAY,GAAG,EAAE;AACvB,MAAMC,UAAU,GAAG,CAAC;AAEpB,OAAO,SAASC,eAAeA,CAACC,KAAY,EAAEC,IAAoB,EAAU;EAC1E,MAAMC,CAAC,GAAGF,KAAK,CAACG,MAAM;EACtB,QAAQF,IAAI;IACV,KAAK,QAAQ;MACX,OAAOC,CAAC,CAACE,OAAO;IAClB,KAAK,YAAY;MACf,OAAOF,CAAC,CAACG,OAAO;IAClB,KAAK,YAAY;MACf,OAAOH,CAAC,CAACI,OAAO;IAClB,KAAK,UAAU;MACb,OAAOJ,CAAC,CAACK,YAAY;IACvB;MACE,OAAOL,CAAC,CAACM,IAAI;EACjB;AACF;;AAEA;AACA,OAAO,SAASC,QAAQA,CAACC,MAAwB,EAAU;EACzD,IAAIA,MAAM,CAACC,MAAM,KAAK,CAAC,EAAE,OAAO,EAAE;EAClC,MAAMC,CAAC,GAAIC,CAAS,IAAKC,IAAI,CAACC,KAAK,CAACF,CAAC,GAAG,IAAI,CAAC,GAAG,IAAI;EACpD,IAAIG,CAAC,GAAG,IAAIJ,CAAC,CAACF,MAAM,CAAC,CAAC,CAAC,CAAEO,CAAC,CAAC,IAAIL,CAAC,CAACF,MAAM,CAAC,CAAC,CAAC,CAAEQ,CAAC,CAAC,EAAE;EAChD,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGT,MAAM,CAACC,MAAM,EAAEQ,CAAC,EAAE,EAAEH,CAAC,IAAI,IAAIJ,CAAC,CAACF,MAAM,CAACS,CAAC,CAAC,CAAEF,CAAC,CAAC,IAAIL,CAAC,CAACF,MAAM,CAACS,CAAC,CAAC,CAAED,CAAC,CAAC,EAAE;EACrF,OAAOF,CAAC;AACV;AAEA,SAASI,QAAQA,CAACV,MAAwB,EAAU;EAClD,MAAME,CAAC,GAAIC,CAAS,IAAKC,IAAI,CAACC,KAAK,CAACF,CAAC,GAAG,IAAI,CAAC,GAAG,IAAI;EACpD,OAAOH,MAAM,CAACW,GAAG,CAAC,CAACC,CAAC,EAAEH,CAAC,KAAK,GAAGA,CAAC,KAAK,CAAC,GAAG,GAAG,GAAG,GAAG,GAAGP,CAAC,CAACU,CAAC,CAACL,CAAC,CAAC,IAAIL,CAAC,CAACU,CAAC,CAACJ,CAAC,CAAC,EAAE,CAAC,CAACK,IAAI,CAAC,EAAE,CAAC;AACnF;;AAEA;AACA,OAAO,SAASC,WAAWA,CAACC,MAAyB,EAAiD;EACpG,IAAIA,MAAM,CAACd,MAAM,KAAK,CAAC,EAAE,OAAO;IAAEe,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;IAAEC,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC;EAAE,CAAC;EACjE,MAAMC,GAAG,GAAGd,IAAI,CAACc,GAAG,CAAC,GAAGH,MAAM,CAAC;EAC/B,MAAMI,GAAG,GAAGf,IAAI,CAACe,GAAG,CAAC,GAAGJ,MAAM,CAAC;EAC/B,MAAMK,GAAG,GAAGhB,IAAI,CAACe,GAAG,CAAC,CAACA,GAAG,GAAGD,GAAG,IAAI,IAAI,EAAEC,GAAG,GAAG,IAAI,EAAE,CAAC,CAAC;EACvD,MAAMH,KAAK,GAAGlD,SAAS,CAACsC,IAAI,CAACe,GAAG,CAAC,CAAC,EAAED,GAAG,GAAGE,GAAG,CAAC,EAAED,GAAG,GAAGC,GAAG,EAAEhC,UAAU,CAAC;EACtE,OAAO;IAAE4B,KAAK;IAAEC,MAAM,EAAE,CAACD,KAAK,CAAC,CAAC,CAAC,EAAGA,KAAK,CAACA,KAAK,CAACf,MAAM,GAAG,CAAC,CAAC;EAAG,CAAC;AACjE;AAEA,OAAO,SAASoB,oBAAoBA,CAClCC,KAAa,EACbC,WAA+B,EAC/BC,IAAkC,EAClCC,MAAoC,EACpCC,MAAiC,EACzB;EACR,MAAMC,KAAK,GAAGH,IAAI,CAAC,CAAC,CAAC;EACrB,MAAMI,IAAI,GAAGJ,IAAI,CAACA,IAAI,CAACvB,MAAM,GAAG,CAAC,CAAC;EAClC,MAAM4B,IAAI,GAAGN,WAAW,GAAG,GAAGD,KAAK,KAAKC,WAAW,EAAE,GAAGD,KAAK;EAC7D,IAAI,CAACK,KAAK,IAAI,CAACC,IAAI,EAAE,OAAOC,IAAI;EAChC,MAAMC,KAAK,GAAG,CACZ,GAAGD,IAAI,UAAUH,MAAM,CAACC,KAAK,CAACI,KAAK,CAAC,OAAOJ,KAAK,CAACL,KAAK,IAAIK,KAAK,CAACK,KAAK,OAAON,MAAM,CAACE,IAAI,CAACG,KAAK,CAAC,OAAOH,IAAI,CAACN,KAAK,IAAIM,IAAI,CAACI,KAAK,GAAG,EAChI,GAAGP,MAAM,CAACd,GAAG,CAAEsB,CAAC,IAAK,GAAGA,CAAC,CAACD,KAAK,KAAKC,CAAC,CAACC,IAAI,IAAIV,IAAI,CAACS,CAAC,CAACE,KAAK,CAAC,EAAEb,KAAK,IAAIE,IAAI,CAACS,CAAC,CAACE,KAAK,CAAC,EAAEH,KAAK,IAAI,EAAE,GAAG,CAAC,CACrG;EACD,OAAOF,KAAK,CAACjB,IAAI,CAAC,GAAG,CAAC;AACxB;AAEA,OAAO,SAASuB,iBAAiBA,CAAC;EAChCC,OAAO;EACPb,IAAI,EAAEc,QAAQ;EACdb,MAAM,EAAEc,UAAU;EAClBC,aAAa;EACbC,cAAc;EACdC,KAAK,GAAG,MAAM;EACdpB,KAAK,GAAG,eAAe;EACvBqB,YAAY;EACZjB,MAAM,GAAG/C,WAAW;EACpBiE,eAAe,GAAGhE,kBAAkB;EACpCiE,YAAY,GAAG,KAAK;EACpBC,UAAU,GAAG,sBAAsB;EACnCC,YAAY,GAAG,sBAAsB;EACrCC,kBAAkB;EAClBC,WAAW,EAAEC,eAAe;EAC5BC,mBAAmB;EACnBC,KAAK;EACLC;AACsB,CAAC,EAAE;EACzB,MAAM/D,KAAK,GAAGd,QAAQ,CAAC,CAAC;EACxB,MAAM8E,OAAO,GAAGnF,mBAAmB,CAAC,CAAC;EACrC,MAAM;IAAEoF,QAAQ;IAAEC,UAAU;IAAEC;EAAO,CAAC,GAAGrF,aAAa,CAACiE,OAAO,EAAEG,aAAa,EAAEC,cAAc,CAAC;EAC9F,MAAMjB,IAAI,GAAG+B,QAAQ,EAAE/B,IAAI,IAAIc,QAAQ,IAAI,EAAE;EAC7C,MAAMb,MAAM,GAAG,CAAC8B,QAAQ,GAAGA,QAAQ,CAAC9B,MAAM,GAAGc,UAAU,KAAK,EAAE;EAE9D,MAAM,CAACU,WAAW,EAAES,cAAc,CAAC,GAAGxF,cAAc,CAACsD,IAAI,CAACvB,MAAM,EAAEiD,eAAe,EAAEC,mBAAmB,CAAC;EACvG,MAAMQ,YAAY,GAAG5G,WAAW,CAC7B6G,EAAU,IAAK;IACdF,cAAc,CAAC,IAAI,CAAC;IACpBD,MAAM,CAACG,EAAE,CAAC;EACZ,CAAC,EACD,CAACH,MAAM,EAAEC,cAAc,CACzB,CAAC;EAED,MAAM3C,MAAM,GAAG9D,OAAO,CAAC,MAAMuE,IAAI,CAACb,GAAG,CAAEL,CAAC,IAAKA,CAAC,CAACyB,KAAK,CAAC,EAAE,CAACP,IAAI,CAAC,CAAC;EAC9D,MAAMqC,UAAU,GAAG5G,OAAO,CAAC,MAAMuE,IAAI,CAACb,GAAG,CAAEL,CAAC,IAAKA,CAAC,CAAC0B,KAAK,CAAC,EAAE,CAACR,IAAI,CAAC,CAAC;EAClE,MAAM;IAAER,KAAK;IAAEC;EAAO,CAAC,GAAGhE,OAAO,CAAC,MAAM6D,WAAW,CAACC,MAAM,CAAC,EAAE,CAACA,MAAM,CAAC,CAAC;EACtE,MAAM+C,IAAI,GAAGxF,gBAAgB,CAACyC,MAAM,CAAC;EAErC,MAAMgD,MAAM,GAAGzE,KAAK,CAACG,MAAM,CAACC,OAAO;EACnC,MAAMsE,KAAK,GAAGhH,KAAK,CAAC,CAAC;EACrB,MAAM4G,EAAE,GAAG,uBAAuBI,KAAK,CAACC,OAAO,CAAC,iBAAiB,EAAE,EAAE,CAAC,EAAE;EAExE,MAAMrC,IAAI,GAAGJ,IAAI,CAACA,IAAI,CAACvB,MAAM,GAAG,CAAC,CAAC;EAClC,MAAMiE,OAAO,GAAGvB,YAAY,IAAIf,IAAI,EAAEG,KAAK;EAC3C,MAAMoC,KAAK,GAAGlB,WAAW,KAAK,IAAI,GAAGzB,IAAI,CAACyB,WAAW,CAAC,GAAGmB,SAAS;EAClE,MAAMC,KAAK,GAAG7C,IAAI,CAACvB,MAAM,GAAG,CAAC;EAC7B,MAAMqE,OAAO,GACXtB,kBAAkB,KACjBqB,KAAK,GACF,kBAAkBvB,UAAU,EAAE,GAC9BzB,oBAAoB,CAAC,eAAe,EAAEkC,QAAQ,EAAEvB,KAAK,EAAER,IAAI,EAAEC,MAAM,EAAEC,MAAM,CAAC,CAAC;EAEnF,oBACE1C,KAAA,CAAChB,gBAAgB;IAACuG,MAAM,EAAC,MAAM;IAACnB,KAAK,EAAEA,KAAM;IAACC,MAAM,EAAEA,MAAO;IAAAmB,QAAA,gBAC3D1F,IAAA,CAACb,iBAAiB;MAChB+D,KAAK,EAAEmC,KAAK,GAAIA,KAAK,CAAC7C,KAAK,IAAI6C,KAAK,CAACnC,KAAK,GAAIV,KAAM;MACpDS,KAAK,EAAEoC,KAAK,GAAGA,KAAK,CAACpC,KAAK,GAAGmC,OAAQ;MACrCxC,MAAM,EAAEA,MAAO;MACf+C,QAAQ,EAAEN,KAAK,KAAKC,SAAU;MAC9BM,OAAO,EAAE,GAAGlB,UAAU,IAAI,EAAE,IAAIP,WAAW,EAAG;MAC9C0B,MAAM,EAAEtC,OAAQ;MAChBuC,OAAO,EAAEpB,UAAW;MACpBqB,aAAa,EAAElB,YAAa;MAC5BmB,WAAW,EAAE/B,YAAa;MAC1BM,MAAM,EAAEA;IAAO,CAChB,CAAC,EACDgB,KAAK,gBACJrF,KAAA,CAAC9B,IAAI;MACH6H,UAAU;MACVC,iBAAiB,EAAC,OAAO;MACzBhC,kBAAkB,EAAEsB,OAAQ;MAC5BjB,MAAM,EAAEA,MAAM,GAAG,GAAGA,MAAM,QAAQ,GAAGe,SAAU;MAC/ChB,KAAK,EAAE;QAAEmB,MAAM,EAAE7F,yBAAyB;QAAEuG,UAAU,EAAE,QAAQ;QAAEC,cAAc,EAAE,QAAQ;QAAEC,GAAG,EAAE;MAAE,CAAE;MAAAX,QAAA,gBAErG1F,IAAA,CAACP,eAAe;QAAC6G,KAAK,EAAE,EAAG;QAACb,MAAM,EAAE,EAAG;QAACc,IAAI,EAAE/B,OAAO,CAACzD;MAAa,CAAE,CAAC,eACtEf,IAAA,CAACL,IAAI;QAAC6G,OAAO,EAAC,aAAa;QAAClC,KAAK,EAAE;UAAEmC,KAAK,EAAEjC,OAAO,CAACkC;QAAc,CAAE;QAAAhB,QAAA,EACjE1B;MAAU,CACP,CAAC;IAAA,CACH,CAAC,gBAEPhE,IAAA,CAAC5B,IAAI;MAACkG,KAAK,EAAE;QAAEgC,KAAK,EAAE,MAAM;QAAEb,MAAM,EAAE7F;MAA0B,CAAE;MAAA8F,QAAA,eAChE1F,IAAA,CAACf,aAAa;QACZ8F,UAAU,EAAEA,UAAW;QACvB4B,UAAU,EAAEtG,YAAa;QACzBuG,OAAO,EAAEzE,MAAO;QAChB0E,MAAM,EAAE3E,KAAM;QACd4E,WAAW,EAAEhD,eAAgB;QAC7BiD,IAAI;QACJC,OAAO,EAAC,MAAM;QACd3C,mBAAmB,EAAEO,cAAe;QACpCJ,OAAO,EAAEA,OAAQ;QACjBN,kBAAkB,EAAEsB,OAAQ;QAC5BjB,MAAM,EAAEA,MAAM,GAAG,GAAGA,MAAM,OAAO,GAAGe,SAAU;QAAAI,QAAA,EAE7CA,CAAC;UAAEuB,IAAI;UAAEC,GAAG;UAAEzF,CAAC;UAAEC;QAAE,CAAC,KAAK;UACxB,MAAMR,MAAe,GAAGe,MAAM,CAACJ,GAAG,CAAC,CAACsF,CAAC,EAAExF,CAAC,MAAM;YAC5CF,CAAC,EAAEA,CAAC,CAACE,CAAC,CAAC;YACPD,CAAC,EAAEA,CAAC,CAACsD,IAAI,CAACoC,IAAI,IAAIpC,IAAI,CAACoC,IAAI,CAACjG,MAAM,KAAKc,MAAM,CAACd,MAAM,GAAG5B,IAAI,CAACyF,IAAI,CAACoC,IAAI,CAACzF,CAAC,CAAC,EAAGwF,CAAC,EAAEnC,IAAI,CAACqC,QAAQ,CAAC,GAAGF,CAAC;UAClG,CAAC,CAAC,CAAC;UACH,MAAMG,WAAW,GAAGtC,IAAI,CAACoC,IAAI,GAAGH,IAAI,CAACX,KAAK,GAAGY,GAAG,CAACK,IAAI,GAAG,CAACN,IAAI,CAACX,KAAK,GAAGY,GAAG,CAACK,IAAI,IAAIvC,IAAI,CAACqC,QAAQ;UAC/F,MAAMG,IAAI,GAAG5D,KAAK,KAAK,MAAM,GAAGhC,QAAQ,CAACV,MAAM,CAAC,GAAGD,QAAQ,CAACC,MAAM,CAAC;UACnE,MAAMuG,UAAU,GAAGvG,MAAM,CAAC,CAAC,CAAE;UAC7B,MAAMwG,SAAS,GAAGxG,MAAM,CAACA,MAAM,CAACC,MAAM,GAAG,CAAC,CAAE;UAC5C,MAAMwG,IAAI,GAAG,GAAGH,IAAI,IAAIE,SAAS,CAACjG,CAAC,IAAIyF,GAAG,CAACU,MAAM,IAAIH,UAAU,CAAChG,CAAC,IAAIyF,GAAG,CAACU,MAAM,GAAG;UAClF,MAAMC,MAAM,GAAG1D,WAAW,KAAK,IAAI,GAAGjD,MAAM,CAACiD,WAAW,CAAC,GAAGmB,SAAS;UACrE,MAAMwC,WAAW,GAAG,GAAG/D,YAAY,MAAMnB,MAAM,CAACE,IAAI,CAAEG,KAAK,CAAC,EAAE;UAC9D,oBACE/C,KAAA,CAAAE,SAAA;YAAAsF,QAAA,gBACExF,KAAA,CAAC7B,GAAG;cAACiI,KAAK,EAAEW,IAAI,CAACX,KAAM;cAACb,MAAM,EAAEwB,IAAI,CAACxB,MAAO;cAACsC,aAAa,EAAC,MAAM;cAAArC,QAAA,gBAC/DxF,KAAA,CAAC1B,IAAI;gBAAAkH,QAAA,gBACHxF,KAAA,CAACvB,cAAc;kBAACmG,EAAE,EAAE,GAAGA,EAAE,OAAQ;kBAACkD,EAAE,EAAC,GAAG;kBAACC,EAAE,EAAC,GAAG;kBAACC,EAAE,EAAC,GAAG;kBAACC,EAAE,EAAC,GAAG;kBAAAzC,QAAA,gBAC3D1F,IAAA,CAAClB,IAAI;oBAACsJ,MAAM,EAAC,GAAG;oBAACC,SAAS,EAAEpD,MAAO;oBAACqD,WAAW,EAAE;kBAAK,CAAE,CAAC,eACzDtI,IAAA,CAAClB,IAAI;oBAACsJ,MAAM,EAAC,GAAG;oBAACC,SAAS,EAAEpD,MAAO;oBAACqD,WAAW,EAAE;kBAAE,CAAE,CAAC;gBAAA,CACxC,CAAC,eACjBtI,IAAA,CAACzB,QAAQ;kBAACuG,EAAE,EAAE,GAAGA,EAAE,SAAU;kBAAAY,QAAA,eAC3B1F,IAAA,CAACnB,IAAI;oBAAC4C,CAAC,EAAE,CAAE;oBAACC,CAAC,EAAE,CAAE;oBAAC4E,KAAK,EAAEgB,WAAY;oBAAC7B,MAAM,EAAEwB,IAAI,CAACxB;kBAAO,CAAE;gBAAC,CACrD,CAAC;cAAA,CACP,CAAC,eACPvF,KAAA,CAACzB,CAAC;gBAAC8J,QAAQ,EAAE,QAAQzD,EAAE,UAAW;gBAAAY,QAAA,gBAChC1F,IAAA,CAACpB,IAAI;kBAAC4C,CAAC,EAAEmG,IAAK;kBAACpB,IAAI,EAAE,QAAQzB,EAAE,QAAS;kBAACG,MAAM,EAAC;gBAAM,CAAE,CAAC,eACzDjF,IAAA,CAACpB,IAAI;kBAAC4C,CAAC,EAAEgG,IAAK;kBAACjB,IAAI,EAAC,MAAM;kBAACtB,MAAM,EAAEA,MAAO;kBAACuD,WAAW,EAAE,CAAE;kBAACjE,MAAM,EAAEA,MAAM,GAAG,GAAGA,MAAM,SAAS,GAAGe;gBAAU,CAAE,CAAC,EAC7G3C,MAAM,CAACd,GAAG,CAAC,CAAC4G,KAAK,EAAE9G,CAAC,KAAK;kBACxB,MAAMG,CAAC,GAAGZ,MAAM,CAACuH,KAAK,CAACpF,KAAK,CAAC;kBAC7B,IAAI,CAACvB,CAAC,EAAE,OAAO,IAAI;kBACnB,oBACE9B,IAAA,CAAC1B,MAAM;oBAELoK,EAAE,EAAE5G,CAAC,CAACL,CAAE;oBACRkH,EAAE,EAAE7G,CAAC,CAACJ,CAAE;oBACRN,CAAC,EAAE,CAAE;oBACLmF,IAAI,EAAEhG,eAAe,CAACC,KAAK,EAAEiI,KAAK,CAAChI,IAAI,CAAE;oBACzCwE,MAAM,EAAET,OAAO,CAACoE,OAAQ;oBACxBJ,WAAW,EAAE,CAAE;oBACfjE,MAAM,EAAEA,MAAM,GAAG,GAAGA,MAAM,UAAU5C,CAAC,EAAE,GAAG2D;kBAAU,GAP/C,GAAGmD,KAAK,CAAChI,IAAI,IAAIgI,KAAK,CAACpF,KAAK,IAAI1B,CAAC,EAQvC,CAAC;gBAEN,CAAC,CAAC,eACF3B,IAAA,CAAC1B,MAAM;kBAACoK,EAAE,EAAEhB,SAAS,CAACjG,CAAE;kBAACkH,EAAE,EAAEjB,SAAS,CAAChG,CAAE;kBAACN,CAAC,EAAE,CAAE;kBAACmF,IAAI,EAAEtB,MAAO;kBAACA,MAAM,EAAET,OAAO,CAACoE,OAAQ;kBAACJ,WAAW,EAAE;gBAAE,CAAE,CAAC;cAAA,CACxG,CAAC,EACHX,MAAM,gBACL3H,KAAA,CAAAE,SAAA;gBAAAsF,QAAA,gBACE1F,IAAA,CAACtB,IAAI;kBACHsJ,EAAE,EAAEH,MAAM,CAACpG,CAAE;kBACbwG,EAAE,EAAEf,GAAG,CAAC2B,GAAI;kBACZX,EAAE,EAAEL,MAAM,CAACpG,CAAE;kBACb0G,EAAE,EAAEjB,GAAG,CAACU,MAAO;kBACf3C,MAAM,EAAET,OAAO,CAACsE,MAAO;kBACvBN,WAAW,EAAE,CAAE;kBACfO,eAAe,EAAC;gBAAK,CACtB,CAAC,eACF/I,IAAA,CAAC1B,MAAM;kBAACoK,EAAE,EAAEb,MAAM,CAACpG,CAAE;kBAACkH,EAAE,EAAEd,MAAM,CAACnG,CAAE;kBAACN,CAAC,EAAE,CAAE;kBAACmF,IAAI,EAAEtB,MAAO;kBAACA,MAAM,EAAET,OAAO,CAACoE,OAAQ;kBAACJ,WAAW,EAAE;gBAAE,CAAE,CAAC;cAAA,CACnG,CAAC,GACD,IAAI;YAAA,CACL,CAAC,eACNxI,IAAA,CAAC5B,IAAI;cACH4K,yBAAyB,EAAC,qBAAqB;cAC/CC,2BAA2B;cAC3B1E,MAAM,EAAEA,MAAM,GAAG,GAAGA,MAAM,UAAU,GAAGe,SAAU;cACjDhB,KAAK,EAAE;gBACL4E,QAAQ,EAAE,UAAU;gBACpB;gBACAC,KAAK,EAAE7H,IAAI,CAACe,GAAG,CAAC,CAAC,EAAE4E,IAAI,CAACX,KAAK,GAAGoB,SAAS,CAACjG,CAAC,GAAG,CAAC,CAAC;gBAChDoH,GAAG,EAAEvH,IAAI,CAACe,GAAG,CAAC,CAAC,EAAEqF,SAAS,CAAChG,CAAC,GAAG,EAAE,CAAC;gBAClC+D,MAAM,EAAE,EAAE;gBACVW,cAAc,EAAE,QAAQ;gBACxBgD,WAAW,EAAE,CAAC;gBACdC,YAAY,EAAE,CAAC;gBACftK,YAAY,EAAEA,YAAY,CAACuK,IAAI;gBAC/BC,eAAe,EAAE/E,OAAO,CAACxD,IAAI;gBAC7BwI,OAAO,EAAE3B,MAAM,GAAG,CAAC,GAAG;cACxB,CAAE;cAAAnC,QAAA,eAEF1F,IAAA,CAACL,IAAI;gBACH6G,OAAO,EAAC,oBAAoB;gBAC5BiD,aAAa,EAAE,CAAE;gBACjBnF,KAAK,EAAE;kBAAEmC,KAAK,EAAEjG,KAAK,CAACG,MAAM,CAAC+I,UAAU;kBAAEC,WAAW,EAAE,CAAC,cAAc;gBAAE,CAAE;gBAAAjE,QAAA,EAExEoC;cAAW,CACR;YAAC,CACH,CAAC;UAAA,CACP,CAAC;QAEP;MAAC,CACY;IAAC,CACZ,CACP,EACA,CAACvC,KAAK,IAAI5C,MAAM,CAACxB,MAAM,GAAG,CAAC,gBAC1BnB,IAAA,CAAC5B,IAAI;MACHwL,IAAI,EAAC,MAAM;MACXtF,KAAK,EAAE;QAAEuF,aAAa,EAAE,KAAK;QAAEC,QAAQ,EAAE,MAAM;QAAEC,SAAS,EAAE,EAAE;QAAEC,MAAM,EAAE,CAAC;QAAEC,aAAa,EAAE;MAAE,CAAE;MAC9F1F,MAAM,EAAEA,MAAM,GAAG,GAAGA,MAAM,SAAS,GAAGe,SAAU;MAAAI,QAAA,EAE/C/C,MAAM,CAACd,GAAG,CAAC,CAAC4G,KAAK,EAAE9G,CAAC,kBACnBzB,KAAA,CAAC9B,IAAI;QAA2CwL,IAAI,EAAC,UAAU;QAACtF,KAAK,EAAE;UAAEuF,aAAa,EAAE,KAAK;UAAE1D,UAAU,EAAE,QAAQ;UAAEE,GAAG,EAAE;QAAE,CAAE;QAAAX,QAAA,gBAC5H1F,IAAA,CAAC5B,IAAI;UAACkG,KAAK,EAAE;YAAEgC,KAAK,EAAE,CAAC;YAAEb,MAAM,EAAE,CAAC;YAAE1G,YAAY,EAAE,CAAC;YAAEwK,eAAe,EAAEhJ,eAAe,CAACC,KAAK,EAAEiI,KAAK,CAAChI,IAAI;UAAE;QAAE,CAAE,CAAC,eAC9GT,IAAA,CAACL,IAAI;UAAC6G,OAAO,EAAC,eAAe;UAAClC,KAAK,EAAE;YAAEmC,KAAK,EAAEjC,OAAO,CAACxD;UAAK,CAAE;UAAA0E,QAAA,EAC1D+C,KAAK,CAACvF;QAAK,CACR,CAAC,eACPlD,IAAA,CAACL,IAAI;UAAC6G,OAAO,EAAC,gBAAgB;UAAClC,KAAK,EAAE;YAAEmC,KAAK,EAAEjC,OAAO,CAACkC;UAAc,CAAE;UAAAhB,QAAA,EACpE+C,KAAK,CAACrF,IAAI,IAAIV,IAAI,CAAC+F,KAAK,CAACpF,KAAK,CAAC,EAAEb,KAAK,IAAIE,IAAI,CAAC+F,KAAK,CAACpF,KAAK,CAAC,EAAEH;QAAK,CAC/D,CAAC;MAAA,GAPE,GAAGuF,KAAK,CAAChI,IAAI,IAAIgI,KAAK,CAACpF,KAAK,IAAI1B,CAAC,EAQtC,CACP;IAAC,CACE,CAAC,GACL,IAAI;EAAA,CACQ,CAAC;AAEvB","ignoreList":[]}

package/lib/module/property-insights/PricePerAreaComparison.js

@@ -0,0 +1,96 @@
+"use strict";
+
+import React, { memo, useMemo } from 'react';
+import { View } from 'react-native';
+import { useTheme } from "../theme/use-theme.js";
+import { Text } from "../typography/index.js";
+import { resolveInsightPalette } from "./shared.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * This home's price per area against its street, neighbourhood and city.
+ *
+ *   row     label (body-regular; body-semibold when highlighted) and the
+ *           display value right-aligned (body-semibold, tabular), 8 above an
+ *           8-tall bar; rows 16 apart
+ *   bar     neutral-100 (dark neutral-800) track, radius 4; the fill is
+ *           `value / largest value` of the track — primary for the
+ *           `highlight` row, neutral-300 (dark neutral-700) for the others
+ *
+ * Bars start from zero — a price-per-area bar cropped at a baseline would
+ * exaggerate a small difference. The list is named by `accessibilityLabel`,
+ * and each row is one item named "This home: €4,050/m²".
+ */
+function PricePerAreaComparisonComponent({
+  rows,
+  accessibilityLabel = 'Price per square metre',
+  style,
+  testID
+}) {
+  const theme = useTheme();
+  const palette = useMemo(() => resolveInsightPalette(theme), [theme]);
+  const max = Math.max(0, ...rows.map(r => r.value));
+  return /*#__PURE__*/_jsx(View, {
+    role: "list",
+    accessibilityLabel: accessibilityLabel,
+    style: [{
+      width: '100%',
+      gap: 16
+    }, style],
+    testID: testID,
+    children: rows.map((row, index) => {
+      const ratio = max > 0 ? Math.max(0, row.value) / max : 0;
+      return /*#__PURE__*/_jsxs(View, {
+        role: "listitem",
+        accessible: true,
+        accessibilityLabel: `${row.label}: ${row.display}`,
+        style: {
+          gap: 8
+        },
+        testID: testID ? `${testID}-row-${index}` : undefined,
+        children: [/*#__PURE__*/_jsxs(View, {
+          style: {
+            flexDirection: 'row',
+            alignItems: 'baseline',
+            gap: 12
+          },
+          children: [/*#__PURE__*/_jsx(Text, {
+            variant: row.highlight ? 'body-semibold' : 'body-regular',
+            numberOfLines: 1,
+            style: {
+              flex: 1,
+              minWidth: 0,
+              color: palette.text
+            },
+            children: row.label
+          }), /*#__PURE__*/_jsx(Text, {
+            variant: "body-semibold",
+            style: {
+              color: palette.text,
+              fontVariant: ['tabular-nums']
+            },
+            children: row.display
+          })]
+        }), /*#__PURE__*/_jsx(View, {
+          style: {
+            height: 8,
+            borderRadius: 4,
+            backgroundColor: palette.track,
+            overflow: 'hidden'
+          },
+          children: /*#__PURE__*/_jsx(View, {
+            testID: testID ? `${testID}-row-${index}-fill` : undefined,
+            style: {
+              width: `${ratio * 100}%`,
+              height: '100%',
+              borderRadius: 4,
+              backgroundColor: row.highlight ? palette.accent : palette.bar
+            }
+          })
+        })]
+      }, `${row.label}-${index}`);
+    })
+  });
+}
+export const PricePerAreaComparison = /*#__PURE__*/memo(PricePerAreaComparisonComponent);
+PricePerAreaComparison.displayName = 'PricePerAreaComparison';
+//# sourceMappingURL=PricePerAreaComparison.js.map

package/lib/module/property-insights/PricePerAreaComparison.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","useMemo","View","useTheme","Text","resolveInsightPalette","jsx","_jsx","jsxs","_jsxs","PricePerAreaComparisonComponent","rows","accessibilityLabel","style","testID","theme","palette","max","Math","map","r","value","role","width","gap","children","row","index","ratio","accessible","label","display","undefined","flexDirection","alignItems","variant","highlight","numberOfLines","flex","minWidth","color","text","fontVariant","height","borderRadius","backgroundColor","track","overflow","accent","bar","PricePerAreaComparison","displayName"],"sourceRoot":"../../../src","sources":["property-insights/PricePerAreaComparison.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/property-insights/RentHistoryList.js

@@ -0,0 +1,133 @@
+"use strict";
+
+import React, { memo, useMemo } from 'react';
+import { View } from 'react-native';
+import { Chip } from "../chip/index.js";
+import { RiHistoryLine } from "../icons/remix/index.js";
+import { useTheme } from "../theme/use-theme.js";
+import { Text } from "../typography/index.js";
+import { resolveInsightPalette } from "./shared.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * The past rents or prices of one place — for a place page that outlives its
+ * listings.
+ *
+ *   row     the amount (headline-semibold, tabular) over the period
+ *           (body-2-regular, text-secondary) and the note (body-2-medium);
+ *           the delta on the right as a small subtle `Chip`. 16 above and
+ *           below, 1px neutral-200 (dark neutral-800) hairlines between rows
+ *   tone    a leading "+" is `warning` (the rent went up), "−" / "-"
+ *           `success`, anything else `default`; `deltaTone` overrides
+ *   empty   a history glyph and "No history for this home yet"
+ *           (body-regular, text-secondary)
+ *
+ * Each row is one `listitem` named "€1,250 / month, Mar 2024 – Feb 2026, +4%,
+ * Rented".
+ */
+
+export function rentDeltaTone(delta) {
+  const first = delta.trim().charAt(0);
+  if (first === '+') return 'warning';
+  if (first === '−' || first === '-') return 'success';
+  return 'default';
+}
+function RentHistoryListComponent({
+  items,
+  emptyLabel = 'No history for this home yet',
+  accessibilityLabel = 'Rent history',
+  style,
+  testID
+}) {
+  const theme = useTheme();
+  const palette = useMemo(() => resolveInsightPalette(theme), [theme]);
+  if (items.length === 0) {
+    return /*#__PURE__*/_jsxs(View, {
+      style: [{
+        width: '100%',
+        flexDirection: 'row',
+        alignItems: 'center',
+        gap: 8,
+        paddingTop: 16,
+        paddingBottom: 16
+      }, style],
+      testID: testID ? `${testID}-empty` : testID,
+      children: [/*#__PURE__*/_jsx(RiHistoryLine, {
+        width: 20,
+        height: 20,
+        fill: palette.muted
+      }), /*#__PURE__*/_jsx(Text, {
+        variant: "body-regular",
+        style: {
+          color: palette.textSecondary
+        },
+        children: emptyLabel
+      })]
+    });
+  }
+  return /*#__PURE__*/_jsx(View, {
+    role: "list",
+    accessibilityLabel: accessibilityLabel,
+    style: [{
+      width: '100%'
+    }, style],
+    testID: testID,
+    children: items.map((item, index) => /*#__PURE__*/_jsxs(View, {
+      role: "listitem",
+      accessible: true,
+      accessibilityLabel: [item.amount, item.period, item.delta, item.note].filter(Boolean).join(', '),
+      testID: testID ? `${testID}-item-${index}` : undefined,
+      style: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        gap: 12,
+        paddingTop: 16,
+        paddingBottom: 16,
+        borderTopWidth: index === 0 ? 0 : 1,
+        borderTopColor: palette.hairline
+      },
+      children: [/*#__PURE__*/_jsxs(View, {
+        style: {
+          flex: 1,
+          minWidth: 0,
+          gap: 2
+        },
+        children: [/*#__PURE__*/_jsx(Text, {
+          variant: "headline-semibold",
+          style: {
+            color: palette.text,
+            fontVariant: ['tabular-nums']
+          },
+          children: item.amount
+        }), /*#__PURE__*/_jsxs(View, {
+          style: {
+            flexDirection: 'row',
+            flexWrap: 'wrap',
+            columnGap: 8
+          },
+          children: [/*#__PURE__*/_jsx(Text, {
+            variant: "body-2-regular",
+            style: {
+              color: palette.textSecondary
+            },
+            children: item.period
+          }), item.note ? /*#__PURE__*/_jsx(Text, {
+            variant: "body-2-medium",
+            style: {
+              color: palette.text
+            },
+            children: item.note
+          }) : null]
+        })]
+      }), item.delta ? /*#__PURE__*/_jsx(Chip, {
+        variant: "subtle",
+        size: "small",
+        color: item.deltaTone ?? rentDeltaTone(item.delta),
+        testID: testID ? `${testID}-item-${index}-delta` : undefined,
+        children: item.delta
+      }) : null]
+    }, `${item.period}-${index}`))
+  });
+}
+export const RentHistoryList = /*#__PURE__*/memo(RentHistoryListComponent);
+RentHistoryList.displayName = 'RentHistoryList';
+//# sourceMappingURL=RentHistoryList.js.map

package/lib/module/property-insights/RentHistoryList.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","useMemo","View","Chip","RiHistoryLine","useTheme","Text","resolveInsightPalette","jsx","_jsx","jsxs","_jsxs","rentDeltaTone","delta","first","trim","charAt","RentHistoryListComponent","items","emptyLabel","accessibilityLabel","style","testID","theme","palette","length","width","flexDirection","alignItems","gap","paddingTop","paddingBottom","children","height","fill","muted","variant","color","textSecondary","role","map","item","index","accessible","amount","period","note","filter","Boolean","join","undefined","borderTopWidth","borderTopColor","hairline","flex","minWidth","text","fontVariant","flexWrap","columnGap","size","deltaTone","RentHistoryList","displayName"],"sourceRoot":"../../../src","sources":["property-insights/RentHistoryList.tsx"],"mappings":"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","ignoreList":[]}