@oxy.so/bloom 2.9.0 → 2.11.0

package/lib/module/listing-editor/PropertyTypeSelector.js

@@ -0,0 +1,231 @@
+"use strict";
+
+import React, { useMemo, useState } from 'react';
+import { Pressable, View } from 'react-native';
+import { useInteractionState } from "../hooks/use-interaction-state.js";
+import { RiArmchairLine } from "../icons/remix/RiArmchairLine.js";
+import { RiBuilding2Line } from "../icons/remix/RiBuilding2Line.js";
+import { RiBuilding4Line } from "../icons/remix/RiBuilding4Line.js";
+import { RiCommunityLine } from "../icons/remix/RiCommunityLine.js";
+import { RiDoorOpenLine } from "../icons/remix/RiDoorOpenLine.js";
+import { RiHome4Line } from "../icons/remix/RiHome4Line.js";
+import { RiHotelBedLine } from "../icons/remix/RiHotelBedLine.js";
+import { RiMoreLine } from "../icons/remix/RiMoreLine.js";
+import { RiStackLine } from "../icons/remix/RiStackLine.js";
+import { webDataSet } from "../styles/web-data.js";
+import { useTheme } from "../theme/use-theme.js";
+import { Text } from "../typography/index.js";
+import { CheckCircle, resolveSelectionPaint, SELECTION_CARD_RADIUS, useSelectionCardCss } from "./SelectionCard.js";
+import { DISABLED_OPACITY } from "../styles/tokens.js";
+
+/**
+ * The kind of home, picked from large icon tiles. Single select.
+ *
+ *   grid      2 columns below 400 wide, 3 below 640, 4 from there (or
+ *             `columns`); 12 apart
+ *   tile      min 112 tall, radius 16, p 16, 1px neutral-200 border (dark
+ *             neutral-700), the card colour as fill in light; the 28 icon top-left, the label (body-semibold)
+ *             and an optional description (caption-1-regular, text-secondary)
+ *             at the bottom
+ *   hover     border neutral-400 (dark neutral-500) and a neutral-50 wash
+ *   selected  a 2px text-primary border, the check circle top-right
+ *   disabled  50% opacity
+ *
+ * Accessibility: a `radiogroup` (named by `accessibilityLabel`) of `radio`s
+ * with `aria-checked`, each named by its label.
+ */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const DEFAULT_PROPERTY_TYPES = [{
+  value: 'apartment',
+  label: 'Apartment',
+  icon: RiBuilding2Line
+}, {
+  value: 'house',
+  label: 'House',
+  icon: RiHome4Line
+}, {
+  value: 'room',
+  label: 'Room',
+  icon: RiDoorOpenLine
+}, {
+  value: 'studio',
+  label: 'Studio',
+  icon: RiArmchairLine
+}, {
+  value: 'duplex',
+  label: 'Duplex',
+  icon: RiStackLine
+}, {
+  value: 'penthouse',
+  label: 'Penthouse',
+  icon: RiBuilding4Line
+}, {
+  value: 'coliving',
+  label: 'Coliving',
+  icon: RiCommunityLine
+}, {
+  value: 'hostel',
+  label: 'Hostel',
+  icon: RiHotelBedLine
+}, {
+  value: 'other',
+  label: 'Other',
+  icon: RiMoreLine
+}];
+export function propertyTypeColumns(width) {
+  if (width < 400) return 2;
+  if (width < 640) return 3;
+  return 4;
+}
+export function PropertyTypeSelector({
+  value,
+  onValueChange,
+  options,
+  columns: columnsProp,
+  accessibilityLabel = 'Property type',
+  error,
+  disabled = false,
+  style,
+  testID
+}) {
+  const theme = useTheme();
+  useSelectionCardCss();
+  const paint = useMemo(() => resolveSelectionPaint(theme), [theme]);
+  const [width, setWidth] = useState(0);
+  const columns = columnsProp ?? propertyTypeColumns(width);
+  const gap = 12;
+  const tileWidth = width > 0 ? Math.floor((width - gap * (columns - 1)) / columns) : 0;
+  const list = options ?? DEFAULT_PROPERTY_TYPES;
+  return /*#__PURE__*/_jsxs(View, {
+    testID: testID,
+    style: [{
+      gap: 8
+    }, style],
+    onLayout: e => setWidth(e.nativeEvent.layout.width),
+    children: [/*#__PURE__*/_jsx(View, {
+      role: "radiogroup",
+      accessibilityLabel: accessibilityLabel,
+      "aria-disabled": disabled || undefined,
+      style: {
+        flexDirection: 'row',
+        flexWrap: 'wrap',
+        gap
+      },
+      children: tileWidth > 0 ? list.map(option => /*#__PURE__*/_jsx(PropertyTile, {
+        option: option,
+        selected: value === option.value,
+        onPress: () => onValueChange(option.value),
+        width: tileWidth,
+        paint: paint,
+        disabled: disabled || !!option.disabled,
+        testID: testID ? `${testID}-${option.value}` : undefined
+      }, option.value)) : null
+    }), error ? /*#__PURE__*/_jsx(Text, {
+      variant: "body-2-regular",
+      accessibilityLiveRegion: "polite",
+      style: {
+        color: paint.error
+      },
+      children: error
+    }) : null]
+  });
+}
+PropertyTypeSelector.displayName = 'PropertyTypeSelector';
+function PropertyTile({
+  option,
+  selected,
+  onPress,
+  width,
+  paint,
+  disabled,
+  testID
+}) {
+  const {
+    state: hovered,
+    onIn: onHoverIn,
+    onOut: onHoverOut
+  } = useInteractionState();
+  const {
+    state: pressed,
+    onIn: onPressIn,
+    onOut: onPressOut
+  } = useInteractionState();
+  const highlighted = !disabled && (hovered || pressed);
+  const Icon = option.icon;
+  const borderWidth = selected ? 2 : 1;
+  const inset = 16 - (borderWidth - 1);
+  const tileStyle = {
+    width,
+    minHeight: 112,
+    borderRadius: SELECTION_CARD_RADIUS,
+    borderWidth,
+    borderColor: selected ? paint.borderSelected : highlighted ? paint.borderHover : paint.border,
+    backgroundColor: highlighted && !selected ? paint.wash : paint.fill,
+    paddingTop: inset,
+    paddingBottom: inset,
+    paddingLeft: inset,
+    paddingRight: inset,
+    justifyContent: 'space-between',
+    gap: 16,
+    opacity: disabled ? DISABLED_OPACITY : 1,
+    '--bloom-selection-card-ring': paint.ring
+  };
+  return /*#__PURE__*/_jsxs(Pressable, {
+    role: "radio",
+    accessibilityLabel: option.label,
+    accessibilityHint: option.description,
+    "aria-checked": selected,
+    accessibilityState: {
+      checked: selected,
+      disabled
+    },
+    "aria-disabled": disabled || undefined,
+    disabled: disabled,
+    onPress: selected ? undefined : onPress,
+    onPressIn: onPressIn,
+    onPressOut: onPressOut,
+    onHoverIn: onHoverIn,
+    onHoverOut: onHoverOut,
+    ...webDataSet({
+      bloomSelectionCardHead: ''
+    }),
+    testID: testID,
+    style: tileStyle,
+    children: [/*#__PURE__*/_jsxs(View, {
+      style: {
+        flexDirection: 'row',
+        justifyContent: 'space-between',
+        alignItems: 'flex-start'
+      },
+      children: [/*#__PURE__*/_jsx(Icon, {
+        width: 28,
+        height: 28,
+        fill: paint.icon
+      }), selected ? /*#__PURE__*/_jsx(CheckCircle, {
+        selected: true,
+        paint: paint,
+        size: 20
+      }) : null]
+    }), /*#__PURE__*/_jsxs(View, {
+      style: {
+        gap: 2
+      },
+      children: [/*#__PURE__*/_jsx(Text, {
+        variant: "body-semibold",
+        numberOfLines: 1,
+        style: {
+          color: paint.text
+        },
+        children: option.label
+      }), option.description && width >= 140 ? /*#__PURE__*/_jsx(Text, {
+        variant: "caption-1-regular",
+        numberOfLines: 2,
+        style: {
+          color: paint.textSecondary
+        },
+        children: option.description
+      }) : null]
+    })]
+  });
+}
+//# sourceMappingURL=PropertyTypeSelector.js.map

package/lib/module/listing-editor/PropertyTypeSelector.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMemo","useState","Pressable","View","useInteractionState","RiArmchairLine","RiBuilding2Line","RiBuilding4Line","RiCommunityLine","RiDoorOpenLine","RiHome4Line","RiHotelBedLine","RiMoreLine","RiStackLine","webDataSet","useTheme","Text","CheckCircle","resolveSelectionPaint","SELECTION_CARD_RADIUS","useSelectionCardCss","DISABLED_OPACITY","jsx","_jsx","jsxs","_jsxs","DEFAULT_PROPERTY_TYPES","value","label","icon","propertyTypeColumns","width","PropertyTypeSelector","onValueChange","options","columns","columnsProp","accessibilityLabel","error","disabled","style","testID","theme","paint","setWidth","gap","tileWidth","Math","floor","list","onLayout","e","nativeEvent","layout","children","role","undefined","flexDirection","flexWrap","map","option","PropertyTile","selected","onPress","variant","accessibilityLiveRegion","color","displayName","state","hovered","onIn","onHoverIn","onOut","onHoverOut","pressed","onPressIn","onPressOut","highlighted","Icon","borderWidth","inset","tileStyle","minHeight","borderRadius","borderColor","borderSelected","borderHover","border","backgroundColor","wash","fill","paddingTop","paddingBottom","paddingLeft","paddingRight","justifyContent","opacity","ring","accessibilityHint","description","accessibilityState","checked","bloomSelectionCardHead","alignItems","height","size","numberOfLines","text","textSecondary"],"sourceRoot":"../../../src","sources":["listing-editor/PropertyTypeSelector.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/listing-editor/SelectionCard.js

@@ -0,0 +1,291 @@
+"use strict";
+
+import React, { memo, useEffect, useMemo } from 'react';
+import { Platform, Pressable, View } from 'react-native';
+import { resolveButtonRamps } from "../button/shared.js";
+import { useInteractionState } from "../hooks/use-interaction-state.js";
+import { RiCheckLine } from "../icons/remix/RiCheckLine.js";
+import { RadioIndicator } from "../radio-indicator/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 { DISABLED_OPACITY } from "../styles/tokens.js";
+
+/**
+ * The large selectable card the listing editor's pickers are built from.
+ * Internal: `OfferingEditor` uses it as a checkbox, `AddressPrecisionPicker`
+ * as a radio.
+ *
+ *   card       radius 16, 1px neutral-200 border (dark neutral-700), the card
+ *              colour as fill in light (none in dark);
+ *              selected: a 2px text-primary border (the padding gives the extra
+ *              pixel back, so nothing moves)
+ *   hover      border neutral-400 (dark neutral-500) and a neutral-50 wash
+ *              (dark neutral-900) — web pointer; native borrows it while held
+ *   head       p 20 (16 compact): an optional 44 icon tile (radius 12,
+ *              neutral-100 / dark neutral-800; selected: text-primary with the
+ *              icon in the page colour), title headline-semibold, description
+ *              body-regular text-secondary, the indicator on the right
+ *   indicator  `check`: a 22 circle, 1.5px neutral-300 ring at rest, filled
+ *              text-primary with a page-coloured tick when selected;
+ *              `radio`: Bloom's `RadioIndicator` at 20 in text-primary
+ *   media      an optional node above the head, inset 12, radius 12
+ *   body       `children`, under a hairline, p 20 — rendered OUTSIDE the
+ *              pressable, so fields inside are not nested in a control
+ *   disabled   50% opacity
+ *
+ * Colour-only hover; no scale.
+ */
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+const IS_WEB = Platform.OS === 'web';
+export const SELECTION_CARD_RADIUS = 16;
+const STYLE_ID = 'bloom-listing-editor-card-web-css';
+const HEAD = '[data-bloom-selection-card-head]';
+const CSS = `
+${HEAD} {
+  outline: none;
+  cursor: pointer;
+}
+${HEAD}[aria-disabled="true"] {
+  cursor: default;
+}
+${HEAD}:focus-visible {
+  outline: 2px solid var(--bloom-selection-card-ring, currentColor);
+  outline-offset: 3px;
+}
+`;
+export function resolveSelectionPaint(theme) {
+  const {
+    accent,
+    neutral: n
+  } = resolveButtonRamps(theme);
+  const dark = theme.isDark;
+  return {
+    fill: dark ? 'transparent' : theme.colors.card,
+    border: dark ? n[700] : n[200],
+    borderHover: dark ? n[500] : n[400],
+    borderSelected: theme.colors.text,
+    wash: dark ? n[900] : n[50],
+    iconTile: dark ? n[800] : n[100],
+    icon: theme.colors.text,
+    text: theme.colors.text,
+    textSecondary: theme.colors.textSecondary,
+    indicatorRing: dark ? n[600] : n[300],
+    page: theme.colors.background,
+    hairline: dark ? n[800] : n[200],
+    ring: accent[500],
+    error: theme.colors.error
+  };
+}
+export function useSelectionCardCss() {
+  useEffect(() => {
+    if (IS_WEB) adoptStyleSheet(STYLE_ID, CSS);
+  }, []);
+}
+
+/** The 22px check circle. */
+export function CheckCircle({
+  selected,
+  paint,
+  size = 22
+}) {
+  return /*#__PURE__*/_jsx(View, {
+    "aria-hidden": true,
+    style: {
+      width: size,
+      height: size,
+      borderRadius: size / 2,
+      borderWidth: selected ? 0 : 1.5,
+      borderColor: paint.indicatorRing,
+      backgroundColor: selected ? paint.borderSelected : 'transparent',
+      alignItems: 'center',
+      justifyContent: 'center'
+    },
+    children: selected ? /*#__PURE__*/_jsx(RiCheckLine, {
+      width: size - 8,
+      height: size - 8,
+      fill: paint.page
+    }) : null
+  });
+}
+function SelectionCardComponent({
+  selection,
+  selected,
+  onPress,
+  title,
+  description,
+  icon: Icon,
+  indicator = selection === 'single' ? 'radio' : 'check',
+  media,
+  compact = false,
+  disabled = false,
+  children,
+  accessibilityLabel,
+  style,
+  testID
+}) {
+  const theme = useTheme();
+  useSelectionCardCss();
+  const paint = useMemo(() => resolveSelectionPaint(theme), [theme]);
+  const {
+    state: hovered,
+    onIn: onHoverIn,
+    onOut: onHoverOut
+  } = useInteractionState();
+  const {
+    state: pressed,
+    onIn: onPressIn,
+    onOut: onPressOut
+  } = useInteractionState();
+  const highlighted = !disabled && (hovered || pressed);
+  const borderWidth = selected ? 2 : 1;
+  const inset = (compact ? 16 : 20) - (borderWidth - 1);
+  const hasBody = children != null && children !== false;
+  const cardStyle = {
+    borderRadius: SELECTION_CARD_RADIUS,
+    backgroundColor: paint.fill,
+    borderWidth,
+    borderColor: selected ? paint.borderSelected : highlighted ? paint.borderHover : paint.border,
+    opacity: disabled ? DISABLED_OPACITY : 1,
+    ...(IS_WEB ? {
+      transitionProperty: 'border-color, background-color',
+      transitionDuration: '120ms'
+    } : null),
+    ...style
+  };
+  const headStyle = {
+    borderTopLeftRadius: SELECTION_CARD_RADIUS - borderWidth,
+    borderTopRightRadius: SELECTION_CARD_RADIUS - borderWidth,
+    borderBottomLeftRadius: hasBody ? 0 : SELECTION_CARD_RADIUS - borderWidth,
+    borderBottomRightRadius: hasBody ? 0 : SELECTION_CARD_RADIUS - borderWidth,
+    backgroundColor: highlighted && !selected ? paint.wash : 'transparent',
+    '--bloom-selection-card-ring': paint.ring
+  };
+  const headContent = /*#__PURE__*/_jsxs(_Fragment, {
+    children: [media ? /*#__PURE__*/_jsx(View, {
+      style: {
+        marginTop: 12 - (borderWidth - 1),
+        marginLeft: 12 - (borderWidth - 1),
+        marginRight: 12 - (borderWidth - 1),
+        borderRadius: 12,
+        overflow: 'hidden'
+      },
+      children: media
+    }) : null, /*#__PURE__*/_jsxs(View, {
+      style: {
+        flexDirection: 'row',
+        alignItems: media ? 'flex-start' : 'center',
+        gap: 14,
+        paddingTop: media ? 14 : inset,
+        paddingBottom: inset,
+        paddingLeft: inset,
+        paddingRight: inset
+      },
+      children: [indicator === 'radio' && media ? /*#__PURE__*/_jsx(View, {
+        style: {
+          paddingTop: 2
+        },
+        children: /*#__PURE__*/_jsx(RadioIndicator, {
+          selected: selected,
+          size: 20,
+          selectedColor: paint.borderSelected
+        })
+      }) : null, Icon ? /*#__PURE__*/_jsx(View, {
+        style: {
+          width: 44,
+          height: 44,
+          borderRadius: 12,
+          backgroundColor: selected ? paint.borderSelected : paint.iconTile,
+          alignItems: 'center',
+          justifyContent: 'center'
+        },
+        children: /*#__PURE__*/_jsx(Icon, {
+          width: 22,
+          height: 22,
+          fill: selected ? paint.page : paint.icon
+        })
+      }) : null, /*#__PURE__*/_jsxs(View, {
+        style: {
+          flex: 1,
+          minWidth: 0,
+          gap: 2
+        },
+        children: [/*#__PURE__*/_jsx(Text, {
+          variant: "headline-semibold",
+          style: {
+            color: paint.text
+          },
+          children: title
+        }), description ? /*#__PURE__*/_jsx(Text, {
+          variant: "body-regular",
+          style: {
+            color: paint.textSecondary
+          },
+          children: description
+        }) : null]
+      }), indicator === 'check' ? /*#__PURE__*/_jsx(CheckCircle, {
+        selected: selected,
+        paint: paint
+      }) : null, indicator === 'radio' && !media ? /*#__PURE__*/_jsx(RadioIndicator, {
+        selected: selected,
+        size: 20,
+        selectedColor: paint.borderSelected
+      }) : null]
+    })]
+  });
+
+  // The role is spelled as a literal on each branch, so the source census can
+  // see that each one carries its state and its name.
+  const headProps = {
+    accessibilityHint: description,
+    accessibilityState: {
+      checked: selected,
+      disabled
+    },
+    'aria-disabled': disabled || undefined,
+    disabled,
+    onPress,
+    onPressIn,
+    onPressOut,
+    onHoverIn,
+    onHoverOut,
+    ...webDataSet({
+      bloomSelectionCardHead: ''
+    }),
+    testID: testID ? `${testID}-control` : undefined,
+    style: headStyle
+  };
+  return /*#__PURE__*/_jsxs(View, {
+    testID: testID,
+    style: cardStyle,
+    children: [selection === 'multiple' ? /*#__PURE__*/_jsx(Pressable, {
+      role: "checkbox",
+      accessibilityLabel: accessibilityLabel ?? title,
+      "aria-checked": selected,
+      ...headProps,
+      children: headContent
+    }) : /*#__PURE__*/_jsx(Pressable, {
+      role: "radio",
+      accessibilityLabel: accessibilityLabel ?? title,
+      "aria-checked": selected,
+      ...headProps,
+      children: headContent
+    }), hasBody ? /*#__PURE__*/_jsx(View, {
+      testID: testID ? `${testID}-body` : undefined,
+      style: {
+        borderTopWidth: 1,
+        borderTopColor: paint.hairline,
+        paddingTop: inset,
+        paddingBottom: inset,
+        paddingLeft: inset,
+        paddingRight: inset,
+        gap: 20
+      },
+      children: children
+    }) : null]
+  });
+}
+export const SelectionCard = /*#__PURE__*/memo(SelectionCardComponent);
+SelectionCard.displayName = 'SelectionCard';
+//# sourceMappingURL=SelectionCard.js.map

package/lib/module/listing-editor/SelectionCard.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","useEffect","useMemo","Platform","Pressable","View","resolveButtonRamps","useInteractionState","RiCheckLine","RadioIndicator","adoptStyleSheet","webDataSet","useTheme","Text","DISABLED_OPACITY","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","IS_WEB","OS","SELECTION_CARD_RADIUS","STYLE_ID","HEAD","CSS","resolveSelectionPaint","theme","accent","neutral","n","dark","isDark","fill","colors","card","border","borderHover","borderSelected","text","wash","iconTile","icon","textSecondary","indicatorRing","page","background","hairline","ring","error","useSelectionCardCss","CheckCircle","selected","paint","size","style","width","height","borderRadius","borderWidth","borderColor","backgroundColor","alignItems","justifyContent","children","SelectionCardComponent","selection","onPress","title","description","Icon","indicator","media","compact","disabled","accessibilityLabel","testID","state","hovered","onIn","onHoverIn","onOut","onHoverOut","pressed","onPressIn","onPressOut","highlighted","inset","hasBody","cardStyle","opacity","transitionProperty","transitionDuration","headStyle","borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius","headContent","marginTop","marginLeft","marginRight","overflow","flexDirection","gap","paddingTop","paddingBottom","paddingLeft","paddingRight","selectedColor","flex","minWidth","variant","color","headProps","accessibilityHint","accessibilityState","checked","undefined","bloomSelectionCardHead","role","borderTopWidth","borderTopColor","SelectionCard","displayName"],"sourceRoot":"../../../src","sources":["listing-editor/SelectionCard.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/listing-editor/index.js

@@ -0,0 +1,8 @@
+"use strict";
+
+export { AddressPrecisionPicker, DEFAULT_ADDRESS_PRECISION_OPTIONS, PrecisionMapPlaceholder } from "./AddressPrecisionPicker.js";
+export { ListingPreviewPane } from "./ListingPreviewPane.js";
+export { ListingQualityMeter, listingQualityScore } from "./ListingQualityMeter.js";
+export { OfferingEditor } from "./OfferingEditor.js";
+export { DEFAULT_PROPERTY_TYPES, PropertyTypeSelector } from "./PropertyTypeSelector.js";
+//# sourceMappingURL=index.js.map

package/lib/module/listing-editor/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["AddressPrecisionPicker","DEFAULT_ADDRESS_PRECISION_OPTIONS","PrecisionMapPlaceholder","ListingPreviewPane","ListingQualityMeter","listingQualityScore","OfferingEditor","DEFAULT_PROPERTY_TYPES","PropertyTypeSelector"],"sourceRoot":"../../../src","sources":["listing-editor/index.ts"],"mappings":";;AAAA,SAASA,sBAAsB,EAAEC,iCAAiC,EAAEC,uBAAuB,QAAQ,6BAA0B;AAC7H,SAASC,kBAAkB,QAAQ,yBAAsB;AACzD,SAASC,mBAAmB,EAAEC,mBAAmB,QAAQ,0BAAuB;AAChF,SAASC,cAAc,QAAQ,qBAAkB;AACjD,SAASC,sBAAsB,EAAEC,oBAAoB,QAAQ,2BAAwB","ignoreList":[]}

package/lib/module/listing-editor/types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=types.js.map

package/lib/module/listing-editor/types.js.map

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