@atlaskit/reactions 22.5.7 → 22.5.9

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/reactions
 
+## 22.5.9
+
+### Patch Changes
+
+- [#80085](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/80085) [`7febfed958dd`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/7febfed958dd) - Update usage of `React.FC` to explicity include `children`
+
+## 22.5.8
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 22.5.7
 
 ### Patch Changes

package/afm-cc/tsconfig.json

@@ -0,0 +1,73 @@
+{
+    "extends": "../../../../tsconfig.entry-points.confluence.json",
+    "compilerOptions": {
+        "declaration": true,
+        "target": "es5",
+        "composite": true,
+        "outDir": "../dist",
+        "rootDir": "../",
+        "baseUrl": "../"
+    },
+    "include": [
+        "../src/**/*.ts",
+        "../src/**/*.tsx"
+    ],
+    "exclude": [
+        "../src/**/__tests__/*",
+        "../src/**/*.test.*",
+        "../src/**/test.*"
+    ],
+    "references": [
+        {
+            "path": "../../../analytics/analytics-gas-types/afm-cc/tsconfig.json"
+        },
+        {
+            "path": "../../../analytics/analytics-namespaced-context/afm-cc/tsconfig.json"
+        },
+        {
+            "path": "../../../analytics/analytics-next/afm-cc/tsconfig.json"
+        },
+        {
+            "path": "../../../design-system/avatar/afm-cc/tsconfig.json"
+        },
+        {
+            "path": "../../../design-system/button/afm-cc/tsconfig.json"
+        },
+        {
+            "path": "../../emoji/afm-cc/tsconfig.json"
+        },
+        {
+            "path": "../../../design-system/icon/afm-cc/tsconfig.json"
+        },
+        {
+            "path": "../../../design-system/modal-dialog/afm-cc/tsconfig.json"
+        },
+        {
+            "path": "../../../design-system/motion/afm-cc/tsconfig.json"
+        },
+        {
+            "path": "../../../design-system/popper/afm-cc/tsconfig.json"
+        },
+        {
+            "path": "../../../design-system/spinner/afm-cc/tsconfig.json"
+        },
+        {
+            "path": "../../../design-system/tabs/afm-cc/tsconfig.json"
+        },
+        {
+            "path": "../../../design-system/theme/afm-cc/tsconfig.json"
+        },
+        {
+            "path": "../../../design-system/tokens/afm-cc/tsconfig.json"
+        },
+        {
+            "path": "../../../design-system/tooltip/afm-cc/tsconfig.json"
+        },
+        {
+            "path": "../../../data/ufo-external/afm-cc/tsconfig.json"
+        },
+        {
+            "path": "../../util-service-support/afm-cc/tsconfig.json"
+        }
+    ]
+}

package/dist/cjs/MockReactionsClient.js

@@ -41,7 +41,6 @@ var getReactionKey = function getReactionKey(containerAri, 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')];
 var simpleMockData = exports.simpleMockData = (0, _defineProperty2.default)({}, getReactionKey(containerAri, ari), [getReactionSummary(':fire:', 1, true), getReactionSummary(':thumbsup:', 33, false), getReactionSummary(':astonished:', 99, false), getReactionSummary(':heart:', 44, false) // Widest character
 ]);
-
 var extendedMockData = (0, _defineProperty2.default)({}, 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)]);
 
 /**

package/dist/cjs/analytics/index.js

@@ -11,7 +11,7 @@ var _analyticsGasTypes = require("@atlaskit/analytics-gas-types");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var packageName = "@atlaskit/reactions";
-var packageVersion = "22.5.7";
+var packageVersion = "22.5.9";
 /**
  * TODO: move to utility package?
  * A random sampling function

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

@@ -10,8 +10,8 @@ var _react2 = require("@emotion/react");
 var _motion = require("@atlaskit/motion");
 var _utils = require("../../shared/utils");
 var _styles = 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; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 /** @jsx jsx */
 
 // eslint-disable-next-line @atlaskit/design-system/no-banned-imports

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

@@ -1,12 +1,10 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 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 _react = require("@emotion/react");
 var _styles = require("./styles");
 /** @jsx jsx */
 
@@ -19,7 +17,7 @@ var RENDER_FLASHANIMATION_TESTID = exports.RENDER_FLASHANIMATION_TESTID = 'flash
  * Flash animation background component. See Reaction component for usage.
  */
 var FlashAnimation = exports.FlashAnimation = function FlashAnimation(props) {
-  return (0, _react2.jsx)("div", {
+  return (0, _react.jsx)("div", {
     className: props.className,
     css: [_styles.containerStyle, props.flash && _styles.flashStyle],
     "data-testid": RENDER_FLASHANIMATION_TESTID

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

@@ -21,8 +21,8 @@ var _ReactionTooltip = require("../ReactionTooltip");
 var _i18n = require("../../shared/i18n");
 var _utils = require("../../shared/utils");
 var _styles = 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; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 /** @jsx jsx */
 
 /**

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

@@ -16,8 +16,8 @@ var _constants = require("../../shared/constants");
 var _i18n = require("../../shared/i18n");
 var _ReactionsList = require("./ReactionsList");
 var _styles = 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; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 /** @jsx jsx */
 
 /**

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

@@ -15,8 +15,8 @@ var _tokens = require("@atlaskit/tokens");
 var _Counter = require("../Counter");
 var _styles = require("./styles");
 var _ReactionView = require("./ReactionView");
-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; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 /** @jsx   jsx */
 
 var ReactionsList = exports.ReactionsList = function ReactionsList(_ref) {

package/dist/cjs/components/ReactionPicker/ReactionPicker.js

@@ -22,8 +22,8 @@ var _Selector = require("../Selector");
 var _Trigger = require("../Trigger");
 var _styles = require("./styles");
 var _RepositionOnUpdate = require("./RepositionOnUpdate");
-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; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /** @jsx jsx */
 /**

package/dist/cjs/components/ReactionPicker/RepositionOnUpdate.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.RepositionOnUpdate = void 0;
 var _react = _interopRequireWildcard(require("react"));
-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; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 /**
  * Copied from ADS popup component with some tweeks for our use
  */

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

@@ -25,8 +25,8 @@ var _Reaction = require("../Reaction");
 var _ReactionDialog = require("../ReactionDialog");
 var _ReactionPicker = require("../ReactionPicker");
 var _styles = 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; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 /** @jsx jsx */
 
 /**

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

@@ -14,8 +14,8 @@ var _constants = require("../../shared/constants");
 var _EmojiButton = require("../EmojiButton");
 var _ShowMore = require("../ShowMore");
 var _styles = 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; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 /** @jsx jsx */
 
 /**

package/dist/cjs/components/UfoErrorBoundary/UfoErrorBoundary.js

@@ -15,7 +15,7 @@ function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 /**
  * Error boundary wrapper to notify "failure" for UFO events of components when there was a re-rendering exception caught inside the `componentDidCatch` event handler
  */

package/dist/cjs/containers/ConnectedReactionsView/ConnectedReactionsView.js

@@ -18,8 +18,8 @@ var _components = require("../../components");
 var _store2 = require("../../store");
 var _types = require("../../types");
 var _excluded = ["ari", "containerAri", "store"];
-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; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 /**
  * State Props required for <Reactions />
  */

package/dist/cjs/store/ReactionConsumer.js

@@ -16,7 +16,7 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 /**
  * Props type for the ReactionConsumer class component
  */

package/dist/es2019/MockReactionsClient.js

@@ -27,7 +27,6 @@ export const simpleMockData = {
   [getReactionKey(containerAri, ari)]: [getReactionSummary(':fire:', 1, true), getReactionSummary(':thumbsup:', 33, false), getReactionSummary(':astonished:', 99, false), getReactionSummary(':heart:', 44, false) // Widest character
   ]
 };
-
 const extendedMockData = {
   [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)]
 };

package/dist/es2019/analytics/index.js

@@ -1,7 +1,7 @@
 import { createAndFireEvent } from '@atlaskit/analytics-next';
 import { UI_EVENT_TYPE, OPERATIONAL_EVENT_TYPE } from '@atlaskit/analytics-gas-types';
 const packageName = "@atlaskit/reactions";
-const packageVersion = "22.5.7";
+const packageVersion = "22.5.9";
 /**
  * TODO: move to utility package?
  * A random sampling function
@@ -9,7 +9,8 @@ const packageVersion = "22.5.7";
  * E.g. isSampled(2) will pass 50% of the time
  * @param rate The chance that it will pass (1 in <rate> times)
  * @returns bool, if it passes or not
- */ // default sampling function to determine which one to be sampled
+ */
+// default sampling function to determine which one to be sampled
 export const isSampled = rate => {
   if (rate === 1) {
     return true;

package/dist/es2019/components/FlashAnimation/FlashAnimation.js

@@ -1,5 +1,5 @@
 /** @jsx jsx */
-import React from 'react';
+
 import { jsx } from '@emotion/react';
 import { containerStyle, flashStyle } from './styles';
 /**

package/dist/esm/MockReactionsClient.js

@@ -34,7 +34,6 @@ var getReactionKey = function getReactionKey(containerAri, 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:', 33, false), getReactionSummary(':astonished:', 99, false), getReactionSummary(':heart:', 44, false) // Widest character
 ]);
-
 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)]);
 
 /**

package/dist/esm/analytics/index.js

@@ -4,7 +4,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import { createAndFireEvent } from '@atlaskit/analytics-next';
 import { UI_EVENT_TYPE, OPERATIONAL_EVENT_TYPE } from '@atlaskit/analytics-gas-types';
 var packageName = "@atlaskit/reactions";
-var packageVersion = "22.5.7";
+var packageVersion = "22.5.9";
 /**
  * TODO: move to utility package?
  * A random sampling function
@@ -12,7 +12,8 @@ var packageVersion = "22.5.7";
  * E.g. isSampled(2) will pass 50% of the time
  * @param rate The chance that it will pass (1 in <rate> times)
  * @returns bool, if it passes or not
- */ // default sampling function to determine which one to be sampled
+ */
+// default sampling function to determine which one to be sampled
 export var isSampled = function isSampled(rate) {
   if (rate === 1) {
     return true;

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

@@ -1,5 +1,5 @@
 /** @jsx jsx */
-import React from 'react';
+
 import { jsx } from '@emotion/react';
 import { containerStyle, flashStyle } from './styles';
 /**

package/dist/esm/components/UfoErrorBoundary/UfoErrorBoundary.js

@@ -7,7 +7,7 @@ function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React from 'react';
 /**
  * Error boundary wrapper to notify "failure" for UFO events of components when there was a re-rendering exception caught inside the `componentDidCatch` event handler

package/dist/esm/store/ReactionConsumer.js

@@ -8,7 +8,7 @@ import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React from 'react';
 
 /**

package/dist/types/components/FlashAnimation/FlashAnimation.d.ts

@@ -1,6 +1,7 @@
 /** @jsx jsx */
-import React from 'react';
-export interface FlashAnimationProps {
+import { PropsWithChildren } from 'react';
+import { jsx } from '@emotion/react';
+export type FlashAnimationProps = PropsWithChildren<{
     /**
      * Optional wrapper div class anme
      */
@@ -9,7 +10,7 @@ export interface FlashAnimationProps {
      * Show custom animation or render as standard without animation (defaults to false)
      */
     flash?: boolean;
-}
+}>;
 /**
  * Test id for wrapper FlashAnimation div
  */
@@ -17,4 +18,4 @@ export declare const RENDER_FLASHANIMATION_TESTID = "flash-animation";
 /**
  * Flash animation background component. See Reaction component for usage.
  */
-export declare const FlashAnimation: React.FC<FlashAnimationProps>;
+export declare const FlashAnimation: (props: FlashAnimationProps) => jsx.JSX.Element;

package/dist/types/components/ReactionPicker/RepositionOnUpdate.d.ts

@@ -1,13 +1,13 @@
 /**
  * Copied from ADS popup component with some tweeks for our use
  */
-import { FC } from 'react';
+import { PropsWithChildren } from 'react';
 import { PopperChildrenProps } from '@atlaskit/popper';
-export type RepositionOnUpdateProps = {
+export type RepositionOnUpdateProps = PropsWithChildren<{
     update: PopperChildrenProps['update'];
     settings: {
         isOpen: boolean;
         showFullPicker: boolean;
     };
-};
-export declare const RepositionOnUpdate: FC<RepositionOnUpdateProps>;
+}>;
+export declare const RepositionOnUpdate: ({ children, update, settings, }: RepositionOnUpdateProps) => JSX.Element;

package/dist/types/components/ReactionTooltip/ReactionTooltip.d.ts

@@ -1,11 +1,12 @@
 /** @jsx jsx */
-import React from 'react';
+import { PropsWithChildren } from 'react';
+import { jsx } from '@emotion/react';
 import { ReactionSummary } from '../../types';
 /**
  * Test id for wrapper ReactionTooltip div
  */
 export declare const RENDER_REACTIONTOOLTIP_TESTID = "render-reactionTooltip";
-export interface ReactionTooltipProps {
+export type ReactionTooltipProps = PropsWithChildren<{
     /**
      * Optional name for the reaction emoji
      */
@@ -30,5 +31,5 @@ export interface ReactionTooltipProps {
      * Optional flag for enabling tooltip (defaults to true)
      */
     isEnabled?: boolean;
-}
-export declare const ReactionTooltip: React.FC<ReactionTooltipProps>;
+}>;
+export declare const ReactionTooltip: ({ children, emojiName, reaction: { users, emojiId }, maxReactions, handleUserListClick, allowUserDialog, isEnabled, }: ReactionTooltipProps) => jsx.JSX.Element;

package/dist/types-ts4.5/components/FlashAnimation/FlashAnimation.d.ts

@@ -1,6 +1,7 @@
 /** @jsx jsx */
-import React from 'react';
-export interface FlashAnimationProps {
+import { PropsWithChildren } from 'react';
+import { jsx } from '@emotion/react';
+export type FlashAnimationProps = PropsWithChildren<{
     /**
      * Optional wrapper div class anme
      */
@@ -9,7 +10,7 @@ export interface FlashAnimationProps {
      * Show custom animation or render as standard without animation (defaults to false)
      */
     flash?: boolean;
-}
+}>;
 /**
  * Test id for wrapper FlashAnimation div
  */
@@ -17,4 +18,4 @@ export declare const RENDER_FLASHANIMATION_TESTID = "flash-animation";
 /**
  * Flash animation background component. See Reaction component for usage.
  */
-export declare const FlashAnimation: React.FC<FlashAnimationProps>;
+export declare const FlashAnimation: (props: FlashAnimationProps) => jsx.JSX.Element;

package/dist/types-ts4.5/components/ReactionPicker/RepositionOnUpdate.d.ts

@@ -1,13 +1,13 @@
 /**
  * Copied from ADS popup component with some tweeks for our use
  */
-import { FC } from 'react';
+import { PropsWithChildren } from 'react';
 import { PopperChildrenProps } from '@atlaskit/popper';
-export type RepositionOnUpdateProps = {
+export type RepositionOnUpdateProps = PropsWithChildren<{
     update: PopperChildrenProps['update'];
     settings: {
         isOpen: boolean;
         showFullPicker: boolean;
     };
-};
-export declare const RepositionOnUpdate: FC<RepositionOnUpdateProps>;
+}>;
+export declare const RepositionOnUpdate: ({ children, update, settings, }: RepositionOnUpdateProps) => JSX.Element;

package/dist/types-ts4.5/components/ReactionTooltip/ReactionTooltip.d.ts

@@ -1,11 +1,12 @@
 /** @jsx jsx */
-import React from 'react';
+import { PropsWithChildren } from 'react';
+import { jsx } from '@emotion/react';
 import { ReactionSummary } from '../../types';
 /**
  * Test id for wrapper ReactionTooltip div
  */
 export declare const RENDER_REACTIONTOOLTIP_TESTID = "render-reactionTooltip";
-export interface ReactionTooltipProps {
+export type ReactionTooltipProps = PropsWithChildren<{
     /**
      * Optional name for the reaction emoji
      */
@@ -30,5 +31,5 @@ export interface ReactionTooltipProps {
      * Optional flag for enabling tooltip (defaults to true)
      */
     isEnabled?: boolean;
-}
-export declare const ReactionTooltip: React.FC<ReactionTooltipProps>;
+}>;
+export declare const ReactionTooltip: ({ children, emojiName, reaction: { users, emojiId }, maxReactions, handleUserListClick, allowUserDialog, isEnabled, }: ReactionTooltipProps) => jsx.JSX.Element;

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@atlaskit/reactions",
-  "version": "22.5.7",
+  "version": "22.5.9",
   "description": "Reactions component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
   },
-  "repository": "https://bitbucket.org/atlassian/atlassian-frontend",
+  "repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
   "author": "Atlassian Pty Ltd",
   "license": "Apache-2.0",
   "main": "dist/cjs/index.js",
@@ -26,27 +26,28 @@
     "releaseModel": "continuous",
     "website": {
       "name": "Reactions"
-    }
+    },
+    "runReact18": false
   },
   "config": {
     "access": "public"
   },
   "dependencies": {
     "@atlaskit/analytics-gas-types": "^5.1.0",
-    "@atlaskit/analytics-namespaced-context": "^6.7.0",
-    "@atlaskit/analytics-next": "^9.1.0",
-    "@atlaskit/avatar": "^21.4.0",
-    "@atlaskit/button": "^16.16.0",
+    "@atlaskit/analytics-namespaced-context": "^6.9.0",
+    "@atlaskit/analytics-next": "^9.2.0",
+    "@atlaskit/avatar": "^21.5.0",
+    "@atlaskit/button": "^17.7.0",
     "@atlaskit/emoji": "^67.6.0",
-    "@atlaskit/icon": "^22.0.0",
-    "@atlaskit/modal-dialog": "^12.8.0",
+    "@atlaskit/icon": "^22.1.0",
+    "@atlaskit/modal-dialog": "^12.10.0",
     "@atlaskit/motion": "^1.5.0",
     "@atlaskit/popper": "^5.5.0",
     "@atlaskit/spinner": "^16.0.0",
     "@atlaskit/tabs": "^14.0.0",
     "@atlaskit/theme": "^12.6.0",
-    "@atlaskit/tokens": "^1.28.0",
-    "@atlaskit/tooltip": "^18.0.0",
+    "@atlaskit/tokens": "^1.41.0",
+    "@atlaskit/tooltip": "^18.1.0",
     "@atlaskit/ufo": "^0.2.0",
     "@atlaskit/util-service-support": "^6.2.0",
     "@babel/runtime": "^7.0.0",
@@ -60,7 +61,7 @@
   },
   "devDependencies": {
     "@atlaskit/elements-test-helpers": "^0.7.0",
-    "@atlaskit/util-data-test": "^17.8.0",
+    "@atlaskit/util-data-test": "^17.9.0",
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
     "@emotion/jest": "^11.8.0",
     "@testing-library/dom": "^8.17.1",

package/tmp/api-report-tmp.d.ts

@@ -1,398 +0,0 @@
-## API Report File for "@atlaskit/reactions"
-
-> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
-
-```ts
-
-/// <reference types="react" />
-
-import { AnalyticsEvent } from '@atlaskit/analytics-next';
-import { AriaAttributes } from 'react';
-import { ConcurrentExperience } from '@atlaskit/ufo';
-import { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
-import { EmojiId } from '@atlaskit/emoji/types';
-import { EmojiId as EmojiId_2 } from '@atlaskit/emoji';
-import { EmojiProvider } from '@atlaskit/emoji';
-import { EmojiProvider as EmojiProvider_2 } from '@atlaskit/emoji/resource';
-import { OnCloseHandler } from '@atlaskit/modal-dialog';
-import { OnEmojiEvent } from '@atlaskit/emoji/types';
-import { PickerSize } from '@atlaskit/emoji/types';
-import { default as React_2 } from 'react';
-import { UFOExperience } from '@atlaskit/ufo';
-import { UIAnalyticsEvent } from '@atlaskit/analytics-next';
-import { WithSamplingUFOExperience } from '@atlaskit/emoji';
-
-// @public (undocumented)
-type Actions = {
-    getReactions: (containerId: string, aris: string) => void;
-    toggleReaction: ReactionAction;
-    addReaction: ReactionAction;
-    getDetailedReaction: ReactionAction;
-};
-
-// @public
-enum ComponentName {
-    // (undocumented)
-    PICKER_RENDERED = "reactions-picker",
-    // (undocumented)
-    REACTION_DIALOG = "reaction-dialog",
-    // (undocumented)
-    REACTION_ITEM = "reaction-item",
-    // (undocumented)
-    REACTIONS = "reactions-list"
-}
-
-// @public
-export const ConnectedReactionPicker: React_2.FC<ConnectedReactionPickerProps>;
-
-// @public (undocumented)
-interface ConnectedReactionPickerProps extends Omit<ReactionPickerProps, 'onSelection'> {
-    ari: string;
-    containerAri: string;
-    store: StorePropInput;
-}
-
-// @public (undocumented)
-export const ConnectedReactionsView: React_2.FC<ConnectedReactionsViewProps>;
-
-// @public (undocumented)
-interface ConnectedReactionsViewProps extends Pick<ReactionsProps, 'allowAllEmojis' | 'allowUserDialog' | 'emojiPickerSize' | 'emojiProvider' | 'miniMode' | 'onDialogCloseCallback' | 'onDialogOpenCallback' | 'onDialogSelectReactionCallback' | 'quickReactionEmojis'>, Pick<ReactionPickerProps, 'pickerQuickReactionEmojiIds'> {
-    ari: string;
-    containerAri: string;
-    store: StorePropInput;
-}
-
-// @public (undocumented)
-export const constants: {
-    DefaultReactions: EmojiId_2[];
-    DefaultReactionsByShortName: Map<string, EmojiId_2>;
-    ExtendedReactions: EmojiId_2[];
-    ExtendedReactionsByShortName: Map<string, EmojiId_2>;
-    NUMBER_OF_REACTIONS_TO_DISPLAY: number;
-    SAMPLING_RATE_REACTIONS_RENDERED_EXP: number;
-    TOOLTIP_USERS_LIMIT: number;
-};
-
-// @public
-enum ExperienceName {
-    // (undocumented)
-    PICKER_OPENED = "reactions-picker-opened",
-    // (undocumented)
-    REACTION_ADDED = "reaction-added",
-    // (undocumented)
-    REACTION_DETAILS_FETCHED = "reaction-details-fetched",
-    // (undocumented)
-    REACTION_DIALOG_CLOSED = "reaction-dialog-closed",
-    // (undocumented)
-    REACTION_DIALOG_OPENED = "reaction-dialog-opened",
-    // (undocumented)
-    REACTION_DIALOG_SELECTED_REACTION_CHANGED = "reaction-dialog-selected-reaction-changed",
-    // (undocumented)
-    REACTION_REMOVED = "reaction-removed",
-    // (undocumented)
-    REACTIONS_RENDERED = "reactions-rendered"
-}
-
-// @public (undocumented)
-export class MemoryReactionsStore implements ReactionsStore {
-    constructor(client: ReactionClient, state?: State, metadata?: StoreMetadata);
-    // (undocumented)
-    addReaction: (containerAri: string, ari: string, emojiId: string) => void;
-    // (undocumented)
-    getDetailedReaction: (containerAri: string, ari: string, emojiId: string) => void;
-    // (undocumented)
-    getReactions: (key: string, ...args: string[]) => void;
-    // (undocumented)
-    getState: () => State;
-    // (undocumented)
-    onChange: (callback: OnChangeCallback) => void;
-    // (undocumented)
-    removeOnChangeListener: (toRemove: OnChangeCallback) => void;
-    // (undocumented)
-    setCreateAnalyticsEvent: (createAnalyticsEvent?: CreateUIAnalyticsEvent) => void;
-    // (undocumented)
-    toggleReaction: (containerAri: string, ari: string, emojiId: string) => void;
-}
-
-// @public
-type OnChangeCallback = (state: State) => void;
-
-// @public
-export type onDialogSelectReactionChange = (emojiId: string, analyticsEvent: UIAnalyticsEvent) => void;
-
-// @public
-type ProfilePicture = {
-    path: string;
-};
-
-// @public
-interface QuickReactionEmojiSummary {
-    ari: string;
-    containerAri: string;
-    emojiIds: string[];
-}
-
-// @public
-type ReactioConsumerProps<PropsFromState, PropsFromActions> = {
-    mapStateToProps?: (state: State) => PropsFromState;
-    mapActionsToProps?: (actions: Actions) => PropsFromActions;
-    children: (props: PropsFromState & PropsFromActions) => React_2.ReactNode;
-    store: StorePropInput;
-};
-
-// @public
-export const Reaction: React_2.FC<ReactionProps>;
-
-// @public
-type ReactionAction = (containerAri: string, ari: string, emojiId: string) => void;
-
-// @public
-type ReactionClick = (id: string, event: React.MouseEvent<HTMLButtonElement>) => void;
-
-// @public (undocumented)
-export interface ReactionClient {
-    addReaction: ReactionRequest<ReactionSummary[]>;
-    deleteReaction: ReactionRequest<ReactionSummary[]>;
-    getDetailedReaction: ReactionRequest<ReactionSummary>;
-    getReactions(containerAri: string, aris: string[]): Promise<Reactions_2>;
-}
-
-// @public @deprecated
-export class ReactionConsumer<PropsFromState, PropsFromActions> extends React_2.PureComponent<ReactioConsumerProps<PropsFromState, PropsFromActions>, ReactionConsumerState> {
-    constructor(props: ReactioConsumerProps<PropsFromState, PropsFromActions>);
-    // (undocumented)
-    componentDidMount(): void;
-    // (undocumented)
-    componentWillUnmount(): Promise<void>;
-    // (undocumented)
-    render(): React_2.ReactNode;
-}
-
-// @public
-type ReactionConsumerState = {
-    store?: ReactionsStore;
-};
-
-// @public
-type ReactionFocused = (emojiId: string, event?: React.FocusEvent<any>) => void;
-
-// @public
-type ReactionMouseEnter = (emojiId: string, event?: React.MouseEvent<any>) => void;
-
-// @public
-export const ReactionPicker: React_2.FC<ReactionPickerProps>;
-
-// @public (undocumented)
-interface ReactionPickerProps extends Pick<SelectorProps, 'pickerQuickReactionEmojiIds'>, Partial<Pick<TriggerProps, 'miniMode' | 'tooltipContent'>> {
-    allowAllEmojis?: boolean;
-    className?: string;
-    disabled?: boolean;
-    emojiPickerSize?: PickerSize;
-    emojiProvider: Promise<EmojiProvider_2>;
-    onCancel?: () => void;
-    onOpen?: () => void;
-    onSelection: (emojiId: string, source: ReactionSource) => void;
-    onShowMore?: () => void;
-}
-
-// @public (undocumented)
-interface ReactionProps extends Pick<ReactionTooltipProps, 'allowUserDialog'> {
-    className?: string;
-    emojiProvider: Promise<EmojiProvider>;
-    flash?: boolean;
-    handleUserListClick?: (emojiId: string) => void;
-    onClick: ReactionClick;
-    onFocused?: ReactionFocused;
-    onMouseEnter?: ReactionMouseEnter;
-    reaction: ReactionSummary;
-}
-
-// @public (undocumented)
-export type ReactionRequest<T> = (
-ari: string,
-containerAri: string,
-emojiId: string,
-metadata?: Record<string, any>) => Promise<T>;
-
-// @public
-export const Reactions: React_2.FC<ReactionsProps>;
-
-// @public
-type Reactions_2 = Record<string, ReactionSummary[]>;
-
-// @public (undocumented)
-type ReactionsError = {
-    readonly status: ReactionStatus.error;
-    readonly message: string;
-};
-
-// @public
-export class ReactionServiceClient implements ReactionClient {
-    constructor(baseUrl: string, sessionToken?: string);
-    // (undocumented)
-    addReaction(containerAri: string, ari: string, emojiId: string, metadata?: Record<string, any>): Promise<ReactionSummary[]>;
-    // (undocumented)
-    deleteReaction(containerAri: string, ari: string, emojiId: string, metadata?: Record<string, any>): Promise<ReactionSummary[]>;
-    // (undocumented)
-    getDetailedReaction(containerAri: string, ari: string, emojiId: string): Promise<ReactionSummary>;
-    // (undocumented)
-    getReactions(containerAri: string, aris: string[]): Promise<Reactions_2>;
-}
-
-// @public (undocumented)
-type ReactionsLoading = {
-    readonly status: ReactionStatus.loading;
-};
-
-// @public (undocumented)
-type ReactionsNotLoaded = {
-    readonly status: ReactionStatus.notLoaded;
-};
-
-// @public
-type ReactionSource = 'emojiPicker' | 'quickSelector';
-
-// @public (undocumented)
-interface ReactionsProps extends Pick<ReactionPickerProps, 'allowAllEmojis' | 'emojiPickerSize' | 'emojiProvider' | 'miniMode'>, Pick<SelectorProps, 'pickerQuickReactionEmojiIds'>, Pick<ReactionProps, 'allowUserDialog'> {
-    errorMessage?: string;
-    flash?: Record<string, boolean>;
-    getReactionDetails?: (emojiId: string) => void;
-    loadReaction: () => void;
-    onDialogCloseCallback?: OnCloseHandler;
-    onDialogOpenCallback?: (emojiId: string, source?: string) => void;
-    onDialogSelectReactionCallback?: onDialogSelectReactionChange;
-    onReactionClick: ReactionClick;
-    // @deprecated (undocumented)
-    onReactionHover?: (emojiId: string) => void;
-    onSelection: (emojiId: string) => void;
-    quickReactionEmojis?: QuickReactionEmojiSummary;
-    reactions?: ReactionSummary[];
-    status: ReactionStatus;
-}
-
-// @public (undocumented)
-type ReactionsReadyState = {
-    readonly status: ReactionStatus.ready;
-    readonly reactions: ReactionSummary[];
-};
-
-// @public
-type ReactionsState = ReactionsError | ReactionsLoading | ReactionsNotLoaded | ReactionsReadyState;
-
-// @public
-export interface ReactionsStore extends Actions, StoreProps {
-}
-
-// @public
-enum ReactionStatus {
-    // (undocumented)
-    disabled = "DISABLED",
-    // (undocumented)
-    error = "ERROR",
-    // (undocumented)
-    loading = "LOADING",
-    // (undocumented)
-    notLoaded = "NOT_LOADED",
-    // (undocumented)
-    ready = "READY"
-}
-
-// @public
-interface ReactionSummary {
-    ari: string;
-    containerAri: string;
-    count: number;
-    emojiId: string;
-    // @deprecated (undocumented)
-    optimisticallyUpdated?: boolean;
-    reacted: boolean;
-    users?: User[];
-}
-
-// @public (undocumented)
-interface ReactionTooltipProps {
-    allowUserDialog?: boolean;
-    emojiName?: string;
-    handleUserListClick?: (emojiId: string) => void;
-    isEnabled?: boolean;
-    maxReactions?: number;
-    reaction: ReactionSummary;
-}
-
-// @public (undocumented)
-interface SelectorProps {
-    emojiProvider: Promise<EmojiProvider_2>;
-    onMoreClick?: React_2.MouseEventHandler<HTMLElement>;
-    onSelection: OnEmojiEvent;
-    pickerQuickReactionEmojiIds?: EmojiId[];
-    showMore?: boolean;
-}
-
-// @public
-export type State = {
-    reactions: {
-        [key: string]: ReactionsState;
-    };
-    flash: {
-        [key: string]: {
-            [emojiId: string]: boolean;
-        };
-    };
-};
-
-// @public
-interface StoreMetadata {
-    // (undocumented)
-    [k: string]: any;
-    // (undocumented)
-    subproduct?: string;
-}
-
-// @public
-export type StorePropInput = Promise<ReactionsStore> | ReactionsStore;
-
-// @public
-interface StoreProps {
-    getState: () => State;
-    // @deprecated
-    onChange: (callback: OnChangeCallback) => void;
-    // @deprecated
-    removeOnChangeListener: (callback: OnChangeCallback) => void;
-    // @deprecated
-    setCreateAnalyticsEvent?: (createAnalyticsEvent: CreateUIAnalyticsEvent) => void;
-}
-
-// @public (undocumented)
-interface TriggerProps {
-    ariaAttributes?: AriaAttributes;
-    disabled?: boolean;
-    miniMode?: boolean;
-    onClick?: (e: React_2.MouseEvent<HTMLElement>, analyticsEvent: AnalyticsEvent) => void;
-    tooltipContent: React_2.ReactNode;
-}
-
-// @public (undocumented)
-export const UFO: {
-    ComponentName: typeof ComponentName;
-    ExperienceName: typeof ExperienceName;
-    PickerRender: UFOExperience;
-    ReactionsAdd: ConcurrentExperience;
-    ReactionDetailsFetch: ConcurrentExperience;
-    ReactionDialogClosed: UFOExperience;
-    ReactionDialogOpened: UFOExperience;
-    ReactionDialogSelectedReactionChanged: UFOExperience;
-    ReactionsRemove: ConcurrentExperience;
-    ReactionsRendered: ConcurrentExperience;
-    sampledReactionsRendered: (instanceId: string) => WithSamplingUFOExperience;
-};
-
-// @public (undocumented)
-interface User {
-    displayName: string;
-    id: string;
-    profilePicture?: ProfilePicture;
-}
-
-// (No @packageDocumentation comment for this package)
-
-```