@atlaskit/reactions 22.5.8 → 22.5.10

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/reactions
 
+## 22.5.10
+
+### Patch Changes
+
+- [#81006](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/81006) [`d91d334a84c0`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/d91d334a84c0) - React 18 types for @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

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.8";
+var packageVersion = "22.5.10";
 /**
  * TODO: move to utility package?
  * A random sampling function

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

@@ -1,17 +1,14 @@
 "use strict";
 
-var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.RENDER_LABEL_TESTID = exports.RENDER_COUNTER_TESTID = exports.RENDER_COMPONENT_WRAPPER = exports.Counter = void 0;
-var _react = _interopRequireWildcard(require("react"));
+var _react = require("react");
 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; }
 /** @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/cjs/types/Actions.js

@@ -1,5 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+"use strict";

package/dist/cjs/types/Updater.js

@@ -1,5 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+"use strict";

package/dist/cjs/types/User.js

@@ -1,5 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+"use strict";

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.8";
+const packageVersion = "22.5.10";
 /**
  * TODO: move to utility package?
  * A random sampling function
@@ -9,7 +9,8 @@ const packageVersion = "22.5.8";
  * 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/Counter/Counter.js

@@ -1,5 +1,5 @@
 /** @jsx jsx */
-import React, { useEffect, useMemo, useRef } from 'react';
+import { useEffect, useMemo, useRef } 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

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/es2019/types/Actions.js

@@ -1 +0,0 @@
-export {};

package/dist/es2019/types/Updater.js

@@ -1 +0,0 @@
-export {};

package/dist/es2019/types/User.js

@@ -1 +0,0 @@
-export {};

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.8";
+var packageVersion = "22.5.10";
 /**
  * TODO: move to utility package?
  * A random sampling function
@@ -12,7 +12,8 @@ var packageVersion = "22.5.8";
  * 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/Counter/Counter.js

@@ -1,5 +1,5 @@
 /** @jsx jsx */
-import React, { useEffect, useMemo, useRef } from 'react';
+import { useEffect, useMemo, useRef } 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

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/esm/types/Actions.js

@@ -1 +0,0 @@
-export {};

package/dist/esm/types/Updater.js

@@ -1 +0,0 @@
-export {};

package/dist/esm/types/User.js

@@ -1 +0,0 @@
-export {};

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

@@ -1,5 +1,4 @@
-/** @jsx jsx */
-import React from 'react';
+import { jsx } from '@emotion/react';
 /**
  * Test id for component top level div
  */
@@ -41,4 +40,4 @@ export interface CounterProps {
 /**
  * Display reaction count next to the emoji button
  */
-export declare const Counter: React.FC<CounterProps>;
+export declare const Counter: ({ highlight, limit, overLimitLabel, className, value, animationDuration, }: CounterProps) => jsx.JSX.Element;

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

@@ -1,5 +1,4 @@
-/** @jsx jsx */
-import React from 'react';
+import { jsx } from '@emotion/react';
 import { EmojiId, OnEmojiEvent, EmojiProvider } from '@atlaskit/emoji';
 export declare const RENDER_BUTTON_TESTID = "button-emoji-id";
 export interface EmojiButtonProps {
@@ -19,4 +18,4 @@ export interface EmojiButtonProps {
 /**
  * custom button to render the custom emoji selector inside the reaction picker
  */
-export declare const EmojiButton: React.FC<EmojiButtonProps>;
+export declare const EmojiButton: ({ emojiId, onClick, emojiProvider, }: EmojiButtonProps) => jsx.JSX.Element;

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/Reaction/Reaction.d.ts

@@ -1,5 +1,4 @@
-/** @jsx jsx */
-import React from 'react';
+import { jsx } from '@emotion/react';
 import { EmojiProvider } from '@atlaskit/emoji';
 import { ReactionSummary, ReactionClick, ReactionMouseEnter } from '../../types';
 import { ReactionTooltipProps } from '../ReactionTooltip';
@@ -45,4 +44,4 @@ export interface ReactionProps extends Pick<ReactionTooltipProps, 'allowUserDial
 /**
  * Render an emoji reaction button
  */
-export declare const Reaction: React.FC<ReactionProps>;
+export declare const Reaction: ({ emojiProvider, onClick, reaction, onMouseEnter, onFocused, className, flash, handleUserListClick, allowUserDialog, }: ReactionProps) => jsx.JSX.Element;

package/dist/types/components/ReactionDialog/ReactionView.d.ts

@@ -1,5 +1,4 @@
-/** @jsx   jsx */
-import { FC } from 'react';
+import { jsx } from '@emotion/react';
 import { EmojiProvider } from '@atlaskit/emoji/resource';
 import { ReactionSummary } from '../../types';
 export interface ReactionViewProps {
@@ -16,4 +15,4 @@ export interface ReactionViewProps {
      */
     emojiProvider: Promise<EmojiProvider>;
 }
-export declare const ReactionView: FC<ReactionViewProps>;
+export declare const ReactionView: ({ selectedEmojiId, emojiProvider, reaction, }: ReactionViewProps) => jsx.JSX.Element;

package/dist/types/components/ReactionDialog/ReactionsDialog.d.ts

@@ -1,5 +1,4 @@
-/** @jsx jsx */
-import { FC } from 'react';
+import { jsx } from '@emotion/react';
 import { EmojiProvider } from '@atlaskit/emoji/resource';
 import { OnCloseHandler } from '@atlaskit/modal-dialog';
 import { onDialogSelectReactionChange, ReactionSummary } from '../../types';
@@ -29,4 +28,4 @@ export interface ReactionsDialogProps {
      */
     handleSelectReaction?: onDialogSelectReactionChange;
 }
-export declare const ReactionsDialog: FC<ReactionsDialogProps>;
+export declare const ReactionsDialog: ({ reactions, handleCloseReactionsDialog, emojiProvider, selectedEmojiId, handleSelectReaction, }: ReactionsDialogProps) => jsx.JSX.Element;

package/dist/types/components/ReactionDialog/ReactionsList.d.ts

@@ -1,5 +1,4 @@
-/** @jsx   jsx */
-import { FC } from 'react';
+import { jsx } from '@emotion/react';
 import { EmojiProvider } from '@atlaskit/emoji/resource';
 import { onDialogSelectReactionChange, ReactionSummary } from '../../types';
 export interface ReactionsListProps {
@@ -20,4 +19,4 @@ export interface ReactionsListProps {
      */
     onReactionChanged: onDialogSelectReactionChange;
 }
-export declare const ReactionsList: FC<ReactionsListProps>;
+export declare const ReactionsList: ({ reactions, initialEmojiId, emojiProvider, onReactionChanged, }: ReactionsListProps) => jsx.JSX.Element;

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

@@ -1,5 +1,6 @@
 /** @jsx jsx */
 import React from 'react';
+import { jsx } from '@emotion/react';
 import { PickerSize } from '@atlaskit/emoji/types';
 import { EmojiProvider } from '@atlaskit/emoji/resource';
 import { ReactionSource } from '../../types';
@@ -56,4 +57,4 @@ export interface ReactionPickerProps extends Pick<SelectorProps, 'pickerQuickRea
 /**
  * Picker component for adding reactions
  */
-export declare const ReactionPicker: React.FC<ReactionPickerProps>;
+export declare const ReactionPicker: React.MemoExoticComponent<(props: ReactionPickerProps) => jsx.JSX.Element>;

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

@@ -1,7 +1,7 @@
 /**
  * Copied from ADS popup component with some tweeks for our use
  */
-import { FC } from 'react';
+import React from 'react';
 import { PopperChildrenProps } from '@atlaskit/popper';
 export type RepositionOnUpdateProps = {
     update: PopperChildrenProps['update'];
@@ -10,4 +10,4 @@ export type RepositionOnUpdateProps = {
         showFullPicker: boolean;
     };
 };
-export declare const RepositionOnUpdate: FC<RepositionOnUpdateProps>;
+export declare const RepositionOnUpdate: ({ children, update, settings, }: React.PropsWithChildren<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/components/Reactions/Reactions.d.ts

@@ -93,4 +93,4 @@ export declare function getTooltip(status: ReactionStatus, errorMessage?: string
 /**
  * Renders list of reactions
  */
-export declare const Reactions: React.FC<ReactionsProps>;
+export declare const Reactions: React.MemoExoticComponent<({ flash, status, errorMessage, loadReaction, quickReactionEmojis, pickerQuickReactionEmojiIds, getReactionDetails, onReactionHover, onSelection, reactions, emojiProvider, allowAllEmojis, onReactionClick, allowUserDialog, onDialogOpenCallback, onDialogCloseCallback, onDialogSelectReactionCallback, emojiPickerSize, miniMode, }: ReactionsProps) => jsx.JSX.Element>;

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

@@ -1,5 +1,6 @@
 /** @jsx jsx */
 import React from 'react';
+import { jsx } from '@emotion/react';
 import { EmojiId, OnEmojiEvent } from '@atlaskit/emoji/types';
 import { EmojiProvider } from '@atlaskit/emoji/resource';
 /**
@@ -31,4 +32,4 @@ export interface SelectorProps {
 /**
  * Reactions picker panel part of the <ReactionPicker /> component
  */
-export declare const Selector: React.FC<SelectorProps>;
+export declare const Selector: ({ emojiProvider, onMoreClick, onSelection, showMore, pickerQuickReactionEmojiIds, }: SelectorProps) => jsx.JSX.Element;

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

@@ -1,6 +1,6 @@
 /** @jsx jsx */
 import React from 'react';
-import { SerializedStyles } from '@emotion/react';
+import { jsx, SerializedStyles } from '@emotion/react';
 /**
  * Test id for wrapper button
  */
@@ -31,5 +31,5 @@ export interface ShowMoreProps {
 /**
  * Show more custom emojis button
  */
-export declare const ShowMore: React.FC<ShowMoreProps>;
+export declare const ShowMore: ({ onClick, style, className, buttonStyle, }: ShowMoreProps) => jsx.JSX.Element;
 export {};

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

@@ -6,6 +6,7 @@ export interface UfoErrorBoundaryProps {
      * UFO Experiences to notify failure when the children components fail on rendering
      */
     experiences: UFOExperience[] | WithSamplingUFOExperience[];
+    children?: React.ReactNode;
 }
 /**
  * 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/types/containers/ConnectedReactionPicker/ConnectedReactionPicker.d.ts

@@ -20,4 +20,4 @@ export interface ConnectedReactionPickerProps extends Omit<ReactionPickerProps,
 /**
  * Reaction Picker component
  */
-export declare const ConnectedReactionPicker: React.FC<ConnectedReactionPickerProps>;
+export declare const ConnectedReactionPicker: (props: React.PropsWithChildren<ConnectedReactionPickerProps>) => JSX.Element;

package/dist/types/containers/ConnectedReactionsView/ConnectedReactionsView.d.ts

@@ -40,4 +40,4 @@ export declare const mapDispatchToPropsHelper: (actions: Actions, containerAri:
     getReactionDetails: (emojiId: string) => void;
     onSelection: (emojiId: string) => void;
 };
-export declare const ConnectedReactionsView: React.FC<ConnectedReactionsViewProps>;
+export declare const ConnectedReactionsView: (props: React.PropsWithChildren<ConnectedReactionsViewProps>) => JSX.Element;

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

@@ -1,5 +1,4 @@
-/** @jsx jsx */
-import React from 'react';
+import { jsx } from '@emotion/react';
 /**
  * Test id for component top level div
  */
@@ -41,4 +40,4 @@ export interface CounterProps {
 /**
  * Display reaction count next to the emoji button
  */
-export declare const Counter: React.FC<CounterProps>;
+export declare const Counter: ({ highlight, limit, overLimitLabel, className, value, animationDuration, }: CounterProps) => jsx.JSX.Element;

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

@@ -1,5 +1,4 @@
-/** @jsx jsx */
-import React from 'react';
+import { jsx } from '@emotion/react';
 import { EmojiId, OnEmojiEvent, EmojiProvider } from '@atlaskit/emoji';
 export declare const RENDER_BUTTON_TESTID = "button-emoji-id";
 export interface EmojiButtonProps {
@@ -19,4 +18,4 @@ export interface EmojiButtonProps {
 /**
  * custom button to render the custom emoji selector inside the reaction picker
  */
-export declare const EmojiButton: React.FC<EmojiButtonProps>;
+export declare const EmojiButton: ({ emojiId, onClick, emojiProvider, }: EmojiButtonProps) => 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/Reaction/Reaction.d.ts

@@ -1,5 +1,4 @@
-/** @jsx jsx */
-import React from 'react';
+import { jsx } from '@emotion/react';
 import { EmojiProvider } from '@atlaskit/emoji';
 import { ReactionSummary, ReactionClick, ReactionMouseEnter } from '../../types';
 import { ReactionTooltipProps } from '../ReactionTooltip';
@@ -45,4 +44,4 @@ export interface ReactionProps extends Pick<ReactionTooltipProps, 'allowUserDial
 /**
  * Render an emoji reaction button
  */
-export declare const Reaction: React.FC<ReactionProps>;
+export declare const Reaction: ({ emojiProvider, onClick, reaction, onMouseEnter, onFocused, className, flash, handleUserListClick, allowUserDialog, }: ReactionProps) => jsx.JSX.Element;

package/dist/types-ts4.5/components/ReactionDialog/ReactionView.d.ts

@@ -1,5 +1,4 @@
-/** @jsx   jsx */
-import { FC } from 'react';
+import { jsx } from '@emotion/react';
 import { EmojiProvider } from '@atlaskit/emoji/resource';
 import { ReactionSummary } from '../../types';
 export interface ReactionViewProps {
@@ -16,4 +15,4 @@ export interface ReactionViewProps {
      */
     emojiProvider: Promise<EmojiProvider>;
 }
-export declare const ReactionView: FC<ReactionViewProps>;
+export declare const ReactionView: ({ selectedEmojiId, emojiProvider, reaction, }: ReactionViewProps) => jsx.JSX.Element;

package/dist/types-ts4.5/components/ReactionDialog/ReactionsDialog.d.ts

@@ -1,5 +1,4 @@
-/** @jsx jsx */
-import { FC } from 'react';
+import { jsx } from '@emotion/react';
 import { EmojiProvider } from '@atlaskit/emoji/resource';
 import { OnCloseHandler } from '@atlaskit/modal-dialog';
 import { onDialogSelectReactionChange, ReactionSummary } from '../../types';
@@ -29,4 +28,4 @@ export interface ReactionsDialogProps {
      */
     handleSelectReaction?: onDialogSelectReactionChange;
 }
-export declare const ReactionsDialog: FC<ReactionsDialogProps>;
+export declare const ReactionsDialog: ({ reactions, handleCloseReactionsDialog, emojiProvider, selectedEmojiId, handleSelectReaction, }: ReactionsDialogProps) => jsx.JSX.Element;

package/dist/types-ts4.5/components/ReactionDialog/ReactionsList.d.ts

@@ -1,5 +1,4 @@
-/** @jsx   jsx */
-import { FC } from 'react';
+import { jsx } from '@emotion/react';
 import { EmojiProvider } from '@atlaskit/emoji/resource';
 import { onDialogSelectReactionChange, ReactionSummary } from '../../types';
 export interface ReactionsListProps {
@@ -20,4 +19,4 @@ export interface ReactionsListProps {
      */
     onReactionChanged: onDialogSelectReactionChange;
 }
-export declare const ReactionsList: FC<ReactionsListProps>;
+export declare const ReactionsList: ({ reactions, initialEmojiId, emojiProvider, onReactionChanged, }: ReactionsListProps) => jsx.JSX.Element;

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

@@ -1,5 +1,6 @@
 /** @jsx jsx */
 import React from 'react';
+import { jsx } from '@emotion/react';
 import { PickerSize } from '@atlaskit/emoji/types';
 import { EmojiProvider } from '@atlaskit/emoji/resource';
 import { ReactionSource } from '../../types';
@@ -56,4 +57,4 @@ export interface ReactionPickerProps extends Pick<SelectorProps, 'pickerQuickRea
 /**
  * Picker component for adding reactions
  */
-export declare const ReactionPicker: React.FC<ReactionPickerProps>;
+export declare const ReactionPicker: React.MemoExoticComponent<(props: ReactionPickerProps) => jsx.JSX.Element>;

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

@@ -1,7 +1,7 @@
 /**
  * Copied from ADS popup component with some tweeks for our use
  */
-import { FC } from 'react';
+import React from 'react';
 import { PopperChildrenProps } from '@atlaskit/popper';
 export type RepositionOnUpdateProps = {
     update: PopperChildrenProps['update'];
@@ -10,4 +10,4 @@ export type RepositionOnUpdateProps = {
         showFullPicker: boolean;
     };
 };
-export declare const RepositionOnUpdate: FC<RepositionOnUpdateProps>;
+export declare const RepositionOnUpdate: ({ children, update, settings, }: React.PropsWithChildren<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/dist/types-ts4.5/components/Reactions/Reactions.d.ts

@@ -93,4 +93,4 @@ export declare function getTooltip(status: ReactionStatus, errorMessage?: string
 /**
  * Renders list of reactions
  */
-export declare const Reactions: React.FC<ReactionsProps>;
+export declare const Reactions: React.MemoExoticComponent<({ flash, status, errorMessage, loadReaction, quickReactionEmojis, pickerQuickReactionEmojiIds, getReactionDetails, onReactionHover, onSelection, reactions, emojiProvider, allowAllEmojis, onReactionClick, allowUserDialog, onDialogOpenCallback, onDialogCloseCallback, onDialogSelectReactionCallback, emojiPickerSize, miniMode, }: ReactionsProps) => jsx.JSX.Element>;

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

@@ -1,5 +1,6 @@
 /** @jsx jsx */
 import React from 'react';
+import { jsx } from '@emotion/react';
 import { EmojiId, OnEmojiEvent } from '@atlaskit/emoji/types';
 import { EmojiProvider } from '@atlaskit/emoji/resource';
 /**
@@ -31,4 +32,4 @@ export interface SelectorProps {
 /**
  * Reactions picker panel part of the <ReactionPicker /> component
  */
-export declare const Selector: React.FC<SelectorProps>;
+export declare const Selector: ({ emojiProvider, onMoreClick, onSelection, showMore, pickerQuickReactionEmojiIds, }: SelectorProps) => jsx.JSX.Element;

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

@@ -1,6 +1,6 @@
 /** @jsx jsx */
 import React from 'react';
-import { SerializedStyles } from '@emotion/react';
+import { jsx, SerializedStyles } from '@emotion/react';
 /**
  * Test id for wrapper button
  */
@@ -31,5 +31,5 @@ export interface ShowMoreProps {
 /**
  * Show more custom emojis button
  */
-export declare const ShowMore: React.FC<ShowMoreProps>;
+export declare const ShowMore: ({ onClick, style, className, buttonStyle, }: ShowMoreProps) => jsx.JSX.Element;
 export {};

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

@@ -6,6 +6,7 @@ export interface UfoErrorBoundaryProps {
      * UFO Experiences to notify failure when the children components fail on rendering
      */
     experiences: UFOExperience[] | WithSamplingUFOExperience[];
+    children?: React.ReactNode;
 }
 /**
  * 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/types-ts4.5/containers/ConnectedReactionPicker/ConnectedReactionPicker.d.ts

@@ -20,4 +20,4 @@ export interface ConnectedReactionPickerProps extends Omit<ReactionPickerProps,
 /**
  * Reaction Picker component
  */
-export declare const ConnectedReactionPicker: React.FC<ConnectedReactionPickerProps>;
+export declare const ConnectedReactionPicker: (props: React.PropsWithChildren<ConnectedReactionPickerProps>) => JSX.Element;

package/dist/types-ts4.5/containers/ConnectedReactionsView/ConnectedReactionsView.d.ts

@@ -40,4 +40,4 @@ export declare const mapDispatchToPropsHelper: (actions: Actions, containerAri:
     getReactionDetails: (emojiId: string) => void;
     onSelection: (emojiId: string) => void;
 };
-export declare const ConnectedReactionsView: React.FC<ConnectedReactionsViewProps>;
+export declare const ConnectedReactionsView: (props: React.PropsWithChildren<ConnectedReactionsViewProps>) => JSX.Element;

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@atlaskit/reactions",
-  "version": "22.5.8",
+  "version": "22.5.10",
   "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": true
   },
   "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": "^17.0.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/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.30.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",