@oxy.so/bloom 2.9.0 → 2.11.0

package/lib/module/tenancy/TenancyTimeline.js

@@ -0,0 +1,177 @@
+"use strict";
+
+import React, { memo, useMemo } from 'react';
+import { View } from 'react-native';
+import { resolveAccentColors } from "../theme/accent-colors.js";
+import { useTheme } from "../theme/use-theme.js";
+import { Text } from "../typography/index.js";
+import { IS_WEB, joinName, resolveHousingPalette } from "./shared.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * A vertical history of tenancy events, oldest first.
+ *
+ *   marker       comfortable: a 12 dot in a 24 column, or a 24 disc with a 14
+ *                icon when the event has one; compact: an 8 dot in a 16 column.
+ *                `complete` fills with the tone, `current` fills and adds a 3px
+ *                tint halo, `upcoming` is hollow (1.5px neutral-300 / 500 ring on the
+ *                surface) and its text turns secondary.
+ *   connector    2px hairline (neutral-200 / 700) from under a marker to the
+ *                next row, radius 1, 4 clear of the marker
+ *   text         title body-medium (compact body-2-medium; semibold when
+ *                `current`), meta "date · actor" body-2-regular (compact
+ *                caption-1-regular) text-secondary, description body-2-regular
+ *   rhythm       20 between events (compact 12), 12 between marker and text
+ *
+ * A `list` of `listitem`s. Each marker is an `img` named by its state ("Done",
+ * "In progress", "Not yet"), so a screen reader hears the state before the
+ * title it belongs to.
+ */
+
+const GEOMETRY = {
+  comfortable: {
+    column: 24,
+    dot: 12,
+    line: 20,
+    gap: 20,
+    title: 'body-medium',
+    meta: 'body-2-regular'
+  },
+  compact: {
+    column: 16,
+    dot: 8,
+    line: 18,
+    gap: 12,
+    title: 'body-2-medium',
+    meta: 'caption-1-regular'
+  }
+};
+const DEFAULT_STATE_LABELS = {
+  complete: 'Done',
+  current: 'In progress',
+  upcoming: 'Not yet'
+};
+function TenancyTimelineComponent({
+  events,
+  density = 'comfortable',
+  accessibilityLabel,
+  stateLabels,
+  style,
+  testID
+}) {
+  const theme = useTheme();
+  const palette = useMemo(() => resolveHousingPalette(theme), [theme]);
+  const g = GEOMETRY[density];
+  const labels = {
+    ...DEFAULT_STATE_LABELS,
+    ...stateLabels
+  };
+  return /*#__PURE__*/_jsx(View, {
+    role: "list",
+    accessibilityLabel: accessibilityLabel,
+    style: style,
+    testID: testID,
+    children: events.map((event, index) => {
+      const state = event.state ?? 'complete';
+      const last = index === events.length - 1;
+      const accent = resolveAccentColors(theme.colors, event.tone ?? 'primary', 'solid');
+      const tint = resolveAccentColors(theme.colors, event.tone ?? 'primary', 'subtle').background;
+      const Icon = density === 'comfortable' ? event.icon : undefined;
+      const upcoming = state === 'upcoming';
+      const id = part => testID ? `${testID}-${index}-${part}` : undefined;
+      const markerSize = Icon ? g.column : state === 'current' ? g.dot + 6 : g.dot;
+      // The marker sits centred on the title's first line; a disc is as tall as the column.
+      const markerBox = Math.max(g.line, markerSize);
+      const marker = /*#__PURE__*/_jsx(View, {
+        accessible: true,
+        accessibilityLabel: labels[state],
+        ...(IS_WEB ? {
+          role: 'img'
+        } : {
+          accessibilityRole: 'image'
+        }),
+        testID: id('marker'),
+        style: {
+          width: markerSize,
+          height: markerSize,
+          borderRadius: markerSize / 2,
+          alignItems: 'center',
+          justifyContent: 'center',
+          backgroundColor: upcoming ? palette.surface : accent.background,
+          borderWidth: upcoming ? 1.5 : state === 'current' && !Icon ? 3 : 0,
+          borderColor: upcoming ? palette.markerRing : tint
+        },
+        children: Icon ? /*#__PURE__*/_jsx(Icon, {
+          width: 14,
+          height: 14,
+          fill: upcoming ? palette.textSecondary : accent.foreground
+        }) : null
+      });
+      const meta = joinName([event.date, event.actor], ' · ');
+      return /*#__PURE__*/_jsxs(View, {
+        role: "listitem",
+        testID: id('item'),
+        style: {
+          flexDirection: 'row',
+          gap: 12
+        },
+        children: [/*#__PURE__*/_jsxs(View, {
+          style: {
+            width: g.column,
+            alignItems: 'center'
+          },
+          children: [/*#__PURE__*/_jsx(View, {
+            style: {
+              height: markerBox,
+              alignItems: 'center',
+              justifyContent: 'center'
+            },
+            children: marker
+          }), !last ? /*#__PURE__*/_jsx(View, {
+            testID: id('connector'),
+            style: {
+              flex: 1,
+              width: 2,
+              minHeight: 8,
+              marginTop: 4,
+              borderRadius: 1,
+              backgroundColor: palette.hairline
+            }
+          }) : null]
+        }), /*#__PURE__*/_jsxs(View, {
+          style: {
+            flex: 1,
+            minWidth: 0,
+            gap: 2,
+            paddingTop: (markerBox - g.line) / 2,
+            paddingBottom: last ? 0 : g.gap
+          },
+          children: [/*#__PURE__*/_jsx(Text, {
+            variant: state === 'current' ? density === 'compact' ? 'body-2-semibold' : 'body-semibold' : g.title,
+            style: {
+              color: upcoming ? palette.textSecondary : palette.text
+            },
+            testID: id('title'),
+            children: event.title
+          }), meta ? /*#__PURE__*/_jsx(Text, {
+            variant: g.meta,
+            style: {
+              color: palette.textSecondary
+            },
+            testID: id('meta'),
+            children: meta
+          }) : null, event.description ? /*#__PURE__*/_jsx(Text, {
+            variant: "body-2-regular",
+            style: {
+              color: upcoming ? palette.textSecondary : palette.text,
+              marginTop: 2
+            },
+            children: event.description
+          }) : null]
+        })]
+      }, event.id ?? index);
+    })
+  });
+}
+export const TenancyTimeline = /*#__PURE__*/memo(TenancyTimelineComponent);
+TenancyTimeline.displayName = 'TenancyTimeline';
+//# sourceMappingURL=TenancyTimeline.js.map

package/lib/module/tenancy/TenancyTimeline.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","useMemo","View","resolveAccentColors","useTheme","Text","IS_WEB","joinName","resolveHousingPalette","jsx","_jsx","jsxs","_jsxs","GEOMETRY","comfortable","column","dot","line","gap","title","meta","compact","DEFAULT_STATE_LABELS","complete","current","upcoming","TenancyTimelineComponent","events","density","accessibilityLabel","stateLabels","style","testID","theme","palette","g","labels","role","children","map","event","index","state","last","length","accent","colors","tone","tint","background","Icon","icon","undefined","id","part","markerSize","markerBox","Math","max","marker","accessible","accessibilityRole","width","height","borderRadius","alignItems","justifyContent","backgroundColor","surface","borderWidth","borderColor","markerRing","fill","textSecondary","foreground","date","actor","flexDirection","flex","minHeight","marginTop","hairline","minWidth","paddingTop","paddingBottom","variant","color","text","description","TenancyTimeline","displayName"],"sourceRoot":"../../../src","sources":["tenancy/TenancyTimeline.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/tenancy/constants.js

@@ -0,0 +1,135 @@
+"use strict";
+
+import { RiDropLine, RiFilePdf2Line, RiFileImageLine, RiFileTextLine, RiFileWord2Line, RiFlashlightLine, RiFridgeLine, RiTempHotLine, RiToolsLine } from "../icons/remix/index.js";
+/** `LeaseSummaryCard`'s next-payment badge. */
+export const LEASE_PAYMENT_STATUS = {
+  upcoming: {
+    tone: 'info',
+    label: 'Upcoming'
+  },
+  due: {
+    tone: 'warning',
+    label: 'Due soon'
+  },
+  overdue: {
+    tone: 'error',
+    label: 'Overdue'
+  },
+  paid: {
+    tone: 'success',
+    label: 'Paid'
+  }
+};
+
+/** `RentPaymentList`'s row badge. */
+export const RENT_PAYMENT_STATUS = {
+  paid: {
+    tone: 'success',
+    label: 'Paid'
+  },
+  pending: {
+    tone: 'warning',
+    label: 'Pending'
+  },
+  overdue: {
+    tone: 'error',
+    label: 'Overdue'
+  },
+  partial: {
+    tone: 'info',
+    label: 'Partial'
+  }
+};
+
+/** `MaintenanceRequestCard`'s category icon and word. */
+export const MAINTENANCE_CATEGORY = {
+  plumbing: {
+    icon: RiDropLine,
+    label: 'Plumbing'
+  },
+  electrical: {
+    icon: RiFlashlightLine,
+    label: 'Electrical'
+  },
+  appliances: {
+    icon: RiFridgeLine,
+    label: 'Appliances'
+  },
+  heating: {
+    icon: RiTempHotLine,
+    label: 'Heating'
+  },
+  other: {
+    icon: RiToolsLine,
+    label: 'Other'
+  }
+};
+
+/** `MaintenanceRequestCard`'s priority chip. */
+export const MAINTENANCE_PRIORITY = {
+  low: {
+    tone: 'default',
+    label: 'Low priority'
+  },
+  medium: {
+    tone: 'info',
+    label: 'Medium priority'
+  },
+  high: {
+    tone: 'warning',
+    label: 'High priority'
+  },
+  urgent: {
+    tone: 'error',
+    label: 'Urgent'
+  }
+};
+
+/** The stages in order, with the status badge each draws while it is the latest. */
+export const MAINTENANCE_STAGES = ['reported', 'acknowledged', 'scheduled', 'resolved'];
+export const MAINTENANCE_STAGE = {
+  reported: {
+    tone: 'warning',
+    label: 'Reported'
+  },
+  acknowledged: {
+    tone: 'info',
+    label: 'Acknowledged'
+  },
+  scheduled: {
+    tone: 'primary',
+    label: 'Scheduled'
+  },
+  resolved: {
+    tone: 'success',
+    label: 'Resolved'
+  }
+};
+
+/** `DocumentList`'s status badge. */
+export const TENANCY_DOCUMENT_STATUS = {
+  signed: {
+    tone: 'success',
+    label: 'Signed'
+  },
+  pending: {
+    tone: 'warning',
+    label: 'Pending signature'
+  },
+  expired: {
+    tone: 'error',
+    label: 'Expired'
+  }
+};
+export const TENANCY_DOCUMENT_ICON = {
+  pdf: RiFilePdf2Line,
+  image: RiFileImageLine,
+  document: RiFileWord2Line,
+  other: RiFileTextLine
+};
+
+/** Width breakpoints of the `auto` layouts. */
+export const LEASE_CARD_WIDE_MIN_WIDTH = 520;
+export const RENT_PAYMENT_LIST_WIDE_MIN_WIDTH = 640;
+export const DOCUMENT_LIST_WIDE_MIN_WIDTH = 560;
+//# sourceMappingURL=constants.js.map

package/lib/module/tenancy/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["RiDropLine","RiFilePdf2Line","RiFileImageLine","RiFileTextLine","RiFileWord2Line","RiFlashlightLine","RiFridgeLine","RiTempHotLine","RiToolsLine","LEASE_PAYMENT_STATUS","upcoming","tone","label","due","overdue","paid","RENT_PAYMENT_STATUS","pending","partial","MAINTENANCE_CATEGORY","plumbing","icon","electrical","appliances","heating","other","MAINTENANCE_PRIORITY","low","medium","high","urgent","MAINTENANCE_STAGES","MAINTENANCE_STAGE","reported","acknowledged","scheduled","resolved","TENANCY_DOCUMENT_STATUS","signed","expired","TENANCY_DOCUMENT_ICON","pdf","image","document","LEASE_CARD_WIDE_MIN_WIDTH","RENT_PAYMENT_LIST_WIDE_MIN_WIDTH","DOCUMENT_LIST_WIDE_MIN_WIDTH"],"sourceRoot":"../../../src","sources":["tenancy/constants.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/tenancy/index.js

@@ -0,0 +1,9 @@
+"use strict";
+
+export { DocumentList } from "./DocumentList.js";
+export { LeaseSummaryCard } from "./LeaseSummaryCard.js";
+export { MaintenanceRequestCard } from "./MaintenanceRequestCard.js";
+export { RentPaymentList } from "./RentPaymentList.js";
+export { TenancyTimeline } from "./TenancyTimeline.js";
+export { DOCUMENT_LIST_WIDE_MIN_WIDTH, LEASE_CARD_WIDE_MIN_WIDTH, LEASE_PAYMENT_STATUS, MAINTENANCE_CATEGORY, MAINTENANCE_PRIORITY, MAINTENANCE_STAGE, MAINTENANCE_STAGES, RENT_PAYMENT_LIST_WIDE_MIN_WIDTH, RENT_PAYMENT_STATUS, TENANCY_DOCUMENT_STATUS } from "./constants.js";
+//# sourceMappingURL=index.js.map

package/lib/module/tenancy/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["DocumentList","LeaseSummaryCard","MaintenanceRequestCard","RentPaymentList","TenancyTimeline","DOCUMENT_LIST_WIDE_MIN_WIDTH","LEASE_CARD_WIDE_MIN_WIDTH","LEASE_PAYMENT_STATUS","MAINTENANCE_CATEGORY","MAINTENANCE_PRIORITY","MAINTENANCE_STAGE","MAINTENANCE_STAGES","RENT_PAYMENT_LIST_WIDE_MIN_WIDTH","RENT_PAYMENT_STATUS","TENANCY_DOCUMENT_STATUS"],"sourceRoot":"../../../src","sources":["tenancy/index.ts"],"mappings":";;AAAA,SAASA,YAAY,QAAQ,mBAAgB;AAC7C,SAASC,gBAAgB,QAAQ,uBAAoB;AACrD,SAASC,sBAAsB,QAAQ,6BAA0B;AACjE,SAASC,eAAe,QAAQ,sBAAmB;AACnD,SAASC,eAAe,QAAQ,sBAAmB;AACnD,SACEC,4BAA4B,EAC5BC,yBAAyB,EACzBC,oBAAoB,EACpBC,oBAAoB,EACpBC,oBAAoB,EACpBC,iBAAiB,EACjBC,kBAAkB,EAClBC,gCAAgC,EAChCC,mBAAmB,EACnBC,uBAAuB,QAClB,gBAAa","ignoreList":[]}

package/lib/module/tenancy/parts.js

@@ -0,0 +1,211 @@
+"use strict";
+
+import React, { useEffect, useMemo } from 'react';
+import { Pressable, View } from 'react-native';
+import { BUTTON_GEOMETRY, BUTTON_RADIUS, mixColor } from "../button/shared.js";
+import { useInteractionState } from "../hooks/use-interaction-state.js";
+import { Meter } from "../stat-bar/index.js";
+import { adoptStyleSheet } from "../styles/adopt-style-sheet.js";
+import { webDataSet } from "../styles/web-data.js";
+import { useTheme } from "../theme/use-theme.js";
+import { Text } from "../typography/index.js";
+import { HOUSING_CARD_PADDING, HOUSING_CARD_RADIUS, HOUSING_STYLE_ID, HOUSING_WEB_CSS, resolveHousingPalette } from "./shared.js";
+import { DISABLED_OPACITY } from "../styles/tokens.js";
+
+/**
+ * Internal parts the housing cards are built from. Not published: each is a
+ * detail of a card's design, not a primitive a consumer should compose.
+ */
+
+/** Adopts the housing focus sheet once. */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function useHousingWebCss() {
+  useEffect(() => {
+    adoptStyleSheet(HOUSING_STYLE_ID, HOUSING_WEB_CSS);
+  }, []);
+}
+export function useHousingPalette() {
+  const theme = useTheme();
+  return useMemo(() => resolveHousingPalette(theme), [theme]);
+}
+
+/**
+ * The card every housing block sits in: radius 20, 1px hairline, the
+ * floating-panel surface and its dropdown shadow, padding 20.
+ */
+export function HousingCard({
+  children,
+  style,
+  testID,
+  padded = true
+}) {
+  const palette = useHousingPalette();
+  return /*#__PURE__*/_jsx(View, {
+    testID: testID,
+    style: [{
+      borderRadius: HOUSING_CARD_RADIUS,
+      borderWidth: 1,
+      borderColor: palette.border,
+      backgroundColor: palette.surface,
+      boxShadow: palette.shadow,
+      ...(padded ? {
+        paddingTop: HOUSING_CARD_PADDING,
+        paddingBottom: HOUSING_CARD_PADDING,
+        paddingLeft: HOUSING_CARD_PADDING,
+        paddingRight: HOUSING_CARD_PADDING
+      } : null)
+    }, style],
+    children: children
+  });
+}
+
+/** A square neutral tile holding an icon (a category, a file type). */
+export function IconTile({
+  icon: Icon,
+  size = 40,
+  iconSize = 20,
+  radius = 12,
+  testID
+}) {
+  const palette = useHousingPalette();
+  return /*#__PURE__*/_jsx(View, {
+    testID: testID,
+    accessibilityElementsHidden: true,
+    importantForAccessibility: "no-hide-descendants",
+    style: {
+      width: size,
+      height: size,
+      borderRadius: radius,
+      backgroundColor: palette.tile,
+      alignItems: 'center',
+      justifyContent: 'center'
+    },
+    children: /*#__PURE__*/_jsx(Icon, {
+      width: iconSize,
+      height: iconSize,
+      fill: palette.text
+    })
+  });
+}
+
+/** A small caption over a value — the label half of a figure. */
+export function FigureLabel({
+  children
+}) {
+  const palette = useHousingPalette();
+  return /*#__PURE__*/_jsx(Text, {
+    variant: "caption-1-medium",
+    numberOfLines: 1,
+    style: {
+      color: palette.textSecondary
+    },
+    children: children
+  });
+}
+
+/**
+ * A pill toggle at `Button`'s geometry: resting neutral-100 (dark neutral-700)
+ * with the text colour, on the brand fill with its foreground. Hover and press
+ * change colour only. A `role="button"` toggle carries BOTH `aria-pressed`
+ * (web) and `accessibilityState.selected` (native — React Native has no
+ * pressed state).
+ */
+export function HousingToggleButton({
+  label,
+  accessibilityLabel,
+  pressed,
+  onPress,
+  icon: Icon,
+  pressedIcon: PressedIcon,
+  size = 'small',
+  disabled = false,
+  testID
+}) {
+  useHousingWebCss();
+  const palette = useHousingPalette();
+  const {
+    state: hovered,
+    onIn: onHoverIn,
+    onOut: onHoverOut
+  } = useInteractionState();
+  const {
+    state: down,
+    onIn: onPressIn,
+    onOut: onPressOut
+  } = useInteractionState();
+  const g = BUTTON_GEOMETRY[size];
+  const active = (hovered || down) && !disabled;
+  const background = pressed ? active ? mixColor(palette.toggleOn, palette.text, 0.12) : palette.toggleOn : active ? palette.toggleOffHover : palette.toggleOff;
+  const foreground = pressed ? palette.toggleOnForeground : palette.text;
+  const ShownIcon = pressed && PressedIcon ? PressedIcon : Icon;
+  const style = {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'center',
+    alignSelf: 'flex-start',
+    height: g.height,
+    paddingLeft: g.paddingHorizontal + 4,
+    paddingRight: g.paddingHorizontal + 6,
+    gap: 4,
+    borderRadius: BUTTON_RADIUS,
+    backgroundColor: background,
+    opacity: disabled ? DISABLED_OPACITY : 1,
+    '--bloom-housing-ring': palette.ring
+  };
+  return /*#__PURE__*/_jsxs(Pressable, {
+    ...webDataSet({
+      bloomHousingFocus: ''
+    }),
+    accessibilityRole: "button",
+    accessibilityLabel: accessibilityLabel ?? label,
+    "aria-pressed": pressed,
+    accessibilityState: {
+      selected: pressed,
+      disabled
+    },
+    disabled: disabled,
+    onPress: onPress,
+    onHoverIn: onHoverIn,
+    onHoverOut: onHoverOut,
+    onPressIn: onPressIn,
+    onPressOut: onPressOut,
+    testID: testID,
+    style: style,
+    children: [ShownIcon ? /*#__PURE__*/_jsx(ShownIcon, {
+      width: g.iconSize - 2,
+      height: g.iconSize - 2,
+      fill: foreground
+    }) : null, /*#__PURE__*/_jsx(Text, {
+      variant: g.type,
+      numberOfLines: 1,
+      style: {
+        color: foreground
+      },
+      children: label
+    })]
+  });
+}
+
+/**
+ * A 6px `Meter`: the shared neutral track, the accent fill.
+ *
+ * The fill was `palette.text` — a near-black bar — until the meters were folded
+ * onto one primitive. A lease's elapsed share is a measurement, not ink.
+ */
+export function ProgressTrack({
+  value,
+  accessibilityLabel,
+  valueText,
+  testID
+}) {
+  const percent = Math.round(Math.min(1, Math.max(0, value)) * 100);
+  return /*#__PURE__*/_jsx(Meter, {
+    value: percent,
+    max: 100,
+    height: 6,
+    accessibilityLabel: accessibilityLabel,
+    valueText: valueText,
+    testID: testID
+  });
+}
+//# sourceMappingURL=parts.js.map

package/lib/module/tenancy/parts.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","useMemo","Pressable","View","BUTTON_GEOMETRY","BUTTON_RADIUS","mixColor","useInteractionState","Meter","adoptStyleSheet","webDataSet","useTheme","Text","HOUSING_CARD_PADDING","HOUSING_CARD_RADIUS","HOUSING_STYLE_ID","HOUSING_WEB_CSS","resolveHousingPalette","DISABLED_OPACITY","jsx","_jsx","jsxs","_jsxs","useHousingWebCss","useHousingPalette","theme","HousingCard","children","style","testID","padded","palette","borderRadius","borderWidth","borderColor","border","backgroundColor","surface","boxShadow","shadow","paddingTop","paddingBottom","paddingLeft","paddingRight","IconTile","icon","Icon","size","iconSize","radius","accessibilityElementsHidden","importantForAccessibility","width","height","tile","alignItems","justifyContent","fill","text","FigureLabel","variant","numberOfLines","color","textSecondary","HousingToggleButton","label","accessibilityLabel","pressed","onPress","pressedIcon","PressedIcon","disabled","state","hovered","onIn","onHoverIn","onOut","onHoverOut","down","onPressIn","onPressOut","g","active","background","toggleOn","toggleOffHover","toggleOff","foreground","toggleOnForeground","ShownIcon","flexDirection","alignSelf","paddingHorizontal","gap","opacity","ring","bloomHousingFocus","accessibilityRole","accessibilityState","selected","type","ProgressTrack","value","valueText","percent","Math","round","min","max"],"sourceRoot":"../../../src","sources":["tenancy/parts.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/tenancy/shared.js

@@ -0,0 +1,93 @@
+"use strict";
+
+/**
+ * What the housing families (`tenancy`, `eviction`, `place-reviews`) share: the
+ * palette, the web focus sheet and a couple of pure helpers. Pure where it can
+ * be, so a test can walk presets and modes without rendering.
+ *
+ *   Role          light          dark                      where
+ *   surface       card           neutral-800               every card
+ *   border        neutral-200    neutral-700               card hairline, row dividers
+ *   hairline      neutral-200    neutral-700               connectors, dividers
+ *   highlight     neutral-100    neutral-700 @60% on 800   hover / press wash
+ *   tile          neutral-100    neutral-700               icon tiles, photo placeholders
+ *   track         neutral-200    neutral-700               progress track
+ *   markerRing    neutral-300    neutral-500               an upcoming timeline marker
+ *   ring          accent-500     accent-500                keyboard focus
+ *   text          text           text
+ *   textSecondary text-secondary text-secondary
+ *
+ * The surfaces and hairlines are the floating-panel recipe
+ * (`floating/menu-palette.ts`), the same family `booking` cards use, so a lease
+ * card and a trip card sit side by side without a seam.
+ */
+import { Platform } from 'react-native';
+import { resolveButtonRamps } from "../button/shared.js";
+import { resolveMenuPalette } from "../floating/menu-palette.js";
+import { isImageUrl } from "../image-resolver/is-image-url.js";
+export const IS_WEB = Platform.OS === 'web';
+export function resolveHousingPalette(theme) {
+  const menu = resolveMenuPalette(theme);
+  const {
+    accent,
+    neutral: n
+  } = resolveButtonRamps(theme);
+  const dark = theme.isDark;
+  return {
+    surface: menu.surface,
+    border: menu.border,
+    hairline: dark ? n[700] : n[200],
+    highlight: menu.rowHighlight,
+    tile: dark ? n[700] : n[100],
+    track: dark ? n[700] : n[200],
+    markerRing: dark ? n[500] : n[300],
+    ring: accent[500],
+    text: theme.colors.text,
+    textSecondary: theme.colors.textSecondary,
+    shadow: menu.shadow,
+    toggleOn: theme.colors.primary,
+    toggleOnForeground: theme.colors.primaryForeground,
+    toggleOff: dark ? n[700] : n[100],
+    toggleOffHover: dark ? n[600] : n[200]
+  };
+}
+
+/** Card geometry, shared by every housing card. */
+export const HOUSING_CARD_RADIUS = 20;
+export const HOUSING_CARD_PADDING = 20;
+export const HOUSING_TILE_RADIUS = 12;
+
+/** A URL passes through; an id goes to the resolver; nothing resolves to `undefined`. */
+export function resolveImageUri(source, resolver, variant) {
+  if (!source) return undefined;
+  return isImageUrl(source) ? source : resolver?.(source, variant) ?? undefined;
+}
+
+/** Joins the non-empty parts of an accessible name. */
+export function joinName(parts, separator = ', ') {
+  return parts.filter(part => typeof part === 'string' && part !== '').join(separator);
+}
+
+// ---------------------------------------------------------------------------
+//  Keyboard focus on web
+//
+//  Every pressable drawn by hand here is a react-native-web `Pressable`:
+//  focusable, with the outline reset, so without a `:focus-visible` rule a
+//  keyboard user tabs through invisible stops. Inline styles carry no
+//  pseudo-classes, so the rule lives in an adopted sheet
+//  (`styles/adopt-style-sheet.ts`) hanging off a `dataSet` attribute. The ring
+//  colour is a per-instance custom property because it is a resolved token.
+// ---------------------------------------------------------------------------
+
+export const HOUSING_STYLE_ID = 'bloom-housing-web-css';
+export const HOUSING_WEB_CSS = `
+[data-bloom-housing-focus] {
+  outline: none;
+  cursor: pointer;
+}
+[data-bloom-housing-focus]:focus-visible {
+  outline: 2px solid var(--bloom-housing-ring, currentColor);
+  outline-offset: 2px;
+}
+`;
+//# sourceMappingURL=shared.js.map

package/lib/module/tenancy/shared.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Platform","resolveButtonRamps","resolveMenuPalette","isImageUrl","IS_WEB","OS","resolveHousingPalette","theme","menu","accent","neutral","n","dark","isDark","surface","border","hairline","highlight","rowHighlight","tile","track","markerRing","ring","text","colors","textSecondary","shadow","toggleOn","primary","toggleOnForeground","primaryForeground","toggleOff","toggleOffHover","HOUSING_CARD_RADIUS","HOUSING_CARD_PADDING","HOUSING_TILE_RADIUS","resolveImageUri","source","resolver","variant","undefined","joinName","parts","separator","filter","part","join","HOUSING_STYLE_ID","HOUSING_WEB_CSS"],"sourceRoot":"../../../src","sources":["tenancy/shared.ts"],"mappings":"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","ignoreList":[]}