@oxy.so/bloom 5.1.0 → 5.2.0

package/lib/commonjs/chat-composer/MessageContextMenu.web.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MessageContextMenu = void 0;
+var _indexWeb = require("../dropdown-menu/index.web.js");
+var _ReactionPickerWeb = require("./ReactionPicker.web.js");
+var _createMessageContextMenu = require("./create-message-context-menu.js");
+const MessageContextMenu = exports.MessageContextMenu = (0, _createMessageContextMenu.createMessageContextMenu)({
+  DropdownMenu: _indexWeb.DropdownMenu,
+  DropdownMenuContent: _indexWeb.DropdownMenuContent,
+  DropdownMenuItem: _indexWeb.DropdownMenuItem,
+  DropdownMenuSeparator: _indexWeb.DropdownMenuSeparator,
+  DropdownMenuShortcut: _indexWeb.DropdownMenuShortcut,
+  DropdownMenuTrigger: _indexWeb.DropdownMenuTrigger,
+  ReactionPicker: _ReactionPickerWeb.ReactionPicker
+});
+//# sourceMappingURL=MessageContextMenu.web.js.map

package/lib/commonjs/chat-composer/MessageContextMenu.web.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_indexWeb","require","_ReactionPickerWeb","_createMessageContextMenu","MessageContextMenu","exports","createMessageContextMenu","DropdownMenu","DropdownMenuContent","DropdownMenuItem","DropdownMenuSeparator","DropdownMenuShortcut","DropdownMenuTrigger","ReactionPicker"],"sourceRoot":"../../../src","sources":["chat-composer/MessageContextMenu.web.tsx"],"mappings":";;;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AAQA,IAAAC,kBAAA,GAAAD,OAAA;AACA,IAAAE,yBAAA,GAAAF,OAAA;AAEO,MAAMG,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAG,IAAAE,kDAAwB,EAAC;EAAEC,YAAY,EAAZA,sBAAY;EAAEC,mBAAmB,EAAnBA,6BAAmB;EAAEC,gBAAgB,EAAhBA,0BAAgB;EAAEC,qBAAqB,EAArBA,+BAAqB;EAAEC,oBAAoB,EAApBA,8BAAoB;EAAEC,mBAAmB,EAAnBA,6BAAmB;EAAEC,cAAc,EAAdA;AAAe,CAAC,CAAC","ignoreList":[]}

package/lib/commonjs/chat-composer/ReactionPicker.js

@@ -3,113 +3,12 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ReactionPicker = ReactionPicker;
-var _surfaceLevels = require("../styles/surface-levels.js");
-var _useCardFill = require("../card/use-card-fill.js");
+exports.ReactionPicker = void 0;
 var _surface = require("../surface");
-var _react = _interopRequireDefault(require("react"));
-var _reactNative = require("react-native");
 var _button = require("../button");
-var _RiAddLine = require("../icons/remix/RiAddLine.js");
-var _useTheme = require("../theme/use-theme.js");
-var _index = require("../typography/index.js");
-var _shared = require("./shared.js");
-var _webHooks = require("./web-hooks.js");
-var _messages = require("../locale/messages.js");
-var _messages2 = require("./messages.js");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-/**
- * The quick reaction bar: six glyphs and a "+" that hands over to the full
- * `EmojiPicker`. It is its own part rather than a mode of the picker because it
- * is shown in a different place (over a message, above its menu) and must stay
- * one row tall at 390px.
- */
-
-const BOX = {
-  small: 30,
-  medium: 36
-};
-const GLYPH = {
-  small: 'title-3-regular',
-  medium: 'title-2-regular'
-};
-function ReactionPicker({
-  emojis = _shared.REACTION_PICKER_EMOJIS,
-  selected,
-  onSelectEmoji,
-  onMorePress,
-  moreLabel: moreLabelProp,
-  size = 'medium',
-  surface = true,
-  style,
-  testID,
-  accessibilityLabel: accessibilityLabelProp,
-  emojiLabel
-}) {
-  const theme = (0, _useTheme.useTheme)();
-  const raisedFill = (0, _useCardFill.useCardFill)(style);
-  const parentFill = (0, _surfaceLevels.useSurfaceFill)();
-  const palette = (0, _shared.resolveChatComposerPalette)(theme, surface ? raisedFill : parentFill);
-  const {
-    messages
-  } = (0, _messages.useMessages)(_messages2.CHAT_COMPOSER_MESSAGES);
-  const moreLabel = moreLabelProp ?? messages.moreReactions;
-  const accessibilityLabel = accessibilityLabelProp ?? messages.quickReactions;
-  (0, _webHooks.useChatComposerWebCss)();
-  const box = BOX[size];
-  const Container = surface ? _surface.Surface : _reactNative.View;
-  const bar = {
-    flexDirection: 'row',
-    alignItems: 'center',
-    gap: 2,
-    alignSelf: 'flex-start',
-    borderRadius: 9999,
-    paddingLeft: 4,
-    paddingRight: 4,
-    paddingTop: 4,
-    paddingBottom: 4,
-    '--bloom-chat-composer-ring': palette.focusRing
-  };
-  const cell = {
-    width: box,
-    height: box,
-    minWidth: box,
-    minHeight: box,
-    flexShrink: 0,
-    padding: 0,
-    borderRadius: 9999
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Container, {
-    accessibilityLabel: accessibilityLabel,
-    style: [bar, style],
-    testID: testID,
-    children: [emojis.map(emoji => {
-      const active = selected === emoji;
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.Button, {
-        appearance: "plain",
-        tone: active ? 'accent' : 'neutral',
-        accessibilityLabel: emojiLabel ? emojiLabel(emoji) : emoji,
-        pressed: active,
-        onPress: () => onSelectEmoji?.(emoji),
-        style: cell,
-        testID: testID ? `${testID}-${emoji}` : undefined,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Text, {
-          variant: GLYPH[size],
-          children: emoji
-        })
-      }, emoji);
-    }), onMorePress ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.Button, {
-      appearance: "subtle",
-      tone: "neutral",
-      accessibilityLabel: moreLabel,
-      onPress: onMorePress,
-      iconOnly: true,
-      icon: _RiAddLine.RiAddLine,
-      iconSize: 18,
-      style: cell,
-      testID: testID ? `${testID}-more` : undefined
-    }) : null]
-  });
-}
+var _createReactionPicker = require("./create-reaction-picker.js");
+const ReactionPicker = exports.ReactionPicker = (0, _createReactionPicker.createReactionPicker)({
+  Surface: _surface.Surface,
+  Button: _button.Button
+});
 //# sourceMappingURL=ReactionPicker.js.map

package/lib/commonjs/chat-composer/ReactionPicker.js.map

@@ -1 +1 @@
-{"version":3,"names":["_surfaceLevels","require","_useCardFill","_surface","_react","_interopRequireDefault","_reactNative","_button","_RiAddLine","_useTheme","_index","_shared","_webHooks","_messages","_messages2","_jsxRuntime","e","__esModule","default","BOX","small","medium","GLYPH","ReactionPicker","emojis","REACTION_PICKER_EMOJIS","selected","onSelectEmoji","onMorePress","moreLabel","moreLabelProp","size","surface","style","testID","accessibilityLabel","accessibilityLabelProp","emojiLabel","theme","useTheme","raisedFill","useCardFill","parentFill","useSurfaceFill","palette","resolveChatComposerPalette","messages","useMessages","CHAT_COMPOSER_MESSAGES","moreReactions","quickReactions","useChatComposerWebCss","box","Container","Surface","View","bar","flexDirection","alignItems","gap","alignSelf","borderRadius","paddingLeft","paddingRight","paddingTop","paddingBottom","focusRing","cell","width","height","minWidth","minHeight","flexShrink","padding","jsxs","children","map","emoji","active","jsx","Button","appearance","tone","pressed","onPress","undefined","Text","variant","iconOnly","icon","RiAddLine","iconSize"],"sourceRoot":"../../../src","sources":["chat-composer/ReactionPicker.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_surface","require","_button","_createReactionPicker","ReactionPicker","exports","createReactionPicker","Surface","Button"],"sourceRoot":"../../../src","sources":["chat-composer/ReactionPicker.tsx"],"mappings":";;;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,qBAAA,GAAAF,OAAA;AAEO,MAAMG,cAAc,GAAAC,OAAA,CAAAD,cAAA,GAAG,IAAAE,0CAAoB,EAAC;EAAEC,OAAO,EAAPA,gBAAO;EAAEC,MAAM,EAANA;AAAO,CAAC,CAAC","ignoreList":[]}

package/lib/commonjs/chat-composer/ReactionPicker.web.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ReactionPicker = void 0;
+var _indexWeb = require("../surface/index.web.js");
+var _indexWeb2 = require("../button/index.web.js");
+var _createReactionPicker = require("./create-reaction-picker.js");
+const ReactionPicker = exports.ReactionPicker = (0, _createReactionPicker.createReactionPicker)({
+  Surface: _indexWeb.Surface,
+  Button: _indexWeb2.Button
+});
+//# sourceMappingURL=ReactionPicker.web.js.map

package/lib/commonjs/chat-composer/ReactionPicker.web.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_indexWeb","require","_indexWeb2","_createReactionPicker","ReactionPicker","exports","createReactionPicker","Surface","Button"],"sourceRoot":"../../../src","sources":["chat-composer/ReactionPicker.web.tsx"],"mappings":";;;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AACA,IAAAE,qBAAA,GAAAF,OAAA;AAEO,MAAMG,cAAc,GAAAC,OAAA,CAAAD,cAAA,GAAG,IAAAE,0CAAoB,EAAC;EAAEC,OAAO,EAAPA,iBAAO;EAAEC,MAAM,EAANA;AAAO,CAAC,CAAC","ignoreList":[]}

package/lib/commonjs/chat-composer/SuggestionList.js

@@ -3,227 +3,10 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.SuggestionList = SuggestionList;
-var _surfaceLevels = require("../styles/surface-levels.js");
-var _useCardFill = require("../card/use-card-fill.js");
+exports.SuggestionList = void 0;
 var _surface = require("../surface");
-var _react = _interopRequireDefault(require("react"));
-var _reactNative = require("react-native");
-var _RiHashtag = require("../icons/remix/RiHashtag.js");
-var _context = require("../image-resolver/context.js");
-var _messages = require("../locale/messages.js");
-var _useTheme = require("../theme/use-theme.js");
-var _index = require("../typography/index.js");
-var _shared = require("./shared.js");
-var _messages2 = require("./messages.js");
-var _webHooks = require("./web-hooks.js");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-/**
- * The anchored list above the composer: `@mention`, `/command` and `:shortcode`
- * are ONE part with a `kind`, because the row geometry, the keyboard model and
- * the announced role are identical — only the leading slot differs.
- *
- * It is a listbox the composer's field OWNS: `activeIndex` arrives as a prop and
- * the arrow keys are handled on the input, never here. A list that kept its own
- * highlight would fight the field for it the first time a pointer moved.
- */
-
-function isUrl(value) {
-  return /^(https?:)?\/\//.test(value) || value.startsWith('data:') || value.startsWith('file:');
-}
-function Leading({
-  kind,
-  suggestion
-}) {
-  const theme = (0, _useTheme.useTheme)();
-  const palette = (0, _shared.resolveChatComposerPalette)(theme, (0, _surfaceLevels.useSurfaceFill)());
-  const resolveImage = (0, _context.useImageResolver)();
-  if (kind === 'emoji') {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Text, {
-      variant: "title-2-regular",
-      style: {
-        width: 28,
-        textAlign: 'center'
-      },
-      children: suggestion.emoji ?? suggestion.label
-    });
-  }
-  if (kind === 'mention') {
-    const uri = suggestion.avatar === undefined ? undefined : isUrl(suggestion.avatar) ? suggestion.avatar : resolveImage?.(suggestion.avatar, 'thumb');
-    return uri ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Image, {
-      source: {
-        uri
-      },
-      accessibilityIgnoresInvertColors: true,
-      style: {
-        width: 28,
-        height: 28,
-        borderRadius: 14,
-        backgroundColor: palette.inset
-      }
-    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: {
-        width: 28,
-        height: 28,
-        borderRadius: 14,
-        backgroundColor: palette.inset,
-        alignItems: 'center',
-        justifyContent: 'center'
-      },
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Text, {
-        variant: "body-2-medium",
-        style: {
-          color: palette.textSecondary
-        },
-        children: suggestion.label.slice(0, 1).toUpperCase()
-      })
-    });
-  }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-    style: {
-      width: 28,
-      height: 28,
-      borderRadius: 8,
-      backgroundColor: palette.inset,
-      alignItems: 'center',
-      justifyContent: 'center'
-    },
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_RiHashtag.RiHashtag, {
-      width: 16,
-      height: 16,
-      fill: palette.iconSecondary
-    })
-  });
-}
-function SuggestionList({
-  kind,
-  suggestions,
-  activeIndex = -1,
-  onSelectSuggestion,
-  onActiveIndexChange,
-  header,
-  maxHeight = _shared.SUGGESTION_MAX_HEIGHT,
-  style,
-  testID,
-  accessibilityLabel
-}) {
-  const theme = (0, _useTheme.useTheme)();
-  const palette = (0, _shared.resolveChatComposerPalette)(theme, (0, _useCardFill.useCardFill)(style));
-  const {
-    messages
-  } = (0, _messages.useMessages)(_messages2.CHAT_COMPOSER_MESSAGES);
-  if (suggestions.length === 0) return null;
-
-  // React Native's `Role` union has no `listbox`; react-native-web passes the
-  // DOM `role` straight through, so it travels as a web-only prop.
-  const listRole = _webHooks.IS_WEB ? {
-    role: 'listbox'
-  } : {
-    accessibilityRole: 'list'
-  };
-  const panel = {
-    borderRadius: _shared.PANEL_RADIUS,
-    paddingTop: 6,
-    paddingBottom: 6,
-    paddingLeft: 6,
-    paddingRight: 6
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_surface.Surface, {
-    style: [panel, style],
-    testID: testID,
-    children: [header ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Text, {
-      variant: "caption-1-medium",
-      style: {
-        color: palette.textSecondary,
-        paddingLeft: 8,
-        paddingRight: 8,
-        paddingTop: 2,
-        paddingBottom: 6
-      },
-      children: header
-    }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ScrollView, {
-      ...(0, _webHooks.dataHook)('bloomChatComposerScroll'),
-      ...listRole,
-      accessibilityLabel: accessibilityLabel ?? messages.suggestions[kind],
-      style: {
-        maxHeight
-      },
-      showsVerticalScrollIndicator: false,
-      children: suggestions.map((suggestion, index) => {
-        const active = index === activeIndex;
-        const row = {
-          flexDirection: 'row',
-          alignItems: 'center',
-          gap: 10,
-          minHeight: _shared.SUGGESTION_ROW_HEIGHT,
-          borderRadius: 10,
-          paddingLeft: 8,
-          paddingRight: 8,
-          paddingTop: 6,
-          paddingBottom: 6,
-          opacity: suggestion.disabled ? 0.5 : 1,
-          backgroundColor: active ? palette.hover : 'transparent',
-          cursor: suggestion.disabled ? 'auto' : 'pointer',
-          '--bloom-chat-composer-ring': palette.focusRing
-        };
-        const name = suggestion.handle ? `${suggestion.label} ${suggestion.handle}` : suggestion.label;
-        return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
-          ...(0, _webHooks.dataHook)('bloomChatComposerRow'),
-          role: "option",
-          accessibilityLabel: name,
-          "aria-selected": active,
-          accessibilityState: {
-            selected: active,
-            disabled: suggestion.disabled
-          },
-          disabled: suggestion.disabled,
-          onPress: () => onSelectSuggestion?.(suggestion, index),
-          onHoverIn: () => onActiveIndexChange?.(index),
-          style: row,
-          testID: testID ? `${testID}-row-${suggestion.id}` : undefined,
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Leading, {
-            kind: kind,
-            suggestion: suggestion
-          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-            style: {
-              flexShrink: 1,
-              flexGrow: 1
-            },
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-              style: {
-                flexDirection: 'row',
-                alignItems: 'baseline',
-                gap: 6
-              },
-              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Text, {
-                variant: "body-medium",
-                numberOfLines: 1,
-                style: {
-                  color: palette.text
-                },
-                children: suggestion.label
-              }), suggestion.handle ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Text, {
-                variant: "body-2-regular",
-                numberOfLines: 1,
-                style: {
-                  color: palette.textSecondary,
-                  flexShrink: 1
-                },
-                children: suggestion.handle
-              }) : null]
-            }), suggestion.description ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Text, {
-              variant: "caption-1-regular",
-              numberOfLines: 1,
-              style: {
-                color: palette.textPlaceholder
-              },
-              children: suggestion.description
-            }) : null]
-          })]
-        }, suggestion.id);
-      })
-    })]
-  });
-}
+var _createSuggestionList = require("./create-suggestion-list.js");
+const SuggestionList = exports.SuggestionList = (0, _createSuggestionList.createSuggestionList)({
+  Surface: _surface.Surface
+});
 //# sourceMappingURL=SuggestionList.js.map

package/lib/commonjs/chat-composer/SuggestionList.js.map

@@ -1 +1 @@
-{"version":3,"names":["_surfaceLevels","require","_useCardFill","_surface","_react","_interopRequireDefault","_reactNative","_RiHashtag","_context","_messages","_useTheme","_index","_shared","_messages2","_webHooks","_jsxRuntime","e","__esModule","default","isUrl","value","test","startsWith","Leading","kind","suggestion","theme","useTheme","palette","resolveChatComposerPalette","useSurfaceFill","resolveImage","useImageResolver","jsx","Text","variant","style","width","textAlign","children","emoji","label","uri","avatar","undefined","Image","source","accessibilityIgnoresInvertColors","height","borderRadius","backgroundColor","inset","View","alignItems","justifyContent","color","textSecondary","slice","toUpperCase","RiHashtag","fill","iconSecondary","SuggestionList","suggestions","activeIndex","onSelectSuggestion","onActiveIndexChange","header","maxHeight","SUGGESTION_MAX_HEIGHT","testID","accessibilityLabel","useCardFill","messages","useMessages","CHAT_COMPOSER_MESSAGES","length","listRole","IS_WEB","role","accessibilityRole","panel","PANEL_RADIUS","paddingTop","paddingBottom","paddingLeft","paddingRight","jsxs","Surface","ScrollView","dataHook","showsVerticalScrollIndicator","map","index","active","row","flexDirection","gap","minHeight","SUGGESTION_ROW_HEIGHT","opacity","disabled","hover","cursor","focusRing","name","handle","Pressable","accessibilityState","selected","onPress","onHoverIn","id","flexShrink","flexGrow","numberOfLines","text","description","textPlaceholder"],"sourceRoot":"../../../src","sources":["chat-composer/SuggestionList.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_surface","require","_createSuggestionList","SuggestionList","exports","createSuggestionList","Surface"],"sourceRoot":"../../../src","sources":["chat-composer/SuggestionList.tsx"],"mappings":";;;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,qBAAA,GAAAD,OAAA;AAEO,MAAME,cAAc,GAAAC,OAAA,CAAAD,cAAA,GAAG,IAAAE,0CAAoB,EAAC;EAAEC,OAAO,EAAPA;AAAQ,CAAC,CAAC","ignoreList":[]}

package/lib/commonjs/chat-composer/SuggestionList.web.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SuggestionList = void 0;
+var _indexWeb = require("../surface/index.web.js");
+var _createSuggestionList = require("./create-suggestion-list.js");
+const SuggestionList = exports.SuggestionList = (0, _createSuggestionList.createSuggestionList)({
+  Surface: _indexWeb.Surface
+});
+//# sourceMappingURL=SuggestionList.web.js.map

package/lib/commonjs/chat-composer/SuggestionList.web.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_indexWeb","require","_createSuggestionList","SuggestionList","exports","createSuggestionList","Surface"],"sourceRoot":"../../../src","sources":["chat-composer/SuggestionList.web.tsx"],"mappings":";;;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AACA,IAAAC,qBAAA,GAAAD,OAAA;AAEO,MAAME,cAAc,GAAAC,OAAA,CAAAD,cAAA,GAAG,IAAAE,0CAAoB,EAAC;EAAEC,OAAO,EAAPA;AAAQ,CAAC,CAAC","ignoreList":[]}