reskindex and use sdk.getComponent for EmojiText

src/component-index.js

@@ -54,6 +54,7 @@ module.exports.components['views.dialogs.SetDisplayNameDialog'] = require('./com
 module.exports.components['views.dialogs.TextInputDialog'] = require('./components/views/dialogs/TextInputDialog');
 module.exports.components['views.elements.EditableText'] = require('./components/views/elements/EditableText');
 module.exports.components['views.elements.EditableTextContainer'] = require('./components/views/elements/EditableTextContainer');
+module.exports.components['views.elements.EmojiText'] = require('./components/views/elements/EmojiText');
 module.exports.components['views.elements.PowerSelector'] = require('./components/views/elements/PowerSelector');
 module.exports.components['views.elements.ProgressBar'] = require('./components/views/elements/ProgressBar');
 module.exports.components['views.elements.TintableSvg'] = require('./components/views/elements/TintableSvg');

src/components/structures/RoomStatusBar.js

@@ -19,7 +19,6 @@ var sdk = require('../../index');
 var dis = require("../../dispatcher");
 var WhoIsTyping = require("../../WhoIsTyping");
 var MatrixClientPeg = require("../../MatrixClientPeg");
-import EmojiText from '../views/elements/EmojiText';
 
 module.exports = React.createClass({
     displayName: 'RoomStatusBar',
@@ -190,6 +189,7 @@ module.exports = React.createClass({
     _getContent: function() {
         var TabCompleteBar = sdk.getComponent('rooms.TabCompleteBar');
         var TintableSvg = sdk.getComponent("elements.TintableSvg");
+        const EmojiText = sdk.getComponent('elements.EmojiText');
 
         // no conn bar trumps unread count since you can't get unread messages
         // without a connection! (technically may already have some but meh)

src/components/views/avatars/BaseAvatar.js

@@ -18,7 +18,7 @@ limitations under the License.
 
 var React = require('react');
 var AvatarLogic = require("../../../Avatar");
-import EmojiText from '../../views/elements/EmojiText';
+import sdk from '../../../index';
 
 module.exports = React.createClass({
     displayName: 'BaseAvatar',
@@ -133,6 +133,7 @@ module.exports = React.createClass({
     },
 
     render: function() {
+        const EmojiText = sdk.getComponent('elements.EmojiText');
         var imageUrl = this.state.imageUrls[this.state.urlsIndex];
 
         const {

src/components/views/messages/SenderProfile.js

@@ -17,9 +17,10 @@
 'use strict';
 
 import React from 'react';
-import EmojiText from '../elements/EmojiText';
+import sdk from '../../../index';
 
 export default function SenderProfile(props) {
+    const EmojiText = sdk.getComponent('elements.EmojiText');
     const {mxEvent} = props;
     const name = mxEvent.sender ? mxEvent.sender.name : mxEvent.getSender();
     const {msgtype} = mxEvent.getContent();

src/components/views/messages/TextualBody.js

@@ -23,7 +23,6 @@ var linkify = require('linkifyjs');
 var linkifyElement = require('linkifyjs/element');
 var linkifyMatrix = require('../../../linkify-matrix');
 var sdk = require('../../../index');
-import EmojiText from '../../views/elements/EmojiText';
 
 linkifyMatrix(linkify);
 
@@ -178,6 +177,7 @@ module.exports = React.createClass({
     },
 
     render: function() {
+        const EmojiText = sdk.getComponent('elements.EmojiText');
         var mxEvent = this.props.mxEvent;
         var content = mxEvent.getContent();
         var body = HtmlUtils.bodyToHtml(content, this.props.highlights, {});

src/components/views/messages/TextualEvent.js

@@ -19,7 +19,7 @@ limitations under the License.
 var React = require('react');
 
 var TextForEvent = require('../../../TextForEvent');
-import EmojiText from '../elements/EmojiText';
+import sdk from '../../../index';
 
 module.exports = React.createClass({
     displayName: 'TextualEvent',
@@ -31,6 +31,7 @@ module.exports = React.createClass({
     },
 
     render: function() {
+        const EmojiText = sdk.getComponent('elements.EmojiText');
         var text = TextForEvent.textForEvent(this.props.mxEvent);
         if (text == null || text.length === 0) return null;
         return (

src/components/views/rooms/EntityTile.js

@@ -20,7 +20,6 @@ var React = require('react');
 
 var MatrixClientPeg = require('../../../MatrixClientPeg');
 var sdk = require('../../../index');
-import EmojiText from '../elements/EmojiText';
 
 
 var PRESENCE_CLASS = {
@@ -105,6 +104,7 @@ module.exports = React.createClass({
         var nameEl;
         const {name} = this.props;
 
+        const EmojiText = sdk.getComponent('elements.EmojiText');
         if (this.state.hover && !this.props.suppressOnHover) {
             var activeAgo = this.props.presenceLastActiveAgo ?
                 (Date.now() - (this.props.presenceLastTs - this.props.presenceLastActiveAgo)) : -1;

src/components/views/rooms/MemberInfo.js

@@ -32,7 +32,6 @@ var Modal = require("../../../Modal");
 var sdk = require('../../../index');
 var UserSettingsStore = require('../../../UserSettingsStore');
 var createRoom = require('../../../createRoom');
-import EmojiText from '../elements/EmojiText';
 
 module.exports = React.createClass({
     displayName: 'MemberInfo',
@@ -641,6 +640,7 @@ module.exports = React.createClass({
 
         var MemberAvatar = sdk.getComponent('avatars.MemberAvatar');
         var PowerSelector = sdk.getComponent('elements.PowerSelector');
+        const EmojiText = sdk.getComponent('elements.EmojiText');
         return (
             <div className="mx_MemberInfo">
                 <img className="mx_MemberInfo_cancel" src="img/cancel.svg" width="18" height="18" onClick={this.onCancel}/>

src/components/views/rooms/RoomHeader.js

@@ -24,7 +24,6 @@ var Modal = require("../../../Modal");
 var linkify = require('linkifyjs');
 var linkifyElement = require('linkifyjs/element');
 var linkifyMatrix = require('../../../linkify-matrix');
-import EmojiText from '../elements/EmojiText';
 
 linkifyMatrix(linkify);
 
@@ -145,6 +144,7 @@ module.exports = React.createClass({
         var RoomAvatar = sdk.getComponent("avatars.RoomAvatar");
         var ChangeAvatar = sdk.getComponent("settings.ChangeAvatar");
         var TintableSvg = sdk.getComponent("elements.TintableSvg");
+        const EmojiText = sdk.getComponent('elements.EmojiText');
 
         var header;
         var name = null;

src/components/views/rooms/RoomTile.js

@@ -22,7 +22,6 @@ var dis = require("../../../dispatcher");
 var MatrixClientPeg = require('../../../MatrixClientPeg');
 var sdk = require('../../../index');
 var ContextualMenu = require('../../structures/ContextualMenu');
-import EmojiText from '../elements/EmojiText';
 
 module.exports = React.createClass({
     displayName: 'RoomTile',
@@ -187,6 +186,7 @@ module.exports = React.createClass({
 
         badge = <div className={ badgeClasses } onClick={this.onBadgeClicked} onMouseEnter={this.badgeOnMouseEnter} onMouseLeave={this.badgeOnMouseLeave}>{ badgeContent }</div>;
 
+        const EmojiText = sdk.getComponent('elements.EmojiText');
         var label;
         var tooltip;
         if (!this.props.collapsed) {