@atlaskit/reactions 22.5.9 → 22.5.10

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @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

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

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

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/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/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,13 +1,13 @@
 /**
  * Copied from ADS popup component with some tweeks for our use
  */
-import { PropsWithChildren } from 'react';
+import React from 'react';
 import { PopperChildrenProps } from '@atlaskit/popper';
-export type RepositionOnUpdateProps = PropsWithChildren<{
+export type RepositionOnUpdateProps = {
     update: PopperChildrenProps['update'];
     settings: {
         isOpen: boolean;
         showFullPicker: boolean;
     };
-}>;
-export declare const RepositionOnUpdate: ({ children, update, settings, }: RepositionOnUpdateProps) => JSX.Element;
+};
+export declare const RepositionOnUpdate: ({ children, update, settings, }: React.PropsWithChildren<RepositionOnUpdateProps>) => 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/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,13 +1,13 @@
 /**
  * Copied from ADS popup component with some tweeks for our use
  */
-import { PropsWithChildren } from 'react';
+import React from 'react';
 import { PopperChildrenProps } from '@atlaskit/popper';
-export type RepositionOnUpdateProps = PropsWithChildren<{
+export type RepositionOnUpdateProps = {
     update: PopperChildrenProps['update'];
     settings: {
         isOpen: boolean;
         showFullPicker: boolean;
     };
-}>;
-export declare const RepositionOnUpdate: ({ children, update, settings, }: RepositionOnUpdateProps) => JSX.Element;
+};
+export declare const RepositionOnUpdate: ({ children, update, settings, }: React.PropsWithChildren<RepositionOnUpdateProps>) => 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,6 +1,6 @@
 {
   "name": "@atlaskit/reactions",
-  "version": "22.5.9",
+  "version": "22.5.10",
   "description": "Reactions component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -27,7 +27,7 @@
     "website": {
       "name": "Reactions"
     },
-    "runReact18": false
+    "runReact18": true
   },
   "config": {
     "access": "public"