@oxy.so/bloom 3.5.0 → 4.0.0

package/lib/commonjs/mail-thread/MailMessage.js

@@ -0,0 +1,324 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MailMessage = MailMessage;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _index = require("../avatar/index.js");
+var _index2 = require("../button-group/index.js");
+var _index3 = require("../card/index.js");
+var _useContainerWidth = require("../hooks/use-container-width.js");
+var _index4 = require("../chat-composer/index.js");
+var _useControllableState = require("../hooks/use-controllable-state.js");
+var _RiAttachment = require("../icons/remix/RiAttachment2.js");
+var _RiCornerUpLeftLine = require("../icons/remix/RiCornerUpLeftLine.js");
+var _RiGroupLine = require("../icons/remix/RiGroupLine.js");
+var _RiShareForwardLine = require("../icons/remix/RiShareForwardLine.js");
+var _parts = require("../mail-list/parts.js");
+var _shared = require("../mail-list/shared.js");
+var _adoptStyleSheet = require("../styles/adopt-style-sheet.js");
+var _surfaceLevels = require("../styles/surface-levels.js");
+var _webData = require("../styles/web-data.js");
+var _useTheme = require("../theme/use-theme.js");
+var _index5 = require("../typography/index.js");
+var _MailAddressLine = require("./MailAddressLine.js");
+var _MailQuoteToggle = require("./MailQuoteToggle.js");
+var _shared2 = 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); }
+/**
+ * One message in a thread, collapsed or open.
+ *
+ * COLLAPSED it is one line: who, the first words, and when. OPEN it grows a
+ * full header (the addresses, the full date), the body slot, the trimmed-content
+ * toggle, the attachments and the three replies.
+ *
+ * THE TWO STATES SHARE ONE HEADER ROW, and that is the whole reason the
+ * transition does not leave a gap. Both draw the same avatar at the same
+ * `paddingVertical` in the same leading column; the only thing that changes is
+ * what the text column holds and whether a body is drawn under it. A collapsed
+ * state written as its own compact row — its own padding, its own avatar size —
+ * is a row that jumps by a few pixels every time it opens, which reads as the
+ * list resettling rather than as the message opening.
+ *
+ * THE BODY IS A SLOT. This family renders no HTML and no rich text; a mail body
+ * is markup from a stranger and sanitising it is the app's decision, not a
+ * component's. What Bloom owns around it is the frame, the indent (the body
+ * starts under the NAME, not under the avatar) and the trimmed-content toggle.
+ *
+ * ACCESSIBILITY: the disclosure is a `button` carrying `aria-expanded` and the
+ * native `accessibilityState.expanded`, named "Expand message: <sender>" so a
+ * list of them is not eight identically-named buttons. The star, the overflow
+ * slot and the three replies are SIBLINGS of it, never children — a button
+ * inside a button is invalid, and the press target would be ambiguous.
+ */
+function MailMessage({
+  sender,
+  to,
+  cc,
+  date,
+  time,
+  preview,
+  expanded,
+  defaultExpanded = false,
+  onExpandedChange,
+  unread = false,
+  starred = false,
+  onStarredChange,
+  attachments,
+  children,
+  trimmed,
+  onReply,
+  onReplyAll,
+  onForward,
+  menu,
+  strings,
+  style,
+  testID
+}) {
+  const theme = (0, _useTheme.useTheme)();
+  const surface = (0, _surfaceLevels.useSurfaceFill)();
+  (0, _react.useEffect)(() => {
+    (0, _adoptStyleSheet.adoptStyleSheet)(_shared2.MAIL_THREAD_STYLE_ID, _shared2.MAIL_THREAD_CSS);
+  }, []);
+  const paint = (0, _react.useMemo)(() => (0, _shared.resolveMailPaint)(theme, surface), [theme, surface]);
+  const text = (0, _react.useMemo)(() => (0, _shared2.mailThreadStrings)(strings), [strings]);
+  const rowStrings = (0, _react.useMemo)(() => (0, _shared.mailStrings)({
+    starred: text.starred,
+    star: text.star
+  }), [text.star, text.starred]);
+  const [open, setOpen] = (0, _useControllableState.useControllableState)({
+    value: expanded,
+    defaultValue: defaultExpanded,
+    onChange: onExpandedChange
+  });
+  const geo = _shared2.MAIL_THREAD_GEOMETRY;
+  const {
+    width,
+    onLayout
+  } = (0, _useContainerWidth.useContainerWidth)();
+  const name = (0, _shared2.addressName)(sender);
+  const stamp = open ? date ?? time : time ?? date;
+  const hasAttachments = (attachments ?? []).length > 0;
+  const toggleStyle = {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 6,
+    minWidth: 0,
+    borderRadius: 6,
+    '--bloom-mail-ring': paint.accent
+  };
+  const replies = [onReply === undefined ? null : {
+    key: 'reply',
+    label: text.reply,
+    icon: _RiCornerUpLeftLine.RiCornerUpLeftLine,
+    onPress: onReply
+  }, onReplyAll === undefined ? null : {
+    key: 'reply-all',
+    label: text.replyAll,
+    icon: _RiGroupLine.RiGroupLine,
+    onPress: onReplyAll
+  }, onForward === undefined ? null : {
+    key: 'forward',
+    label: text.forward,
+    icon: _RiShareForwardLine.RiShareForwardLine,
+    onPress: onForward
+  }].filter(entry => entry !== null);
+
+  // An OPEN message is a surface, and Bloom's surface is a `Card` — the card
+  // fill, the hairline, the radius scale — not a grey wash painted by hand. A
+  // COLLAPSED one paints nothing, so a thread reads as one list with a card
+  // opened inside it rather than as a column of blocks.
+  // Three labelled actions need about 320 of the message's own width; under
+  // that the group keeps the glyphs and drops the words, which is what
+  // `ButtonGroupItem` is built for — the accessible name is the label either
+  // way, so nothing is lost by the labels going.
+  const compactReplies = !(0, _shared2.replyLabelsFit)(width);
+  const Shell = open ? _index3.Card : _reactNative.View;
+  const shellProps = open ? {
+    variant: 'outlined',
+    radius: 'radius-16',
+    testID
+  } : {
+    testID
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Shell, {
+    ...shellProps,
+    style: [open ? {
+      paddingBottom: geo.paddingVertical
+    } : null, style],
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: {
+        flexDirection: 'row',
+        alignItems: open ? 'flex-start' : 'center',
+        paddingTop: geo.paddingVertical,
+        paddingBottom: geo.paddingVertical,
+        paddingLeft: geo.paddingHorizontal,
+        paddingRight: geo.paddingHorizontal,
+        gap: geo.gap
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        pointerEvents: "none",
+        "aria-hidden": true,
+        importantForAccessibility: "no-hide-descendants",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Avatar, {
+          source: sender.avatar ?? null,
+          name: name,
+          size: geo.avatar,
+          testID: testID ? `${testID}-avatar` : undefined
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: {
+          flex: 1,
+          minWidth: 0,
+          gap: 2
+        },
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
+          ...(0, _webData.webDataSet)({
+            bloomMailThreadFocusable: ''
+          }),
+          role: "button",
+          accessibilityLabel: `${open ? text.collapse : text.expand}: ${name}`,
+          "aria-expanded": open,
+          accessibilityState: {
+            expanded: open
+          },
+          onPress: () => setOpen(!open),
+          style: toggleStyle,
+          testID: testID ? `${testID}-toggle` : undefined,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index5.Text, {
+            variant: unread ? 'body-semibold' : 'body-medium',
+            numberOfLines: 1
+            // Shrinkable: the row's own date is not, so a long sender on a
+            // narrow pane has to give way or it overruns the star beside it
+            // (measured at 390px, where the two overlapped by a few pixels).
+            ,
+            style: {
+              color: paint.text,
+              flexShrink: 1,
+              minWidth: 0,
+              maxWidth: '60%'
+            },
+            testID: testID ? `${testID}-sender` : undefined,
+            children: name
+          }), open ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+            style: {
+              flex: 1
+            }
+          }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_index5.Text, {
+            variant: "body-2-regular",
+            numberOfLines: 1,
+            style: {
+              color: paint.textTertiary,
+              flex: 1,
+              minWidth: 0
+            },
+            testID: testID ? `${testID}-preview` : undefined,
+            children: preview
+          }), hasAttachments ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+            "aria-hidden": true,
+            importantForAccessibility: "no-hide-descendants",
+            style: {
+              flexShrink: 0
+            },
+            testID: testID ? `${testID}-attachment-marker` : undefined,
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_RiAttachment.RiAttachment2, {
+              width: geo.glyph,
+              height: geo.glyph,
+              fill: paint.textGraphical
+            })
+          }) : null, stamp === undefined ? null : /*#__PURE__*/(0, _jsxRuntime.jsx)(_index5.Text, {
+            variant: "caption-1-regular",
+            numberOfLines: 1,
+            style: {
+              color: paint.textTertiary,
+              flexShrink: 0
+            },
+            testID: testID ? `${testID}-time` : undefined,
+            children: stamp
+          })]
+        }), open ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          style: {
+            gap: 2
+          },
+          children: [(to ?? []).length > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_MailAddressLine.MailAddressLine, {
+            label: text.to,
+            addresses: to,
+            strings: strings,
+            testID: testID ? `${testID}-to` : undefined
+          }) : null, (cc ?? []).length > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_MailAddressLine.MailAddressLine, {
+            label: text.cc,
+            addresses: cc,
+            strings: strings,
+            testID: testID ? `${testID}-cc` : undefined
+          }) : null]
+        }) : null]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: {
+          flexDirection: 'row',
+          alignItems: 'center',
+          gap: 2,
+          flexShrink: 0
+        },
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_parts.MailStar, {
+          starred: starred,
+          onStarredChange: onStarredChange,
+          size: geo.action,
+          glyph: 18,
+          paint: paint,
+          strings: rowStrings,
+          testID: testID ? `${testID}-star` : undefined
+        }), menu]
+      })]
+    }), open ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View
+    // The BODY is what measures itself, not the card: the reply group
+    // lives in here, and `Card` has no `onLayout` of its own to borrow.
+    , {
+      onLayout: onLayout,
+      style: {
+        paddingLeft: _shared2.MAIL_BODY_INSET,
+        paddingRight: geo.paddingHorizontal,
+        gap: 12
+      },
+      testID: testID ? `${testID}-body` : undefined,
+      children: [children, trimmed === undefined ? null : /*#__PURE__*/(0, _jsxRuntime.jsx)(_MailQuoteToggle.MailQuoteToggle, {
+        strings: strings,
+        testID: testID ? `${testID}-trimmed` : undefined,
+        children: trimmed
+      }), hasAttachments ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index4.ComposerAttachmentStrip
+      // The tile's one line is the NAME: a column of "1.2 MB" says
+      // nothing about which file it is. The size travels in the
+      // accessible name instead, where it costs no width.
+      , {
+        attachments: (attachments ?? []).map(attachment => ({
+          id: attachment.id,
+          name: attachment.name,
+          icon: attachment.icon
+        })),
+        openLabel: tile => {
+          const size = (attachments ?? []).find(entry => entry.id === tile.id)?.size;
+          return size === undefined ? tile.name : `${tile.name} · ${size}`;
+        },
+        onOpen: id => (attachments ?? []).find(entry => entry.id === id)?.onPress?.(),
+        accessibilityLabel: text.attachments,
+        testID: testID ? `${testID}-attachments` : undefined
+      }) : null, replies.length > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.ButtonGroup, {
+        accessibilityLabel: text.attachments,
+        style: {
+          alignSelf: 'flex-start'
+        },
+        children: replies.map(reply => /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.ButtonGroupItem, {
+          leadingIcon: reply.icon,
+          iconOnly: compactReplies,
+          accessibilityLabel: reply.label,
+          onPress: reply.onPress,
+          testID: testID ? `${testID}-${reply.key}` : undefined,
+          children: reply.label
+        }, reply.key))
+      }) : null]
+    }) : null]
+  });
+}
+//# sourceMappingURL=MailMessage.js.map

package/lib/commonjs/mail-thread/MailMessage.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_index","_index2","_index3","_useContainerWidth","_index4","_useControllableState","_RiAttachment","_RiCornerUpLeftLine","_RiGroupLine","_RiShareForwardLine","_parts","_shared","_adoptStyleSheet","_surfaceLevels","_webData","_useTheme","_index5","_MailAddressLine","_MailQuoteToggle","_shared2","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","MailMessage","sender","to","cc","date","time","preview","expanded","defaultExpanded","onExpandedChange","unread","starred","onStarredChange","attachments","children","trimmed","onReply","onReplyAll","onForward","menu","strings","style","testID","theme","useTheme","surface","useSurfaceFill","useEffect","adoptStyleSheet","MAIL_THREAD_STYLE_ID","MAIL_THREAD_CSS","paint","useMemo","resolveMailPaint","text","mailThreadStrings","rowStrings","mailStrings","star","open","setOpen","useControllableState","value","defaultValue","onChange","geo","MAIL_THREAD_GEOMETRY","width","onLayout","useContainerWidth","name","addressName","stamp","hasAttachments","length","toggleStyle","flexDirection","alignItems","gap","minWidth","borderRadius","accent","replies","undefined","key","label","reply","icon","RiCornerUpLeftLine","onPress","replyAll","RiGroupLine","forward","RiShareForwardLine","filter","entry","compactReplies","replyLabelsFit","Shell","Card","View","shellProps","variant","radius","jsxs","paddingBottom","paddingVertical","paddingTop","paddingLeft","paddingHorizontal","paddingRight","jsx","pointerEvents","importantForAccessibility","Avatar","source","avatar","size","flex","Pressable","webDataSet","bloomMailThreadFocusable","role","accessibilityLabel","collapse","expand","accessibilityState","Text","numberOfLines","color","flexShrink","maxWidth","textTertiary","RiAttachment2","glyph","height","fill","textGraphical","MailAddressLine","addresses","MailStar","action","MAIL_BODY_INSET","MailQuoteToggle","ComposerAttachmentStrip","map","attachment","id","openLabel","tile","find","onOpen","ButtonGroup","alignSelf","ButtonGroupItem","leadingIcon","iconOnly"],"sourceRoot":"../../../src","sources":["mail-thread/MailMessage.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/mail-thread/MailQuoteToggle.js

@@ -0,0 +1,98 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MailQuoteToggle = MailQuoteToggle;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _useControllableState = require("../hooks/use-controllable-state.js");
+var _RiMoreLine = require("../icons/remix/RiMoreLine.js");
+var _shared = require("../mail-list/shared.js");
+var _adoptStyleSheet = require("../styles/adopt-style-sheet.js");
+var _surfaceLevels = require("../styles/surface-levels.js");
+var _webData = require("../styles/web-data.js");
+var _useTheme = require("../theme/use-theme.js");
+var _shared2 = 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 "show trimmed content" control, and the place the trimmed content lands.
+ *
+ * THE CONTENT IS THE APP'S AND THE PRESENTATION IS BLOOM'S, which is the whole
+ * division of labour in this family. Where a quote starts, what counts as
+ * trimmed, and how the quoted HTML renders are questions only the app's parser
+ * can answer; what a reader sees while it is hidden is a question every mail
+ * client answers the same way and each one re-solves.
+ *
+ * It draws as a short dotted lozenge rather than as a labelled button
+ * deliberately: it sits at the END of a message's own words, where a second
+ * labelled control would read as a fourth action beside Reply and Forward. It
+ * still carries a full accessible name, and the name FLIPS with the state — a
+ * toggle whose name does not change is a toggle a screen-reader user cannot
+ * tell the state of.
+ */
+function MailQuoteToggle({
+  expanded,
+  defaultExpanded = false,
+  onExpandedChange,
+  children,
+  strings,
+  style,
+  testID
+}) {
+  const theme = (0, _useTheme.useTheme)();
+  const surface = (0, _surfaceLevels.useSurfaceFill)();
+  (0, _react.useEffect)(() => {
+    (0, _adoptStyleSheet.adoptStyleSheet)(_shared2.MAIL_THREAD_STYLE_ID, _shared2.MAIL_THREAD_CSS);
+  }, []);
+  const paint = (0, _react.useMemo)(() => (0, _shared.resolveMailPaint)(theme, surface), [theme, surface]);
+  const text = (0, _react.useMemo)(() => (0, _shared2.mailThreadStrings)(strings), [strings]);
+  const [open, setOpen] = (0, _useControllableState.useControllableState)({
+    value: expanded,
+    defaultValue: defaultExpanded,
+    onChange: onExpandedChange
+  });
+  const buttonStyle = {
+    width: 32,
+    height: 20,
+    borderRadius: 6,
+    alignItems: 'center',
+    justifyContent: 'center',
+    backgroundColor: paint.hover,
+    '--bloom-mail-ring': paint.accent
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [{
+      gap: 8,
+      alignItems: 'flex-start'
+    }, style],
+    testID: testID,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+      ...(0, _webData.webDataSet)({
+        bloomMailThreadFocusable: ''
+      }),
+      role: "button",
+      accessibilityLabel: open ? text.hideTrimmed : text.showTrimmed,
+      "aria-expanded": open,
+      accessibilityState: {
+        expanded: open
+      },
+      onPress: () => setOpen(!open),
+      style: buttonStyle,
+      testID: testID ? `${testID}-button` : undefined,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_RiMoreLine.RiMoreLine, {
+        width: 16,
+        height: 16,
+        fill: paint.textSecondary
+      })
+    }), open ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: {
+        width: '100%'
+      },
+      testID: testID ? `${testID}-content` : undefined,
+      children: children
+    }) : null]
+  });
+}
+//# sourceMappingURL=MailQuoteToggle.js.map

package/lib/commonjs/mail-thread/MailQuoteToggle.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_useControllableState","_RiMoreLine","_shared","_adoptStyleSheet","_surfaceLevels","_webData","_useTheme","_shared2","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","MailQuoteToggle","expanded","defaultExpanded","onExpandedChange","children","strings","style","testID","theme","useTheme","surface","useSurfaceFill","useEffect","adoptStyleSheet","MAIL_THREAD_STYLE_ID","MAIL_THREAD_CSS","paint","useMemo","resolveMailPaint","text","mailThreadStrings","open","setOpen","useControllableState","value","defaultValue","onChange","buttonStyle","width","height","borderRadius","alignItems","justifyContent","backgroundColor","hover","accent","jsxs","View","gap","jsx","Pressable","webDataSet","bloomMailThreadFocusable","role","accessibilityLabel","hideTrimmed","showTrimmed","accessibilityState","onPress","undefined","RiMoreLine","fill","textSecondary"],"sourceRoot":"../../../src","sources":["mail-thread/MailQuoteToggle.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/mail-thread/MailThread.js

@@ -0,0 +1,169 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MailThread = MailThread;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _button = require("../button");
+var _index = require("../divider/index.js");
+var _useControllableState = require("../hooks/use-controllable-state.js");
+var _parts = require("../mail-list/parts.js");
+var _shared = require("../mail-list/shared.js");
+var _adoptStyleSheet = require("../styles/adopt-style-sheet.js");
+var _surfaceLevels = require("../styles/surface-levels.js");
+var _useTheme = require("../theme/use-theme.js");
+var _index2 = require("../typography/index.js");
+var _MailMessage = require("./MailMessage.js");
+var _shared2 = 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); }
+/**
+ * One conversation: the subject, the stack of messages, and the quick reply.
+ *
+ * THE NEWEST MESSAGE IS OPEN AND THE REST ARE CLOSED. That is the arrangement
+ * a reader arriving at a thread wants every time, so it is the default rather
+ * than a prop the app has to remember; `expandedIds` takes it over when the app
+ * has its own idea (a deep link to one message, "expand all").
+ *
+ * THE MIDDLE FOLDS, NOT THE TAIL. A long thread hides everything between the
+ * first message and the last two behind one "N earlier messages" control: the
+ * message that started the conversation and the two that are the conversation
+ * NOW are the three a reader needs, and folding from the top instead would hide
+ * the first, which is the one that says what the thread is about. `collapseAfter`
+ * moves the threshold; `0` turns it off. The arithmetic is pure and lives in
+ * `collapseThread`.
+ *
+ * The quick reply is a SLOT. What a reply box is — a one-line field, a row of
+ * suggested replies, a full composer — is an app's decision, and a thread that
+ * shipped one of them would be wrong in the other two apps.
+ */
+function MailThread({
+  subject,
+  labels,
+  starred = false,
+  onStarredChange,
+  messages,
+  expandedIds,
+  onExpandedIdsChange,
+  collapseAfter = 4,
+  quickReply,
+  header,
+  strings,
+  accessibilityLabel,
+  style,
+  testID
+}) {
+  const theme = (0, _useTheme.useTheme)();
+  const surface = (0, _surfaceLevels.useSurfaceFill)();
+  (0, _react.useEffect)(() => {
+    (0, _adoptStyleSheet.adoptStyleSheet)(_shared2.MAIL_THREAD_STYLE_ID, _shared2.MAIL_THREAD_CSS);
+  }, []);
+  const paint = (0, _react.useMemo)(() => (0, _shared.resolveMailPaint)(theme, surface), [theme, surface]);
+  const text = (0, _react.useMemo)(() => (0, _shared2.mailThreadStrings)(strings), [strings]);
+  const rowStrings = (0, _react.useMemo)(() => (0, _shared.mailStrings)({
+    starred: text.starred,
+    star: text.star
+  }), [text.star, text.starred]);
+  const geo = _shared2.MAIL_THREAD_GEOMETRY;
+  const [openIds, setOpenIds] = (0, _useControllableState.useControllableState)({
+    value: expandedIds,
+    defaultValue: (0, _react.useMemo)(() => (0, _shared2.defaultExpandedIds)(messages), [messages]),
+    onChange: onExpandedIdsChange ? next => onExpandedIdsChange([...next]) : undefined
+  });
+  const open = (0, _react.useMemo)(() => new Set(openIds), [openIds]);
+  const [revealed, setRevealed] = (0, _react.useState)(false);
+  const entries = (0, _react.useMemo)(() => (0, _shared2.collapseThread)(messages, revealed ? 0 : collapseAfter), [collapseAfter, messages, revealed]);
+  const {
+    shown,
+    overflow
+  } = (0, _shared.visibleLabels)(labels, 3);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    accessibilityLabel: accessibilityLabel ?? subject,
+    style: style,
+    testID: testID,
+    children: [header, subject !== undefined || onStarredChange !== undefined ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: {
+        flexDirection: 'row',
+        alignItems: 'flex-start',
+        gap: 8,
+        paddingTop: geo.paddingVertical,
+        paddingBottom: geo.paddingVertical,
+        paddingLeft: geo.paddingHorizontal,
+        paddingRight: geo.paddingHorizontal
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: {
+          flex: 1,
+          minWidth: 0,
+          gap: 6
+        },
+        children: [subject === undefined ? null : /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Text, {
+          variant: "title-3-semibold",
+          style: {
+            color: paint.text
+          },
+          testID: testID ? `${testID}-subject` : undefined,
+          children: subject
+        }), shown.length > 0 || overflow > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_parts.MailLabelChips, {
+          labels: shown,
+          overflow: overflow,
+          surface: paint.surface,
+          strings: rowStrings,
+          testID: testID ? `${testID}-labels` : undefined
+        }) : null]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_parts.MailStar, {
+        starred: starred,
+        onStarredChange: onStarredChange,
+        size: geo.action,
+        glyph: 18,
+        paint: paint,
+        strings: rowStrings,
+        testID: testID ? `${testID}-star` : undefined
+      })]
+    }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Divider, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: {
+        paddingTop: 4,
+        paddingBottom: 4
+      },
+      children: entries.map(entry => entry.kind === 'message' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_MailMessage.MailMessage, {
+        ...entry.message,
+        strings: entry.message.strings ?? strings,
+        expanded: open.has(entry.message.id),
+        onExpandedChange: next => {
+          const ids = new Set(open);
+          if (next) ids.add(entry.message.id);else ids.delete(entry.message.id);
+          setOpenIds([...ids]);
+        },
+        testID: testID ? `${testID}-message-${entry.message.id}` : undefined
+      }, entry.message.id) :
+      /*#__PURE__*/
+      // The fold is a CONTROL, so it is Bloom's control: a hand-drawn
+      // pill here was a shape the library does not otherwise use, and it
+      // carried its own focus ring, its own fill and its own hover.
+      (0, _jsxRuntime.jsx)(_button.Button, {
+        variant: "secondary",
+        size: "small",
+        onPress: () => setRevealed(true),
+        accessibilityLabel: text.earlierMessages(entry.count),
+        style: {
+          alignSelf: 'flex-start',
+          marginLeft: _shared2.MAIL_BODY_INSET
+        },
+        testID: testID ? `${testID}-earlier` : undefined,
+        children: text.earlierMessages(entry.count)
+      }, "earlier"))
+    }), quickReply === undefined ? null : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: {
+        paddingTop: geo.paddingVertical,
+        paddingBottom: geo.paddingVertical,
+        paddingLeft: geo.paddingHorizontal,
+        paddingRight: geo.paddingHorizontal
+      },
+      testID: testID ? `${testID}-quick-reply` : undefined,
+      children: quickReply
+    })]
+  });
+}
+//# sourceMappingURL=MailThread.js.map

package/lib/commonjs/mail-thread/MailThread.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_button","_index","_useControllableState","_parts","_shared","_adoptStyleSheet","_surfaceLevels","_useTheme","_index2","_MailMessage","_shared2","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","MailThread","subject","labels","starred","onStarredChange","messages","expandedIds","onExpandedIdsChange","collapseAfter","quickReply","header","strings","accessibilityLabel","style","testID","theme","useTheme","surface","useSurfaceFill","useEffect","adoptStyleSheet","MAIL_THREAD_STYLE_ID","MAIL_THREAD_CSS","paint","useMemo","resolveMailPaint","text","mailThreadStrings","rowStrings","mailStrings","star","geo","MAIL_THREAD_GEOMETRY","openIds","setOpenIds","useControllableState","value","defaultValue","defaultExpandedIds","onChange","next","undefined","open","Set","revealed","setRevealed","useState","entries","collapseThread","shown","overflow","visibleLabels","jsxs","View","children","flexDirection","alignItems","gap","paddingTop","paddingVertical","paddingBottom","paddingLeft","paddingHorizontal","paddingRight","flex","minWidth","jsx","Text","variant","color","length","MailLabelChips","MailStar","size","action","glyph","Divider","map","entry","kind","MailMessage","message","expanded","id","onExpandedChange","ids","add","delete","Button","onPress","earlierMessages","count","alignSelf","marginLeft","MAIL_BODY_INSET"],"sourceRoot":"../../../src","sources":["mail-thread/MailThread.tsx"],"mappings":"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","ignoreList":[]}