@atlaskit/reactions 22.2.0 → 22.2.1

package/dist/cjs/components/ReactionTooltip/ReactionTooltip.js

@@ -1,32 +1,20 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ReactionTooltip = exports.RENDER_REACTIONTOOLTIP_TESTID = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _react2 = require("@emotion/react");
-
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
-
 var _reactIntlNext = require("react-intl-next");
-
 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 */
 
 /**
@@ -34,23 +22,21 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
  */
 var RENDER_REACTIONTOOLTIP_TESTID = 'render-reactionTooltip';
 exports.RENDER_REACTIONTOOLTIP_TESTID = RENDER_REACTIONTOOLTIP_TESTID;
-
 var ReactionTooltip = function ReactionTooltip(_ref) {
   var children = _ref.children,
-      emojiName = _ref.emojiName,
-      _ref$reaction = _ref.reaction,
-      _ref$reaction$users = _ref$reaction.users,
-      users = _ref$reaction$users === void 0 ? [] : _ref$reaction$users,
-      _ref$reaction$emojiId = _ref$reaction.emojiId,
-      emojiId = _ref$reaction$emojiId === void 0 ? '' : _ref$reaction$emojiId,
-      _ref$maxReactions = _ref.maxReactions,
-      maxReactions = _ref$maxReactions === void 0 ? _shared.constants.TOOLTIP_USERS_LIMIT : _ref$maxReactions,
-      handleUserListClick = _ref.handleUserListClick,
-      _ref$allowUserDialog = _ref.allowUserDialog,
-      allowUserDialog = _ref$allowUserDialog === void 0 ? false : _ref$allowUserDialog,
-      _ref$isEnabled = _ref.isEnabled,
-      isEnabled = _ref$isEnabled === void 0 ? true : _ref$isEnabled;
-
+    emojiName = _ref.emojiName,
+    _ref$reaction = _ref.reaction,
+    _ref$reaction$users = _ref$reaction.users,
+    users = _ref$reaction$users === void 0 ? [] : _ref$reaction$users,
+    _ref$reaction$emojiId = _ref$reaction.emojiId,
+    emojiId = _ref$reaction$emojiId === void 0 ? '' : _ref$reaction$emojiId,
+    _ref$maxReactions = _ref.maxReactions,
+    maxReactions = _ref$maxReactions === void 0 ? _shared.constants.TOOLTIP_USERS_LIMIT : _ref$maxReactions,
+    handleUserListClick = _ref.handleUserListClick,
+    _ref$allowUserDialog = _ref.allowUserDialog,
+    allowUserDialog = _ref$allowUserDialog === void 0 ? false : _ref$allowUserDialog,
+    _ref$isEnabled = _ref.isEnabled,
+    isEnabled = _ref$isEnabled === void 0 ? true : _ref$isEnabled;
   /**
    * Render list of users in the tooltip box
    */
@@ -81,5 +67,4 @@ var ReactionTooltip = function ReactionTooltip(_ref) {
     testId: RENDER_REACTIONTOOLTIP_TESTID
   }, _react.default.Children.only(children));
 };
-
 exports.ReactionTooltip = ReactionTooltip;

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

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

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

@@ -4,12 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.verticalMargin = exports.underlineStyle = exports.tooltipStyle = exports.footerStyle = exports.emojiNameStyle = void 0;
-
 var _react = require("@emotion/react");
-
 var _colors = require("@atlaskit/theme/colors");
-
 /** @jsx jsx */
+
 var verticalMargin = 5;
 exports.verticalMargin = verticalMargin;
 var tooltipStyle = (0, _react.css)({

package/dist/cjs/components/Reactions/Reactions.js

@@ -1,50 +1,30 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Reactions = exports.RENDER_VIEWALL_REACTED_USERS_DIALOG = exports.RENDER_REACTIONS_TESTID = void 0;
 exports.getTooltip = getTooltip;
 exports.ufoExperiences = void 0;
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _react2 = require("@emotion/react");
-
 var _reactIntlNext = require("react-intl-next");
-
 var _analyticsNext = require("@atlaskit/analytics-next");
-
 var _modalDialog = require("@atlaskit/modal-dialog");
-
 var _button = _interopRequireDefault(require("@atlaskit/button"));
-
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
-
 var _analytics = require("../../analytics");
-
 var _types = require("../../types");
-
 var _shared = require("../../shared");
-
 var _Reaction = require("../Reaction");
-
 var _ReactionDialog = require("../ReactionDialog");
-
 var _ReactionPicker = require("../ReactionPicker");
-
 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 */
 
 /**
@@ -55,31 +35,27 @@ var ufoExperiences = {
    * Expeirence when a reaction dialog is opened
    */
   openDialog: _analytics.UFO.ReactionDialogOpened,
-
   /**
    * Experience when a reaction dialog is closed
    */
   closeDialog: _analytics.UFO.ReactionDialogClosed,
-
   /**
    * Experience when a reaction changed/fetched from inside the modal dialog
    */
   selectedReactionChangeInsideDialog: _analytics.UFO.ReactionDialogSelectedReactionChanged
 };
+
 /**
  * Test id for wrapper Reactions div
  */
-
 exports.ufoExperiences = ufoExperiences;
 var RENDER_REACTIONS_TESTID = 'render-reactions';
 /**
  * Test id for the view all reacted user to trigger the dialog
  */
-
 exports.RENDER_REACTIONS_TESTID = RENDER_REACTIONS_TESTID;
 var RENDER_VIEWALL_REACTED_USERS_DIALOG = 'viewall-reacted-users-dialog';
 exports.RENDER_VIEWALL_REACTED_USERS_DIALOG = RENDER_VIEWALL_REACTED_USERS_DIALOG;
-
 /**
  * Get content of the tooltip
  */
@@ -88,61 +64,54 @@ function getTooltip(status, errorMessage) {
     case _types.ReactionStatus.error:
       return errorMessage || (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _shared.i18n.messages.unexpectedError);
     // When reaction is not available don't show any tooltip (e.g. Archive page in Confluence)
-
     case _types.ReactionStatus.disabled:
       return null;
-
     case _types.ReactionStatus.notLoaded:
     case _types.ReactionStatus.loading:
       return (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _shared.i18n.messages.loadingReactions);
-
     case _types.ReactionStatus.ready:
       return (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _shared.i18n.messages.addReaction);
   }
 }
+
 /**
  * Renders list of reactions
  */
-
-
 var Reactions = /*#__PURE__*/_react.default.memo(function (_ref) {
   var _ref$flash = _ref.flash,
-      flash = _ref$flash === void 0 ? {} : _ref$flash,
-      status = _ref.status,
-      errorMessage = _ref.errorMessage,
-      loadReaction = _ref.loadReaction,
-      quickReactionEmojis = _ref.quickReactionEmojis,
-      pickerQuickReactionEmojiIds = _ref.pickerQuickReactionEmojiIds,
-      _ref$getReactionDetai = _ref.getReactionDetails,
-      getReactionDetails = _ref$getReactionDetai === void 0 ? function () {} : _ref$getReactionDetai,
-      _ref$onReactionHover = _ref.onReactionHover,
-      onReactionHover = _ref$onReactionHover === void 0 ? function () {} : _ref$onReactionHover,
-      onSelection = _ref.onSelection,
-      _ref$reactions = _ref.reactions,
-      reactions = _ref$reactions === void 0 ? [] : _ref$reactions,
-      emojiProvider = _ref.emojiProvider,
-      allowAllEmojis = _ref.allowAllEmojis,
-      onReactionClick = _ref.onReactionClick,
-      allowUserDialog = _ref.allowUserDialog,
-      _ref$onDialogOpenCall = _ref.onDialogOpenCallback,
-      onDialogOpenCallback = _ref$onDialogOpenCall === void 0 ? function () {} : _ref$onDialogOpenCall,
-      _ref$onDialogCloseCal = _ref.onDialogCloseCallback,
-      onDialogCloseCallback = _ref$onDialogCloseCal === void 0 ? function () {} : _ref$onDialogCloseCal,
-      _ref$onDialogSelectRe = _ref.onDialogSelectReactionCallback,
-      onDialogSelectReactionCallback = _ref$onDialogSelectRe === void 0 ? function () {} : _ref$onDialogSelectRe,
-      _ref$emojiPickerSize = _ref.emojiPickerSize,
-      emojiPickerSize = _ref$emojiPickerSize === void 0 ? 'medium' : _ref$emojiPickerSize,
-      _ref$miniMode = _ref.miniMode,
-      miniMode = _ref$miniMode === void 0 ? false : _ref$miniMode;
-
+    flash = _ref$flash === void 0 ? {} : _ref$flash,
+    status = _ref.status,
+    errorMessage = _ref.errorMessage,
+    loadReaction = _ref.loadReaction,
+    quickReactionEmojis = _ref.quickReactionEmojis,
+    pickerQuickReactionEmojiIds = _ref.pickerQuickReactionEmojiIds,
+    _ref$getReactionDetai = _ref.getReactionDetails,
+    getReactionDetails = _ref$getReactionDetai === void 0 ? function () {} : _ref$getReactionDetai,
+    _ref$onReactionHover = _ref.onReactionHover,
+    onReactionHover = _ref$onReactionHover === void 0 ? function () {} : _ref$onReactionHover,
+    onSelection = _ref.onSelection,
+    _ref$reactions = _ref.reactions,
+    reactions = _ref$reactions === void 0 ? [] : _ref$reactions,
+    emojiProvider = _ref.emojiProvider,
+    allowAllEmojis = _ref.allowAllEmojis,
+    onReactionClick = _ref.onReactionClick,
+    allowUserDialog = _ref.allowUserDialog,
+    _ref$onDialogOpenCall = _ref.onDialogOpenCallback,
+    onDialogOpenCallback = _ref$onDialogOpenCall === void 0 ? function () {} : _ref$onDialogOpenCall,
+    _ref$onDialogCloseCal = _ref.onDialogCloseCallback,
+    onDialogCloseCallback = _ref$onDialogCloseCal === void 0 ? function () {} : _ref$onDialogCloseCal,
+    _ref$onDialogSelectRe = _ref.onDialogSelectReactionCallback,
+    onDialogSelectReactionCallback = _ref$onDialogSelectRe === void 0 ? function () {} : _ref$onDialogSelectRe,
+    _ref$emojiPickerSize = _ref.emojiPickerSize,
+    emojiPickerSize = _ref$emojiPickerSize === void 0 ? 'medium' : _ref$emojiPickerSize,
+    _ref$miniMode = _ref.miniMode,
+    miniMode = _ref$miniMode === void 0 ? false : _ref$miniMode;
   var _useState = (0, _react.useState)(),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      selectedEmojiId = _useState2[0],
-      setSelectedEmojiId = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    selectedEmojiId = _useState2[0],
+    setSelectedEmojiId = _useState2[1];
   var _useAnalyticsEvents = (0, _analyticsNext.useAnalyticsEvents)(),
-      createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
-
+    createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
   var openTime = (0, _react.useRef)();
   var renderTime = (0, _react.useRef)();
   (0, _react.useEffect)(function () {
@@ -155,10 +124,8 @@ var Reactions = /*#__PURE__*/_react.default.memo(function (_ref) {
       renderTime.current = Date.now();
     } else {
       var _renderTime$current;
-
       _analytics.Analytics.createAndFireSafe(createAnalyticsEvent, _analytics.Analytics.createReactionsRenderedEvent, (_renderTime$current = renderTime.current) !== null && _renderTime$current !== void 0 ? _renderTime$current : Date.now() //renderTime.current can be null during unit test cases
       );
-
       renderTime.current = undefined;
     }
   }, [createAnalyticsEvent, status]);
@@ -171,12 +138,10 @@ var Reactions = /*#__PURE__*/_react.default.memo(function (_ref) {
   }, [getReactionDetails]);
   var handlePickerOpen = (0, _react.useCallback)(function () {
     openTime.current = Date.now();
-
     _analytics.Analytics.createAndFireSafe(createAnalyticsEvent, _analytics.Analytics.createPickerButtonClickedEvent, reactions.length);
   }, [createAnalyticsEvent, reactions]);
   var handleOnCancel = (0, _react.useCallback)(function () {
     _analytics.Analytics.createAndFireSafe(createAnalyticsEvent, _analytics.Analytics.createPickerCancelledEvent, openTime.current);
-
     openTime.current = undefined;
   }, [createAnalyticsEvent]);
   var handleOnMore = (0, _react.useCallback)(function () {
@@ -186,21 +151,21 @@ var Reactions = /*#__PURE__*/_react.default.memo(function (_ref) {
     _analytics.Analytics.createAndFireSafe(createAnalyticsEvent, _analytics.Analytics.createReactionSelectionEvent, source, emojiId, reactions.find(function (reaction) {
       return reaction.emojiId === emojiId;
     }), openTime.current);
-
     openTime.current = undefined;
     onSelection(emojiId);
   }, [createAnalyticsEvent, onSelection, reactions]);
+
   /**
    * event handler to open selected reaction from tooltip
    * @param emojiId selected emoji id
    */
-
   var handleOpenReactionsDialog = function handleOpenReactionsDialog(emojiId) {
     // ufo start opening reaction dialog
     ufoExperiences.openDialog.start();
     setSelectedEmojiId(emojiId);
-    onDialogOpenCallback(emojiId, 'tooltip'); // ufo opening reaction dialog success
+    onDialogOpenCallback(emojiId, 'tooltip');
 
+    // ufo opening reaction dialog success
     ufoExperiences.openDialog.success({
       metadata: {
         emojiId: emojiId,
@@ -209,19 +174,19 @@ var Reactions = /*#__PURE__*/_react.default.memo(function (_ref) {
       }
     });
   };
+
   /**
    * Event handler to oepn all reactions link button
    */
-
-
   var handleOpenAllReactionsDialog = function handleOpenAllReactionsDialog() {
     // ufo start opening reaction dialog
     ufoExperiences.openDialog.start();
     var emojiId = reactions[0].emojiId;
     getReactionDetails(emojiId);
     setSelectedEmojiId(emojiId);
-    onDialogOpenCallback(emojiId, 'button'); // ufo opening reaction dialog success
+    onDialogOpenCallback(emojiId, 'button');
 
+    // ufo opening reaction dialog success
     ufoExperiences.openDialog.success({
       metadata: {
         emojiId: emojiId,
@@ -230,13 +195,13 @@ var Reactions = /*#__PURE__*/_react.default.memo(function (_ref) {
       }
     });
   };
-
   var handleCloseReactionsDialog = function handleCloseReactionsDialog(e, analyticsEvent) {
     // ufo closing opening reaction dialog
     ufoExperiences.closeDialog.start();
     setSelectedEmojiId('');
-    onDialogCloseCallback(e, analyticsEvent); // ufo closing reaction dialog success
+    onDialogCloseCallback(e, analyticsEvent);
 
+    // ufo closing reaction dialog success
     ufoExperiences.closeDialog.success({
       metadata: {
         source: 'Reactions',
@@ -244,13 +209,13 @@ var Reactions = /*#__PURE__*/_react.default.memo(function (_ref) {
       }
     });
   };
-
   var handleSelectReactionInDialog = function handleSelectReactionInDialog(emojiId, analyticsEvent) {
     // ufo selected reaction inside the modal dialog
     ufoExperiences.selectedReactionChangeInsideDialog.start();
     handleReactionMouseEnter(emojiId);
-    onDialogSelectReactionCallback(emojiId, analyticsEvent); // ufo selected reaction inside the modal dialog success
+    onDialogSelectReactionCallback(emojiId, analyticsEvent);
 
+    // ufo selected reaction inside the modal dialog success
     ufoExperiences.selectedReactionChangeInsideDialog.success({
       metadata: {
         emojiId: emojiId,
@@ -259,25 +224,23 @@ var Reactions = /*#__PURE__*/_react.default.memo(function (_ref) {
       }
     });
   };
+
   /**
    * Get the reactions that we want to render are any reactions with a count greater than zero as well as any default emoji not already shown
    */
-
-
   var memorizedReactions = (0, _react.useMemo)(function () {
     //
-
     /**
      * If reactions not empty, don't show quick reactions Pre defined emoji or if its empty => return the current list of reactions
      */
     if (reactions.length > 0 || !quickReactionEmojis) {
       return reactions;
-    } // add any missing default reactions
-
+    }
 
+    // add any missing default reactions
     var ari = quickReactionEmojis.ari,
-        containerAri = quickReactionEmojis.containerAri,
-        emojiIds = quickReactionEmojis.emojiIds;
+      containerAri = quickReactionEmojis.containerAri,
+      emojiIds = quickReactionEmojis.emojiIds;
     var items = emojiIds.filter(function (emojiId) {
       return !reactions.some(function (reaction) {
         return reaction.emojiId === emojiId;
@@ -337,5 +300,4 @@ var Reactions = /*#__PURE__*/_react.default.memo(function (_ref) {
     handleSelectReaction: handleSelectReactionInDialog
   })));
 });
-
 exports.Reactions = Reactions;

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

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

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

@@ -4,10 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.wrapperStyle = exports.seeWhoReacted = exports.reactionPickerStyle = void 0;
-
 var _react = require("@emotion/react");
-
 /** @jsx jsx */
+
 var reactionPickerStyle = (0, _react.css)({
   display: 'inline-block',
   marginTop: '4px'

package/dist/cjs/components/Selector/Selector.js

@@ -1,34 +1,21 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Selector = exports.RENDER_SELECTOR_TESTID = void 0;
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _react2 = require("@emotion/react");
-
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
-
 var _shared = require("../../shared");
-
 var _EmojiButton = require("../EmojiButton");
-
 var _ShowMore = require("../ShowMore");
-
 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 */
 
 /**
@@ -36,72 +23,65 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
  */
 var RENDER_SELECTOR_TESTID = 'render-selector';
 exports.RENDER_SELECTOR_TESTID = RENDER_SELECTOR_TESTID;
-
 /**
  * Reactions picker panel part of the <ReactionPicker /> component
  */
 var Selector = function Selector(_ref) {
   var emojiProvider = _ref.emojiProvider,
-      onMoreClick = _ref.onMoreClick,
-      onSelection = _ref.onSelection,
-      showMore = _ref.showMore,
-      _ref$pickerQuickReact = _ref.pickerQuickReactionEmojiIds,
-      pickerQuickReactionEmojiIds = _ref$pickerQuickReact === void 0 ? _shared.constants.DefaultReactions : _ref$pickerQuickReact;
-
+    onMoreClick = _ref.onMoreClick,
+    onSelection = _ref.onSelection,
+    showMore = _ref.showMore,
+    _ref$pickerQuickReact = _ref.pickerQuickReactionEmojiIds,
+    pickerQuickReactionEmojiIds = _ref$pickerQuickReact === void 0 ? _shared.constants.DefaultReactions : _ref$pickerQuickReact;
   var _useState = (0, _react.useState)(),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      selection = _useState2[0],
-      setSelection = _useState2[1];
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    selection = _useState2[0],
+    setSelection = _useState2[1];
   /**
    * Collection of global DOM timeout ids when user selects emojis for animation display
    */
-
-
   var timeoutIds = (0, _react.useRef)([]);
+
   /**
    * Clear the timeouts for the selected emojis when the component unmounts
    */
-
   (0, _react.useEffect)(function () {
     var timeoutValues = timeoutIds.current;
     return function cleanup() {
       timeoutValues.forEach(clearTimeout);
     };
   }, []);
+
   /**
    * event handler when an emoji gets selected
    * @param item selected emoji
    * @param description depth detail of the selected emoji
    * @param event Dom event data
    */
-
   var onSelected = function onSelected(item, description, event) {
     timeoutIds.current.push(window.setTimeout(function () {
       onSelection(item, description, event);
     }, 250));
     setSelection(item);
   };
+
   /**
    * custom css styling for the emoji icon
    * @param index location of the emoji in the rendered list of items
    */
-
-
   var emojiStyleAnimation = function emojiStyleAnimation(index) {
     return {
       animationDelay: "".concat(index * 50, "ms")
     };
   };
+
   /**
    * Render the default emoji icon
    * @param emoji emoji item
    * @param index location of the emoji in the array
    */
-
-
   var renderEmoji = function renderEmoji(emoji, index) {
     var _emoji$id;
-
     return (0, _react2.jsx)("div", {
       key: (_emoji$id = emoji.id) !== null && _emoji$id !== void 0 ? _emoji$id : emoji.shortName,
       className: emoji === selection ? 'selected' : undefined,
@@ -116,7 +96,6 @@ var Selector = function Selector(_ref) {
       onClick: onSelected
     })));
   };
-
   return (0, _react2.jsx)("div", {
     css: styles.selectorStyle
   }, pickerQuickReactionEmojiIds ? pickerQuickReactionEmojiIds.map(renderEmoji) : null, showMore ? (0, _react2.jsx)(_ShowMore.ShowMore, {
@@ -128,5 +107,4 @@ var Selector = function Selector(_ref) {
     onClick: onMoreClick
   }) : null);
 };
-
 exports.Selector = Selector;

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

@@ -1,7 +1,6 @@
 "use strict";
 
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -18,13 +17,8 @@ Object.defineProperty(exports, "Selector", {
   }
 });
 exports.styles = void 0;
-
 var _Selector = require("./Selector");
-
 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/Selector/styles.js

@@ -4,10 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.selectorStyle = exports.revealStyle = exports.revealAnimation = exports.emojiStyleAnimation = exports.emojiStyle = void 0;
-
 var _react = require("@emotion/react");
-
 /** @jsx jsx */
+
 var selectorStyle = (0, _react.css)({
   boxSizing: 'border-box',
   display: 'flex',
@@ -40,17 +39,15 @@ exports.revealAnimation = revealAnimation;
 var revealStyle = (0, _react.css)({
   animation: "".concat(revealAnimation, " 150ms ease-in-out forwards")
 });
+
 /**
  * custom css styling for the emoji icon
  * @param index location of the emoji in the rendered list of items
  */
-
 exports.revealStyle = revealStyle;
-
 var emojiStyleAnimation = function emojiStyleAnimation(index) {
   return {
     animationDelay: "".concat(index * 50, "ms")
   };
 };
-
 exports.emojiStyleAnimation = emojiStyleAnimation;