@oxy.so/bloom 2.10.0 → 2.11.0

package/lib/commonjs/chat-list/HighlightedText.js

@@ -0,0 +1,63 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.HighlightedText = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _useTheme = require("../theme/use-theme.js");
+var _index = require("../typography/index.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); }
+/**
+ * `text` with every occurrence of `query` marked.
+ *
+ * Matching folds case AND accents, so "jose" finds "José" — but the runs are
+ * sliced out of the ORIGINAL string, never out of the folded one, so what is
+ * drawn is exactly what was passed in. Folding is not length-preserving (a
+ * combining mark disappears), which is why `highlightRuns` maps offsets back
+ * through a per-character index rather than assuming the two strings line up.
+ *
+ * The match is marked with COLOUR, not a band: inside a one-line search result a
+ * tinted background reads as a second badge beside the unread pill. Pass
+ * `highlightBackground` where the text has room to breathe.
+ *
+ * One `<Text>` with nested spans, so it truncates and wraps as a single string.
+ */
+
+function HighlightedTextComponent({
+  text,
+  query,
+  variant = 'body-regular',
+  color,
+  highlightColor,
+  highlightBackground,
+  numberOfLines,
+  style,
+  testID
+}) {
+  const theme = (0, _useTheme.useTheme)();
+  const paint = (0, _react.useMemo)(() => (0, _shared.resolveChatListPaint)(theme), [theme]);
+  const runs = (0, _react.useMemo)(() => (0, _shared.highlightRuns)(text, query), [query, text]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Text, {
+    variant: variant,
+    numberOfLines: numberOfLines,
+    style: [{
+      color: color ?? paint.text
+    }, style],
+    testID: testID,
+    children: runs.map((run, index) => run.match ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Text, {
+      style: {
+        color: highlightColor ?? paint.accent,
+        ...(highlightBackground ? {
+          backgroundColor: highlightBackground
+        } : null)
+      },
+      children: run.text
+    }, index) : run.text)
+  });
+}
+const HighlightedText = exports.HighlightedText = /*#__PURE__*/(0, _react.memo)(HighlightedTextComponent);
+HighlightedText.displayName = 'HighlightedText';
+//# sourceMappingURL=HighlightedText.js.map

package/lib/commonjs/chat-list/HighlightedText.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_useTheme","_index","_shared","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","HighlightedTextComponent","text","query","variant","color","highlightColor","highlightBackground","numberOfLines","style","testID","theme","useTheme","paint","useMemo","resolveChatListPaint","runs","highlightRuns","jsx","Text","children","map","run","index","match","accent","backgroundColor","HighlightedText","exports","memo","displayName"],"sourceRoot":"../../../src","sources":["chat-list/HighlightedText.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AAA+D,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAD,wBAAAM,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAR,uBAAA,YAAAA,CAAAM,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAG/D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASkB,wBAAwBA,CAAC;EAChCC,IAAI;EACJC,KAAK;EACLC,OAAO,GAAG,cAAc;EACxBC,KAAK;EACLC,cAAc;EACdC,mBAAmB;EACnBC,aAAa;EACbC,KAAK;EACLC;AACoB,CAAC,EAAE;EACvB,MAAMC,KAAK,GAAG,IAAAC,kBAAQ,EAAC,CAAC;EACxB,MAAMC,KAAK,GAAG,IAAAC,cAAO,EAAC,MAAM,IAAAC,4BAAoB,EAACJ,KAAK,CAAC,EAAE,CAACA,KAAK,CAAC,CAAC;EACjE,MAAMK,IAAI,GAAG,IAAAF,cAAO,EAAC,MAAM,IAAAG,qBAAa,EAACf,IAAI,EAAEC,KAAK,CAAC,EAAE,CAACA,KAAK,EAAED,IAAI,CAAC,CAAC;EAErE,oBACE,IAAArB,WAAA,CAAAqC,GAAA,EAACvC,MAAA,CAAAwC,IAAI;IACHf,OAAO,EAAEA,OAAQ;IACjBI,aAAa,EAAEA,aAAc;IAC7BC,KAAK,EAAE,CAAC;MAAEJ,KAAK,EAAEA,KAAK,IAAIQ,KAAK,CAACX;IAAK,CAAC,EAAEO,KAAK,CAAE;IAC/CC,MAAM,EAAEA,MAAO;IAAAU,QAAA,EAEdJ,IAAI,CAACK,GAAG,CAAC,CAACC,GAAG,EAAEC,KAAK,KACnBD,GAAG,CAACE,KAAK,gBACP,IAAA3C,WAAA,CAAAqC,GAAA,EAACvC,MAAA,CAAAwC,IAAI;MAEHV,KAAK,EAAE;QACLJ,KAAK,EAAEC,cAAc,IAAIO,KAAK,CAACY,MAAM;QACrC,IAAIlB,mBAAmB,GAAG;UAAEmB,eAAe,EAAEnB;QAAoB,CAAC,GAAG,IAAI;MAC3E,CAAE;MAAAa,QAAA,EAEDE,GAAG,CAACpB;IAAI,GANJqB,KAOD,CAAC,GAEPD,GAAG,CAACpB,IAER;EAAC,CACG,CAAC;AAEX;AAEO,MAAMyB,eAAe,GAAAC,OAAA,CAAAD,eAAA,gBAAG,IAAAE,WAAI,EAAC5B,wBAAwB,CAAC;AAC7D0B,eAAe,CAACG,WAAW,GAAG,iBAAiB","ignoreList":[]}

package/lib/commonjs/chat-list/NewChatButton.js

@@ -0,0 +1,41 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.NewChatButton = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _fab = require("../fab");
+var _RiEditBoxLine = require("../icons/remix/RiEditBoxLine.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 round "New chat" action.
+ *
+ * It IS Bloom's `Fab` — placement, sizing, the minimize behaviour that follows a
+ * tab bar and the web/native fork all come from there; this only fixes the glyph
+ * and the name, so every messaging screen spells the same action the same way
+ * instead of each one picking an icon. Every `Fab` prop passes through, so a
+ * screen that wants it bottom-LEFT, small, or `static` inside its own container
+ * says so exactly as it would to a `Fab`.
+ *
+ * `extended` promotes it to the pill, with `accessibilityLabel` as the text — the
+ * one place the name is also the label, which is why it is not a separate prop.
+ */
+
+function NewChatButtonComponent({
+  icon,
+  accessibilityLabel = 'New chat',
+  extended = false,
+  ...rest
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_fab.Fab, {
+    ...rest,
+    icon: icon ?? /*#__PURE__*/(0, _jsxRuntime.jsx)(_RiEditBoxLine.RiEditBoxLine, {}),
+    label: extended ? accessibilityLabel : undefined,
+    accessibilityLabel: accessibilityLabel
+  });
+}
+const NewChatButton = exports.NewChatButton = /*#__PURE__*/(0, _react.memo)(NewChatButtonComponent);
+NewChatButton.displayName = 'NewChatButton';
+//# sourceMappingURL=NewChatButton.js.map

package/lib/commonjs/chat-list/NewChatButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_fab","_RiEditBoxLine","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","NewChatButtonComponent","icon","accessibilityLabel","extended","rest","jsx","Fab","RiEditBoxLine","label","undefined","NewChatButton","exports","memo","displayName"],"sourceRoot":"../../../src","sources":["chat-list/NewChatButton.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,IAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AAA6D,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAD,wBAAAK,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAP,uBAAA,YAAAA,CAAAK,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAG7D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASkB,sBAAsBA,CAAC;EAC9BC,IAAI;EACJC,kBAAkB,GAAG,UAAU;EAC/BC,QAAQ,GAAG,KAAK;EAChB,GAAGC;AACe,CAAC,EAAE;EACrB,oBACE,IAAAxB,WAAA,CAAAyB,GAAA,EAAC3B,IAAA,CAAA4B,GAAG;IAAA,GACEF,IAAI;IACRH,IAAI,EAAEA,IAAI,iBAAI,IAAArB,WAAA,CAAAyB,GAAA,EAAC1B,cAAA,CAAA4B,aAAa,IAAE,CAAE;IAChCC,KAAK,EAAEL,QAAQ,GAAGD,kBAAkB,GAAGO,SAAU;IACjDP,kBAAkB,EAAEA;EAAmB,CACxC,CAAC;AAEN;AAEO,MAAMQ,aAAa,GAAAC,OAAA,CAAAD,aAAA,gBAAG,IAAAE,WAAI,EAACZ,sBAAsB,CAAC;AACzDU,aAAa,CAACG,WAAW,GAAG,eAAe","ignoreList":[]}

package/lib/commonjs/chat-list/StoriesRow.js

@@ -0,0 +1,159 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StoriesRow = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _index = require("../avatar/index.js");
+var _webData = require("../styles/web-data.js");
+var _index2 = require("../chat-indicators/index.js");
+var _RiAddFill = require("../icons/remix/RiAddFill.js");
+var _adoptStyleSheet = require("../styles/adopt-style-sheet.js");
+var _useTheme = require("../theme/use-theme.js");
+var _index3 = require("../typography/index.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 strip of story rings above the conversations.
+ *
+ * "Your story" comes first with a `+` badge on its ring; the rest follow with
+ * the UNSEEN ones before the seen (`seenLast`, on by default) — the point of the
+ * row is what is new, and a seen ring that keeps its place pushes the new ones
+ * off the right edge. The order is computed with a STABLE sort, so two unseen
+ * stories keep the order the app gave them.
+ *
+ * Names sit under the rings, one line, clipped to the ring's footprint so the
+ * row's rhythm survives a long name. The whole strip scrolls horizontally with
+ * no visible scrollbar on web.
+ *
+ * ACCESSIBILITY: `role="list"` named by `accessibilityLabel`; each ring is a
+ * button named by `StoryRing`'s own `accessibilityLabel` ("Ana Ferrer's story"),
+ * and the caption under it is hidden so the name is announced once.
+ */
+
+const NAME_GAP = 6;
+function StoriesRowComponent({
+  stories,
+  own,
+  onStoryPress,
+  onOwnPress,
+  size = 60,
+  seenLast = true,
+  gap = 12,
+  paddingHorizontal = 16,
+  accessibilityLabel = 'Stories',
+  labels,
+  style,
+  testID
+}) {
+  const theme = (0, _useTheme.useTheme)();
+  (0, _react.useEffect)(() => {
+    (0, _adoptStyleSheet.adoptStyleSheet)(_shared.CHAT_LIST_STYLE_ID, _shared.CHAT_LIST_CSS);
+  }, []);
+  const paint = (0, _react.useMemo)(() => (0, _shared.resolveChatListPaint)(theme), [theme]);
+  const ordered = (0, _react.useMemo)(() => seenLast ? (0, _shared.sortStories)(stories) : [...stories], [seenLast, stories]);
+  const ownName = own?.name ?? labels?.own ?? 'Your story';
+  const addLabel = labels?.add ?? 'Add to your story';
+  // The ring reserves `thickness + gap` on every side (2 + 2 by default), so the
+  // caption column is the ring's real footprint, not the avatar's.
+  const footprint = size + 8;
+  const caption = text => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    "aria-hidden": true,
+    importantForAccessibility: "no-hide-descendants",
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.Text, {
+      variant: "caption-1-regular",
+      numberOfLines: 1,
+      style: {
+        color: paint.textMuted,
+        maxWidth: footprint,
+        textAlign: 'center'
+      },
+      children: text
+    })
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ScrollView, {
+    ...(0, _webData.webDataSet)({
+      bloomChatScrollX: ''
+    }),
+    horizontal: true,
+    showsHorizontalScrollIndicator: false,
+    contentContainerStyle: {
+      flexDirection: 'row',
+      gap,
+      paddingLeft: paddingHorizontal,
+      paddingRight: paddingHorizontal,
+      paddingTop: 12,
+      paddingBottom: 12
+    },
+    style: style,
+    testID: testID,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      role: "list",
+      accessibilityLabel: accessibilityLabel,
+      style: {
+        flexDirection: 'row',
+        gap
+      },
+      children: [own !== undefined ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: {
+          alignItems: 'center',
+          gap: NAME_GAP,
+          width: footprint
+        },
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.StoryRing, {
+          state: own.state ?? 'none',
+          size: size,
+          onPress: onOwnPress,
+          accessibilityLabel: addLabel,
+          badge: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+            style: {
+              width: 22,
+              height: 22,
+              borderRadius: 11,
+              alignItems: 'center',
+              justifyContent: 'center',
+              backgroundColor: paint.accent,
+              borderWidth: 2,
+              borderColor: paint.background
+            },
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_RiAddFill.RiAddFill, {
+              width: 14,
+              height: 14,
+              fill: paint.onAccent
+            })
+          }),
+          testID: testID ? `${testID}-own` : undefined,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Avatar, {
+            source: own.avatar ?? null,
+            name: ownName,
+            size: size
+          })
+        }), caption(ownName)]
+      }) : null, ordered.map(story => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: {
+          alignItems: 'center',
+          gap: NAME_GAP,
+          width: footprint
+        },
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.StoryRing, {
+          state: story.state ?? 'unseen',
+          size: size,
+          onPress: onStoryPress ? () => onStoryPress(story.id) : undefined,
+          accessibilityLabel: `${story.name}'s story`,
+          testID: testID ? `${testID}-story-${story.id}` : undefined,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Avatar, {
+            source: story.avatar ?? null,
+            name: story.name,
+            size: size
+          })
+        }), caption(story.name)]
+      }, story.id))]
+    })
+  });
+}
+const StoriesRow = exports.StoriesRow = /*#__PURE__*/(0, _react.memo)(StoriesRowComponent);
+StoriesRow.displayName = 'StoriesRow';
+//# sourceMappingURL=StoriesRow.js.map

package/lib/commonjs/chat-list/StoriesRow.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_index","_webData","_index2","_RiAddFill","_adoptStyleSheet","_useTheme","_index3","_shared","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","NAME_GAP","StoriesRowComponent","stories","own","onStoryPress","onOwnPress","size","seenLast","gap","paddingHorizontal","accessibilityLabel","labels","style","testID","theme","useTheme","useEffect","adoptStyleSheet","CHAT_LIST_STYLE_ID","CHAT_LIST_CSS","paint","useMemo","resolveChatListPaint","ordered","sortStories","ownName","name","addLabel","add","footprint","caption","text","jsx","View","importantForAccessibility","children","Text","variant","numberOfLines","color","textMuted","maxWidth","textAlign","ScrollView","webDataSet","bloomChatScrollX","horizontal","showsHorizontalScrollIndicator","contentContainerStyle","flexDirection","paddingLeft","paddingRight","paddingTop","paddingBottom","jsxs","role","undefined","alignItems","width","StoryRing","state","onPress","badge","height","borderRadius","justifyContent","backgroundColor","accent","borderWidth","borderColor","background","RiAddFill","fill","onAccent","Avatar","source","avatar","map","story","id","StoriesRow","exports","memo","displayName"],"sourceRoot":"../../../src","sources":["chat-list/StoriesRow.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/chat-list/index.js

@@ -0,0 +1,138 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "ArchivedRow", {
+  enumerable: true,
+  get: function () {
+    return _ArchivedRow.ArchivedRow;
+  }
+});
+Object.defineProperty(exports, "CHAT_ATTACHMENT_ICONS", {
+  enumerable: true,
+  get: function () {
+    return _shared.CHAT_ATTACHMENT_ICONS;
+  }
+});
+Object.defineProperty(exports, "CHAT_ROW_GEOMETRY", {
+  enumerable: true,
+  get: function () {
+    return _shared.CHAT_ROW_GEOMETRY;
+  }
+});
+Object.defineProperty(exports, "CHAT_SEARCH_FIELD_HEIGHT", {
+  enumerable: true,
+  get: function () {
+    return _ChatSearchField.CHAT_SEARCH_FIELD_HEIGHT;
+  }
+});
+Object.defineProperty(exports, "CHAT_SEARCH_KINDS", {
+  enumerable: true,
+  get: function () {
+    return _shared.CHAT_SEARCH_KINDS;
+  }
+});
+Object.defineProperty(exports, "ChatFolderTabs", {
+  enumerable: true,
+  get: function () {
+    return _ChatFolderTabs.ChatFolderTabs;
+  }
+});
+Object.defineProperty(exports, "ChatList", {
+  enumerable: true,
+  get: function () {
+    return _ChatList.ChatList;
+  }
+});
+Object.defineProperty(exports, "ChatListItem", {
+  enumerable: true,
+  get: function () {
+    return _ChatListItem.ChatListItem;
+  }
+});
+Object.defineProperty(exports, "ChatListItemSkeleton", {
+  enumerable: true,
+  get: function () {
+    return _ChatListItemSkeleton.ChatListItemSkeleton;
+  }
+});
+Object.defineProperty(exports, "ChatSearchField", {
+  enumerable: true,
+  get: function () {
+    return _ChatSearchField.ChatSearchField;
+  }
+});
+Object.defineProperty(exports, "ChatSearchResults", {
+  enumerable: true,
+  get: function () {
+    return _ChatSearchResults.ChatSearchResults;
+  }
+});
+Object.defineProperty(exports, "GROUP_AVATAR_MAX_FACES", {
+  enumerable: true,
+  get: function () {
+    return _GroupAvatar.GROUP_AVATAR_MAX_FACES;
+  }
+});
+Object.defineProperty(exports, "GroupAvatar", {
+  enumerable: true,
+  get: function () {
+    return _GroupAvatar.GroupAvatar;
+  }
+});
+Object.defineProperty(exports, "HighlightedText", {
+  enumerable: true,
+  get: function () {
+    return _HighlightedText.HighlightedText;
+  }
+});
+Object.defineProperty(exports, "NewChatButton", {
+  enumerable: true,
+  get: function () {
+    return _NewChatButton.NewChatButton;
+  }
+});
+Object.defineProperty(exports, "StoriesRow", {
+  enumerable: true,
+  get: function () {
+    return _StoriesRow.StoriesRow;
+  }
+});
+Object.defineProperty(exports, "groupSearchResults", {
+  enumerable: true,
+  get: function () {
+    return _shared.groupSearchResults;
+  }
+});
+Object.defineProperty(exports, "hasUnread", {
+  enumerable: true,
+  get: function () {
+    return _shared.hasUnread;
+  }
+});
+Object.defineProperty(exports, "highlightRuns", {
+  enumerable: true,
+  get: function () {
+    return _shared.highlightRuns;
+  }
+});
+Object.defineProperty(exports, "sortStories", {
+  enumerable: true,
+  get: function () {
+    return _shared.sortStories;
+  }
+});
+var _ArchivedRow = require("./ArchivedRow.js");
+var _ChatFolderTabs = require("./ChatFolderTabs.js");
+var _ChatList = require("./ChatList.js");
+var _ChatListItem = require("./ChatListItem.js");
+var _ChatListItemSkeleton = require("./ChatListItemSkeleton.js");
+var _ChatSearchField = require("./ChatSearchField.js");
+var _ChatSearchResults = require("./ChatSearchResults.js");
+var _GroupAvatar = require("./GroupAvatar.js");
+var _HighlightedText = require("./HighlightedText.js");
+var _NewChatButton = require("./NewChatButton.js");
+var _StoriesRow = require("./StoriesRow.js");
+var _shared = require("./shared.js");
+//# sourceMappingURL=index.js.map

package/lib/commonjs/chat-list/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_ArchivedRow","require","_ChatFolderTabs","_ChatList","_ChatListItem","_ChatListItemSkeleton","_ChatSearchField","_ChatSearchResults","_GroupAvatar","_HighlightedText","_NewChatButton","_StoriesRow","_shared"],"sourceRoot":"../../../src","sources":["chat-list/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,eAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;AACA,IAAAI,qBAAA,GAAAJ,OAAA;AACA,IAAAK,gBAAA,GAAAL,OAAA;AACA,IAAAM,kBAAA,GAAAN,OAAA;AACA,IAAAO,YAAA,GAAAP,OAAA;AACA,IAAAQ,gBAAA,GAAAR,OAAA;AACA,IAAAS,cAAA,GAAAT,OAAA;AACA,IAAAU,WAAA,GAAAV,OAAA;AACA,IAAAW,OAAA,GAAAX,OAAA","ignoreList":[]}

package/lib/commonjs/chat-list/parts.js

@@ -0,0 +1,239 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ChatAvatar = ChatAvatar;
+exports.ChatGlyphButton = ChatGlyphButton;
+exports.RowLink = RowLink;
+exports.SectionHeading = SectionHeading;
+exports.actionGlyphColor = actionGlyphColor;
+exports.actionPanePaint = actionPanePaint;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _webData = require("../styles/web-data.js");
+var _index = require("../chat-indicators/index.js");
+var _index2 = require("../typography/index.js");
+var _GroupAvatar = require("./GroupAvatar.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 link that covers a row
+// ---------------------------------------------------------------------------
+
+/**
+ * A ROW'S LINK IS A SIBLING LAID UNDER ITS CONTENT, NOT A WRAPPER AROUND IT. It
+ * fills the row absolutely and carries the whole composed name; the avatar and
+ * the two text lines are drawn over it with `pointerEvents="none"`, so a press
+ * anywhere on them falls through, while the hover action buttons are drawn over
+ * it as their OWN targets. A button inside an anchor is invalid HTML and would
+ * make every "Archive" click open the conversation.
+ */
+function RowLink({
+  name,
+  onPress,
+  onLongPress,
+  href,
+  selected = false,
+  paint,
+  onPressedChange,
+  testID
+}) {
+  const handlePress = event => {
+    if (onPress) {
+      if (_shared.IS_WEB && href) event.preventDefault();
+      onPress();
+      return;
+    }
+    if (!_shared.IS_WEB && href) void _reactNative.Linking.openURL(href).catch(() => undefined);
+  };
+  const interactive = Boolean(onPress || href || onLongPress);
+  const style = {
+    ..._reactNative.StyleSheet.absoluteFillObject,
+    borderRadius: _shared.CHAT_ROW_RADIUS,
+    '--bloom-chat-ring': paint.ring
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+    ...(0, _webData.webDataSet)({
+      bloomChatFocusable: ''
+    }),
+    ...(_shared.IS_WEB && href ? {
+      href
+    } : null),
+    ...(_shared.IS_WEB && selected ? {
+      'aria-current': 'true'
+    } : null),
+    role: href ? 'link' : interactive ? 'button' : undefined,
+    accessibilityLabel: name
+    // `selected` on a link is `aria-current` on web — `aria-selected` is for a
+    // tab or an option, and a row is neither. Native reads the state object.
+    ,
+    accessibilityState: {
+      selected
+    },
+    onPress: onPress || !_shared.IS_WEB && href ? handlePress : undefined,
+    onLongPress: onLongPress,
+    onPressIn: onPressedChange ? () => onPressedChange(true) : undefined,
+    onPressOut: onPressedChange ? () => onPressedChange(false) : undefined,
+    style: style,
+    testID: testID
+  });
+}
+
+// ---------------------------------------------------------------------------
+//  A round glyph button
+// ---------------------------------------------------------------------------
+
+/**
+ * The round icon button the hover actions and the search field's clear use.
+ * Hover and press are a COLOUR CHANGE ONLY — nothing in this family scales.
+ */
+function ChatGlyphButton({
+  label,
+  icon: Icon,
+  onPress,
+  size = 32,
+  glyph = 18,
+  color,
+  hoverFill,
+  ring,
+  style,
+  testID
+}) {
+  const [active, setActive] = (0, _react.useState)(false);
+  const buttonStyle = {
+    width: size,
+    height: size,
+    borderRadius: size / 2,
+    alignItems: 'center',
+    justifyContent: 'center',
+    backgroundColor: active ? hoverFill : 'transparent',
+    '--bloom-chat-ring': ring,
+    ...(_shared.IS_WEB ? {
+      transitionProperty: 'background-color',
+      transitionDuration: '120ms'
+    } : null)
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+    ...(0, _webData.webDataSet)({
+      bloomChatFocusable: ''
+    }),
+    role: "button",
+    accessibilityLabel: label,
+    onPress: onPress,
+    onHoverIn: () => setActive(true),
+    onHoverOut: () => setActive(false),
+    onPressIn: () => setActive(true),
+    onPressOut: () => setActive(false),
+    style: [buttonStyle, style],
+    testID: testID,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Icon, {
+      width: glyph,
+      height: glyph,
+      fill: color
+    })
+  });
+}
+
+/** The glyph colour an action's tone paints, on the page (not on a filled pane). */
+function actionGlyphColor(action, paint) {
+  switch (action.tone) {
+    case 'negative':
+      return paint.negative;
+    case 'accent':
+      return paint.accent;
+    default:
+      return paint.textMuted;
+  }
+}
+
+/** The pane fill an action's tone paints behind a swipe, and the text on it. */
+function actionPanePaint(action, paint) {
+  switch (action.tone) {
+    case 'negative':
+      return {
+        background: paint.negativeFill,
+        foreground: paint.onAccent
+      };
+    case 'accent':
+      return {
+        background: paint.accent,
+        foreground: paint.onAccent
+      };
+    default:
+      return {
+        background: paint.neutralAction,
+        foreground: paint.onNeutralAction
+      };
+  }
+}
+
+// ---------------------------------------------------------------------------
+//  The avatar slot
+// ---------------------------------------------------------------------------
+
+/**
+ * A group's face cluster, or one avatar with its presence dot. A group has no
+ * presence: "online" is a property of a person, and a dot on a cluster of four
+ * would be claiming it about whichever face it happens to land on.
+ */
+function ChatAvatar({
+  name,
+  avatar,
+  faces,
+  shape = 'circle',
+  status,
+  size,
+  paint,
+  testID
+}) {
+  if (faces && faces.length > 1) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_GroupAvatar.GroupAvatar, {
+      faces: faces,
+      size: size,
+      shape: shape,
+      ringColor: paint.background,
+      testID: testID
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.AvatarPresence, {
+    source: avatar ?? faces?.[0]?.source ?? null,
+    name: name,
+    size: size,
+    shape: shape,
+    status: status,
+    presenceRingColor: paint.background,
+    testID: testID
+  });
+}
+
+// ---------------------------------------------------------------------------
+//  A section heading
+// ---------------------------------------------------------------------------
+
+function SectionHeading({
+  title,
+  paint,
+  paddingHorizontal,
+  testID
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    role: "presentation",
+    style: {
+      paddingLeft: paddingHorizontal,
+      paddingRight: paddingHorizontal,
+      paddingTop: 12,
+      paddingBottom: 4
+    },
+    testID: testID,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Text, {
+      variant: "caption-1-semibold",
+      style: {
+        color: paint.heading
+      },
+      children: title
+    })
+  });
+}
+//# sourceMappingURL=parts.js.map