@atlaskit/reactions 22.2.0 → 22.2.2

package/dist/esm/MockReactionsClient.js

@@ -3,11 +3,8 @@ import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import { constants } from './shared';
 export var containerAri = 'ari:cloud:owner:demo-cloud-id:container/1';
@@ -31,59 +28,47 @@ export var getUser = function getUser(id, displayName) {
     }
   };
 };
-
 var getReactionKey = function getReactionKey(containerAri, ari) {
   return "".concat(containerAri, "|").concat(ari);
 };
-
 var defaultUsers = [getUser('oscar', 'Oscar Wallhult'), getUser('julien', 'Julien Michel Hoarau'), getUser('craig', 'Craig Petchell'), getUser('jerome', 'Jerome Touffe-Blin'), getUser('esoares', 'Eduardo Soares'), getUser('lpereira', 'Luiz Pereira'), getUser('pcurren', 'Paul Curren'), getUser('ttjandra', 'Tara Tjandra'), getUser('severington', 'Ste Everington'), getUser('sguillope', 'Sylvain Guillope'), getUser('alunnon', 'Alex Lunnon'), getUser('bsmith', 'Bob Smith'), getUser('jdoe', 'Jane Doe'), getUser('mhomes', 'Mary Homes'), getUser('ckent', 'Clark Kent')];
 export var simpleMockData = _defineProperty({}, getReactionKey(containerAri, ari), [getReactionSummary(':fire:', 1, true), getReactionSummary(':thumbsup:', 999, false), getReactionSummary(':astonished:', 9, false), getReactionSummary(':heart:', 99, false)]);
-
 var extendedMockData = _defineProperty({}, getReactionKey(containerAri, ari), [getReactionSummary(':fire:', 1, true, true), getReactionSummary(':thumbsup:', 999, false, true), getReactionSummary(':astonished:', 9, false, true), getReactionSummary(':heart:', 99, false, true), getReactionSummary(':thinking:', 10, false, true), getReactionSummary(':clap:', 99, false, true), getReactionSummary(':thumbsdown:', 2, false, true), getReactionSummary(':bulb:', 16, false, true), getReactionSummary(':star:', 9999, false, true), getReactionSummary(':green_heart:', 9, false, true), getReactionSummary(':blue_heart:', 8392, false, true), getReactionSummary(':broken_heart:', 1, false, true), getReactionSummary(':grinning:', 10601, false, true), getReactionSummary(':slight_smile:', 99, false, true)]);
+
 /**
  * Mocked version of the client to fetch user information
  */
-
-
 export var MockReactionsClient = /*#__PURE__*/function () {
   function MockReactionsClient() {
     var _this = this;
-
     var delay = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
     var showExtendedReactions = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-
     _classCallCheck(this, MockReactionsClient);
-
     _defineProperty(this, "delayPromise", function () {
       return new Promise(function (resolve) {
         return window.setTimeout(resolve, _this.delay);
       });
     });
-
     this.delay = delay;
     this.mockData = showExtendedReactions ? extendedMockData : simpleMockData;
   }
-
   _createClass(MockReactionsClient, [{
     key: "getReactions",
     value: function () {
       var _getReactions = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(containerAri, aris) {
         var _this2 = this;
-
         return _regeneratorRuntime.wrap(function _callee$(_context) {
           while (1) {
             switch (_context.prev = _context.next) {
               case 0:
                 _context.next = 2;
                 return this.delayPromise();
-
               case 2:
                 return _context.abrupt("return", aris.reduce(function (results, ari) {
                   var reactionKey = getReactionKey(containerAri, ari);
                   results[ari] = _this2.mockData[reactionKey] || [];
                   return results;
                 }, {}));
-
               case 3:
               case "end":
                 return _context.stop();
@@ -91,11 +76,9 @@ export var MockReactionsClient = /*#__PURE__*/function () {
           }
         }, _callee, this);
       }));
-
       function getReactions(_x, _x2) {
         return _getReactions.apply(this, arguments);
       }
-
       return getReactions;
     }()
   }, {
@@ -109,30 +92,24 @@ export var MockReactionsClient = /*#__PURE__*/function () {
               case 0:
                 _context2.next = 2;
                 return this.delayPromise();
-
               case 2:
                 reactionKey = "".concat(containerAri, "|").concat(ari);
                 reactionsMockData = this.mockData[reactionKey];
-
                 if (!reactionsMockData) {
                   _context2.next = 9;
                   break;
                 }
-
                 reaction = reactionsMockData.find(function (reaction_1) {
                   return reaction_1.emojiId === emojiId;
                 });
-
                 if (!reaction) {
                   _context2.next = 9;
                   break;
                 }
-
                 users = [].concat(defaultUsers).slice(Math.floor(Math.random() * 4), Math.floor(Math.random() * 9) + 4).slice(0, reaction.count);
                 return _context2.abrupt("return", _objectSpread(_objectSpread({}, reaction), {}, {
                   users: users
                 }));
-
               case 9:
                 return _context2.abrupt("return", {
                   containerAri: containerAri,
@@ -142,7 +119,6 @@ export var MockReactionsClient = /*#__PURE__*/function () {
                   reacted: true,
                   users: []
                 });
-
               case 10:
               case "end":
                 return _context2.stop();
@@ -150,11 +126,9 @@ export var MockReactionsClient = /*#__PURE__*/function () {
           }
         }, _callee2, this);
       }));
-
       function getDetailedReaction(_x3, _x4, _x5) {
         return _getDetailedReaction.apply(this, arguments);
       }
-
       return getDetailedReaction;
     }()
   }, {
@@ -168,12 +142,10 @@ export var MockReactionsClient = /*#__PURE__*/function () {
               case 0:
                 _context3.next = 2;
                 return this.delayPromise();
-
               case 2:
                 reactionKey = getReactionKey(containerAri, ari);
                 found = false;
                 reactionsMockData = this.mockData[reactionKey];
-
                 if (reactionsMockData) {
                   this.mockData[reactionKey] = reactionsMockData.map(function (reaction) {
                     if (reaction.emojiId === emojiId) {
@@ -183,11 +155,9 @@ export var MockReactionsClient = /*#__PURE__*/function () {
                         reacted: true
                       });
                     }
-
                     return reaction;
                   });
                 }
-
                 if (!found) {
                   this.mockData[reactionKey] = [].concat(_toConsumableArray(reactionsMockData ? reactionsMockData : []), [{
                     containerAri: containerAri,
@@ -197,9 +167,7 @@ export var MockReactionsClient = /*#__PURE__*/function () {
                     reacted: true
                   }]);
                 }
-
                 return _context3.abrupt("return", this.mockData[reactionKey]);
-
               case 8:
               case "end":
                 return _context3.stop();
@@ -207,11 +175,9 @@ export var MockReactionsClient = /*#__PURE__*/function () {
           }
         }, _callee3, this);
       }));
-
       function addReaction(_x6, _x7, _x8) {
         return _addReaction.apply(this, arguments);
       }
-
       return addReaction;
     }()
   }, {
@@ -225,7 +191,6 @@ export var MockReactionsClient = /*#__PURE__*/function () {
               case 0:
                 _context4.next = 2;
                 return this.delayPromise();
-
               case 2:
                 reactionKey = getReactionKey(containerAri, ari);
                 this.mockData[reactionKey] = this.mockData[reactionKey].map(function (reaction) {
@@ -233,19 +198,16 @@ export var MockReactionsClient = /*#__PURE__*/function () {
                     if (reaction.count === 1) {
                       return undefined;
                     }
-
                     return _objectSpread(_objectSpread({}, reaction), {}, {
                       count: reaction.count - 1,
                       reacted: false
                     });
                   }
-
                   return reaction;
                 }).filter(function (reaction_1) {
                   return !!reaction_1;
                 });
                 return _context4.abrupt("return", this.mockData[reactionKey]);
-
               case 5:
               case "end":
                 return _context4.stop();
@@ -253,14 +215,11 @@ export var MockReactionsClient = /*#__PURE__*/function () {
           }
         }, _callee4, this);
       }));
-
       function deleteReaction(_x9, _x10, _x11) {
         return _deleteReaction.apply(this, arguments);
       }
-
       return deleteReaction;
     }()
   }]);
-
   return MockReactionsClient;
 }();

package/dist/esm/analytics/analytics.js

@@ -1,9 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 import { createAndFireEvent } from '@atlaskit/analytics-next';
 import { UI_EVENT_TYPE, OPERATIONAL_EVENT_TYPE } from '@atlaskit/analytics-gas-types';
 import { name as packageName, version as packageVersion } from '../version.json';
@@ -13,11 +10,9 @@ export var createAndFireSafe = function createAndFireSafe(createAnalyticsEvent,
     for (var _len = arguments.length, args = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
       args[_key - 2] = arguments[_key];
     }
-
     createAndFireEventInElementsChannel(creator.apply(void 0, args))(createAnalyticsEvent);
   }
 };
-
 var createPayload = function createPayload(action, actionSubject, eventType, actionSubjectId) {
   return function () {
     var attributes = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
@@ -33,23 +28,18 @@ var createPayload = function createPayload(action, actionSubject, eventType, act
     };
   };
 };
-
 var calculateDuration = function calculateDuration(startTime) {
   return startTime ? Date.now() - startTime : undefined;
 };
-
 var getPreviousState = function getPreviousState(reaction) {
   if (reaction) {
     if (reaction.reacted) {
       return 'existingReacted';
     }
-
     return 'existingNotReacted';
   }
-
   return 'new';
 };
-
 export var createRestSucceededEvent = function createRestSucceededEvent(actionSubject) {
   return createPayload('succeeded', actionSubject, OPERATIONAL_EVENT_TYPE)();
 };
@@ -102,12 +92,12 @@ export var createReactionClickedEvent = function createReactionClickedEvent(adde
     emojiId: emojiId
   });
 };
+
 /**
  * Used for store failure metadata for analytics
  * @param error The error could be a service error with {code, reason} or an Error
  * @returns any
  */
-
 export var extractErrorInfo = function extractErrorInfo(error) {
   if (error instanceof Error) {
     return {
@@ -115,6 +105,5 @@ export var extractErrorInfo = function extractErrorInfo(error) {
       message: error.message
     };
   }
-
   return error;
 };

package/dist/esm/analytics/ufo.js

@@ -1,5 +1,6 @@
 import { ConcurrentExperience, UFOExperience, ExperiencePerformanceTypes, ExperienceTypes } from '@atlaskit/ufo';
 import { withSampling } from '@atlaskit/emoji';
+
 /**
  * Initial experience config object (deferred from @atlaskit/ufo inner types)
  */
@@ -17,16 +18,15 @@ var createExperienceConfig = function createExperienceConfig(componentName, type
     performanceType: performanceType
   };
 };
+
 /**
  * Types of experiences
  */
-
-
 export var ExperienceName;
+
 /**
  * UFO types of components been instrumented
  */
-
 (function (ExperienceName) {
   ExperienceName["REACTIONS_RENDERED"] = "reactions-rendered";
   ExperienceName["PICKER_OPENED"] = "reactions-picker-opened";
@@ -37,54 +37,52 @@ export var ExperienceName;
   ExperienceName["REACTION_DIALOG_CLOSED"] = "reaction-dialog-closed";
   ExperienceName["REACTION_DIALOG_SELECTED_REACTION_CHANGED"] = "reaction-dialog-selected-reaction-changed";
 })(ExperienceName || (ExperienceName = {}));
-
 export var ComponentName;
+
 /**
  * Experience when the emoji picker is opened
  */
-
 (function (ComponentName) {
   ComponentName["PICKER_RENDERED"] = "reactions-picker";
   ComponentName["REACTIONS"] = "reactions-list";
   ComponentName["REACTION_ITEM"] = "reaction-item";
   ComponentName["REACTION_DIALOG"] = "reaction-dialog";
 })(ComponentName || (ComponentName = {}));
-
 export var PickerRender = new UFOExperience(ExperienceName.PICKER_OPENED, createExperienceConfig(ComponentName.PICKER_RENDERED, ExperienceTypes.Experience, ExperiencePerformanceTypes.InlineResult));
+
 /**
  * Experience when the list of reactions gets rendered
  */
-
 export var ReactionsRendered = new ConcurrentExperience(ExperienceName.REACTIONS_RENDERED, createExperienceConfig(ComponentName.REACTIONS, ExperienceTypes.Load, ExperiencePerformanceTypes.PageSegmentLoad));
+
 /**
  * Experience when a reaction emoji gets added
  */
-
 export var ReactionsAdd = new ConcurrentExperience(ExperienceName.REACTION_ADDED, createExperienceConfig(ComponentName.REACTIONS, ExperienceTypes.Experience, ExperiencePerformanceTypes.InlineResult));
+
 /**
  * Expeirence when a reaction dialog is opened
  */
-
 export var ReactionDialogOpened = new UFOExperience(ExperienceName.REACTION_DIALOG_OPENED, createExperienceConfig(ComponentName.REACTION_DIALOG, ExperienceTypes.Experience, ExperiencePerformanceTypes.InlineResult));
+
 /**
  * Experience when a reaction dialog is closed
  */
-
 export var ReactionDialogClosed = new UFOExperience(ExperienceName.REACTION_DIALOG_CLOSED, createExperienceConfig(ComponentName.REACTION_DIALOG, ExperienceTypes.Experience, ExperiencePerformanceTypes.InlineResult));
+
 /**
  * Experience when a reaction changed/fetched from inside the modal dialog
  */
-
 export var ReactionDialogSelectedReactionChanged = new UFOExperience(ExperienceName.REACTION_DIALOG_SELECTED_REACTION_CHANGED, createExperienceConfig(ComponentName.REACTION_DIALOG, ExperienceTypes.Experience, ExperiencePerformanceTypes.InlineResult));
+
 /**
  * Experience when a reaction details gets fetched
  */
-
 export var ReactionDetailsFetch = new ConcurrentExperience(ExperienceName.REACTION_DETAILS_FETCHED, createExperienceConfig(ComponentName.REACTION_ITEM, ExperienceTypes.Experience, ExperiencePerformanceTypes.InlineResult));
+
 /**
  * Experience when a reaction emoji gets removed/decrement
  */
-
 export var ReactionsRemove = new ConcurrentExperience(ExperienceName.REACTION_REMOVED, createExperienceConfig(ComponentName.REACTIONS, ExperienceTypes.Experience, ExperiencePerformanceTypes.InlineResult));
 export var sampledReactionsRendered = function sampledReactionsRendered(instanceId) {
   return withSampling(ReactionsRendered.getInstance(instanceId));

package/dist/esm/client/ReactionServiceClient.js

@@ -1,13 +1,9 @@
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 import { utils } from '@atlaskit/util-service-support';
-
 /**
  * Utility class to retrieve/modify all actions on reactions collection
  */
@@ -27,52 +23,45 @@ export var ReactionServiceClient = /*#__PURE__*/function () {
    */
   function ReactionServiceClient(baseUrl, sessionToken) {
     var _this = this;
-
     _classCallCheck(this, ReactionServiceClient);
-
     _defineProperty(this, "requestService", function (path, options) {
       return utils.requestService(_this.serviceConfig, _objectSpread(_objectSpread({}, options), {}, {
         path: path
       }));
     });
-
     this.serviceConfig = {
       url: baseUrl
     };
     this.sessionToken = sessionToken;
   }
+
   /**
    * Get http headers for the "fetch" request
    * @param hasBody
    */
-
-
   _createClass(ReactionServiceClient, [{
     key: "getHeaders",
     value: function getHeaders() {
       var headers = {};
       headers['Accept'] = 'application/json';
       headers['Content-Type'] = 'application/json';
-
       if (this.sessionToken) {
         headers['Authorization'] = this.sessionToken;
       }
-
       return headers;
     }
+
     /**
      * Send a request to remote service
      * @param path endpoint api url
      * @param options Optional custom params
      */
-
   }, {
     key: "getReactions",
     value: function getReactions(containerAri, aris) {
       if (aris.length === 0) {
         return Promise.resolve({});
       }
-
       return this.requestService('reactions/view', {
         requestInit: {
           method: 'POST',
@@ -143,6 +132,5 @@ export var ReactionServiceClient = /*#__PURE__*/function () {
       });
     }
   }]);
-
   return ReactionServiceClient;
 }();

package/dist/esm/components/Counter/Counter.js

@@ -1,40 +1,38 @@
 /** @jsx jsx */
 import React from 'react';
 import { jsx, css } from '@emotion/react';
-import { SlideIn, ExitingPersistence, mediumDurationMs } from '@atlaskit/motion'; // eslint-disable-next-line @atlaskit/design-system/no-banned-imports
-
+import { SlideIn, ExitingPersistence, mediumDurationMs } from '@atlaskit/motion';
+// eslint-disable-next-line @atlaskit/design-system/no-banned-imports
 import usePreviousValue from '@atlaskit/ds-lib/use-previous-value';
 import { utils } from '../../shared';
 import * as styles from './styles';
+
 /**
  * Test id for component top level div
  */
-
 export var RENDER_COMPONENT_WRAPPER = 'counter-wrapper';
+
 /**
  * Test id for wrapper div of the counter inside the slider
  */
-
 export var RENDER_COUNTER_TESTID = 'counter-container';
+
 /**
  * Counter label value wrapper div
  */
-
 export var RENDER_LABEL_TESTID = 'counter_label_wrapper';
-
 /**
  * Display reaction count next to the emoji button
  */
 export 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 ? 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 ? mediumDurationMs : _ref$animationDuratio;
   var getLabel = function getLabel(value) {
     // Check if reached limit
     if (limit && overLimitLabel && value >= limit) {
@@ -45,7 +43,6 @@ export var Counter = function Counter(_ref) {
       return utils.formatLargeNumber(value);
     }
   };
-
   var previousValue = usePreviousValue(value);
   var label = getLabel(value);
   var increase = previousValue ? previousValue < value : false;

package/dist/esm/components/EmojiButton/EmojiButton.js

@@ -6,23 +6,19 @@ import { ResourcedEmoji } from '@atlaskit/emoji';
 import { i18n, utils } from '../../shared';
 import * as styles from './styles';
 export var RENDER_BUTTON_TESTID = 'button-emoji-id';
-
 /**
  * custom button to render the custom emoji selector inside the reaction picker
  */
 export 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 && utils.isLeftClick(event)) {
       onClick(emojiId, undefined, event);
     }
   };
-
   var intl = useIntl();
   return jsx("button", {
     "data-testid": RENDER_BUTTON_TESTID,

package/dist/esm/components/FlashAnimation/FlashAnimation.js

@@ -2,15 +2,14 @@
 import React from 'react';
 import { jsx } from '@emotion/react';
 import * as styles from './styles';
-
 /**
  * Test id for wrapper FlashAnimation div
  */
 export var RENDER_FLASHANIMATION_TESTID = 'flash-animation';
+
 /**
  * Flash animation background component. See Reaction component for usage.
  */
-
 export var FlashAnimation = function FlashAnimation(props) {
   return jsx("div", {
     className: props.className,