@oxy.so/bloom 2.9.0 → 2.11.0

package/lib/commonjs/chat-indicators/UnreadBadge.js

@@ -0,0 +1,115 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.UnreadBadge = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+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); }
+/**
+ * The unread count pill on a conversation row, a tab or a header.
+ *
+ *            height   type                 min width
+ *   small    16       caption-2-semibold   16 (a circle at one digit)
+ *   medium   20       caption-1-semibold   20
+ *
+ * Accent fill with `primaryForeground` on it; `muted` swaps in the neutral
+ * fill for a conversation whose notifications are off, so a muted chat still
+ * shows a count without competing with the ones that matter.
+ *
+ * A count of 0 renders NOTHING (returns `null`) — an empty pill is a bug that
+ * survives review because it looks deliberate. `dot` is the exception: it draws
+ * the plain dot whatever the count, for "there is something here" without a
+ * number.
+ *
+ * Accessibility: one `img` named "3 unread messages" — the digits alone
+ * announce as "3", which is not a message count. Pass `formatLabel` to
+ * translate it, or `accessibilityLabel` to replace it outright. The drawn text
+ * is hidden so the name is not read twice.
+ *
+ * Above `max` the text reads "99+" while the NAME keeps the real count: the
+ * clamp is a layout constraint, not information the caller wanted to lose.
+ */
+
+const SIZE_TYPE = {
+  small: 'caption-2-semibold',
+  medium: 'caption-1-semibold'
+};
+function UnreadBadgeComponent({
+  count = 0,
+  max = 99,
+  dot = false,
+  muted = false,
+  size = 'medium',
+  formatLabel,
+  accessibilityLabel,
+  style,
+  textStyle,
+  testID
+}) {
+  const theme = (0, _useTheme.useTheme)();
+  const paint = (0, _react.useMemo)(() => (0, _shared.resolveChatIndicatorPaint)(theme), [theme]);
+  const n = Number.isFinite(count) ? Math.floor(count) : 0;
+  if (!dot && n <= 0) return null;
+  const fill = muted ? paint.mutedFill : paint.accent;
+  const on = muted ? paint.onMuted : paint.onAccent;
+  const label = accessibilityLabel ?? (formatLabel ? formatLabel(n) : (0, _shared.defaultUnreadLabel)(n));
+  if (dot) {
+    const d = _shared.UNREAD_DOT_SIZES[size];
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      role: "img",
+      accessibilityLabel: label,
+      style: [{
+        width: d,
+        height: d,
+        borderRadius: d / 2,
+        backgroundColor: fill,
+        flexShrink: 0
+      }, style],
+      testID: testID
+    });
+  }
+  const height = _shared.UNREAD_BADGE_HEIGHTS[size];
+  const text = (0, _shared.formatUnreadCount)(n, max);
+  // Longhands, not `paddingHorizontal`: react-native-web ranks the shorthand it
+  // maps that to ABOVE `padding-left`, so a caller's longhand override would be
+  // dropped on web and honoured on native.
+  const pad = text.length > 1 ? Math.round(height * 0.3) : 0;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    role: "img",
+    accessibilityLabel: label,
+    style: [{
+      height,
+      minWidth: height,
+      borderRadius: height / 2,
+      paddingLeft: pad,
+      paddingRight: pad,
+      backgroundColor: fill,
+      alignItems: 'center',
+      justifyContent: 'center',
+      flexShrink: 0
+    }, style],
+    testID: testID,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Text, {
+      variant: SIZE_TYPE[size],
+      importantForAccessibility: "no",
+      accessibilityElementsHidden: true,
+      "aria-hidden": true,
+      numberOfLines: 1,
+      style: [{
+        color: on,
+        lineHeight: height,
+        letterSpacing: 0
+      }, textStyle],
+      children: text
+    })
+  });
+}
+const UnreadBadge = exports.UnreadBadge = /*#__PURE__*/(0, _react.memo)(UnreadBadgeComponent);
+UnreadBadge.displayName = 'UnreadBadge';
+//# sourceMappingURL=UnreadBadge.js.map

package/lib/commonjs/chat-indicators/UnreadBadge.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_useTheme","_index","_shared","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","SIZE_TYPE","small","medium","UnreadBadgeComponent","count","max","dot","muted","size","formatLabel","accessibilityLabel","style","textStyle","testID","theme","useTheme","paint","useMemo","resolveChatIndicatorPaint","Number","isFinite","Math","floor","fill","mutedFill","accent","on","onMuted","onAccent","label","defaultUnreadLabel","d","UNREAD_DOT_SIZES","jsx","View","role","width","height","borderRadius","backgroundColor","flexShrink","UNREAD_BADGE_HEIGHTS","text","formatUnreadCount","pad","length","round","minWidth","paddingLeft","paddingRight","alignItems","justifyContent","children","Text","variant","importantForAccessibility","accessibilityElementsHidden","numberOfLines","color","lineHeight","letterSpacing","UnreadBadge","exports","memo","displayName"],"sourceRoot":"../../../src","sources":["chat-indicators/UnreadBadge.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,79 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "AvatarPresence", {
+  enumerable: true,
+  get: function () {
+    return _AvatarPresence.AvatarPresence;
+  }
+});
+Object.defineProperty(exports, "MESSAGE_STATUS_LABELS", {
+  enumerable: true,
+  get: function () {
+    return _shared.MESSAGE_STATUS_LABELS;
+  }
+});
+Object.defineProperty(exports, "MessageStatus", {
+  enumerable: true,
+  get: function () {
+    return _MessageStatus.MessageStatus;
+  }
+});
+Object.defineProperty(exports, "PRESENCE_DOT_SIZES", {
+  enumerable: true,
+  get: function () {
+    return _shared.PRESENCE_DOT_SIZES;
+  }
+});
+Object.defineProperty(exports, "PRESENCE_LABELS", {
+  enumerable: true,
+  get: function () {
+    return _shared.PRESENCE_LABELS;
+  }
+});
+Object.defineProperty(exports, "PresenceDot", {
+  enumerable: true,
+  get: function () {
+    return _PresenceDot.PresenceDot;
+  }
+});
+Object.defineProperty(exports, "StoryRing", {
+  enumerable: true,
+  get: function () {
+    return _StoryRing.StoryRing;
+  }
+});
+Object.defineProperty(exports, "TypingDots", {
+  enumerable: true,
+  get: function () {
+    return _TypingDots.TypingDots;
+  }
+});
+Object.defineProperty(exports, "UnreadBadge", {
+  enumerable: true,
+  get: function () {
+    return _UnreadBadge.UnreadBadge;
+  }
+});
+Object.defineProperty(exports, "formatUnreadCount", {
+  enumerable: true,
+  get: function () {
+    return _shared.formatUnreadCount;
+  }
+});
+Object.defineProperty(exports, "presenceSizeForAvatar", {
+  enumerable: true,
+  get: function () {
+    return _shared.presenceSizeForAvatar;
+  }
+});
+var _PresenceDot = require("./PresenceDot.js");
+var _AvatarPresence = require("./AvatarPresence.js");
+var _MessageStatus = require("./MessageStatus.js");
+var _UnreadBadge = require("./UnreadBadge.js");
+var _TypingDots = require("./TypingDots.js");
+var _StoryRing = require("./StoryRing.js");
+var _shared = require("./shared.js");
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_PresenceDot","require","_AvatarPresence","_MessageStatus","_UnreadBadge","_TypingDots","_StoryRing","_shared"],"sourceRoot":"../../../src","sources":["chat-indicators/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,eAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AACA,IAAAI,WAAA,GAAAJ,OAAA;AACA,IAAAK,UAAA,GAAAL,OAAA;AACA,IAAAM,OAAA,GAAAN,OAAA","ignoreList":[]}

package/lib/commonjs/chat-indicators/shared.js

@@ -0,0 +1,104 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.UNREAD_DOT_SIZES = exports.UNREAD_BADGE_HEIGHTS = exports.PRESENCE_LABELS = exports.PRESENCE_DOT_SIZES = exports.MESSAGE_STATUS_LABELS = void 0;
+exports.defaultUnreadLabel = defaultUnreadLabel;
+exports.formatUnreadCount = formatUnreadCount;
+exports.presenceSizeForAvatar = presenceSizeForAvatar;
+exports.resolveChatIndicatorPaint = resolveChatIndicatorPaint;
+var _shared = require("../button/shared.js");
+/** Dot diameter per rung (the ring is drawn OUTSIDE this). */
+const PRESENCE_DOT_SIZES = exports.PRESENCE_DOT_SIZES = {
+  small: 8,
+  medium: 10,
+  large: 12
+};
+
+/**
+ * The dot rung for an avatar of `size` px. Under 28 the medium dot eats the
+ * face, over 44 the small one disappears against it.
+ */
+function presenceSizeForAvatar(size) {
+  if (size <= 28) return 'small';
+  if (size <= 44) return 'medium';
+  return 'large';
+}
+
+/** Height of the pill, which is also its minimum width (a one-digit circle). */
+const UNREAD_BADGE_HEIGHTS = exports.UNREAD_BADGE_HEIGHTS = {
+  small: 16,
+  medium: 20
+};
+
+/** The plain-dot diameter per rung, for `dot`. */
+const UNREAD_DOT_SIZES = exports.UNREAD_DOT_SIZES = {
+  small: 8,
+  medium: 10
+};
+
+/** Default English names. Apps in other languages pass their own. */
+const PRESENCE_LABELS = exports.PRESENCE_LABELS = {
+  online: 'Online',
+  idle: 'Away',
+  offline: 'Offline',
+  busy: 'Busy'
+};
+const MESSAGE_STATUS_LABELS = exports.MESSAGE_STATUS_LABELS = {
+  sending: 'Sending…',
+  sent: 'Sent',
+  delivered: 'Delivered',
+  read: 'Read',
+  failed: 'Not sent'
+};
+
+/**
+ * `count` as the pill draws it: `"7"`, or `"99+"` once it passes `max`.
+ * Counts at or below zero render as `"0"` — `UnreadBadge` decides whether to
+ * draw anything at all, this only formats.
+ */
+function formatUnreadCount(count, max = 99) {
+  const n = Number.isFinite(count) ? Math.floor(count) : 0;
+  if (n <= 0) return '0';
+  return n > max ? `${max}+` : String(n);
+}
+
+/** The default accessible name for a count. */
+function defaultUnreadLabel(count) {
+  if (count <= 0) return 'Unread';
+  return count === 1 ? '1 unread message' : `${count} unread messages`;
+}
+
+/** Every colour this family paints, from the theme only. */
+
+function resolveChatIndicatorPaint(theme) {
+  const {
+    accent,
+    neutral: n
+  } = (0, _shared.resolveButtonRamps)(theme);
+  const {
+    colors
+  } = theme;
+  const dark = theme.isDark;
+  const success = (0, _shared.colorRamp)(colors.success, _shared.ACCENT_TABLE);
+  return {
+    online: dark ? success[400] : success[600],
+    idle: colors.warning,
+    busy: colors.error,
+    offline: dark ? n[500] : n[400],
+    surface: colors.background,
+    accent: accent[500],
+    onAccent: colors.primaryForeground,
+    mutedFill: dark ? n[700] : n[200],
+    onMuted: dark ? n[100] : n[700],
+    tick: dark ? n[400] : n[500],
+    tickRead: dark ? accent[400] : accent[600],
+    failed: colors.error,
+    text: colors.text,
+    textMuted: colors.textSecondary,
+    ringSeen: dark ? n[700] : n[300],
+    ringUnseen: [accent[300], accent[500], dark ? accent[800] : accent[700]]
+  };
+}
+//# sourceMappingURL=shared.js.map

package/lib/commonjs/chat-indicators/shared.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_shared","require","PRESENCE_DOT_SIZES","exports","small","medium","large","presenceSizeForAvatar","size","UNREAD_BADGE_HEIGHTS","UNREAD_DOT_SIZES","PRESENCE_LABELS","online","idle","offline","busy","MESSAGE_STATUS_LABELS","sending","sent","delivered","read","failed","formatUnreadCount","count","max","n","Number","isFinite","Math","floor","String","defaultUnreadLabel","resolveChatIndicatorPaint","theme","accent","neutral","resolveButtonRamps","colors","dark","isDark","success","colorRamp","ACCENT_TABLE","warning","error","surface","background","onAccent","primaryForeground","mutedFill","onMuted","tick","tickRead","text","textMuted","textSecondary","ringSeen","ringUnseen"],"sourceRoot":"../../../src","sources":["chat-indicators/shared.ts"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/chat-indicators/types.js

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

package/lib/commonjs/chat-indicators/types.js.map

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

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

@@ -0,0 +1,130 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ArchivedRow = void 0;
+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 _RiArchiveLine = require("../icons/remix/RiArchiveLine.js");
+var _adoptStyleSheet = require("../styles/adopt-style-sheet.js");
+var _useTheme = require("../theme/use-theme.js");
+var _index2 = require("../typography/index.js");
+var _parts = require("./parts.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 archive folder, above the conversations.
+ *
+ * It is a chat row's geometry with a glyph disc where the avatar goes, so the
+ * list keeps one rhythm — the folder is not a different KIND of thing to the
+ * eye, just a destination rather than a person. The count is neutral by default:
+ * the archive is somewhere you go, not a chat asking for attention.
+ */
+
+function ArchivedRowComponent({
+  count,
+  label = 'Archived',
+  icon,
+  onPress,
+  href,
+  density = 'comfortable',
+  muted = true,
+  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 [pressed, setPressed] = (0, _react.useState)(false);
+  const geo = _shared.CHAT_ROW_GEOMETRY[density];
+  const showCount = (count ?? 0) > 0;
+  const name = showCount ? `${label}, ${count} ${count === 1 ? 'chat' : 'chats'}` : label;
+  const rowStyle = {
+    position: 'relative',
+    height: geo.height,
+    borderRadius: _shared.CHAT_ROW_RADIUS,
+    justifyContent: 'center',
+    '--bloom-chat-hover': paint.hover,
+    '--bloom-chat-selected': paint.selected,
+    ...(_shared.IS_WEB ? {
+      transitionProperty: 'background-color',
+      transitionDuration: '120ms'
+    } : {
+      backgroundColor: pressed ? paint.hover : 'transparent'
+    })
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    ...(0, _webData.webDataSet)({
+      bloomChatRow: '',
+      selected: 'false'
+    }),
+    style: [rowStyle, style],
+    testID: testID,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_parts.RowLink, {
+      name: name,
+      onPress: onPress,
+      href: href,
+      paint: paint,
+      onPressedChange: setPressed,
+      testID: testID ? `${testID}-link` : undefined
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      pointerEvents: "none",
+      "aria-hidden": true,
+      importantForAccessibility: "no-hide-descendants",
+      style: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        height: geo.height,
+        paddingLeft: geo.paddingHorizontal,
+        paddingRight: geo.paddingHorizontal
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: {
+          width: geo.avatar,
+          height: geo.avatar,
+          borderRadius: geo.avatar / 2,
+          alignItems: 'center',
+          justifyContent: 'center',
+          backgroundColor: paint.hover
+        },
+        children: icon ?? /*#__PURE__*/(0, _jsxRuntime.jsx)(_RiArchiveLine.RiArchiveLine, {
+          width: Math.round(geo.avatar * 0.45),
+          height: Math.round(geo.avatar * 0.45),
+          fill: paint.heading
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: {
+          flex: 1,
+          minWidth: 0,
+          marginLeft: geo.gap
+        },
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Text, {
+          variant: geo.nameVariant,
+          numberOfLines: 1,
+          style: {
+            color: paint.text
+          },
+          testID: testID ? `${testID}-label` : undefined,
+          children: label
+        })
+      }), showCount ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.UnreadBadge, {
+        count: count,
+        muted: muted,
+        size: density === 'compact' ? 'small' : 'medium',
+        style: {
+          marginLeft: geo.gap
+        },
+        testID: testID ? `${testID}-count` : undefined
+      }) : null]
+    })]
+  });
+}
+const ArchivedRow = exports.ArchivedRow = /*#__PURE__*/(0, _react.memo)(ArchivedRowComponent);
+ArchivedRow.displayName = 'ArchivedRow';
+//# sourceMappingURL=ArchivedRow.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_webData","_index","_RiArchiveLine","_adoptStyleSheet","_useTheme","_index2","_parts","_shared","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ArchivedRowComponent","count","label","icon","onPress","href","density","muted","style","testID","theme","useTheme","useEffect","adoptStyleSheet","CHAT_LIST_STYLE_ID","CHAT_LIST_CSS","paint","useMemo","resolveChatListPaint","pressed","setPressed","useState","geo","CHAT_ROW_GEOMETRY","showCount","name","rowStyle","position","height","borderRadius","CHAT_ROW_RADIUS","justifyContent","hover","selected","IS_WEB","transitionProperty","transitionDuration","backgroundColor","jsxs","View","webDataSet","bloomChatRow","children","jsx","RowLink","onPressedChange","undefined","pointerEvents","importantForAccessibility","flexDirection","alignItems","paddingLeft","paddingHorizontal","paddingRight","width","avatar","RiArchiveLine","Math","round","fill","heading","flex","minWidth","marginLeft","gap","Text","variant","nameVariant","numberOfLines","color","text","UnreadBadge","size","ArchivedRow","exports","memo","displayName"],"sourceRoot":"../../../src","sources":["chat-list/ArchivedRow.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,154 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ChatFolderTabs = void 0;
+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 _adoptStyleSheet = require("../styles/adopt-style-sheet.js");
+var _useTheme = require("../theme/use-theme.js");
+var _index2 = 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); }
+/**
+ * All / Unread / Groups / Channels / Bots, with each folder's unread count.
+ *
+ * A horizontally scrolling tablist: the selected tab's label takes the text
+ * colour and a 2px accent underline sits under it, flush with the strip's
+ * hairline. Hover is a colour change only.
+ *
+ * WHY NOT `CategoryBar`. The two look adjacent and are not: `CategoryBar` is an
+ * ICON over a label (its `icon` is required, and it sizes and tints it), it
+ * carries no per-item count, and it marks the selection with a heavier label
+ * rather than an underline. Adding a badge slot and an icon-less mode to it
+ * would make one component answer two shapes; this is 90 lines and says what it
+ * is. Both are `role="tablist"`, so an app that wants stays-style icon
+ * categories still has one.
+ *
+ * ACCESSIBILITY: `role="tablist"` named by `accessibilityLabel`; each tab is a
+ * `role="tab"` carrying BOTH `aria-selected` (which is all react-native-web
+ * reads) and `accessibilityState.selected` (which is all React Native reads),
+ * and a name that includes the count — "Unread, 12 unread" — because the badge
+ * is a number with no label of its own.
+ */
+
+const TAB_HEIGHT = 44;
+const UNDERLINE = 2;
+function ChatFolderTabsComponent({
+  folders,
+  value,
+  defaultValue,
+  onValueChange,
+  accessibilityLabel,
+  gap = 4,
+  paddingHorizontal = 8,
+  divider = true,
+  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 [inner, setInner] = (0, _react.useState)(defaultValue ?? folders[0]?.key ?? '');
+  const [hovered, setHovered] = (0, _react.useState)(null);
+  const selected = value ?? inner;
+  const select = key => {
+    if (value === undefined) setInner(key);
+    onValueChange?.(key);
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: [divider ? {
+      borderBottomWidth: 1,
+      borderBottomColor: paint.divider
+    } : null, style],
+    testID: testID,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ScrollView, {
+      ...(0, _webData.webDataSet)({
+        bloomChatScrollX: ''
+      }),
+      horizontal: true,
+      showsHorizontalScrollIndicator: false,
+      contentContainerStyle: {
+        flexDirection: 'row',
+        alignItems: 'flex-end',
+        gap,
+        paddingLeft: paddingHorizontal,
+        paddingRight: paddingHorizontal
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        role: "tablist",
+        accessibilityLabel: accessibilityLabel,
+        style: {
+          flexDirection: 'row',
+          gap
+        },
+        children: folders.map(folder => {
+          const active = folder.key === selected;
+          const showCount = (folder.unreadCount ?? 0) > 0;
+          const name = showCount ? `${folder.label}, ${folder.unreadCount} unread` : folder.label;
+          const tabStyle = {
+            height: TAB_HEIGHT,
+            paddingLeft: 12,
+            paddingRight: 12,
+            flexDirection: 'row',
+            alignItems: 'center',
+            gap: 6,
+            borderBottomWidth: UNDERLINE,
+            borderBottomColor: active ? paint.accent : 'transparent',
+            '--bloom-chat-ring': paint.ring,
+            ...(_shared.IS_WEB ? {
+              transitionProperty: 'border-color, color',
+              transitionDuration: '120ms'
+            } : null)
+          };
+          return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
+            ...(0, _webData.webDataSet)({
+              bloomChatFocusable: ''
+            }),
+            role: "tab",
+            accessibilityLabel: name,
+            "aria-selected": active,
+            accessibilityState: {
+              selected: active
+            },
+            onPress: () => select(folder.key),
+            onHoverIn: () => setHovered(folder.key),
+            onHoverOut: () => setHovered(current => current === folder.key ? null : current),
+            style: tabStyle,
+            testID: testID ? `${testID}-tab-${folder.key}` : undefined,
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Text, {
+              variant: active ? 'body-semibold' : 'body-medium',
+              numberOfLines: 1,
+              style: {
+                color: active || hovered === folder.key ? paint.text : paint.textMuted
+              },
+              children: folder.label
+            }), showCount ?
+            /*#__PURE__*/
+            // Hidden: the tab's own name already carries the count, and a
+            // badge that names itself makes the tab announce it twice.
+            (0, _jsxRuntime.jsx)(_reactNative.View, {
+              "aria-hidden": true,
+              importantForAccessibility: "no-hide-descendants",
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.UnreadBadge, {
+                count: folder.unreadCount,
+                muted: folder.muted ?? !active,
+                size: "small",
+                testID: testID ? `${testID}-count-${folder.key}` : undefined
+              })
+            }) : null]
+          }, folder.key);
+        })
+      })
+    })
+  });
+}
+const ChatFolderTabs = exports.ChatFolderTabs = /*#__PURE__*/(0, _react.memo)(ChatFolderTabsComponent);
+ChatFolderTabs.displayName = 'ChatFolderTabs';
+//# sourceMappingURL=ChatFolderTabs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_webData","_index","_adoptStyleSheet","_useTheme","_index2","_shared","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","TAB_HEIGHT","UNDERLINE","ChatFolderTabsComponent","folders","value","defaultValue","onValueChange","accessibilityLabel","gap","paddingHorizontal","divider","style","testID","theme","useTheme","useEffect","adoptStyleSheet","CHAT_LIST_STYLE_ID","CHAT_LIST_CSS","paint","useMemo","resolveChatListPaint","inner","setInner","useState","key","hovered","setHovered","selected","select","undefined","jsx","View","borderBottomWidth","borderBottomColor","children","ScrollView","webDataSet","bloomChatScrollX","horizontal","showsHorizontalScrollIndicator","contentContainerStyle","flexDirection","alignItems","paddingLeft","paddingRight","role","map","folder","active","showCount","unreadCount","name","label","tabStyle","height","accent","ring","IS_WEB","transitionProperty","transitionDuration","jsxs","Pressable","bloomChatFocusable","accessibilityState","onPress","onHoverIn","onHoverOut","current","Text","variant","numberOfLines","color","text","textMuted","importantForAccessibility","UnreadBadge","count","muted","size","ChatFolderTabs","exports","memo","displayName"],"sourceRoot":"../../../src","sources":["chat-list/ChatFolderTabs.tsx"],"mappings":"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","ignoreList":[]}