@oxy.so/bloom 2.8.0 → 2.10.0

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

@@ -0,0 +1,136 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TypingDots = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+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); }
+/**
+ * Three dots bouncing — someone is writing.
+ *
+ * Each dot lifts by 55% of its own diameter and fades from 0.45 to 1 over
+ * 900ms, staggered 150ms apart, so the group reads as a wave rather than a
+ * blink. Under reduced motion the dots stand still — fully opaque, since there
+ * is no movement left to explain a faint one: the row still says "typing", it
+ * just stops moving.
+ *
+ * Accessibility: with a `label` the whole thing is one `img` named by it
+ * ("Ana is typing…"), and the drawn text is hidden so the name is not read
+ * twice. WITHOUT a label it is decorative and hidden outright — three bouncing
+ * dots have nothing to announce, and a live region that says nothing is worse
+ * than silence.
+ */
+
+const PERIOD = 900;
+const STAGGER = 150;
+const REST_OPACITY = 0.45;
+function Dot({
+  size,
+  color,
+  delay,
+  animate
+}) {
+  const progress = (0, _reactNativeReanimated.useSharedValue)(0);
+  (0, _react.useEffect)(() => {
+    (0, _reactNativeReanimated.cancelAnimation)(progress);
+    if (!animate) {
+      progress.value = 0;
+      return;
+    }
+    const easing = _reactNativeReanimated.Easing.inOut(_reactNativeReanimated.Easing.quad);
+    progress.value = (0, _reactNativeReanimated.withDelay)(delay, (0, _reactNativeReanimated.withRepeat)((0, _reactNativeReanimated.withSequence)((0, _reactNativeReanimated.withTiming)(1, {
+      duration: PERIOD / 3,
+      easing
+    }), (0, _reactNativeReanimated.withTiming)(0, {
+      duration: PERIOD / 3,
+      easing
+    }), (0, _reactNativeReanimated.withTiming)(0, {
+      duration: PERIOD / 3,
+      easing
+    })), -1, false));
+    return () => (0, _reactNativeReanimated.cancelAnimation)(progress);
+  }, [animate, delay, progress]);
+
+  // Standing still at the ANIMATED resting opacity would leave a reduced-motion
+  // reader with three very faint dots and no movement to explain them, so the
+  // static form is fully opaque.
+  const animated = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
+    opacity: animate ? REST_OPACITY + progress.value * (1 - REST_OPACITY) : 1,
+    transform: [{
+      translateY: animate ? -progress.value * size * 0.55 : 0
+    }]
+  }), [animate, progress, size]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+    style: [{
+      width: size,
+      height: size,
+      borderRadius: size / 2,
+      backgroundColor: color
+    }, animated]
+  });
+}
+function TypingDotsComponent({
+  size = 6,
+  color,
+  label,
+  labelStyle,
+  style,
+  testID
+}) {
+  const theme = (0, _useTheme.useTheme)();
+  const paint = (0, _react.useMemo)(() => (0, _shared.resolveChatIndicatorPaint)(theme), [theme]);
+  const reducedMotion = (0, _reactNativeReanimated.useReducedMotion)();
+  const animate = !reducedMotion;
+  const dotColor = color ?? paint.textMuted;
+  const named = label != null && label !== '';
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    accessible: named,
+    "aria-hidden": named ? undefined : true,
+    accessibilityElementsHidden: !named,
+    importantForAccessibility: named ? 'yes' : 'no-hide-descendants',
+    role: named ? 'img' : undefined,
+    accessibilityLabel: named ? label : undefined,
+    style: [{
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: Math.max(4, Math.round(size * 0.9))
+    }, style],
+    testID: testID,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        // The lift needs headroom, or the top of a dot is clipped by a parent
+        // with `overflow: hidden`.
+        height: Math.ceil(size * 1.55),
+        gap: Math.max(2, Math.round(size * 0.5))
+      },
+      children: [0, 1, 2].map(index => /*#__PURE__*/(0, _jsxRuntime.jsx)(Dot, {
+        size: size,
+        color: dotColor,
+        delay: index * STAGGER,
+        animate: animate
+      }, index))
+    }), named ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Text, {
+      variant: "caption-1-regular",
+      importantForAccessibility: "no",
+      accessibilityElementsHidden: true,
+      "aria-hidden": true,
+      numberOfLines: 1,
+      style: [{
+        color: paint.textMuted
+      }, labelStyle],
+      children: label
+    }) : null]
+  });
+}
+const TypingDots = exports.TypingDots = /*#__PURE__*/(0, _react.memo)(TypingDotsComponent);
+TypingDots.displayName = 'TypingDots';
+//# sourceMappingURL=TypingDots.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_useTheme","_index","_shared","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","PERIOD","STAGGER","REST_OPACITY","Dot","size","color","delay","animate","progress","useSharedValue","useEffect","cancelAnimation","value","easing","Easing","inOut","quad","withDelay","withRepeat","withSequence","withTiming","duration","animated","useAnimatedStyle","opacity","transform","translateY","jsx","View","style","width","height","borderRadius","backgroundColor","TypingDotsComponent","label","labelStyle","testID","theme","useTheme","paint","useMemo","resolveChatIndicatorPaint","reducedMotion","useReducedMotion","dotColor","textMuted","named","jsxs","accessible","undefined","accessibilityElementsHidden","importantForAccessibility","role","accessibilityLabel","flexDirection","alignItems","gap","Math","max","round","children","ceil","map","index","Text","variant","numberOfLines","TypingDots","exports","memo","displayName"],"sourceRoot":"../../../src","sources":["chat-indicators/TypingDots.tsx"],"mappings":"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","ignoreList":[]}

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":[]}