@oxy.so/bloom 2.8.0 → 2.10.0

package/lib/module/stay-search/StaySearchBar.js

@@ -1,100 +1,23 @@
 "use strict";
 
-import React, { Fragment, memo, useCallback, useEffect, useMemo, useRef, useState } from 'react';
-import { Platform, Pressable, TextInput, View } from 'react-native';
-import { Button } from '../button';
-import { resolveButtonRamps } from "../button/shared.js";
-import { webDataSet } from "../checkbox/shared.js";
-import { RiSearchLine } from "../icons/remix/RiSearchLine.js";
-import { adoptStyleSheet } from "../styles/adopt-style-sheet.js";
-import { borderRadius } from "../styles/tokens.js";
-import { Z_INDEX } from "../styles/z-index.js";
-import { useTheme } from "../theme/use-theme.js";
-import { SANS_FONT_FAMILY } from "../text-field/shared.js";
-import { Text } from "../typography/index.js";
-import { TYPE_SCALE } from "../typography/scale.js";
-import { DEFAULT_STAY_SEARCH_BAR_LABELS, STAY_SEARCH_BAR_HEIGHT, STAY_SEARCH_BUTTON_INSET, STAY_SEARCH_PANEL_OFFSET, STAY_SEARCH_SEPARATOR_HEIGHT } from "./constants.js";
-import { useStaySearchPalette } from "./palette.js";
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { memo, useMemo } from 'react';
+import { HOME_SEARCH_SEGMENTS } from "../home-search/constants.js";
+import { HomeSearchBar } from "../home-search/HomeSearchBar.js";
+import { DEFAULT_STAY_SEARCH_BAR_LABELS } from "./constants.js";
+import { jsx as _jsx } from "react/jsx-runtime";
 /**
- * Bloom's wide stay search: one full pill split into segments.
+ * Bloom's wide stay search: the stays preset of `HomeSearchBar`
+ * (`@oxy.so/bloom/home-search`), which draws the pill, the segments, the
+ * search button and the panel.
  *
- * 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 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 (dates and
- * guests arrive pre-formatted). `panel` drops under the bar while a segment is
- * open, aligned under it.
+ * `split` dates mode shows Where · Check in · Check out · Who; `single` folds
+ * the two dates into one When segment. The destination segment becomes a text
+ * field while open when `onDestinationQueryChange` is set. Everything else —
+ * the look, dismissal, panel alignment — is `HomeSearchBar`'s.
  */
 
-const IS_WEB = Platform.OS === 'web';
-
-/** React Native's `Role` has no `search`; react-native-web passes it through. */
-const WEB_SEARCH_ROLE = IS_WEB ? {
-  role: 'search'
-} : {};
-const STYLE_ID = 'bloom-stay-search-bar-web-css';
-const STAY_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;
-  }
-}
-`;
-
-/** Relative widths; the guests segment also holds the search button. */
-const SEGMENT_FLEX = {
-  destination: 1.4,
-  checkIn: 1,
-  checkOut: 1,
-  dates: 1.4,
-  guests: 1.5
-};
-
-/** body-regular in Bloom's sans face, no box of its own, so it sits exactly where the value text did. */
-const INPUT_TYPE = TYPE_SCALE['body-regular'];
-const inputStyle = {
-  fontFamily: SANS_FONT_FAMILY,
-  fontSize: INPUT_TYPE.fontSize,
-  lineHeight: INPUT_TYPE.lineHeight,
-  fontWeight: INPUT_TYPE.fontWeight,
-  height: INPUT_TYPE.lineHeight,
-  paddingTop: 0,
-  paddingBottom: 0,
-  paddingLeft: 0,
-  paddingRight: 0,
-  borderWidth: 0,
-  minWidth: 0,
-  // The segment's raised pill is the focus affordance; the browser's input
-  // outline would draw a rectangle inside it. Web-only keys RN does not type.
-  ...(IS_WEB ? {
-    outlineWidth: 0,
-    outlineStyle: 'none'
-  } : {})
-};
-const PANEL_ALIGN = {
-  destination: 'flex-start',
-  checkIn: 'center',
-  checkOut: 'center',
-  dates: 'center',
-  guests: 'flex-end'
-};
+/** The single-mode "When" segment's width. */
+const SINGLE_DATES_FLEX = 1.4;
 function StaySearchBarComponent({
   activeSegment,
   onActiveSegmentChange,
@@ -111,230 +34,51 @@ function StaySearchBarComponent({
   style,
   testID
 }) {
-  const theme = useTheme();
-  const palette = useStaySearchPalette();
-  const {
-    accent
-  } = useMemo(() => resolveButtonRamps(theme), [theme]);
   const labels = useMemo(() => ({
     ...DEFAULT_STAY_SEARCH_BAR_LABELS,
     ...labelOverrides
   }), [labelOverrides]);
-  const [hovered, setHovered] = useState(null);
-  const rootRef = useRef(null);
-  const open = activeSegment !== null;
-  useEffect(() => {
-    adoptStyleSheet(STYLE_ID, STAY_SEARCH_BAR_CSS);
-  }, []);
-
-  // Dismissal on web: Escape, or a press that lands outside the bar AND its
-  // panel (the panel is a descendant of the root, so one `contains` covers both).
-  useEffect(() => {
-    if (!open || !dismissible || !IS_WEB || typeof document === 'undefined') return;
-    const onPointerDown = event => {
-      const node = rootRef.current;
-      const target = event.target;
-      if (node && target && node.contains(target)) return;
-      onActiveSegmentChange(null);
-    };
-    const onKeyDown = event => {
-      if (event.key === 'Escape') onActiveSegmentChange(null);
-    };
-    document.addEventListener('pointerdown', onPointerDown, true);
-    document.addEventListener('keydown', onKeyDown);
-    return () => {
-      document.removeEventListener('pointerdown', onPointerDown, true);
-      document.removeEventListener('keydown', onKeyDown);
-    };
-  }, [open, dismissible, onActiveSegmentChange]);
-  const segments = datesMode === 'single' ? ['destination', 'dates', 'guests'] : ['destination', 'checkIn', 'checkOut', 'guests'];
   const datesSummary = dates?.summary ?? (dates?.checkIn && dates?.checkOut ? `${dates.checkIn} – ${dates.checkOut}` : dates?.checkIn ?? dates?.checkOut);
-  const content = {
-    destination: {
-      label: labels.where,
-      value: destination,
-      placeholder: labels.destinationPlaceholder
-    },
-    checkIn: {
-      label: labels.checkIn,
-      value: dates?.checkIn,
-      placeholder: labels.datesPlaceholder
-    },
-    checkOut: {
-      label: labels.checkOut,
-      value: dates?.checkOut,
-      placeholder: labels.datesPlaceholder
-    },
-    dates: {
-      label: labels.when,
-      value: datesSummary,
-      placeholder: labels.datesPlaceholder
-    },
-    guests: {
-      label: labels.who,
-      value: guests,
-      placeholder: labels.guestsPlaceholder
-    }
-  };
-  const lit = useCallback(segment => segment !== undefined && (segment === activeSegment || segment === hovered), [activeSegment, hovered]);
-  const barStyle = {
-    height: STAY_SEARCH_BAR_HEIGHT,
-    borderRadius: borderRadius.full,
-    borderWidth: 1,
-    borderColor: palette.border,
-    backgroundColor: open ? palette.barSurfaceOpen : palette.barSurface,
-    boxShadow: palette.barShadow,
-    flexDirection: 'row',
-    alignItems: 'stretch',
-    '--bloom-stay-search-ring': accent[500]
-  };
-  return /*#__PURE__*/_jsxs(View, {
-    ref: rootRef,
+  const [where, checkIn, checkOut, who] = HOME_SEARCH_SEGMENTS.stays;
+  const segments = [{
+    ...where,
+    label: labels.where,
+    placeholder: labels.destinationPlaceholder,
+    value: destination
+  }, ...(datesMode === 'single' ? [{
+    key: 'dates',
+    label: labels.when,
+    placeholder: labels.datesPlaceholder,
+    value: datesSummary,
+    flex: SINGLE_DATES_FLEX
+  }] : [{
+    ...checkIn,
+    label: labels.checkIn,
+    placeholder: labels.datesPlaceholder,
+    value: dates?.checkIn
+  }, {
+    ...checkOut,
+    label: labels.checkOut,
+    placeholder: labels.datesPlaceholder,
+    value: dates?.checkOut
+  }]), {
+    ...who,
+    label: labels.who,
+    placeholder: labels.guestsPlaceholder,
+    value: guests
+  }];
+  return /*#__PURE__*/_jsx(HomeSearchBar, {
+    segments: segments,
+    activeSegment: activeSegment,
+    onActiveSegmentChange: onActiveSegmentChange,
+    onSearch: onSearch,
+    searchLabel: labels.search,
+    query: destinationQuery,
+    onQueryChange: onDestinationQueryChange,
+    panel: panel,
+    dismissible: dismissible,
+    style: style,
     testID: testID
-    // react-native-web gives every View `z-index: 0`, so the root is its own
-    // stacking context: the panel's z-index only competes INSIDE it. Lift the
-    // whole root while open, or content after the bar paints over the panel.
-    ,
-    style: [{
-      position: 'relative',
-      zIndex: open ? Z_INDEX.dropdown : Z_INDEX.base
-    }, style],
-    children: [/*#__PURE__*/_jsx(View, {
-      ...WEB_SEARCH_ROLE,
-      style: barStyle,
-      children: segments.map((segment, index) => {
-        const active = segment === activeSegment;
-        const isHovered = segment === hovered;
-        const {
-          label,
-          value,
-          placeholder
-        } = content[segment];
-        const showInput = active && segment === 'destination' && onDestinationQueryChange != null;
-        const background = active ? palette.segmentActive : isHovered ? open ? palette.segmentHoverOpen : palette.segmentHover : 'transparent';
-        const segmentTestID = testID ? `${testID}-${segment}` : undefined;
-        const text = /*#__PURE__*/_jsxs(_Fragment, {
-          children: [/*#__PURE__*/_jsx(Text, {
-            variant: "caption-1-semibold",
-            numberOfLines: 1,
-            style: {
-              color: palette.text
-            },
-            children: label
-          }), showInput ? /*#__PURE__*/_jsx(TextInput, {
-            autoFocus: true,
-            value: destinationQuery ?? '',
-            onChangeText: onDestinationQueryChange,
-            placeholder: value || placeholder,
-            placeholderTextColor: palette.placeholder,
-            accessibilityLabel: label,
-            testID: testID ? `${testID}-destination-input` : undefined,
-            style: [inputStyle, {
-              color: palette.text
-            }]
-          }) : /*#__PURE__*/_jsx(Text, {
-            variant: "body-regular",
-            numberOfLines: 1,
-            style: {
-              color: value ? palette.text : palette.placeholder
-            },
-            children: value || placeholder
-          })]
-        });
-        const hitStyle = {
-          flex: 1,
-          minWidth: 0,
-          alignSelf: 'stretch',
-          justifyContent: 'center',
-          paddingLeft: index === 0 ? 32 : 24,
-          paddingRight: segment === 'guests' ? 8 : 16,
-          borderRadius: borderRadius.full
-        };
-        return /*#__PURE__*/_jsxs(Fragment, {
-          children: [index > 0 ? /*#__PURE__*/_jsx(View, {
-            style: {
-              width: 0,
-              alignSelf: 'center',
-              zIndex: Z_INDEX.raised
-            },
-            children: /*#__PURE__*/_jsx(View, {
-              ...webDataSet({
-                bloomStaySeparator: ''
-              }),
-              testID: testID ? `${testID}-separator-${index}` : undefined,
-              style: {
-                position: 'absolute',
-                left: -0.5,
-                top: -STAY_SEARCH_SEPARATOR_HEIGHT / 2,
-                width: 1,
-                height: STAY_SEARCH_SEPARATOR_HEIGHT,
-                backgroundColor: lit(segments[index - 1]) || lit(segment) ? 'transparent' : palette.separator
-              }
-            })
-          }) : null, /*#__PURE__*/_jsxs(View, {
-            ...webDataSet({
-              bloomStaySegment: active ? 'active' : ''
-            }),
-            style: {
-              flex: SEGMENT_FLEX[segment],
-              minWidth: 0,
-              flexDirection: 'row',
-              alignItems: 'center',
-              borderRadius: borderRadius.full,
-              backgroundColor: background,
-              boxShadow: active ? palette.segmentActiveShadow : undefined
-            },
-            children: [showInput ? /*#__PURE__*/_jsx(View, {
-              testID: segmentTestID,
-              style: hitStyle,
-              children: text
-            }) : /*#__PURE__*/_jsx(Pressable, {
-              ...webDataSet({
-                bloomStaySegmentHit: ''
-              }),
-              testID: segmentTestID,
-              onPress: () => onActiveSegmentChange(segment),
-              onHoverIn: () => setHovered(segment),
-              onHoverOut: () => setHovered(h => h === segment ? null : h),
-              accessibilityRole: "button",
-              accessibilityLabel: `${label}, ${value || placeholder}`,
-              accessibilityState: {
-                expanded: active
-              },
-              "aria-expanded": active,
-              style: hitStyle,
-              children: text
-            }), segment === 'guests' ? /*#__PURE__*/_jsx(Button, {
-              variant: "primary",
-              size: "large",
-              icon: RiSearchLine,
-              iconOnly: !open,
-              onPress: onSearch,
-              accessibilityLabel: labels.search,
-              testID: testID ? `${testID}-search` : undefined,
-              style: {
-                marginRight: STAY_SEARCH_BUTTON_INSET - 1,
-                flexShrink: 0
-              },
-              children: open ? labels.search : undefined
-            }) : null]
-          })]
-        }, segment);
-      })
-    }), open && panel != null ? /*#__PURE__*/_jsx(View, {
-      pointerEvents: "box-none",
-      testID: testID ? `${testID}-panel` : undefined,
-      style: {
-        position: 'absolute',
-        top: STAY_SEARCH_BAR_HEIGHT + STAY_SEARCH_PANEL_OFFSET,
-        left: 0,
-        right: 0,
-        flexDirection: 'row',
-        justifyContent: PANEL_ALIGN[activeSegment],
-        zIndex: Z_INDEX.dropdown
-      },
-      children: panel
-    }) : null]
   });
 }
 export const StaySearchBar = /*#__PURE__*/memo(StaySearchBarComponent);

package/lib/module/stay-search/StaySearchBar.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Fragment","memo","useCallback","useEffect","useMemo","useRef","useState","Platform","Pressable","TextInput","View","Button","resolveButtonRamps","webDataSet","RiSearchLine","adoptStyleSheet","borderRadius","Z_INDEX","useTheme","SANS_FONT_FAMILY","Text","TYPE_SCALE","DEFAULT_STAY_SEARCH_BAR_LABELS","STAY_SEARCH_BAR_HEIGHT","STAY_SEARCH_BUTTON_INSET","STAY_SEARCH_PANEL_OFFSET","STAY_SEARCH_SEPARATOR_HEIGHT","useStaySearchPalette","jsx","_jsx","_Fragment","jsxs","_jsxs","IS_WEB","OS","WEB_SEARCH_ROLE","role","STYLE_ID","STAY_SEARCH_BAR_CSS","SEGMENT_FLEX","destination","checkIn","checkOut","dates","guests","INPUT_TYPE","inputStyle","fontFamily","fontSize","lineHeight","fontWeight","height","paddingTop","paddingBottom","paddingLeft","paddingRight","borderWidth","minWidth","outlineWidth","outlineStyle","PANEL_ALIGN","StaySearchBarComponent","activeSegment","onActiveSegmentChange","datesMode","labels","labelOverrides","onSearch","destinationQuery","onDestinationQueryChange","panel","dismissible","style","testID","theme","palette","accent","hovered","setHovered","rootRef","open","document","onPointerDown","event","node","current","target","contains","onKeyDown","key","addEventListener","removeEventListener","segments","datesSummary","summary","content","label","where","value","placeholder","destinationPlaceholder","datesPlaceholder","when","who","guestsPlaceholder","lit","segment","undefined","barStyle","full","borderColor","border","backgroundColor","barSurfaceOpen","barSurface","boxShadow","barShadow","flexDirection","alignItems","ref","position","zIndex","dropdown","base","children","map","index","active","isHovered","showInput","background","segmentActive","segmentHoverOpen","segmentHover","segmentTestID","text","variant","numberOfLines","color","autoFocus","onChangeText","placeholderTextColor","accessibilityLabel","hitStyle","flex","alignSelf","justifyContent","width","raised","bloomStaySeparator","left","top","separator","bloomStaySegment","segmentActiveShadow","bloomStaySegmentHit","onPress","onHoverIn","onHoverOut","h","accessibilityRole","accessibilityState","expanded","size","icon","iconOnly","search","marginRight","flexShrink","pointerEvents","right","StaySearchBar","displayName"],"sourceRoot":"../../../src","sources":["stay-search/StaySearchBar.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","memo","useMemo","HOME_SEARCH_SEGMENTS","HomeSearchBar","DEFAULT_STAY_SEARCH_BAR_LABELS","jsx","_jsx","SINGLE_DATES_FLEX","StaySearchBarComponent","activeSegment","onActiveSegmentChange","destination","dates","guests","datesMode","labels","labelOverrides","onSearch","destinationQuery","onDestinationQueryChange","panel","dismissible","style","testID","datesSummary","summary","checkIn","checkOut","where","who","stays","segments","label","placeholder","destinationPlaceholder","value","key","when","datesPlaceholder","flex","guestsPlaceholder","searchLabel","search","query","onQueryChange","StaySearchBar","displayName"],"sourceRoot":"../../../src","sources":["stay-search/StaySearchBar.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/styles/color-contrast.js

@@ -0,0 +1,29 @@
+"use strict";
+
+/**
+ * WCAG relative luminance and contrast ratio — ONE copy for every family that
+ * picks a readable text colour over a computed surface (artwork tints, energy
+ * labels, generated covers). Seven families had grown their own copy.
+ */
+import { parseRgba } from "../theme/color-utils.js";
+function channel(value) {
+  const c = value / 255;
+  return c <= 0.03928 ? c / 12.92 : ((c + 0.055) / 1.055) ** 2.4;
+}
+
+/** WCAG relative luminance (0..1) of an opaque colour; `null` if it does not parse. */
+export function relativeLuminance(color) {
+  const c = parseRgba(color);
+  if (!c) return null;
+  return 0.2126 * channel(c.r) + 0.7152 * channel(c.g) + 0.0722 * channel(c.b);
+}
+
+/** WCAG contrast ratio between two opaque colours (1..21); `1` if either does not parse. */
+export function contrastRatio(a, b) {
+  const la = relativeLuminance(a);
+  const lb = relativeLuminance(b);
+  if (la === null || lb === null) return 1;
+  const [hi, lo] = la > lb ? [la, lb] : [lb, la];
+  return (hi + 0.05) / (lo + 0.05);
+}
+//# sourceMappingURL=color-contrast.js.map

package/lib/module/styles/color-contrast.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["parseRgba","channel","value","c","relativeLuminance","color","r","g","b","contrastRatio","a","la","lb","hi","lo"],"sourceRoot":"../../../src","sources":["styles/color-contrast.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA,SAASA,SAAS,QAAQ,yBAAsB;AAEhD,SAASC,OAAOA,CAACC,KAAa,EAAU;EACtC,MAAMC,CAAC,GAAGD,KAAK,GAAG,GAAG;EACrB,OAAOC,CAAC,IAAI,OAAO,GAAGA,CAAC,GAAG,KAAK,GAAG,CAAC,CAACA,CAAC,GAAG,KAAK,IAAI,KAAK,KAAK,GAAG;AAChE;;AAEA;AACA,OAAO,SAASC,iBAAiBA,CAACC,KAAa,EAAiB;EAC9D,MAAMF,CAAC,GAAGH,SAAS,CAACK,KAAK,CAAC;EAC1B,IAAI,CAACF,CAAC,EAAE,OAAO,IAAI;EACnB,OAAO,MAAM,GAAGF,OAAO,CAACE,CAAC,CAACG,CAAC,CAAC,GAAG,MAAM,GAAGL,OAAO,CAACE,CAAC,CAACI,CAAC,CAAC,GAAG,MAAM,GAAGN,OAAO,CAACE,CAAC,CAACK,CAAC,CAAC;AAC9E;;AAEA;AACA,OAAO,SAASC,aAAaA,CAACC,CAAS,EAAEF,CAAS,EAAU;EAC1D,MAAMG,EAAE,GAAGP,iBAAiB,CAACM,CAAC,CAAC;EAC/B,MAAME,EAAE,GAAGR,iBAAiB,CAACI,CAAC,CAAC;EAC/B,IAAIG,EAAE,KAAK,IAAI,IAAIC,EAAE,KAAK,IAAI,EAAE,OAAO,CAAC;EACxC,MAAM,CAACC,EAAE,EAAEC,EAAE,CAAC,GAAGH,EAAE,GAAGC,EAAE,GAAG,CAACD,EAAE,EAAEC,EAAE,CAAC,GAAG,CAACA,EAAE,EAAED,EAAE,CAAC;EAC9C,OAAO,CAACE,EAAE,GAAG,IAAI,KAAKC,EAAE,GAAG,IAAI,CAAC;AAClC","ignoreList":[]}

package/lib/module/styles/index.js

@@ -6,4 +6,5 @@ export { BREAKPOINTS } from "./breakpoints.js";
 export { Z_INDEX } from "./z-index.js";
 export { web, native, ios, android, platform, select } from "./platform.js";
 export { SUPPORTS_NATIVE_DRIVER } from "./native-driver.js";
+export { contrastRatio, relativeLuminance } from "./color-contrast.js";
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["atoms","flatten","tokens","BREAKPOINTS","Z_INDEX","web","native","ios","android","platform","select","SUPPORTS_NATIVE_DRIVER"],"sourceRoot":"../../../src","sources":["styles/index.ts"],"mappings":";;AAAA,SAASA,KAAK,EAAEC,OAAO,QAAQ,YAAS;AAExC,OAAO,KAAKC,MAAM,MAAM,aAAU;AAClC,SAASC,WAAW,QAAQ,kBAAe;AAE3C,SAASC,OAAO,QAAQ,cAAW;AACnC,SAASC,GAAG,EAAEC,MAAM,EAAEC,GAAG,EAAEC,OAAO,EAAEC,QAAQ,EAAEC,MAAM,QAAQ,eAAY;AACxE,SAASC,sBAAsB,QAAQ,oBAAiB","ignoreList":[]}
+{"version":3,"names":["atoms","flatten","tokens","BREAKPOINTS","Z_INDEX","web","native","ios","android","platform","select","SUPPORTS_NATIVE_DRIVER","contrastRatio","relativeLuminance"],"sourceRoot":"../../../src","sources":["styles/index.ts"],"mappings":";;AAAA,SAASA,KAAK,EAAEC,OAAO,QAAQ,YAAS;AAExC,OAAO,KAAKC,MAAM,MAAM,aAAU;AAClC,SAASC,WAAW,QAAQ,kBAAe;AAE3C,SAASC,OAAO,QAAQ,cAAW;AACnC,SAASC,GAAG,EAAEC,MAAM,EAAEC,GAAG,EAAEC,OAAO,EAAEC,QAAQ,EAAEC,MAAM,QAAQ,eAAY;AACxE,SAASC,sBAAsB,QAAQ,oBAAiB;AACxD,SAASC,aAAa,EAAEC,iBAAiB,QAAQ,qBAAkB","ignoreList":[]}

package/lib/module/tenancy/DocumentList.js

@@ -0,0 +1,178 @@
+"use strict";
+
+import React, { memo } from 'react';
+import { View } from 'react-native';
+import { Badge } from "../badge/index.js";
+import { Button } from '../button';
+import { RiDownload2Line, RiEyeLine, RiQuillPenLine } from "../icons/remix/index.js";
+import { useContainerWidth } from "../listing-details/use-container-width.js";
+import { Text } from "../typography/index.js";
+import { DOCUMENT_LIST_WIDE_MIN_WIDTH, TENANCY_DOCUMENT_ICON, TENANCY_DOCUMENT_STATUS } from "./constants.js";
+import { HousingCard, IconTile, useHousingPalette } from "./parts.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * The tenancy's paperwork: the contract, inventories, certificates, receipts.
+ *
+ *   card      the housing card, unpadded; rows edge to edge, hairlines between
+ *   row       padding 14 / 20 (right 12), 12 between parts:
+ *             a 40 file tile (radius 10, neutral-100 / 700, 20 file icon);
+ *             name body-medium (one line) over "240 KB · Signed 2 Sep 2025"
+ *             caption-1-regular text-secondary;
+ *             status `Badge` (subtle: signed success, pending warning,
+ *             expired error) — beside the name from 560 wide, under the meta
+ *             line below;
+ *             actions: a small primary "Sign" button (with `onSign`), then
+ *             secondary icon buttons for view and download, each named after the
+ *             document ("Download Tenancy agreement.pdf")
+ */
+
+function DocumentListComponent({
+  documents,
+  statusLabels,
+  signLabel = 'Sign',
+  viewLabel = document => `View ${document.name}`,
+  downloadLabel = document => `Download ${document.name}`,
+  emptyLabel = 'No documents',
+  layout = 'auto',
+  style,
+  testID
+}) {
+  const palette = useHousingPalette();
+  const {
+    width,
+    onLayout
+  } = useContainerWidth();
+  const wide = layout === 'wide' || layout === 'auto' && width != null && width >= DOCUMENT_LIST_WIDE_MIN_WIDTH;
+  const id = part => testID ? `${testID}-${part}` : undefined;
+  return /*#__PURE__*/_jsx(HousingCard, {
+    padded: false,
+    style: style,
+    testID: testID,
+    children: /*#__PURE__*/_jsx(View, {
+      onLayout: onLayout,
+      children: documents.length === 0 ? /*#__PURE__*/_jsx(View, {
+        style: {
+          paddingTop: 24,
+          paddingBottom: 24,
+          paddingLeft: 20,
+          paddingRight: 20
+        },
+        children: /*#__PURE__*/_jsx(Text, {
+          variant: "body-regular",
+          style: {
+            color: palette.textSecondary
+          },
+          testID: id('empty'),
+          children: emptyLabel
+        })
+      }) : /*#__PURE__*/_jsx(View, {
+        role: "list",
+        children: documents.map((document, index) => {
+          const info = document.status ? TENANCY_DOCUMENT_STATUS[document.status] : null;
+          const badge = info && document.status ? /*#__PURE__*/_jsx(Badge, {
+            content: document.statusLabel ?? statusLabels?.[document.status] ?? info.label,
+            color: info.tone,
+            variant: "subtle",
+            size: "medium",
+            testID: id(`status-${index}`)
+          }) : null;
+          const meta = [document.size, document.date].filter(Boolean).join(' · ');
+          return /*#__PURE__*/_jsxs(View, {
+            role: "listitem",
+            testID: id(`row-${index}`),
+            style: {
+              flexDirection: 'row',
+              alignItems: 'center',
+              gap: 12,
+              paddingTop: 14,
+              paddingBottom: 14,
+              paddingLeft: 20,
+              paddingRight: 12,
+              borderTopWidth: index === 0 ? 0 : 1,
+              borderTopColor: palette.hairline
+            },
+            children: [/*#__PURE__*/_jsx(IconTile, {
+              icon: TENANCY_DOCUMENT_ICON[document.type ?? 'other'],
+              radius: 10,
+              testID: id(`icon-${index}`)
+            }), /*#__PURE__*/_jsxs(View, {
+              style: {
+                flex: 1,
+                minWidth: 0,
+                gap: 2,
+                alignItems: 'flex-start'
+              },
+              children: [/*#__PURE__*/_jsx(Text, {
+                variant: "body-medium",
+                numberOfLines: 1,
+                style: {
+                  color: palette.text,
+                  alignSelf: 'stretch'
+                },
+                testID: id(`name-${index}`),
+                children: document.name
+              }), meta ? /*#__PURE__*/_jsx(Text, {
+                variant: "caption-1-regular",
+                numberOfLines: 1,
+                style: {
+                  color: palette.textSecondary
+                },
+                children: meta
+              }) : null, !wide && badge ? /*#__PURE__*/_jsx(View, {
+                style: {
+                  marginTop: 4
+                },
+                children: badge
+              }) : null]
+            }), wide && badge ? /*#__PURE__*/_jsx(View, {
+              style: {
+                width: 144,
+                alignItems: 'flex-start'
+              },
+              children: badge
+            }) : null, /*#__PURE__*/_jsxs(View, {
+              style: {
+                flexDirection: 'row',
+                alignItems: 'center',
+                gap: 2
+              },
+              children: [document.onSign ? /*#__PURE__*/_jsx(View, {
+                style: {
+                  marginRight: 6
+                },
+                children: /*#__PURE__*/_jsx(Button, {
+                  variant: "primary",
+                  size: "small",
+                  leadingIcon: wide ? RiQuillPenLine : undefined,
+                  accessibilityLabel: `${signLabel} ${document.name}`,
+                  onPress: document.onSign,
+                  testID: id(`sign-${index}`),
+                  children: signLabel
+                })
+              }) : null, document.onView ? /*#__PURE__*/_jsx(Button, {
+                variant: "secondary",
+                size: "small",
+                iconOnly: true,
+                leadingIcon: RiEyeLine,
+                accessibilityLabel: viewLabel(document),
+                onPress: document.onView,
+                testID: id(`view-${index}`)
+              }) : null, document.onDownload ? /*#__PURE__*/_jsx(Button, {
+                variant: "secondary",
+                size: "small",
+                iconOnly: true,
+                leadingIcon: RiDownload2Line,
+                accessibilityLabel: downloadLabel(document),
+                onPress: document.onDownload,
+                testID: id(`download-${index}`)
+              }) : null]
+            })]
+          }, document.id);
+        })
+      })
+    })
+  });
+}
+export const DocumentList = /*#__PURE__*/memo(DocumentListComponent);
+DocumentList.displayName = 'DocumentList';
+//# sourceMappingURL=DocumentList.js.map