@oxy.so/bloom 4.0.0 → 4.2.0

package/lib/commonjs/place-details/constants.js

@@ -0,0 +1,89 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PLACE_TRANSIT_MODE_LABELS = exports.PLACE_TRANSIT_MODE_ICON = exports.PLACE_INFO_ACTION_LABELS = exports.PLACE_INFO_ACTION_ICON = exports.PLACE_DETAILS_GEOMETRY = exports.PLACE_BUSY_LABELS = void 0;
+var _RiBusLine = require("../icons/remix/RiBusLine.js");
+var _RiExternalLinkLine = require("../icons/remix/RiExternalLinkLine.js");
+var _RiFileCopyLine = require("../icons/remix/RiFileCopyLine.js");
+var _RiPhoneLine = require("../icons/remix/RiPhoneLine.js");
+var _RiRouteLine = require("../icons/remix/RiRouteLine.js");
+var _RiShip2Line = require("../icons/remix/RiShip2Line.js");
+var _RiSubwayLine = require("../icons/remix/RiSubwayLine.js");
+var _RiTrainLine = require("../icons/remix/RiTrainLine.js");
+/**
+ * The glyph each row action draws on its right — the one place a reader finds
+ * out what the press will do before making it. `none` draws nothing; a row
+ * that navigates keeps `SettingsListItem`'s own chevron.
+ */
+const PLACE_INFO_ACTION_ICON = exports.PLACE_INFO_ACTION_ICON = {
+  copy: _RiFileCopyLine.RiFileCopyLine,
+  call: _RiPhoneLine.RiPhoneLine,
+  open: _RiExternalLinkLine.RiExternalLinkLine,
+  directions: _RiRouteLine.RiRouteLine
+};
+
+/**
+ * What each action does, said at the END of the row's name.
+ *
+ * It belongs to the NAME and not to `accessibilityHint`, which was the first
+ * shape this took: **react-native-web drops `accessibilityHint` entirely** —
+ * the rendered button carries no `title`, no `aria-description`, nothing — so
+ * on web the row announced a fact and never said it could be pressed, while
+ * native read it correctly. Same class as `accessibilityState`, same fix: the
+ * one spelling that reaches both platforms.
+ *
+ * It goes last because the fact is what the reader is looking for. `edit` and
+ * `none` say nothing: an "edit" row's own words already are the verb.
+ */
+const PLACE_INFO_ACTION_LABELS = exports.PLACE_INFO_ACTION_LABELS = {
+  copy: 'Copy',
+  call: 'Call',
+  open: 'Open website',
+  directions: 'Directions',
+  edit: '',
+  none: ''
+};
+
+/** The English default trend sentences for the current hour. */
+const PLACE_BUSY_LABELS = exports.PLACE_BUSY_LABELS = {
+  busier: 'Busier than usual',
+  typical: 'As busy as it usually is',
+  quieter: 'Quieter than usual'
+};
+
+/** The glyph each kind of stop draws. */
+const PLACE_TRANSIT_MODE_ICON = exports.PLACE_TRANSIT_MODE_ICON = {
+  bus: _RiBusLine.RiBusLine,
+  metro: _RiSubwayLine.RiSubwayLine,
+  train: _RiTrainLine.RiTrainLine,
+  tram: _RiTrainLine.RiTrainLine,
+  ferry: _RiShip2Line.RiShip2Line
+};
+
+/** The English default mode words, for a stop's announced name. */
+const PLACE_TRANSIT_MODE_LABELS = exports.PLACE_TRANSIT_MODE_LABELS = {
+  bus: 'Bus stop',
+  metro: 'Metro station',
+  train: 'Train station',
+  tram: 'Tram stop',
+  ferry: 'Ferry terminal'
+};
+/**
+ * One screen, one set of numbers. The gaps are `listing-details`' own rungs
+ * (12 / 16 / 24) so a place's section and a home's section stack identically;
+ * only the chart has measurements of its own, because nothing else in Bloom
+ * draws a day of hours.
+ */
+const PLACE_DETAILS_GEOMETRY = exports.PLACE_DETAILS_GEOMETRY = {
+  blockGap: 16,
+  rowGap: 12,
+  glyph: 20,
+  chartHeight: 120,
+  chartAxis: 22,
+  barRadius: 4,
+  barCategoryGap: 0.16,
+  hourLabelPitch: 34
+};
+//# sourceMappingURL=constants.js.map

package/lib/commonjs/place-details/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_RiBusLine","require","_RiExternalLinkLine","_RiFileCopyLine","_RiPhoneLine","_RiRouteLine","_RiShip2Line","_RiSubwayLine","_RiTrainLine","PLACE_INFO_ACTION_ICON","exports","copy","RiFileCopyLine","call","RiPhoneLine","open","RiExternalLinkLine","directions","RiRouteLine","PLACE_INFO_ACTION_LABELS","edit","none","PLACE_BUSY_LABELS","busier","typical","quieter","PLACE_TRANSIT_MODE_ICON","bus","RiBusLine","metro","RiSubwayLine","train","RiTrainLine","tram","ferry","RiShip2Line","PLACE_TRANSIT_MODE_LABELS","PLACE_DETAILS_GEOMETRY","blockGap","rowGap","glyph","chartHeight","chartAxis","barRadius","barCategoryGap","hourLabelPitch"],"sourceRoot":"../../../src","sources":["place-details/constants.ts"],"mappings":";;;;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AACA,IAAAC,mBAAA,GAAAD,OAAA;AACA,IAAAE,eAAA,GAAAF,OAAA;AAEA,IAAAG,YAAA,GAAAH,OAAA;AACA,IAAAI,YAAA,GAAAJ,OAAA;AACA,IAAAK,YAAA,GAAAL,OAAA;AACA,IAAAM,aAAA,GAAAN,OAAA;AACA,IAAAO,YAAA,GAAAP,OAAA;AAIA;AACA;AACA;AACA;AACA;AACO,MAAMQ,sBAEZ,GAAAC,OAAA,CAAAD,sBAAA,GAAG;EACFE,IAAI,EAAEC,8BAAc;EACpBC,IAAI,EAAEC,wBAAW;EACjBC,IAAI,EAAEC,sCAAkB;EACxBC,UAAU,EAAEC;AACd,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,wBAAmE,GAAAT,OAAA,CAAAS,wBAAA,GAAG;EACjFR,IAAI,EAAE,MAAM;EACZE,IAAI,EAAE,MAAM;EACZE,IAAI,EAAE,cAAc;EACpBE,UAAU,EAAE,YAAY;EACxBG,IAAI,EAAE,EAAE;EACRC,IAAI,EAAE;AACR,CAAC;;AAED;AACO,MAAMC,iBAA2D,GAAAZ,OAAA,CAAAY,iBAAA,GAAG;EACzEC,MAAM,EAAE,mBAAmB;EAC3BC,OAAO,EAAE,0BAA0B;EACnCC,OAAO,EAAE;AACX,CAAC;;AAED;AACO,MAAMC,uBAA+E,GAAAhB,OAAA,CAAAgB,uBAAA,GAAG;EAC7FC,GAAG,EAAEC,oBAAS;EACdC,KAAK,EAAEC,0BAAY;EACnBC,KAAK,EAAEC,wBAAW;EAClBC,IAAI,EAAED,wBAAW;EACjBE,KAAK,EAAEC;AACT,CAAC;;AAED;AACO,MAAMC,yBAAqE,GAAA1B,OAAA,CAAA0B,yBAAA,GAAG;EACnFT,GAAG,EAAE,UAAU;EACfE,KAAK,EAAE,eAAe;EACtBE,KAAK,EAAE,eAAe;EACtBE,IAAI,EAAE,WAAW;EACjBC,KAAK,EAAE;AACT,CAAC;AAqBD;AACA;AACA;AACA;AACA;AACA;AACO,MAAMG,sBAA4C,GAAA3B,OAAA,CAAA2B,sBAAA,GAAG;EAC1DC,QAAQ,EAAE,EAAE;EACZC,MAAM,EAAE,EAAE;EACVC,KAAK,EAAE,EAAE;EACTC,WAAW,EAAE,GAAG;EAChBC,SAAS,EAAE,EAAE;EACbC,SAAS,EAAE,CAAC;EACZC,cAAc,EAAE,IAAI;EACpBC,cAAc,EAAE;AAClB,CAAC","ignoreList":[]}

package/lib/commonjs/place-details/index.js

@@ -0,0 +1,133 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "PLACE_BUSY_LABELS", {
+  enumerable: true,
+  get: function () {
+    return _constants.PLACE_BUSY_LABELS;
+  }
+});
+Object.defineProperty(exports, "PLACE_DETAILS_GEOMETRY", {
+  enumerable: true,
+  get: function () {
+    return _constants.PLACE_DETAILS_GEOMETRY;
+  }
+});
+Object.defineProperty(exports, "PLACE_INFO_ACTION_ICON", {
+  enumerable: true,
+  get: function () {
+    return _constants.PLACE_INFO_ACTION_ICON;
+  }
+});
+Object.defineProperty(exports, "PLACE_INFO_ACTION_LABELS", {
+  enumerable: true,
+  get: function () {
+    return _constants.PLACE_INFO_ACTION_LABELS;
+  }
+});
+Object.defineProperty(exports, "PLACE_TRANSIT_MODE_ICON", {
+  enumerable: true,
+  get: function () {
+    return _constants.PLACE_TRANSIT_MODE_ICON;
+  }
+});
+Object.defineProperty(exports, "PLACE_TRANSIT_MODE_LABELS", {
+  enumerable: true,
+  get: function () {
+    return _constants.PLACE_TRANSIT_MODE_LABELS;
+  }
+});
+Object.defineProperty(exports, "PlaceAmenities", {
+  enumerable: true,
+  get: function () {
+    return _PlaceAmenities.PlaceAmenities;
+  }
+});
+Object.defineProperty(exports, "PlaceHours", {
+  enumerable: true,
+  get: function () {
+    return _PlaceHours.PlaceHours;
+  }
+});
+Object.defineProperty(exports, "PlaceInfoList", {
+  enumerable: true,
+  get: function () {
+    return _PlaceInfoList.PlaceInfoList;
+  }
+});
+Object.defineProperty(exports, "PlacePopularTimes", {
+  enumerable: true,
+  get: function () {
+    return _PlacePopularTimes.PlacePopularTimes;
+  }
+});
+Object.defineProperty(exports, "PlaceTransit", {
+  enumerable: true,
+  get: function () {
+    return _PlaceTransit.PlaceTransit;
+  }
+});
+Object.defineProperty(exports, "busyTrendLabel", {
+  enumerable: true,
+  get: function () {
+    return _shared.busyTrendLabel;
+  }
+});
+Object.defineProperty(exports, "describeBusyChart", {
+  enumerable: true,
+  get: function () {
+    return _shared.describeBusyChart;
+  }
+});
+Object.defineProperty(exports, "describeDeparture", {
+  enumerable: true,
+  get: function () {
+    return _shared.describeDeparture;
+  }
+});
+Object.defineProperty(exports, "describeHoursDay", {
+  enumerable: true,
+  get: function () {
+    return _shared.describeHoursDay;
+  }
+});
+Object.defineProperty(exports, "describeInfoItem", {
+  enumerable: true,
+  get: function () {
+    return _shared.describeInfoItem;
+  }
+});
+Object.defineProperty(exports, "describeTransitStop", {
+  enumerable: true,
+  get: function () {
+    return _shared.describeTransitStop;
+  }
+});
+Object.defineProperty(exports, "formatHoursDay", {
+  enumerable: true,
+  get: function () {
+    return _shared.formatHoursDay;
+  }
+});
+Object.defineProperty(exports, "infoActionWord", {
+  enumerable: true,
+  get: function () {
+    return _shared.infoActionWord;
+  }
+});
+Object.defineProperty(exports, "resolvePlaceDetailsPaint", {
+  enumerable: true,
+  get: function () {
+    return _shared.resolvePlaceDetailsPaint;
+  }
+});
+var _PlaceAmenities = require("./PlaceAmenities.js");
+var _PlaceHours = require("./PlaceHours.js");
+var _PlaceInfoList = require("./PlaceInfoList.js");
+var _PlacePopularTimes = require("./PlacePopularTimes.js");
+var _PlaceTransit = require("./PlaceTransit.js");
+var _constants = require("./constants.js");
+var _shared = require("./shared.js");
+//# sourceMappingURL=index.js.map

package/lib/commonjs/place-details/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_PlaceAmenities","require","_PlaceHours","_PlaceInfoList","_PlacePopularTimes","_PlaceTransit","_constants","_shared"],"sourceRoot":"../../../src","sources":["place-details/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,eAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AACA,IAAAG,kBAAA,GAAAH,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;AACA,IAAAK,UAAA,GAAAL,OAAA;AASA,IAAAM,OAAA,GAAAN,OAAA","ignoreList":[]}

package/lib/commonjs/place-details/shared.js

@@ -0,0 +1,213 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DEFAULT_HOURS_FORMAT = void 0;
+exports.busyTrendLabel = busyTrendLabel;
+exports.busyValue = busyValue;
+exports.describeBusyChart = describeBusyChart;
+exports.describeDeparture = describeDeparture;
+exports.describeHoursDay = describeHoursDay;
+exports.describeInfoItem = describeInfoItem;
+exports.describeTransitStop = describeTransitStop;
+exports.formatHoursDay = formatHoursDay;
+exports.hourLabelStep = hourLabelStep;
+exports.infoActionWord = infoActionWord;
+exports.resolvePlaceDetailsPaint = resolvePlaceDetailsPaint;
+var _surfaceLevels = require("../styles/surface-levels.js");
+var _accentColors = require("../theme/accent-colors.js");
+var _constants = require("./constants.js");
+/**
+ * What the place-details parts paint, and the pure text they assemble.
+ *
+ * Every colour is read RELATIVE to the surface the block was dropped on
+ * (`styles/surface-levels.ts`) — the same body of a screen renders in a bottom
+ * sheet on a phone, in a `ContentPanel` on a desktop and on the bare page in a
+ * story, and nothing here picks a ramp stop.
+ */
+
+function resolvePlaceDetailsPaint(theme, surface) {
+  return {
+    ...(0, _surfaceLevels.surfaceTextOn)(theme, surface),
+    hairline: (0, _surfaceLevels.hairlineOn)(theme, surface),
+    fill: (0, _surfaceLevels.surfaceFillOn)(theme, surface),
+    ring: (0, _accentColors.resolveAccentColors)(theme.colors, 'primary', 'solid').background,
+    // The dot AND the word beside it, so a live time is never colour-only: the
+    // `subtle` pair is the one measured to read as text on its own surface.
+    live: (0, _accentColors.resolveAccentColors)(theme.colors, 'success', 'subtle').foreground
+  };
+}
+
+// ---------------------------------------------------------------------------
+//  PlaceInfoList
+// ---------------------------------------------------------------------------
+
+/** What pressing does, as a word. Empty means "say nothing". */
+function infoActionWord(action, override, labels) {
+  if (override !== undefined) return override;
+  if (action === undefined) return '';
+  return labels?.[action] ?? _constants.PLACE_INFO_ACTION_LABELS[action];
+}
+
+/**
+ * A row in one utterance: the kind, the value, then what pressing does.
+ *
+ * "Address: Carrer del Forn 12, Copy" rather than "Carrer del Forn 12,
+ * Address" — a list of five rows is scanned by its KINDS, and a reader who
+ * wants the third one should not have to listen to two addresses to find out
+ * which is which. The verb is last because it is what happens IF they act.
+ *
+ * It is in the name rather than in `accessibilityHint` because web drops the
+ * hint; the note on {@link PLACE_INFO_ACTION_LABELS} has the mechanism. An
+ * explicit `accessibilityLabel` replaces the whole thing, verb included — a
+ * caller spelling the name out is spelling all of it.
+ */
+function describeInfoItem(item, labels) {
+  if (item.accessibilityLabel) return item.accessibilityLabel;
+  const name = item.label ? `${item.label}: ${item.value}` : item.value;
+  const word = item.onPress ? infoActionWord(item.action, item.actionLabel, labels) : '';
+  return word ? `${name}, ${word}` : name;
+}
+
+// ---------------------------------------------------------------------------
+//  PlaceHours
+// ---------------------------------------------------------------------------
+
+const DEFAULT_HOURS_FORMAT = exports.DEFAULT_HOURS_FORMAT = {
+  interval: ' – ',
+  split: ', ',
+  closed: 'Closed'
+};
+
+/**
+ * A day's hours as ONE line: `07:30 – 14:00, 17:00 – 20:00`.
+ *
+ * A split day stays on one line rather than wrapping to two, because the week
+ * is read as a COLUMN of days and a day that takes two rows breaks the
+ * alignment that makes the column scannable. Both stretches are short; the pair
+ * fits in the space one does.
+ */
+function formatHoursDay(day, format = DEFAULT_HOURS_FORMAT) {
+  const intervals = day.intervals ?? [];
+  if (intervals.length === 0) return day.closedLabel ?? format.closed;
+  return intervals.map(({
+    open,
+    close
+  }) => `${open}${format.interval}${close}`).join(format.split);
+}
+
+/**
+ * A day row in one utterance, in reading order: today's word, the day, the
+ * hours, then the exception.
+ *
+ * Today is SAID and not only marked, and so is the exception — a heavier weight
+ * and a badge are both silent, and "Monday 07:30 to 14:00" read in the same
+ * voice as the other six is exactly the row a reader was trying to find.
+ */
+function describeHoursDay(day, format = DEFAULT_HOURS_FORMAT, todayLabel = 'Today') {
+  const parts = [];
+  if (day.today) parts.push(todayLabel);
+  parts.push(day.label);
+  parts.push(formatHoursDay(day, format));
+  if (day.exception) parts.push(day.exception);
+  return parts.join(', ');
+}
+
+// ---------------------------------------------------------------------------
+//  PlacePopularTimes
+// ---------------------------------------------------------------------------
+
+/** The trend sentence as drawn, or `null` when the day does not claim one. */
+function busyTrendLabel(day) {
+  if (day.trendLabel) return day.trendLabel;
+  const trend = day.trend;
+  return trend ? _constants.PLACE_BUSY_LABELS[trend] : null;
+}
+
+/** 0–100, clamped. A closed hour draws no bar whatever it says. */
+function busyValue(value) {
+  if (!Number.isFinite(value)) return 0;
+  return Math.min(100, Math.max(0, value));
+}
+
+/**
+ * The chart in one sentence, because the chart is ONE element.
+ *
+ * Twenty-four bars two pixels wide are twenty-four tab stops that say a number
+ * each, which is not a reading of anything. So the image is named with what a
+ * person would actually take from the picture: which day, when it peaks, and
+ * what is happening right now.
+ */
+function describeBusyChart(day) {
+  const hours = day.hours;
+  const name = day.accessibilityLabel ?? day.label;
+  if (hours.length === 0) return `${name}, no data`;
+  // The busiest OPEN hour. A closed one may still carry a reading (an app
+  // sending a whole day's curve and a separate opening calendar), and
+  // "busiest at 3 in the morning" would be that reading leaking out of a
+  // shuttered hour.
+  let peak = -1;
+  for (let i = 0; i < hours.length; i += 1) {
+    if (hours[i].closed) continue;
+    if (peak === -1 || busyValue(hours[i].value) > busyValue(hours[peak].value)) peak = i;
+  }
+  if (peak === -1) return `${name}, closed all day`;
+  const peakHour = hours[peak];
+  const parts = [`${name}, busiest at ${peakHour.accessibilityLabel ?? peakHour.label}`];
+  const currentIndex = day.currentHourIndex;
+  if (currentIndex != null && currentIndex >= 0 && currentIndex < hours.length) {
+    const now = hours[currentIndex];
+    const trend = busyTrendLabel(day);
+    parts.push(trend ? `now ${now.accessibilityLabel ?? now.label}, ${trend}` : `now ${now.accessibilityLabel ?? now.label}`);
+  }
+  return parts.join(', ');
+}
+
+/**
+ * Which hour labels are drawn: every `step`-th one, where the step is the
+ * smallest that keeps neighbouring labels `pitch` apart.
+ *
+ * Every hour labelled is unreadable below about 600px — twenty-four labels
+ * over a phone's width is 16px each — and dropping the ones that do not fit is
+ * the axis's own job, not the caller's.
+ */
+function hourLabelStep(count, width, pitch) {
+  if (count <= 0 || width <= 0) return 1;
+  const band = width / count;
+  if (band >= pitch) return 1;
+  return Math.ceil(pitch / band);
+}
+
+// ---------------------------------------------------------------------------
+//  PlaceTransit
+// ---------------------------------------------------------------------------
+
+/** A stop in one utterance: what it is, its name, how far. */
+function describeTransitStop(stop) {
+  const mode = stop.mode ?? 'bus';
+  const parts = [_constants.PLACE_TRANSIT_MODE_LABELS[mode], stop.name];
+  if (stop.distance) parts.push(stop.distance);
+  if (stop.note) parts.push(stop.note);
+  return parts.join(', ');
+}
+
+/**
+ * A departure in one utterance: the line, where it goes, when it leaves, and
+ * whether the time came off a vehicle.
+ *
+ * "Live" is a WORD here and a colour on screen. A row that is only green says
+ * nothing at all to a reader who cannot see it, and green is also the first
+ * thing to go in a high-contrast mode.
+ */
+function describeDeparture(departure, realtimeLabel = 'live') {
+  if (departure.accessibilityLabel) return departure.accessibilityLabel;
+  const line = departure.line.accessibilityLabel ?? `Line ${departure.line.name}`;
+  const parts = [line];
+  const headsign = departure.headsign ?? departure.line.headsign;
+  if (headsign) parts.push(`to ${headsign}`);
+  parts.push(departure.time);
+  if (departure.realtime) parts.push(realtimeLabel);
+  return parts.join(', ');
+}
+//# sourceMappingURL=shared.js.map

package/lib/commonjs/place-details/shared.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_surfaceLevels","require","_accentColors","_constants","resolvePlaceDetailsPaint","theme","surface","surfaceTextOn","hairline","hairlineOn","fill","surfaceFillOn","ring","resolveAccentColors","colors","background","live","foreground","infoActionWord","action","override","labels","undefined","PLACE_INFO_ACTION_LABELS","describeInfoItem","item","accessibilityLabel","name","label","value","word","onPress","actionLabel","DEFAULT_HOURS_FORMAT","exports","interval","split","closed","formatHoursDay","day","format","intervals","length","closedLabel","map","open","close","join","describeHoursDay","todayLabel","parts","today","push","exception","busyTrendLabel","trendLabel","trend","PLACE_BUSY_LABELS","busyValue","Number","isFinite","Math","min","max","describeBusyChart","hours","peak","i","peakHour","currentIndex","currentHourIndex","now","hourLabelStep","count","width","pitch","band","ceil","describeTransitStop","stop","mode","PLACE_TRANSIT_MODE_LABELS","distance","note","describeDeparture","departure","realtimeLabel","line","headsign","time","realtime"],"sourceRoot":"../../../src","sources":["place-details/shared.ts"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/place-details/types.js

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

package/lib/commonjs/place-details/types.js.map

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

package/lib/commonjs/place-list/PlaceList.js

@@ -0,0 +1,192 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PlaceList = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _button = require("../button");
+var _listReorder = require("../hooks/list-reorder.js");
+var _RiArrowDownLine = require("../icons/remix/RiArrowDownLine.js");
+var _RiArrowUpLine = require("../icons/remix/RiArrowUpLine.js");
+var _RiDeleteBinLine = require("../icons/remix/RiDeleteBinLine.js");
+var _RiFileTextLine = require("../icons/remix/RiFileTextLine.js");
+var _index = require("../place-card/index.js");
+var _surfaceLevels = require("../styles/surface-levels.js");
+var _useTheme = require("../theme/use-theme.js");
+var _index2 = require("../typography/index.js");
+var _constants = require("./constants.js");
+var _shared = require("./shared.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/**
+ * The places inside a saved list: the place, the person's note about it, and
+ * the controls that move or remove it.
+ *
+ *   place     `PlaceCard` at `density="row"`, untouched — a saved place and a
+ *             search result are the same object, so this list draws no row of
+ *             its own and inherits the thumbnail, the rating, the open state
+ *             and the composed announcement with it
+ *   note      the person's own line, with a document glyph, announced as
+ *             "Note: get the sourdough before noon". It is a SIBLING of the
+ *             place's press target rather than part of its name: the place is
+ *             the place, and the note is what someone said about it
+ *   controls  move earlier, move later, remove — 44 boxes, right-aligned
+ *             under the row
+ *
+ * ## Reordering is buttons, and the buttons ARE the accessible path
+ *
+ * `moveItem` (`hooks/list-reorder`) is the same list maths the track list, the
+ * queue and the photo grid use, so "move" means one thing in this package.
+ * There is no pointer drag here: `SortablePhotoGrid`'s drag is grid geometry —
+ * a point resolved to a cell in a fixed row of columns — and a column of rows
+ * of different heights is a different problem, not a smaller one. Buttons are
+ * also what a keyboard and a screen reader get from a drag surface anyway, so
+ * the list is fully operable with the half that exists.
+ *
+ * Every move is announced politely, and every row is KEYED BY ITS ID — so on
+ * web the button that was just pressed keeps the focus and travels with its
+ * row, and a reader can press "move later" three times without hunting for it
+ * again.
+ *
+ * The first row's "move earlier" and the last row's "move later" are DISABLED
+ * rather than absent: a control that disappears at the end of its travel moves
+ * the two beside it under the pointer.
+ */
+function PlaceListComponent({
+  places,
+  onReorder,
+  onRemove,
+  disabled = false,
+  labels,
+  empty,
+  accessibilityLabel = 'Saved places',
+  style,
+  testID
+}) {
+  const theme = (0, _useTheme.useTheme)();
+  const surface = (0, _surfaceLevels.useSurfaceFill)();
+  const paint = (0, _react.useMemo)(() => (0, _shared.resolvePlaceListPaint)(theme, surface), [theme, surface]);
+  const words = (0, _react.useMemo)(() => ({
+    ..._shared.DEFAULT_PLACE_LIST_LABELS,
+    ...labels
+  }), [labels]);
+  const [announcement, setAnnouncement] = (0, _react.useState)('');
+  const {
+    control,
+    controlGlyph,
+    gap
+  } = _constants.PLACE_LIST_GEOMETRY;
+  const total = places.length;
+  const move = (0, _react.useCallback)((from, to) => {
+    if (!onReorder || to < 0 || to >= total) return;
+    const entry = places[from];
+    if (!entry) return;
+    onReorder((0, _listReorder.moveItem)(places, from, to));
+    setAnnouncement(words.moved((0, _shared.placeNameOf)(entry), to + 1, total));
+  }, [onReorder, places, total, words]);
+  if (total === 0) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: empty ?? null
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    role: "list",
+    accessibilityLabel: accessibilityLabel,
+    style: [{
+      gap: gap * 2
+    }, style],
+    testID: testID,
+    children: [places.map((entry, index) => {
+      const itemTestID = testID ? `${testID}-item-${index}` : undefined;
+      const name = (0, _shared.placeNameOf)(entry);
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        role: "listitem",
+        style: {
+          gap
+        },
+        testID: itemTestID,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.PlaceCard, {
+          ...entry.place,
+          density: "row"
+        }), entry.note ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          accessible: true,
+          accessibilityLabel: `${words.note}: ${entry.note}`,
+          style: {
+            flexDirection: 'row',
+            alignItems: 'flex-start',
+            gap: 8
+          },
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+            "aria-hidden": true,
+            accessibilityElementsHidden: true,
+            importantForAccessibility: "no-hide-descendants",
+            style: {
+              paddingTop: 2
+            },
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_RiFileTextLine.RiFileTextLine, {
+              width: 16,
+              height: 16,
+              fill: paint.textTertiary
+            })
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Text, {
+            variant: "body-2-regular",
+            style: {
+              flex: 1,
+              minWidth: 0,
+              color: paint.textSecondary
+            },
+            children: entry.note
+          })]
+        }) : null, onReorder || onRemove ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          style: {
+            flexDirection: 'row',
+            justifyContent: 'flex-end',
+            alignItems: 'center',
+            gap: 4
+          },
+          children: [onReorder ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_button.GlyphButton, {
+              icon: _RiArrowUpLine.RiArrowUpLine,
+              size: control,
+              glyphSize: controlGlyph,
+              disabled: disabled || index === 0,
+              onPress: () => move(index, index - 1),
+              accessibilityLabel: words.moveEarlier(index + 1),
+              testID: itemTestID ? `${itemTestID}-up` : undefined
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.GlyphButton, {
+              icon: _RiArrowDownLine.RiArrowDownLine,
+              size: control,
+              glyphSize: controlGlyph,
+              disabled: disabled || index === total - 1,
+              onPress: () => move(index, index + 1),
+              accessibilityLabel: words.moveLater(index + 1),
+              testID: itemTestID ? `${itemTestID}-down` : undefined
+            })]
+          }) : null, onRemove ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.GlyphButton, {
+            icon: _RiDeleteBinLine.RiDeleteBinLine,
+            size: control,
+            glyphSize: controlGlyph,
+            disabled: disabled,
+            onPress: () => onRemove(entry.id),
+            accessibilityLabel: words.remove(name),
+            testID: itemTestID ? `${itemTestID}-remove` : undefined
+          }) : null]
+        }) : null]
+      }, entry.id);
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Text, {
+      accessibilityLiveRegion: "polite",
+      style: {
+        position: 'absolute',
+        width: 1,
+        height: 1,
+        overflow: 'hidden',
+        opacity: 0
+      },
+      testID: testID ? `${testID}-status` : undefined,
+      children: announcement
+    })]
+  });
+}
+const PlaceList = exports.PlaceList = /*#__PURE__*/(0, _react.memo)(PlaceListComponent);
+PlaceList.displayName = 'PlaceList';
+//# sourceMappingURL=PlaceList.js.map