@atlaskit/reactions 22.2.0 → 22.2.2

package/dist/cjs/components/Counter/Counter.js

@@ -1,64 +1,52 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.RENDER_LABEL_TESTID = exports.RENDER_COUNTER_TESTID = exports.RENDER_COMPONENT_WRAPPER = exports.Counter = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _react2 = require("@emotion/react");
-
 var _motion = require("@atlaskit/motion");
-
 var _usePreviousValue = _interopRequireDefault(require("@atlaskit/ds-lib/use-previous-value"));
-
 var _shared = require("../../shared");
-
 var styles = _interopRequireWildcard(require("./styles"));
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 /** @jsx jsx */
+
 // eslint-disable-next-line @atlaskit/design-system/no-banned-imports
 
 /**
  * Test id for component top level div
  */
 var RENDER_COMPONENT_WRAPPER = 'counter-wrapper';
+
 /**
  * Test id for wrapper div of the counter inside the slider
  */
-
 exports.RENDER_COMPONENT_WRAPPER = RENDER_COMPONENT_WRAPPER;
 var RENDER_COUNTER_TESTID = 'counter-container';
+
 /**
  * Counter label value wrapper div
  */
-
 exports.RENDER_COUNTER_TESTID = RENDER_COUNTER_TESTID;
 var RENDER_LABEL_TESTID = 'counter_label_wrapper';
 exports.RENDER_LABEL_TESTID = RENDER_LABEL_TESTID;
-
 /**
  * Display reaction count next to the emoji button
  */
 var Counter = function Counter(_ref) {
   var _ref$highlight = _ref.highlight,
-      highlight = _ref$highlight === void 0 ? false : _ref$highlight,
-      limit = _ref.limit,
-      overLimitLabel = _ref.overLimitLabel,
-      className = _ref.className,
-      value = _ref.value,
-      _ref$animationDuratio = _ref.animationDuration,
-      animationDuration = _ref$animationDuratio === void 0 ? _motion.mediumDurationMs : _ref$animationDuratio;
-
+    highlight = _ref$highlight === void 0 ? false : _ref$highlight,
+    limit = _ref.limit,
+    overLimitLabel = _ref.overLimitLabel,
+    className = _ref.className,
+    value = _ref.value,
+    _ref$animationDuratio = _ref.animationDuration,
+    animationDuration = _ref$animationDuratio === void 0 ? _motion.mediumDurationMs : _ref$animationDuratio;
   var getLabel = function getLabel(value) {
     // Check if reached limit
     if (limit && overLimitLabel && value >= limit) {
@@ -69,7 +57,6 @@ var Counter = function Counter(_ref) {
       return _shared.utils.formatLargeNumber(value);
     }
   };
-
   var previousValue = (0, _usePreviousValue.default)(value);
   var label = getLabel(value);
   var increase = previousValue ? previousValue < value : false;
@@ -98,5 +85,4 @@ var Counter = function Counter(_ref) {
     }, label));
   })));
 };
-
 exports.Counter = Counter;

package/dist/cjs/components/Counter/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -30,13 +29,8 @@ Object.defineProperty(exports, "RENDER_LABEL_TESTID", {
   }
 });
 exports.styles = void 0;
-
 var _Counter = require("./Counter");
-
 var _styles = _interopRequireWildcard(require("./styles"));
-
 exports.styles = _styles;
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }

package/dist/cjs/components/Counter/styles.js

@@ -4,12 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.highlightStyle = exports.countStyle = exports.containerStyle = void 0;
-
 var _react = require("@emotion/react");
-
 var _colors = require("@atlaskit/theme/colors");
-
 /** @jsx jsx */
+
 var countStyle = (0, _react.css)({
   fontSize: 11,
   color: "var(--ds-text-subtlest, ".concat(_colors.N90, ")"),

package/dist/cjs/components/EmojiButton/EmojiButton.js

@@ -1,50 +1,36 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.RENDER_BUTTON_TESTID = exports.EmojiButton = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _reactIntlNext = require("react-intl-next");
-
 var _react2 = require("@emotion/react");
-
 var _emoji = require("@atlaskit/emoji");
-
 var _shared = require("../../shared");
-
 var styles = _interopRequireWildcard(require("./styles"));
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 /** @jsx jsx */
+
 var RENDER_BUTTON_TESTID = 'button-emoji-id';
 exports.RENDER_BUTTON_TESTID = RENDER_BUTTON_TESTID;
-
 /**
  * custom button to render the custom emoji selector inside the reaction picker
  */
 var EmojiButton = function EmojiButton(_ref) {
   var emojiId = _ref.emojiId,
-      onClick = _ref.onClick,
-      emojiProvider = _ref.emojiProvider;
-
+    onClick = _ref.onClick,
+    emojiProvider = _ref.emojiProvider;
   var onButtonClick = function onButtonClick(event) {
     event.preventDefault();
-
     if (onClick && _shared.utils.isLeftClick(event)) {
       onClick(emojiId, undefined, event);
     }
   };
-
   var intl = (0, _reactIntlNext.useIntl)();
   return (0, _react2.jsx)("button", {
     "data-testid": RENDER_BUTTON_TESTID,
@@ -59,5 +45,4 @@ var EmojiButton = function EmojiButton(_ref) {
     emojiId: emojiId
   }));
 };
-
 exports.EmojiButton = EmojiButton;

package/dist/cjs/components/EmojiButton/index.js

@@ -15,5 +15,4 @@ Object.defineProperty(exports, "RENDER_BUTTON_TESTID", {
     return _EmojiButton.RENDER_BUTTON_TESTID;
   }
 });
-
 var _EmojiButton = require("./EmojiButton");

package/dist/cjs/components/EmojiButton/styles.js

@@ -4,10 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.emojiButtonStyle = void 0;
-
 var _react = require("@emotion/react");
-
 /** @jsx jsx */
+
 var emojiButtonStyle = (0, _react.css)({
   outline: 'none',
   display: 'flex',

package/dist/cjs/components/FlashAnimation/FlashAnimation.js

@@ -1,36 +1,27 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.RENDER_FLASHANIMATION_TESTID = exports.FlashAnimation = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _react2 = require("@emotion/react");
-
 var styles = _interopRequireWildcard(require("./styles"));
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 /** @jsx jsx */
 
 /**
  * Test id for wrapper FlashAnimation div
  */
 var RENDER_FLASHANIMATION_TESTID = 'flash-animation';
+
 /**
  * Flash animation background component. See Reaction component for usage.
  */
-
 exports.RENDER_FLASHANIMATION_TESTID = RENDER_FLASHANIMATION_TESTID;
-
 var FlashAnimation = function FlashAnimation(props) {
   return (0, _react2.jsx)("div", {
     className: props.className,
@@ -38,5 +29,4 @@ var FlashAnimation = function FlashAnimation(props) {
     "data-testid": RENDER_FLASHANIMATION_TESTID
   }, props.children);
 };
-
 exports.FlashAnimation = FlashAnimation;

package/dist/cjs/components/FlashAnimation/index.js

@@ -15,5 +15,4 @@ Object.defineProperty(exports, "RENDER_FLASHANIMATION_TESTID", {
     return _FlashAnimation.RENDER_FLASHANIMATION_TESTID;
   }
 });
-
 var _FlashAnimation = require("./FlashAnimation");

package/dist/cjs/components/FlashAnimation/styles.js

@@ -4,12 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.flashStyle = exports.flashAnimation = exports.containerStyle = void 0;
-
 var _react = require("@emotion/react");
-
 var _colors = require("@atlaskit/theme/colors");
-
 /** @jsx jsx */
+
 var flashTime = 700;
 var flashAnimation = (0, _react.keyframes)({
   '0%': {

package/dist/cjs/components/Reaction/Reaction.js

@@ -1,46 +1,27 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Reaction = exports.RENDER_REACTION_TESTID = void 0;
-
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _reactIntlNext = require("react-intl-next");
-
 var _react2 = require("@emotion/react");
-
 var _analyticsNext = require("@atlaskit/analytics-next");
-
 var _emoji = require("@atlaskit/emoji");
-
 var _analytics = require("../../analytics");
-
 var _Counter = require("../Counter");
-
 var _FlashAnimation = require("../FlashAnimation");
-
 var _ReactionTooltip = require("../ReactionTooltip");
-
 var _shared = require("../../shared");
-
 var styles = _interopRequireWildcard(require("./styles"));
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 /** @jsx jsx */
 
 /**
@@ -48,47 +29,43 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
  */
 var RENDER_REACTION_TESTID = 'render_reaction_wrapper';
 exports.RENDER_REACTION_TESTID = RENDER_REACTION_TESTID;
-
 /**
  * Render an emoji reaction button
  */
 var Reaction = function Reaction(_ref) {
   var emojiProvider = _ref.emojiProvider,
-      onClick = _ref.onClick,
-      reaction = _ref.reaction,
-      _ref$onMouseEnter = _ref.onMouseEnter,
-      onMouseEnter = _ref$onMouseEnter === void 0 ? function () {} : _ref$onMouseEnter,
-      _ref$onFocused = _ref.onFocused,
-      onFocused = _ref$onFocused === void 0 ? function () {} : _ref$onFocused,
-      className = _ref.className,
-      _ref$flash = _ref.flash,
-      flash = _ref$flash === void 0 ? false : _ref$flash,
-      _ref$handleUserListCl = _ref.handleUserListClick,
-      handleUserListClick = _ref$handleUserListCl === void 0 ? function () {} : _ref$handleUserListCl,
-      allowUserDialog = _ref.allowUserDialog;
+    onClick = _ref.onClick,
+    reaction = _ref.reaction,
+    _ref$onMouseEnter = _ref.onMouseEnter,
+    onMouseEnter = _ref$onMouseEnter === void 0 ? function () {} : _ref$onMouseEnter,
+    _ref$onFocused = _ref.onFocused,
+    onFocused = _ref$onFocused === void 0 ? function () {} : _ref$onFocused,
+    className = _ref.className,
+    _ref$flash = _ref.flash,
+    flash = _ref$flash === void 0 ? false : _ref$flash,
+    _ref$handleUserListCl = _ref.handleUserListClick,
+    handleUserListClick = _ref$handleUserListCl === void 0 ? function () {} : _ref$handleUserListCl,
+    allowUserDialog = _ref.allowUserDialog;
   var intl = (0, _reactIntlNext.useIntl)();
   var hoverStart = (0, _react.useRef)();
   var focusStart = (0, _react.useRef)();
-
   var _useAnalyticsEvents = (0, _analyticsNext.useAnalyticsEvents)(),
-      createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
-
+    createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
   var _useState = (0, _react.useState)(),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      emojiName = _useState2[0],
-      setEmojiName = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    emojiName = _useState2[0],
+    setEmojiName = _useState2[1];
   var _useState3 = (0, _react.useState)(true),
-      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      isTooltipEnabled = _useState4[0],
-      setIsTooltipEnabled = _useState4[1];
-
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    isTooltipEnabled = _useState4[0],
+    setIsTooltipEnabled = _useState4[1];
   var emojiId = {
     id: reaction.emojiId,
     shortName: ''
-  }; // TODO: Extract the flow to a custom hook to retrieve emoji detailed description from an id using a custom hook. This will benefit a better optimization instead of the emojiProvider resolving everytime.
-  // Also optimize in future version to fetch in batch several emojiIds
+  };
 
+  // TODO: Extract the flow to a custom hook to retrieve emoji detailed description from an id using a custom hook. This will benefit a better optimization instead of the emojiProvider resolving everytime.
+  // Also optimize in future version to fetch in batch several emojiIds
   (0, _react.useEffect)(function () {
     (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
       var emojiResource, foundEmoji;
@@ -98,19 +75,15 @@ var Reaction = function Reaction(_ref) {
             case 0:
               _context.next = 2;
               return Promise.resolve(emojiProvider);
-
             case 2:
               emojiResource = _context.sent;
               _context.next = 5;
               return emojiResource.findById(reaction.emojiId);
-
             case 5:
               foundEmoji = _context.sent;
-
               if (foundEmoji) {
                 setEmojiName(foundEmoji.name);
               }
-
             case 7:
             case "end":
               return _context.stop();
@@ -121,46 +94,35 @@ var Reaction = function Reaction(_ref) {
   }, [emojiProvider, reaction.emojiId]);
   var handleClick = (0, _react.useCallback)(function (event) {
     event.preventDefault();
-
     if (_shared.utils.isLeftClick(event)) {
       var reacted = reaction.reacted,
-          _emojiId = reaction.emojiId;
-
+        _emojiId = reaction.emojiId;
       _analytics.Analytics.createAndFireSafe(createAnalyticsEvent, _analytics.Analytics.createReactionClickedEvent, !reacted, _emojiId);
-
       onClick(reaction.emojiId, event);
     }
   }, [createAnalyticsEvent, reaction, onClick]);
   var handleMouseEnter = (0, _react.useCallback)(function (event) {
     event.preventDefault();
     setIsTooltipEnabled(true);
-
     if (!reaction.users || !reaction.users.length) {
       focusStart.current = Date.now();
     }
-
     _analytics.Analytics.createAndFireSafe(createAnalyticsEvent, _analytics.Analytics.createReactionHoveredEvent, focusStart.current);
-
     onMouseEnter(reaction.emojiId, event);
   }, [createAnalyticsEvent, reaction, onMouseEnter]);
   var handleFocused = (0, _react.useCallback)(function (event) {
     event.preventDefault();
     setIsTooltipEnabled(true);
-
     if (!reaction.users || !reaction.users.length) {
       hoverStart.current = Date.now();
     }
-
     _analytics.Analytics.createAndFireSafe(createAnalyticsEvent, _analytics.Analytics.createReactionFocusedEvent, hoverStart.current);
-
     onFocused(reaction.emojiId, event);
   }, [createAnalyticsEvent, reaction, onFocused]);
-
   var handleOpenReactionsDialog = function handleOpenReactionsDialog(emojiId) {
     handleUserListClick(emojiId);
     setIsTooltipEnabled(false);
   };
-
   return (0, _react2.jsx)(_ReactionTooltip.ReactionTooltip, {
     emojiName: emojiName,
     reaction: reaction,
@@ -196,5 +158,4 @@ var Reaction = function Reaction(_ref) {
     highlight: reaction.reacted
   }))));
 };
-
 exports.Reaction = Reaction;

package/dist/cjs/components/Reaction/index.js

@@ -15,5 +15,4 @@ Object.defineProperty(exports, "Reaction", {
     return _Reaction.Reaction;
   }
 });
-
 var _Reaction = require("./Reaction");

package/dist/cjs/components/Reaction/styles.js

@@ -4,17 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.reactionStyle = exports.reactedStyle = exports.flashStyle = exports.flashHeight = exports.emojiStyle = void 0;
-
 var _react = require("@emotion/react");
-
 var _colors = require("@atlaskit/theme/colors");
-
 /** @jsx jsx */
 
 /**
  * Default styling px height for an emoji reaction
  */
 var akHeight = 24;
+
 /**
  * Styling Note:
  * Padding and line height are set within the child components
@@ -63,7 +61,6 @@ var reactedStyle = (0, _react.css)({
 });
 exports.reactedStyle = reactedStyle;
 var flashHeight = akHeight - 2; // height without the 1px border
-
 exports.flashHeight = flashHeight;
 var flashStyle = (0, _react.css)({
   display: 'flex',

package/dist/cjs/components/ReactionDialog/ReactionView.js

@@ -1,50 +1,34 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ReactionView = void 0;
-
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = require("react");
-
 var _reactIntlNext = require("react-intl-next");
-
 var _react2 = require("@emotion/react");
-
 var _element = require("@atlaskit/emoji/element");
-
 var _Avatar = _interopRequireDefault(require("@atlaskit/avatar/Avatar"));
-
 var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
-
 var _tabs = require("@atlaskit/tabs");
-
 var _shared = require("../../shared");
-
 var _styles = require("./styles");
-
 /** @jsx   jsx */
+
 var ReactionView = function ReactionView(_ref) {
   var selectedEmojiId = _ref.selectedEmojiId,
-      emojiProvider = _ref.emojiProvider,
-      reaction = _ref.reaction;
+    emojiProvider = _ref.emojiProvider,
+    reaction = _ref.reaction;
   var intl = (0, _reactIntlNext.useIntl)();
-
   var _useState = (0, _react.useState)(''),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      emojiName = _useState2[0],
-      setEmojiName = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    emojiName = _useState2[0],
+    setEmojiName = _useState2[1];
   (0, _react.useEffect)(function () {
     (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
       var provider, emoji;
@@ -54,7 +38,6 @@ var ReactionView = function ReactionView(_ref) {
             case 0:
               _context.next = 2;
               return emojiProvider;
-
             case 2:
               provider = _context.sent;
               _context.next = 5;
@@ -62,14 +45,11 @@ var ReactionView = function ReactionView(_ref) {
                 shortName: '',
                 id: selectedEmojiId
               });
-
             case 5:
               emoji = _context.sent;
-
               if (emoji && emoji.name) {
                 setEmojiName(emoji.name);
               }
-
             case 7:
             case "end":
               return _context.stop();
@@ -80,7 +60,6 @@ var ReactionView = function ReactionView(_ref) {
   }, [emojiProvider, selectedEmojiId]);
   var alphabeticalNames = (0, _react.useMemo)(function () {
     var _reactionObj$users;
-
     var reactionObj = reaction;
     return ((_reactionObj$users = reactionObj.users) === null || _reactionObj$users === void 0 ? void 0 : _reactionObj$users.sort(function (a, b) {
       return a.displayName.localeCompare(b.displayName);
@@ -106,7 +85,6 @@ var ReactionView = function ReactionView(_ref) {
     css: _styles.userListStyle
   }, alphabeticalNames.map(function (user) {
     var _user$profilePicture;
-
     var profile = (_user$profilePicture = user.profilePicture) === null || _user$profilePicture === void 0 ? void 0 : _user$profilePicture.path;
     return (0, _react2.jsx)("li", {
       css: _styles.userStyle,
@@ -117,5 +95,4 @@ var ReactionView = function ReactionView(_ref) {
     }), (0, _react2.jsx)("span", null, user.displayName));
   })));
 };
-
 exports.ReactionView = ReactionView;