stream-chat-react-native-core 3.10.2 → 4.0.0-beta.4

package/lib/module/components/AutoCompleteInput/AutoCompleteSuggestionHeader.js

@@ -0,0 +1,145 @@
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AutoCompleteSuggestionHeader = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactNative = require("react-native");
+
+var _ThemeContext = require("../../contexts/themeContext/ThemeContext");
+
+var _TranslationContext = require("../../contexts/translationContext/TranslationContext");
+
+var _Lightning = require("../../icons/Lightning");
+
+var _Smile = require("../../icons/Smile");
+
+var _this = this,
+    _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/AutoCompleteInput/AutoCompleteSuggestionHeader.tsx";
+
+var styles = _reactNative.StyleSheet.create({
+  container: {
+    alignItems: 'center',
+    flexDirection: 'row',
+    padding: 8
+  },
+  title: {
+    fontSize: 14,
+    paddingLeft: 8
+  }
+});
+
+var AutoCompleteSuggestionHeaderWithContext = function AutoCompleteSuggestionHeaderWithContext(_ref) {
+  var queryText = _ref.queryText,
+      triggerType = _ref.triggerType;
+
+  var _useTranslationContex = (0, _TranslationContext.useTranslationContext)(),
+      t = _useTranslationContex.t;
+
+  var _useTheme = (0, _ThemeContext.useTheme)(),
+      _useTheme$theme = _useTheme.theme,
+      _useTheme$theme$color = _useTheme$theme.colors,
+      accent_blue = _useTheme$theme$color.accent_blue,
+      grey = _useTheme$theme$color.grey,
+      _useTheme$theme$messa = _useTheme$theme.messageInput.suggestions.header,
+      container = _useTheme$theme$messa.container,
+      title = _useTheme$theme$messa.title;
+
+  if (triggerType === 'command') {
+    return _react["default"].createElement(_reactNative.View, {
+      style: [styles.container, container],
+      __self: _this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 50,
+        columnNumber: 7
+      }
+    }, _react["default"].createElement(_Lightning.Lightning, {
+      pathFill: accent_blue,
+      __self: _this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 51,
+        columnNumber: 9
+      }
+    }), _react["default"].createElement(_reactNative.Text, {
+      style: [styles.title, {
+        color: grey
+      }, title],
+      testID: "commands-header-title",
+      __self: _this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 52,
+        columnNumber: 9
+      }
+    }, t('Instant Commands')));
+  } else if (triggerType === 'emoji') {
+    return _react["default"].createElement(_reactNative.View, {
+      style: [styles.container, container],
+      __self: _this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 59,
+        columnNumber: 7
+      }
+    }, _react["default"].createElement(_Smile.Smile, {
+      pathFill: accent_blue,
+      __self: _this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 60,
+        columnNumber: 9
+      }
+    }), _react["default"].createElement(_reactNative.Text, {
+      style: [styles.title, {
+        color: grey
+      }, title],
+      testID: "emojis-header-title",
+      __self: _this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 61,
+        columnNumber: 9
+      }
+    }, t('Emoji matching') + ' "' + queryText + '"'));
+  } else if (triggerType === 'mention') {
+    return null;
+  } else {
+    return null;
+  }
+};
+
+var areEqual = function areEqual(prevProps, nextProps) {
+  var prevQueryText = prevProps.queryText,
+      prevType = prevProps.triggerType;
+  var nextQueryText = nextProps.queryText,
+      nextType = nextProps.triggerType;
+  var typeEqual = prevType === nextType;
+  if (!typeEqual) return false;
+  var valueEqual = prevQueryText === nextQueryText;
+  if (!valueEqual) return false;
+  return true;
+};
+
+var MemoizedAutoCompleteSuggestionHeader = _react["default"].memo(AutoCompleteSuggestionHeaderWithContext, areEqual);
+
+var AutoCompleteSuggestionHeader = function AutoCompleteSuggestionHeader(props) {
+  return _react["default"].createElement(MemoizedAutoCompleteSuggestionHeader, (0, _extends2["default"])({}, props, {
+    __self: _this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 106,
+      columnNumber: 6
+    }
+  }));
+};
+
+exports.AutoCompleteSuggestionHeader = AutoCompleteSuggestionHeader;
+AutoCompleteSuggestionHeader.displayName = 'AutoCompleteSuggestionHeader{messageInput{suggestions{Header}}}';
+//# sourceMappingURL=AutoCompleteSuggestionHeader.js.map

package/lib/module/components/AutoCompleteInput/AutoCompleteSuggestionHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["AutoCompleteSuggestionHeader.tsx"],"names":["styles","StyleSheet","create","container","alignItems","flexDirection","padding","title","fontSize","paddingLeft","AutoCompleteSuggestionHeaderWithContext","queryText","triggerType","t","theme","colors","accent_blue","grey","messageInput","suggestions","header","color","areEqual","prevProps","nextProps","prevQueryText","prevType","nextQueryText","nextType","typeEqual","valueEqual","MemoizedAutoCompleteSuggestionHeader","React","memo","AutoCompleteSuggestionHeader","props","displayName"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { StyleSheet, Text, View } from 'react-native';\n\nimport type { SuggestionsContextValue } from '../../contexts/suggestionsContext/SuggestionsContext';\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\nimport { useTranslationContext } from '../../contexts/translationContext/TranslationContext';\n\nimport { Lightning } from '../../icons/Lightning';\nimport { Smile } from '../../icons/Smile';\nimport type { DefaultCommandType, DefaultUserType, UnknownType } from '../../types/types';\n\nexport type AutoCompleteSuggestionHeaderPropsWithContext<\n  Co extends string = DefaultCommandType,\n  Us extends UnknownType = DefaultUserType,\n> = Pick<SuggestionsContextValue<Co, Us>, 'triggerType' | 'queryText'>;\n\nconst styles = StyleSheet.create({\n  container: {\n    alignItems: 'center',\n    flexDirection: 'row',\n    padding: 8,\n  },\n  title: {\n    fontSize: 14,\n    paddingLeft: 8,\n  },\n});\n\nconst AutoCompleteSuggestionHeaderWithContext = <\n  Co extends string = DefaultCommandType,\n  Us extends DefaultUserType = DefaultUserType,\n>({\n  queryText,\n  triggerType,\n}: AutoCompleteSuggestionHeaderPropsWithContext<Co, Us>) => {\n  const { t } = useTranslationContext();\n  const {\n    theme: {\n      colors: { accent_blue, grey },\n      messageInput: {\n        suggestions: {\n          header: { container, title },\n        },\n      },\n    },\n  } = useTheme();\n\n  if (triggerType === 'command') {\n    return (\n      <View style={[styles.container, container]}>\n        <Lightning pathFill={accent_blue} />\n        <Text style={[styles.title, { color: grey }, title]} testID='commands-header-title'>\n          {t('Instant Commands')}\n        </Text>\n      </View>\n    );\n  } else if (triggerType === 'emoji') {\n    return (\n      <View style={[styles.container, container]}>\n        <Smile pathFill={accent_blue} />\n        <Text style={[styles.title, { color: grey }, title]} testID='emojis-header-title'>\n          {t('Emoji matching') + ' \"' + queryText + '\"'}\n        </Text>\n      </View>\n    );\n  } else if (triggerType === 'mention') {\n    return null;\n  } else {\n    return null;\n  }\n};\n\nconst areEqual = <\n  Co extends string = DefaultCommandType,\n  Us extends DefaultUserType = DefaultUserType,\n>(\n  prevProps: AutoCompleteSuggestionHeaderPropsWithContext<Co, Us>,\n  nextProps: AutoCompleteSuggestionHeaderPropsWithContext<Co, Us>,\n) => {\n  const { queryText: prevQueryText, triggerType: prevType } = prevProps;\n  const { queryText: nextQueryText, triggerType: nextType } = nextProps;\n\n  const typeEqual = prevType === nextType;\n  if (!typeEqual) return false;\n\n  const valueEqual = prevQueryText === nextQueryText;\n  if (!valueEqual) return false;\n  return true;\n};\n\nconst MemoizedAutoCompleteSuggestionHeader = React.memo(\n  AutoCompleteSuggestionHeaderWithContext,\n  areEqual,\n) as typeof AutoCompleteSuggestionHeaderWithContext;\n\nexport type AutoCompleteSuggestionHeaderProps<\n  Co extends string = DefaultCommandType,\n  Us extends DefaultUserType = DefaultUserType,\n> = AutoCompleteSuggestionHeaderPropsWithContext<Co, Us>;\n\nexport const AutoCompleteSuggestionHeader = <\n  Co extends string = DefaultCommandType,\n  Us extends DefaultUserType = DefaultUserType,\n>(\n  props: AutoCompleteSuggestionHeaderProps<Co, Us>,\n) => <MemoizedAutoCompleteSuggestionHeader {...props} />;\n\nAutoCompleteSuggestionHeader.displayName =\n  'AutoCompleteSuggestionHeader{messageInput{suggestions{Header}}}';\n"]}

package/lib/module/components/AutoCompleteInput/AutoCompleteSuggestionItem.js

@@ -0,0 +1,248 @@
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AutoCompleteSuggestionItem = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactNative = require("react-native");
+
+var _AutoCompleteSuggestionCommandIcon = require("./AutoCompleteSuggestionCommandIcon");
+
+var _ThemeContext = require("../../contexts/themeContext/ThemeContext");
+
+var _AtMentions = require("../../icons/AtMentions");
+
+var _Avatar = require("../Avatar/Avatar");
+
+var _this = this,
+    _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/AutoCompleteInput/AutoCompleteSuggestionItem.tsx";
+
+var styles = _reactNative.StyleSheet.create({
+  args: {
+    fontSize: 14
+  },
+  column: {
+    flex: 1,
+    justifyContent: 'space-evenly',
+    paddingLeft: 8
+  },
+  container: {
+    alignItems: 'center',
+    flexDirection: 'row',
+    paddingHorizontal: 16,
+    paddingVertical: 8
+  },
+  name: {
+    fontSize: 14,
+    fontWeight: 'bold',
+    paddingBottom: 2
+  },
+  tag: {
+    fontSize: 12,
+    fontWeight: '600'
+  },
+  text: {
+    fontSize: 14
+  },
+  title: {
+    fontSize: 14,
+    fontWeight: 'bold',
+    paddingRight: 8
+  }
+});
+
+var AutoCompleteSuggestionItemWithContext = function AutoCompleteSuggestionItemWithContext(_ref) {
+  var itemProps = _ref.itemProps,
+      triggerType = _ref.triggerType;
+
+  var _useTheme = (0, _ThemeContext.useTheme)(),
+      _useTheme$theme = _useTheme.theme,
+      _useTheme$theme$color = _useTheme$theme.colors,
+      accent_blue = _useTheme$theme$color.accent_blue,
+      black = _useTheme$theme$color.black,
+      grey = _useTheme$theme$color.grey,
+      _useTheme$theme$messa = _useTheme$theme.messageInput.suggestions,
+      _useTheme$theme$messa2 = _useTheme$theme$messa.command,
+      argsStyle = _useTheme$theme$messa2.args,
+      commandContainer = _useTheme$theme$messa2.container,
+      title = _useTheme$theme$messa2.title,
+      _useTheme$theme$messa3 = _useTheme$theme$messa.emoji,
+      emojiContainer = _useTheme$theme$messa3.container,
+      text = _useTheme$theme$messa3.text,
+      _useTheme$theme$messa4 = _useTheme$theme$messa.mention,
+      avatarSize = _useTheme$theme$messa4.avatarSize,
+      column = _useTheme$theme$messa4.column,
+      mentionContainer = _useTheme$theme$messa4.container,
+      nameStyle = _useTheme$theme$messa4.name;
+
+  if (triggerType === 'mention') {
+    var _ref2 = itemProps,
+        id = _ref2.id,
+        image = _ref2.image,
+        name = _ref2.name,
+        online = _ref2.online;
+    return _react["default"].createElement(_reactNative.View, {
+      style: [styles.container, mentionContainer],
+      __self: _this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 82,
+        columnNumber: 7
+      }
+    }, _react["default"].createElement(_Avatar.Avatar, {
+      image: image,
+      name: name,
+      online: online,
+      size: avatarSize,
+      __self: _this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 83,
+        columnNumber: 9
+      }
+    }), _react["default"].createElement(_reactNative.View, {
+      style: [styles.column, column],
+      __self: _this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 84,
+        columnNumber: 9
+      }
+    }, _react["default"].createElement(_reactNative.Text, {
+      style: [styles.name, {
+        color: black
+      }, nameStyle],
+      testID: "mentions-item-name",
+      __self: _this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 85,
+        columnNumber: 11
+      }
+    }, name || id)), _react["default"].createElement(_AtMentions.AtMentions, {
+      pathFill: accent_blue,
+      __self: _this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 89,
+        columnNumber: 9
+      }
+    }));
+  } else if (triggerType === 'emoji') {
+    var _ref3 = itemProps,
+        _name = _ref3.name,
+        unicode = _ref3.unicode;
+    return _react["default"].createElement(_reactNative.View, {
+      style: [styles.container, emojiContainer],
+      __self: _this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 95,
+        columnNumber: 7
+      }
+    }, _react["default"].createElement(_reactNative.Text, {
+      style: [styles.text, {
+        color: black
+      }, text],
+      testID: "emojis-item-unicode",
+      __self: _this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 96,
+        columnNumber: 9
+      }
+    }, unicode), _react["default"].createElement(_reactNative.Text, {
+      style: [styles.text, {
+        color: black
+      }, text],
+      testID: "emojis-item-name",
+      __self: _this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 99,
+        columnNumber: 9
+      }
+    }, " " + _name));
+  } else if (triggerType === 'command') {
+    var _ref4 = itemProps,
+        args = _ref4.args,
+        _name2 = _ref4.name;
+    return _react["default"].createElement(_reactNative.View, {
+      style: [styles.container, commandContainer],
+      __self: _this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 107,
+        columnNumber: 7
+      }
+    }, _react["default"].createElement(_AutoCompleteSuggestionCommandIcon.AutoCompleteSuggestionCommandIcon, {
+      name: _name2,
+      __self: _this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 108,
+        columnNumber: 9
+      }
+    }), _react["default"].createElement(_reactNative.Text, {
+      style: [styles.title, {
+        color: black
+      }, title],
+      testID: "commands-item-title",
+      __self: _this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 109,
+        columnNumber: 9
+      }
+    }, (_name2 || '').replace(/^\w/, function (_char) {
+      return _char.toUpperCase();
+    })), _react["default"].createElement(_reactNative.Text, {
+      style: [styles.args, {
+        color: grey
+      }, argsStyle],
+      testID: "commands-item-args",
+      __self: _this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 112,
+        columnNumber: 9
+      }
+    }, "/" + _name2 + " " + args));
+  } else {
+    return null;
+  }
+};
+
+var areEqual = function areEqual(prevProps, nextProps) {
+  var prevItemProps = prevProps.itemProps,
+      prevType = prevProps.triggerType;
+  var nextItemProps = nextProps.itemProps,
+      nextType = nextProps.triggerType;
+  var itemPropsEqual = prevItemProps === nextItemProps;
+  if (!itemPropsEqual) return false;
+  var typeEqual = prevType === nextType;
+  if (!typeEqual) return false;
+  return true;
+};
+
+var MemoizedAutoCompleteSuggestionItem = _react["default"].memo(AutoCompleteSuggestionItemWithContext, areEqual);
+
+var AutoCompleteSuggestionItem = function AutoCompleteSuggestionItem(props) {
+  return _react["default"].createElement(MemoizedAutoCompleteSuggestionItem, (0, _extends2["default"])({}, props, {
+    __self: _this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 153,
+      columnNumber: 6
+    }
+  }));
+};
+
+exports.AutoCompleteSuggestionItem = AutoCompleteSuggestionItem;
+AutoCompleteSuggestionItem.displayName = 'AutoCompleteSuggestionItem{messageInput{suggestions{Item}}}';
+//# sourceMappingURL=AutoCompleteSuggestionItem.js.map

package/lib/module/components/AutoCompleteInput/AutoCompleteSuggestionItem.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["AutoCompleteSuggestionItem.tsx"],"names":["styles","StyleSheet","create","args","fontSize","column","flex","justifyContent","paddingLeft","container","alignItems","flexDirection","paddingHorizontal","paddingVertical","name","fontWeight","paddingBottom","tag","text","title","paddingRight","AutoCompleteSuggestionItemWithContext","itemProps","triggerType","theme","colors","accent_blue","black","grey","messageInput","suggestions","command","argsStyle","commandContainer","emoji","emojiContainer","mention","avatarSize","mentionContainer","nameStyle","id","image","online","color","unicode","replace","char","toUpperCase","areEqual","prevProps","nextProps","prevItemProps","prevType","nextItemProps","nextType","itemPropsEqual","typeEqual","MemoizedAutoCompleteSuggestionItem","React","memo","AutoCompleteSuggestionItem","props","displayName"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { StyleSheet, Text, View } from 'react-native';\n\nimport { AutoCompleteSuggestionCommandIcon } from './AutoCompleteSuggestionCommandIcon';\n\nimport type {\n  Suggestion,\n  SuggestionCommand,\n  SuggestionsContextValue,\n  SuggestionUser,\n} from '../../contexts/suggestionsContext/SuggestionsContext';\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\nimport type { Emoji } from '../../emoji-data/compiled';\nimport { AtMentions } from '../../icons/AtMentions';\nimport type { DefaultCommandType, DefaultUserType } from '../../types/types';\nimport { Avatar } from '../Avatar/Avatar';\n\nexport type AutoCompleteSuggestionItemPropsWithContext<\n  Co extends string = DefaultCommandType,\n  Us extends DefaultUserType = DefaultUserType,\n> = Pick<SuggestionsContextValue, 'triggerType'> & {\n  itemProps: Suggestion<Co, Us>;\n};\n\nconst styles = StyleSheet.create({\n  args: {\n    fontSize: 14,\n  },\n  column: {\n    flex: 1,\n    justifyContent: 'space-evenly',\n    paddingLeft: 8,\n  },\n  container: {\n    alignItems: 'center',\n    flexDirection: 'row',\n    paddingHorizontal: 16,\n    paddingVertical: 8,\n  },\n  name: {\n    fontSize: 14,\n    fontWeight: 'bold',\n    paddingBottom: 2,\n  },\n  tag: {\n    fontSize: 12,\n    fontWeight: '600',\n  },\n  text: {\n    fontSize: 14,\n  },\n  title: {\n    fontSize: 14,\n    fontWeight: 'bold',\n    paddingRight: 8,\n  },\n});\n\nconst AutoCompleteSuggestionItemWithContext = <\n  Co extends string = DefaultCommandType,\n  Us extends DefaultUserType = DefaultUserType,\n>({\n  itemProps,\n  triggerType,\n}: AutoCompleteSuggestionItemPropsWithContext<Co, Us>) => {\n  const {\n    theme: {\n      colors: { accent_blue, black, grey },\n      messageInput: {\n        suggestions: {\n          command: { args: argsStyle, container: commandContainer, title },\n          emoji: { container: emojiContainer, text },\n          mention: { avatarSize, column, container: mentionContainer, name: nameStyle },\n        },\n      },\n    },\n  } = useTheme();\n\n  if (triggerType === 'mention') {\n    const { id, image, name, online } = itemProps as SuggestionUser<Us>;\n    return (\n      <View style={[styles.container, mentionContainer]}>\n        <Avatar image={image} name={name} online={online} size={avatarSize} />\n        <View style={[styles.column, column]}>\n          <Text style={[styles.name, { color: black }, nameStyle]} testID='mentions-item-name'>\n            {name || id}\n          </Text>\n        </View>\n        <AtMentions pathFill={accent_blue} />\n      </View>\n    );\n  } else if (triggerType === 'emoji') {\n    const { name, unicode } = itemProps as Emoji;\n    return (\n      <View style={[styles.container, emojiContainer]}>\n        <Text style={[styles.text, { color: black }, text]} testID='emojis-item-unicode'>\n          {unicode}\n        </Text>\n        <Text style={[styles.text, { color: black }, text]} testID='emojis-item-name'>\n          {` ${name}`}\n        </Text>\n      </View>\n    );\n  } else if (triggerType === 'command') {\n    const { args, name } = itemProps as SuggestionCommand<Co>;\n    return (\n      <View style={[styles.container, commandContainer]}>\n        <AutoCompleteSuggestionCommandIcon name={name} />\n        <Text style={[styles.title, { color: black }, title]} testID='commands-item-title'>\n          {(name || '').replace(/^\\w/, (char) => char.toUpperCase())}\n        </Text>\n        <Text style={[styles.args, { color: grey }, argsStyle]} testID='commands-item-args'>\n          {`/${name} ${args}`}\n        </Text>\n      </View>\n    );\n  } else {\n    return null;\n  }\n};\n\nconst areEqual = <\n  Co extends string = DefaultCommandType,\n  Us extends DefaultUserType = DefaultUserType,\n>(\n  prevProps: AutoCompleteSuggestionItemPropsWithContext<Co, Us>,\n  nextProps: AutoCompleteSuggestionItemPropsWithContext<Co, Us>,\n) => {\n  const { itemProps: prevItemProps, triggerType: prevType } = prevProps;\n  const { itemProps: nextItemProps, triggerType: nextType } = nextProps;\n  const itemPropsEqual = prevItemProps === nextItemProps;\n  if (!itemPropsEqual) return false;\n  const typeEqual = prevType === nextType;\n  if (!typeEqual) return false;\n  return true;\n};\n\nconst MemoizedAutoCompleteSuggestionItem = React.memo(\n  AutoCompleteSuggestionItemWithContext,\n  areEqual,\n) as typeof AutoCompleteSuggestionItemWithContext;\n\nexport type AutoCompleteSuggestionItemProps<\n  Co extends string = DefaultCommandType,\n  Us extends DefaultUserType = DefaultUserType,\n> = AutoCompleteSuggestionItemPropsWithContext<Co, Us>;\n\nexport const AutoCompleteSuggestionItem = <\n  Co extends string = DefaultCommandType,\n  Us extends DefaultUserType = DefaultUserType,\n>(\n  props: AutoCompleteSuggestionItemProps<Co, Us>,\n) => <MemoizedAutoCompleteSuggestionItem {...props} />;\n\nAutoCompleteSuggestionItem.displayName =\n  'AutoCompleteSuggestionItem{messageInput{suggestions{Item}}}';\n"]}

package/lib/module/components/AutoCompleteInput/AutoCompleteSuggestionList.js

@@ -0,0 +1,223 @@
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AutoCompleteSuggestionListWithContext = exports.AutoCompleteSuggestionList = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactNative = require("react-native");
+
+var _SuggestionsContext = require("../../contexts/suggestionsContext/SuggestionsContext");
+
+var _ThemeContext = require("../../contexts/themeContext/ThemeContext");
+
+var _excluded = ["children"];
+
+var _this = this,
+    _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/AutoCompleteInput/AutoCompleteSuggestionList.tsx";
+
+var SuggestionsItem = function SuggestionsItem(props) {
+  var children = props.children,
+      touchableOpacityProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
+  return _react["default"].createElement(_reactNative.TouchableOpacity, (0, _extends2["default"])({}, touchableOpacityProps, {
+    __self: _this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 38,
+      columnNumber: 10
+    }
+  }), children);
+};
+
+SuggestionsItem.displayName = 'SuggestionsHeader{messageInput{suggestions}}';
+
+var AutoCompleteSuggestionListWithContext = function AutoCompleteSuggestionListWithContext(props) {
+  var active = props.active,
+      AutoCompleteSuggestionHeader = props.AutoCompleteSuggestionHeader,
+      AutoCompleteSuggestionItem = props.AutoCompleteSuggestionItem,
+      data = props.data,
+      onSelect = props.onSelect,
+      queryText = props.queryText,
+      triggerType = props.triggerType;
+
+  var _useTheme = (0, _ThemeContext.useTheme)(),
+      _useTheme$theme$messa = _useTheme.theme.messageInput,
+      maxHeight = _useTheme$theme$messa.container.maxHeight,
+      itemStyle = _useTheme$theme$messa.suggestions.item,
+      flatlist = _useTheme$theme$messa.suggestionsListContainer.flatlist;
+
+  var renderItem = function renderItem(_ref) {
+    var index = _ref.index,
+        item = _ref.item;
+
+    switch (triggerType) {
+      case 'mention':
+        if ((0, _SuggestionsContext.isSuggestionUser)(item)) {
+          return _react["default"].createElement(SuggestionsItem, {
+            onPress: function onPress() {
+              onSelect(item);
+            },
+            style: [{
+              paddingBottom: index === data.length - 1 ? 8 : 0,
+              paddingTop: index === 0 ? 8 : 0
+            }, itemStyle],
+            __self: _this,
+            __source: {
+              fileName: _jsxFileName,
+              lineNumber: 74,
+              columnNumber: 13
+            }
+          }, AutoCompleteSuggestionItem && _react["default"].createElement(AutoCompleteSuggestionItem, {
+            itemProps: item,
+            triggerType: triggerType,
+            __self: _this,
+            __source: {
+              fileName: _jsxFileName,
+              lineNumber: 87,
+              columnNumber: 17
+            }
+          }));
+        }
+
+        return null;
+
+      case 'command':
+        if ((0, _SuggestionsContext.isSuggestionCommand)(item)) {
+          return _react["default"].createElement(SuggestionsItem, {
+            onPress: function onPress() {
+              onSelect(item);
+            },
+            style: [itemStyle],
+            __self: _this,
+            __source: {
+              fileName: _jsxFileName,
+              lineNumber: 96,
+              columnNumber: 13
+            }
+          }, AutoCompleteSuggestionItem && _react["default"].createElement(AutoCompleteSuggestionItem, {
+            itemProps: item,
+            triggerType: triggerType,
+            __self: _this,
+            __source: {
+              fileName: _jsxFileName,
+              lineNumber: 103,
+              columnNumber: 17
+            }
+          }));
+        }
+
+        return null;
+
+      case 'emoji':
+        if ((0, _SuggestionsContext.isSuggestionEmoji)(item)) {
+          return _react["default"].createElement(SuggestionsItem, {
+            onPress: function onPress() {
+              onSelect(item);
+            },
+            style: [itemStyle],
+            __self: _this,
+            __source: {
+              fileName: _jsxFileName,
+              lineNumber: 112,
+              columnNumber: 13
+            }
+          }, AutoCompleteSuggestionItem && _react["default"].createElement(AutoCompleteSuggestionItem, {
+            itemProps: item,
+            triggerType: triggerType,
+            __self: _this,
+            __source: {
+              fileName: _jsxFileName,
+              lineNumber: 119,
+              columnNumber: 17
+            }
+          }));
+        }
+
+        return null;
+
+      default:
+        return null;
+    }
+  };
+
+  if (!active || data.length === 0) return null;
+  return _react["default"].createElement(_reactNative.FlatList, {
+    data: data,
+    keyboardShouldPersistTaps: "always",
+    keyExtractor: function keyExtractor(item, index) {
+      return "" + (item.name || ((0, _SuggestionsContext.isSuggestionUser)(item) ? item.id : '')) + index;
+    },
+    ListHeaderComponent: AutoCompleteSuggestionHeader ? _react["default"].createElement(AutoCompleteSuggestionHeader, {
+      queryText: queryText,
+      triggerType: triggerType,
+      __self: _this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 141,
+        columnNumber: 11
+      }
+    }) : null,
+    renderItem: renderItem,
+    style: [flatlist, {
+      maxHeight: maxHeight
+    }],
+    __self: _this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 133,
+      columnNumber: 5
+    }
+  });
+};
+
+exports.AutoCompleteSuggestionListWithContext = AutoCompleteSuggestionListWithContext;
+
+var areEqual = function areEqual(prevProps, nextProps) {
+  var prevActive = prevProps.active,
+      prevData = prevProps.data,
+      prevQueryText = prevProps.queryText,
+      prevType = prevProps.triggerType;
+  var nextActive = nextProps.active,
+      nextData = nextProps.data,
+      nextQueryText = nextProps.queryText,
+      nextType = nextProps.triggerType;
+  var activeEqual = prevActive === nextActive;
+  if (!activeEqual) return false;
+  var queryTextEqual = prevQueryText === nextQueryText;
+  if (!queryTextEqual) return false;
+  var dataEqual = prevData === nextData;
+  if (!dataEqual) return false;
+  var typeEqual = prevType === nextType;
+  if (!typeEqual) return false;
+  return true;
+};
+
+var MemoizedAutoCompleteSuggestionList = _react["default"].memo(AutoCompleteSuggestionListWithContext, areEqual);
+
+var AutoCompleteSuggestionList = function AutoCompleteSuggestionList(props) {
+  var _useSuggestionsContex = (0, _SuggestionsContext.useSuggestionsContext)(),
+      AutoCompleteSuggestionHeader = _useSuggestionsContex.AutoCompleteSuggestionHeader,
+      AutoCompleteSuggestionItem = _useSuggestionsContex.AutoCompleteSuggestionItem;
+
+  return _react["default"].createElement(MemoizedAutoCompleteSuggestionList, (0, _extends2["default"])({
+    AutoCompleteSuggestionHeader: AutoCompleteSuggestionHeader,
+    AutoCompleteSuggestionItem: AutoCompleteSuggestionItem
+  }, props, {
+    __self: _this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 204,
+      columnNumber: 5
+    }
+  }));
+};
+
+exports.AutoCompleteSuggestionList = AutoCompleteSuggestionList;
+AutoCompleteSuggestionList.displayName = 'AutoCompleteSuggestionList{messageInput{suggestions{List}}}';
+//# sourceMappingURL=AutoCompleteSuggestionList.js.map