@atlaskit/reactions 36.3.11 → 36.3.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (68) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/cjs/analytics/index.js +2 -2
  3. package/dist/cjs/components/Counter.js +1 -1
  4. package/dist/cjs/components/EmojiButton.js +2 -2
  5. package/dist/cjs/components/Reaction.js +6 -6
  6. package/dist/cjs/components/ReactionButton.js +1 -1
  7. package/dist/cjs/components/ReactionPicker.js +6 -6
  8. package/dist/cjs/components/ReactionSummaryButton.js +3 -3
  9. package/dist/cjs/components/ReactionSummaryView.js +4 -4
  10. package/dist/cjs/components/ReactionView.js +1 -1
  11. package/dist/cjs/components/Reactions.js +2 -2
  12. package/dist/cjs/components/ReactionsDialog.js +3 -3
  13. package/dist/cjs/components/ReactionsDialogHeader.js +10 -10
  14. package/dist/cjs/components/ReactionsDialogTrigger.js +3 -3
  15. package/dist/cjs/components/Selector.js +2 -2
  16. package/dist/cjs/components/Trigger.js +13 -13
  17. package/dist/cjs/containers/ConnectedReactionPicker/ConnectedReactionPicker.js +1 -1
  18. package/dist/cjs/store/MemoryReactionsStore.js +4 -4
  19. package/dist/cjs/ufo/index.js +1 -1
  20. package/dist/es2019/analytics/index.js +2 -2
  21. package/dist/es2019/components/Counter.js +1 -1
  22. package/dist/es2019/components/EmojiButton.js +2 -2
  23. package/dist/es2019/components/Reaction.js +6 -6
  24. package/dist/es2019/components/ReactionButton.js +1 -1
  25. package/dist/es2019/components/ReactionPicker.js +6 -6
  26. package/dist/es2019/components/ReactionSummaryButton.js +3 -3
  27. package/dist/es2019/components/ReactionSummaryView.js +4 -4
  28. package/dist/es2019/components/ReactionView.js +1 -1
  29. package/dist/es2019/components/Reactions.js +2 -2
  30. package/dist/es2019/components/ReactionsDialog.js +3 -3
  31. package/dist/es2019/components/ReactionsDialogHeader.js +10 -10
  32. package/dist/es2019/components/ReactionsDialogTrigger.js +3 -3
  33. package/dist/es2019/components/Selector.js +2 -2
  34. package/dist/es2019/components/Trigger.js +3 -3
  35. package/dist/es2019/containers/ConnectedReactionPicker/ConnectedReactionPicker.js +1 -1
  36. package/dist/es2019/store/MemoryReactionsStore.js +4 -4
  37. package/dist/es2019/ufo/index.js +1 -1
  38. package/dist/esm/analytics/index.js +2 -2
  39. package/dist/esm/components/Counter.js +1 -1
  40. package/dist/esm/components/EmojiButton.js +2 -2
  41. package/dist/esm/components/Reaction.js +6 -6
  42. package/dist/esm/components/ReactionButton.js +1 -1
  43. package/dist/esm/components/ReactionPicker.js +6 -6
  44. package/dist/esm/components/ReactionSummaryButton.js +3 -3
  45. package/dist/esm/components/ReactionSummaryView.js +4 -4
  46. package/dist/esm/components/ReactionView.js +1 -1
  47. package/dist/esm/components/Reactions.js +2 -2
  48. package/dist/esm/components/ReactionsDialog.js +3 -3
  49. package/dist/esm/components/ReactionsDialogHeader.js +10 -10
  50. package/dist/esm/components/ReactionsDialogTrigger.js +3 -3
  51. package/dist/esm/components/Selector.js +2 -2
  52. package/dist/esm/components/Trigger.js +3 -3
  53. package/dist/esm/containers/ConnectedReactionPicker/ConnectedReactionPicker.js +1 -1
  54. package/dist/esm/store/MemoryReactionsStore.js +4 -4
  55. package/dist/esm/ufo/index.js +1 -1
  56. package/dist/types/analytics/index.d.ts +2 -2
  57. package/dist/types/components/EmojiButton.d.ts +4 -0
  58. package/dist/types/components/ReactionPicker.d.ts +1 -1
  59. package/dist/types/components/Reactions.d.ts +1 -1
  60. package/dist/types/components/ReactionsDialogHeader.d.ts +1 -1
  61. package/dist/types/components/ReactionsDialogTrigger.d.ts +4 -0
  62. package/dist/types/components/Selector.d.ts +1 -1
  63. package/dist/types/components/Trigger.d.ts +1 -1
  64. package/dist/types/components/UfoErrorBoundary.d.ts +1 -1
  65. package/dist/types/constants.d.ts +2 -2
  66. package/dist/types/store/MemoryReactionsStore.d.ts +2 -2
  67. package/dist/types/ufo/index.d.ts +1 -1
  68. package/package.json +5 -5
@@ -5,16 +5,16 @@ import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react'
5
5
  import { FormattedMessage, useIntl } from 'react-intl';
6
6
  import { useAnalyticsEvents } from '@atlaskit/analytics-next/useAnalyticsEvents';
7
7
  import ModalTransition from '@atlaskit/modal-dialog/modal-transition';
8
- import UFOSegment from '@atlaskit/react-ufo/ufo-segment';
9
8
  import { fg } from '@atlaskit/platform-feature-flags/fg';
9
+ import UFOSegment from '@atlaskit/react-ufo/ufo-segment';
10
10
  import { createAndFireSafe, createPickerButtonClickedEvent, createPickerCancelledEvent, createPickerMoreClickedEvent, createReactionsRenderedEvent, createReactionSelectionEvent, isSampled } from '../analytics';
11
11
  import { SAMPLING_RATE_REACTIONS_RENDERED_EXP } from '../shared/constants';
12
12
  import { messages } from '../shared/i18n';
13
13
  import { ReactionStatus } from '../types';
14
14
  import { ReactionDialogOpened, ReactionDialogSelectedReactionChanged } from '../ufo';
15
15
  import { Reaction } from './Reaction';
16
- import { ReactionsDialog } from './ReactionsDialog';
17
16
  import { ReactionPicker } from './ReactionPicker';
17
+ import { ReactionsDialog } from './ReactionsDialog';
18
18
  import { ReactionSummaryView } from './ReactionSummaryView';
19
19
  const wrapperStyle = null;
20
20
  const noFlexWrapStyles = null;
@@ -3,13 +3,13 @@ import "./ReactionsDialog.compiled.css";
3
3
  import * as React from 'react';
4
4
  import { ax, ix } from "@compiled/react/runtime";
5
5
  import { useEffect, useState, useCallback, useMemo } from 'react';
6
- import Tabs from '@atlaskit/tabs/tabs';
7
- import Modal from '@atlaskit/modal-dialog/modal-dialog';
8
6
  import ModalBody from '@atlaskit/modal-dialog/modal-body';
7
+ import Modal from '@atlaskit/modal-dialog/modal-dialog';
9
8
  import { Box } from '@atlaskit/primitives/compiled';
9
+ import Tabs from '@atlaskit/tabs/tabs';
10
10
  import { NUMBER_OF_REACTIONS_TO_DISPLAY } from '../shared/constants';
11
- import { ReactionsList } from './ReactionsList';
12
11
  import { ReactionsDialogHeader } from './ReactionsDialogHeader';
12
+ import { ReactionsList } from './ReactionsList';
13
13
  const styles = {
14
14
  modalBodyStyle: "_otyr1ejb"
15
15
  };
@@ -5,24 +5,24 @@ import * as React from 'react';
5
5
  import { ax, ix } from "@compiled/react/runtime";
6
6
  import { useState } from 'react';
7
7
  import { useIntl } from 'react-intl';
8
- import { useThemeObserver } from '@atlaskit/tokens/use-theme-observer';
8
+ import IconButton from '@atlaskit/button/icon/button';
9
+ import { ResourcedEmoji } from '@atlaskit/emoji/element';
10
+ import Heading from '@atlaskit/heading/heading';
11
+ import ChevronLeftIcon from '@atlaskit/icon/core/chevron-left';
12
+ import ChevronRightIcon from '@atlaskit/icon/core/chevron-right';
9
13
  import { CloseButton } from '@atlaskit/modal-dialog/close-button';
14
+ import { useModal } from '@atlaskit/modal-dialog/hooks';
10
15
  import ModalHeader from '@atlaskit/modal-dialog/modal-header';
11
16
  import ModalTitle from '@atlaskit/modal-dialog/modal-title';
17
+ import { fg } from '@atlaskit/platform-feature-flags/fg';
18
+ import { Box, Flex, Inline, Stack } from '@atlaskit/primitives/compiled';
12
19
  import Tab from '@atlaskit/tabs/tab';
13
20
  import TabList from '@atlaskit/tabs/tab-list';
14
- import { Box, Flex, Inline, Stack } from '@atlaskit/primitives/compiled';
15
- import IconButton from '@atlaskit/button/icon/button';
16
- import Heading from '@atlaskit/heading/heading';
17
- import { useModal } from '@atlaskit/modal-dialog/hooks';
18
- import { fg } from '@atlaskit/platform-feature-flags/fg';
21
+ import { useThemeObserver } from '@atlaskit/tokens/use-theme-observer';
19
22
  import Tooltip from '@atlaskit/tooltip/Tooltip';
20
- import ChevronRightIcon from '@atlaskit/icon/core/chevron-right';
21
- import ChevronLeftIcon from '@atlaskit/icon/core/chevron-left';
22
- import { ResourcedEmoji } from '@atlaskit/emoji/element';
23
+ import { RESOURCED_EMOJI_COMPACT_HEIGHT } from '../shared/constants';
23
24
  import { messages } from '../shared/i18n';
24
25
  import { Counter } from './Counter';
25
- import { RESOURCED_EMOJI_COMPACT_HEIGHT } from '../shared/constants';
26
26
  const styles = {
27
27
  leftNavigationStyle: "_19pk1b66 _1wpzynz6 _19bvpxbi _n3tdutpp",
28
28
  rightNavigationStyle: "_19pk1b66 _1wpzynz6 _18u01wug _2hwxu2gc",
@@ -2,11 +2,11 @@
2
2
  import "./ReactionsDialogTrigger.compiled.css";
3
3
  import * as React from 'react';
4
4
  import { ax, ix } from "@compiled/react/runtime";
5
- import Tooltip from '@atlaskit/tooltip/Tooltip';
6
5
  import { cx } from '@compiled/react';
7
- import { Pressable } from '@atlaskit/primitives/compiled';
8
- import ShowMoreHorizontalIcon from '@atlaskit/icon/core/show-more-horizontal';
9
6
  import { useIntl } from 'react-intl';
7
+ import ShowMoreHorizontalIcon from '@atlaskit/icon/core/show-more-horizontal';
8
+ import { Pressable } from '@atlaskit/primitives/compiled';
9
+ import Tooltip from '@atlaskit/tooltip/Tooltip';
10
10
  import { messages } from '../shared/i18n';
11
11
  const styles = {
12
12
  trigger: "_2rko12b0 _2hwx1b66 _19pk1b66 _1ul9zwfg _4t3i1tcg _1e0c1txw _1bah1h6o _4cvr1h6o _bfhksm61 _ca0qze3t _n3tdze3t _19bvze3t _u5f3ze3t",
@@ -3,12 +3,12 @@ import "./Selector.compiled.css";
3
3
  import * as React from 'react';
4
4
  import { ax, ix } from "@compiled/react/runtime";
5
5
  import { Fragment, useEffect, useState } from 'react';
6
- import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
7
6
  import { fg } from '@atlaskit/platform-feature-flags/fg';
8
7
  import { Box, Inline } from '@atlaskit/primitives/compiled';
8
+ import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
9
9
  import Tooltip from '@atlaskit/tooltip/Tooltip';
10
- import { messages } from '../shared/i18n';
11
10
  import { getDefaultReactions } from '../shared/constants';
11
+ import { messages } from '../shared/i18n';
12
12
  import { EmojiButton } from './EmojiButton';
13
13
  import { ShowMore } from './ShowMore';
14
14
  import { Trigger } from './Trigger';
@@ -2,13 +2,13 @@
2
2
  import _extends from "@babel/runtime/helpers/extends";
3
3
  import "./Trigger.compiled.css";
4
4
  import { ax, ix } from "@compiled/react/runtime";
5
+ import React from 'react';
6
+ import { cx } from '@compiled/react';
5
7
  import { defineMessages, useIntl } from 'react-intl';
6
- import Tooltip from '@atlaskit/tooltip/Tooltip';
7
8
  import EmojiAddIcon from '@atlaskit/icon/core/emoji-add';
8
9
  import { fg } from '@atlaskit/platform-feature-flags/fg';
9
10
  import { Box, Pressable } from '@atlaskit/primitives/compiled';
10
- import { cx } from '@compiled/react';
11
- import React from 'react';
11
+ import Tooltip from '@atlaskit/tooltip/Tooltip';
12
12
  const styles = {
13
13
  trigger: "_2rko1rr0 _189ee4h9 _1dqonqa1 _1ul9zwfg _4t3i1tcg _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _1e0c1txw _1bah1h6o _4cvr1h6o",
14
14
  subtleTrigger: "_1dqoglyw _1ul91tcg",
@@ -1,8 +1,8 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
2
  import React from 'react';
3
3
  import { UfoErrorBoundary } from '../../components';
4
- import { PickerRender } from '../../ufo';
5
4
  import { ReactionPicker } from '../../components/ReactionPicker';
5
+ import { PickerRender } from '../../ufo';
6
6
  /**
7
7
  * Reaction Picker component
8
8
  */
@@ -1,12 +1,12 @@
1
1
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
+ import { expVal } from '@atlaskit/platform-feature-experiments/exp-val';
2
3
  import { createAndFireSafe, createRestFailedEvent, createRestSucceededEvent, extractErrorInfo } from '../analytics';
4
+ import { SAMPLING_RATE_REACTIONS_RENDERED_EXP } from '../shared/constants';
3
5
  import { ReactionStatus } from '../types';
6
+ import { ReactionUpdateType } from '../types/reaction';
7
+ import { ReactionsAdd, ReactionDetailsFetch, ReactionsRemove, sampledReactionsRendered } from '../ufo';
4
8
  import { batch, batchByKey } from './batched';
5
9
  import { addOne, byEmojiId, flattenAris, getReactionsSortFunction, isRealErrorFromService, readyState, removeOne, updateByEmojiId } from './utils';
6
- import { SAMPLING_RATE_REACTIONS_RENDERED_EXP } from '../shared/constants';
7
- import { ReactionsAdd, ReactionDetailsFetch, ReactionsRemove, sampledReactionsRendered } from '../ufo';
8
- import { ReactionUpdateType } from '../types/reaction';
9
- import { expVal } from '@atlaskit/platform-feature-experiments/exp-val';
10
10
 
11
11
  /**
12
12
  * Set of all available UFO experiences relating to reaction element
@@ -1,7 +1,7 @@
1
+ import { withSampling } from '@atlaskit/emoji';
1
2
  import { ConcurrentExperience } from '@atlaskit/ufo/concurrent-experience';
2
3
  import { UFOExperience } from '@atlaskit/ufo/experience';
3
4
  import { ExperiencePerformanceTypes, ExperienceTypes } from '@atlaskit/ufo/experience-types';
4
- import { withSampling } from '@atlaskit/emoji';
5
5
 
6
6
  /**
7
7
  * Initial experience config object (deferred from @atlaskit/ufo inner types)
@@ -1,11 +1,11 @@
1
1
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
2
  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; }
3
3
  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) { _defineProperty(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; }
4
+ import { UI_EVENT_TYPE, OPERATIONAL_EVENT_TYPE } from '@atlaskit/analytics-gas-types';
4
5
  // eslint-disable-next-line @typescript-eslint/consistent-type-imports
5
6
  import createAndFireEvent from '@atlaskit/analytics-next/createAndFireEvents';
6
- import { UI_EVENT_TYPE, OPERATIONAL_EVENT_TYPE } from '@atlaskit/analytics-gas-types';
7
7
  var packageName = "@atlaskit/reactions";
8
- var packageVersion = "36.3.10";
8
+ var packageVersion = "36.3.12";
9
9
  /**
10
10
  * TODO: move to utility package?
11
11
  * A random sampling function
@@ -3,8 +3,8 @@ import "./Counter.compiled.css";
3
3
  import * as React from 'react';
4
4
  import { ax, ix } from "@compiled/react/runtime";
5
5
  import { useEffect, useMemo, useRef } from 'react';
6
- import SlideIn from '@atlaskit/motion/slide-in';
7
6
  import ExitingPersistence from '@atlaskit/motion/exiting-persistence';
7
+ import SlideIn from '@atlaskit/motion/slide-in';
8
8
  import { formatLargeNumber } from '../shared/utils';
9
9
  var containerStyle = null;
10
10
  var counterLabelStyle = null;
@@ -5,11 +5,11 @@ import { ax, ix } from "@compiled/react/runtime";
5
5
  import { useIntl } from 'react-intl';
6
6
  import { defaultEmojiHeight, ResourcedEmoji } from '@atlaskit/emoji';
7
7
  import { fg } from '@atlaskit/platform-feature-flags/fg';
8
+ import { Pressable } from '@atlaskit/primitives/compiled';
8
9
  import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
10
+ import { RESOURCED_EMOJI_COMPACT_HEIGHT } from '../shared/constants';
9
11
  import { messages } from '../shared/i18n';
10
12
  import { isLeftClick } from '../shared/utils';
11
- import { RESOURCED_EMOJI_COMPACT_HEIGHT } from '../shared/constants';
12
- import { Pressable } from '@atlaskit/primitives/compiled';
13
13
  var styles = {
14
14
  emojiButton: "_12ji1r31 _1qu2glyw _12y31o36 _2rko12b0 _189eidpf _1e0c1txw _bfhksm61 _19pkze3t _2hwxze3t _otyrze3t _18u0ze3t _ca0qu2gc _u5f3u2gc _n3tdu2gc _19bvu2gc _o7ksrkh3 _1llw1q5f",
15
15
  hoverableReactionPickerSelectorEmojiButton: "_12ji1r31 _1qu2glyw _12y31o36 _2rko12b0 _v564k6bl _189ee4h9 _1dqonqa1 _1h6d1l7x _1e0c1txw _8hrz1nam _ca0qv77o _u5f31b66 _n3td1b66 _19bv1b66 _bfhksm61 _syazazsu _19pkze3t _2hwxze3t _otyrze3t _18u0ze3t _irr31dpa _1ggl5xtf _1di6fcek",
@@ -7,20 +7,20 @@ import { ax, ix } from "@compiled/react/runtime";
7
7
  import _regeneratorRuntime from "@babel/runtime/regenerator";
8
8
  import { useCallback, useEffect, useRef, useState } from 'react';
9
9
  import { useIntl } from 'react-intl';
10
- import { cx } from '@atlaskit/css';
11
10
  import { useAnalyticsEvents } from '@atlaskit/analytics-next/useAnalyticsEvents';
11
+ import { cx } from '@atlaskit/css';
12
12
  import { ResourcedEmoji } from '@atlaskit/emoji';
13
13
  import { fg } from '@atlaskit/platform-feature-flags/fg';
14
+ import { Box, Inline } from '@atlaskit/primitives/compiled';
14
15
  import { createAndFireSafe, createReactionClickedEvent, createReactionFocusedEvent, createReactionHoveredEvent } from '../analytics';
15
- import { Counter } from './Counter';
16
- import { ReactionParticleEffect } from './ReactionParticleEffect';
17
- import { ReactionTooltip } from './ReactionTooltip';
16
+ import { RESOURCED_EMOJI_COMPACT_HEIGHT } from '../shared/constants';
18
17
  import { messages } from '../shared/i18n';
19
18
  import { isLeftClick } from '../shared/utils';
20
- import { RESOURCED_EMOJI_COMPACT_HEIGHT } from '../shared/constants';
19
+ import { Counter } from './Counter';
21
20
  import { ReactionButton } from './ReactionButton';
21
+ import { ReactionParticleEffect } from './ReactionParticleEffect';
22
+ import { ReactionTooltip } from './ReactionTooltip';
22
23
  import { StaticReaction } from './StaticReaction';
23
- import { Box, Inline } from '@atlaskit/primitives/compiled';
24
24
  var styles = {
25
25
  container: "_kqswh2mm",
26
26
  listItem: "_195gze3t _1mouze3t _18zrze3t _1rjcze3t",
@@ -4,10 +4,10 @@ import "./ReactionButton.compiled.css";
4
4
  import * as React from 'react';
5
5
  import { ax, ix } from "@compiled/react/runtime";
6
6
  import { cx } from '@compiled/react';
7
- import { FlashAnimation } from './FlashAnimation';
8
7
  import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
9
8
  import { fg } from '@atlaskit/platform-feature-flags/fg';
10
9
  import { Pressable } from '@atlaskit/primitives/compiled';
10
+ import { FlashAnimation } from './FlashAnimation';
11
11
  var styles = {
12
12
  reactionButton: "_2rko1rr0 _1reo15vq _18m915vq _189ee4h9 _1dqonqa1 _1h6d1l7x _1e0c1txw _2lx2vrvc _4cvr1y6m _1ul914no _4t3i1tcg _bfhksm61 _syazazsu _1pfh1b66 _12l21b66 _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _irr31dpa _1di6fcek",
13
13
  reactionStylesRefresh: "_2rko12b0",
@@ -8,23 +8,23 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
8
8
  import React, { useCallback, useLayoutEffect, useRef, useState } from 'react';
9
9
  import { FormattedMessage, useIntl } from 'react-intl';
10
10
  import { EmojiPicker } from '@atlaskit/emoji/picker';
11
+ import Heading from '@atlaskit/heading/heading';
11
12
  import { fg } from '@atlaskit/platform-feature-flags/fg';
12
- import { Manager } from '@atlaskit/popper/manager';
13
13
  import { Popper } from '@atlaskit/popper/main';
14
+ import { Manager } from '@atlaskit/popper/manager';
14
15
  import { Reference } from '@atlaskit/popper/reference';
15
- import { layers } from '@atlaskit/theme/constants';
16
+ import Portal from '@atlaskit/portal/portal';
16
17
  import { Box } from '@atlaskit/primitives/compiled';
17
- import Heading from '@atlaskit/heading/heading';
18
+ import { layers } from '@atlaskit/theme/constants';
19
+ import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
18
20
  import { useCloseManagerV2 } from '../hooks/useCloseManager';
19
21
  import { useDelayedState } from '../hooks/useDelayedState';
20
22
  import { useFocusTrap } from '../hooks/useFocusTrap';
21
23
  import { messages } from '../shared/i18n';
22
24
  import { PickerRender } from '../ufo';
25
+ import { RepositionOnUpdate } from './RepositionOnUpdate';
23
26
  import { Selector } from './Selector';
24
27
  import { Trigger } from './Trigger';
25
- import { RepositionOnUpdate } from './RepositionOnUpdate';
26
- import Portal from '@atlaskit/portal/portal';
27
- import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
28
28
  var pickerStyle = null;
29
29
  var popupWrapperStyle = null;
30
30
  var popupStyle = null;
@@ -4,15 +4,15 @@ import "./ReactionSummaryButton.compiled.css";
4
4
  import * as React from 'react';
5
5
  import { ax, ix } from "@compiled/react/runtime";
6
6
  import { forwardRef, useMemo } from 'react';
7
+ import { cx } from '@compiled/react';
7
8
  import { useIntl } from 'react-intl';
8
9
  import { ResourcedEmoji } from '@atlaskit/emoji';
9
- import { messages } from '../shared/i18n';
10
+ import { Box, Flex, Inline, Stack } from '@atlaskit/primitives/compiled';
10
11
  import { RESOURCED_EMOJI_COMPACT_HEIGHT } from '../shared/constants';
12
+ import { messages } from '../shared/i18n';
11
13
  import { Counter } from './Counter';
12
14
  import { ReactionButton } from './ReactionButton';
13
15
  import { ReactionParticleEffect } from './ReactionParticleEffect';
14
- import { Box, Flex, Inline, Stack } from '@atlaskit/primitives/compiled';
15
- import { cx } from '@compiled/react';
16
16
  var styles = {
17
17
  emoji: "_8hrz1nam",
18
18
  button: "_ca0q1b66 _u5f31b66 _n3td1b66 _19bvu2gc",
@@ -5,15 +5,15 @@ import "./ReactionSummaryView.compiled.css";
5
5
  import * as React from 'react';
6
6
  import { ax, ix } from "@compiled/react/runtime";
7
7
  import { useCallback, useState } from 'react';
8
- import { Popup } from '@atlaskit/popup/popup';
9
8
  import { EmojiPicker } from '@atlaskit/emoji/picker';
10
9
  import { fg } from '@atlaskit/platform-feature-flags/fg';
10
+ import { Popup } from '@atlaskit/popup/popup';
11
+ import { Box, Flex, Inline } from '@atlaskit/primitives/compiled';
11
12
  import { useDelayedState } from '../hooks/useDelayedState';
13
+ import { PickerRender } from '../ufo';
12
14
  import { Reaction } from './Reaction';
13
- import { Trigger as EmojiPickerTrigger } from './Trigger';
14
15
  import { ReactionSummaryButton } from './ReactionSummaryButton';
15
- import { PickerRender } from '../ufo';
16
- import { Box, Flex, Inline } from '@atlaskit/primitives/compiled';
16
+ import { Trigger as EmojiPickerTrigger } from './Trigger';
17
17
  var styles = {
18
18
  summaryList: "_ca0q1b66 _u5f3u2gc _n3tdu2gc _19bvu2gc _19pkze3t _2hwxze3t _otyrze3t _18u0ze3t _p12foiq5 _2mzuglyw"
19
19
  };
@@ -4,9 +4,9 @@ import * as React from 'react';
4
4
  import { ax, ix } from "@compiled/react/runtime";
5
5
  import { useMemo } from 'react';
6
6
  import Avatar from '@atlaskit/avatar/Avatar';
7
+ import { Box, Flex } from '@atlaskit/primitives/compiled';
7
8
  import Spinner from '@atlaskit/spinner/spinner';
8
9
  import TabPanel from '@atlaskit/tabs/tab-panel';
9
- import { Box, Flex } from '@atlaskit/primitives/compiled';
10
10
  var userListStyle = null;
11
11
  var userStyle = null;
12
12
  var styles = {
@@ -7,16 +7,16 @@ import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react'
7
7
  import { FormattedMessage, useIntl } from 'react-intl';
8
8
  import { useAnalyticsEvents } from '@atlaskit/analytics-next/useAnalyticsEvents';
9
9
  import ModalTransition from '@atlaskit/modal-dialog/modal-transition';
10
- import UFOSegment from '@atlaskit/react-ufo/ufo-segment';
11
10
  import { fg } from '@atlaskit/platform-feature-flags/fg';
11
+ import UFOSegment from '@atlaskit/react-ufo/ufo-segment';
12
12
  import { createAndFireSafe, createPickerButtonClickedEvent, createPickerCancelledEvent, createPickerMoreClickedEvent, createReactionsRenderedEvent, createReactionSelectionEvent, isSampled } from '../analytics';
13
13
  import { SAMPLING_RATE_REACTIONS_RENDERED_EXP } from '../shared/constants';
14
14
  import { messages } from '../shared/i18n';
15
15
  import { ReactionStatus } from '../types';
16
16
  import { ReactionDialogOpened, ReactionDialogSelectedReactionChanged } from '../ufo';
17
17
  import { Reaction } from './Reaction';
18
- import { ReactionsDialog } from './ReactionsDialog';
19
18
  import { ReactionPicker } from './ReactionPicker';
19
+ import { ReactionsDialog } from './ReactionsDialog';
20
20
  import { ReactionSummaryView } from './ReactionSummaryView';
21
21
  var wrapperStyle = null;
22
22
  var noFlexWrapStyles = null;
@@ -4,13 +4,13 @@ import "./ReactionsDialog.compiled.css";
4
4
  import * as React from 'react';
5
5
  import { ax, ix } from "@compiled/react/runtime";
6
6
  import { useEffect, useState, useCallback, useMemo } from 'react';
7
- import Tabs from '@atlaskit/tabs/tabs';
8
- import Modal from '@atlaskit/modal-dialog/modal-dialog';
9
7
  import ModalBody from '@atlaskit/modal-dialog/modal-body';
8
+ import Modal from '@atlaskit/modal-dialog/modal-dialog';
10
9
  import { Box } from '@atlaskit/primitives/compiled';
10
+ import Tabs from '@atlaskit/tabs/tabs';
11
11
  import { NUMBER_OF_REACTIONS_TO_DISPLAY } from '../shared/constants';
12
- import { ReactionsList } from './ReactionsList';
13
12
  import { ReactionsDialogHeader } from './ReactionsDialogHeader';
13
+ import { ReactionsList } from './ReactionsList';
14
14
  var styles = {
15
15
  modalBodyStyle: "_otyr1ejb"
16
16
  };
@@ -11,24 +11,24 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
11
11
  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) { _defineProperty(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; }
12
12
  import { useState } from 'react';
13
13
  import { useIntl } from 'react-intl';
14
- import { useThemeObserver } from '@atlaskit/tokens/use-theme-observer';
14
+ import IconButton from '@atlaskit/button/icon/button';
15
+ import { ResourcedEmoji } from '@atlaskit/emoji/element';
16
+ import Heading from '@atlaskit/heading/heading';
17
+ import ChevronLeftIcon from '@atlaskit/icon/core/chevron-left';
18
+ import ChevronRightIcon from '@atlaskit/icon/core/chevron-right';
15
19
  import { CloseButton } from '@atlaskit/modal-dialog/close-button';
20
+ import { useModal } from '@atlaskit/modal-dialog/hooks';
16
21
  import ModalHeader from '@atlaskit/modal-dialog/modal-header';
17
22
  import ModalTitle from '@atlaskit/modal-dialog/modal-title';
23
+ import { fg } from '@atlaskit/platform-feature-flags/fg';
24
+ import { Box, Flex, Inline, Stack } from '@atlaskit/primitives/compiled';
18
25
  import Tab from '@atlaskit/tabs/tab';
19
26
  import TabList from '@atlaskit/tabs/tab-list';
20
- import { Box, Flex, Inline, Stack } from '@atlaskit/primitives/compiled';
21
- import IconButton from '@atlaskit/button/icon/button';
22
- import Heading from '@atlaskit/heading/heading';
23
- import { useModal } from '@atlaskit/modal-dialog/hooks';
24
- import { fg } from '@atlaskit/platform-feature-flags/fg';
27
+ import { useThemeObserver } from '@atlaskit/tokens/use-theme-observer';
25
28
  import Tooltip from '@atlaskit/tooltip/Tooltip';
26
- import ChevronRightIcon from '@atlaskit/icon/core/chevron-right';
27
- import ChevronLeftIcon from '@atlaskit/icon/core/chevron-left';
28
- import { ResourcedEmoji } from '@atlaskit/emoji/element';
29
+ import { RESOURCED_EMOJI_COMPACT_HEIGHT } from '../shared/constants';
29
30
  import { messages } from '../shared/i18n';
30
31
  import { Counter } from './Counter';
31
- import { RESOURCED_EMOJI_COMPACT_HEIGHT } from '../shared/constants';
32
32
  var styles = {
33
33
  leftNavigationStyle: "_19pk1b66 _1wpzynz6 _19bvpxbi _n3tdutpp",
34
34
  rightNavigationStyle: "_19pk1b66 _1wpzynz6 _18u01wug _2hwxu2gc",
@@ -2,11 +2,11 @@
2
2
  import "./ReactionsDialogTrigger.compiled.css";
3
3
  import * as React from 'react';
4
4
  import { ax, ix } from "@compiled/react/runtime";
5
- import Tooltip from '@atlaskit/tooltip/Tooltip';
6
5
  import { cx } from '@compiled/react';
7
- import { Pressable } from '@atlaskit/primitives/compiled';
8
- import ShowMoreHorizontalIcon from '@atlaskit/icon/core/show-more-horizontal';
9
6
  import { useIntl } from 'react-intl';
7
+ import ShowMoreHorizontalIcon from '@atlaskit/icon/core/show-more-horizontal';
8
+ import { Pressable } from '@atlaskit/primitives/compiled';
9
+ import Tooltip from '@atlaskit/tooltip/Tooltip';
10
10
  import { messages } from '../shared/i18n';
11
11
  var styles = {
12
12
  trigger: "_2rko12b0 _2hwx1b66 _19pk1b66 _1ul9zwfg _4t3i1tcg _1e0c1txw _1bah1h6o _4cvr1h6o _bfhksm61 _ca0qze3t _n3tdze3t _19bvze3t _u5f3ze3t",
@@ -4,12 +4,12 @@ import "./Selector.compiled.css";
4
4
  import * as React from 'react';
5
5
  import { ax, ix } from "@compiled/react/runtime";
6
6
  import { Fragment, useEffect, useState } from 'react';
7
- import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
8
7
  import { fg } from '@atlaskit/platform-feature-flags/fg';
9
8
  import { Box, Inline } from '@atlaskit/primitives/compiled';
9
+ import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
10
10
  import Tooltip from '@atlaskit/tooltip/Tooltip';
11
- import { messages } from '../shared/i18n';
12
11
  import { getDefaultReactions } from '../shared/constants';
12
+ import { messages } from '../shared/i18n';
13
13
  import { EmojiButton } from './EmojiButton';
14
14
  import { ShowMore } from './ShowMore';
15
15
  import { Trigger } from './Trigger';
@@ -2,13 +2,13 @@
2
2
  import _extends from "@babel/runtime/helpers/extends";
3
3
  import "./Trigger.compiled.css";
4
4
  import { ax, ix } from "@compiled/react/runtime";
5
+ import React from 'react';
6
+ import { cx } from '@compiled/react';
5
7
  import { defineMessages, useIntl } from 'react-intl';
6
- import Tooltip from '@atlaskit/tooltip/Tooltip';
7
8
  import EmojiAddIcon from '@atlaskit/icon/core/emoji-add';
8
9
  import { fg } from '@atlaskit/platform-feature-flags/fg';
9
10
  import { Box, Pressable } from '@atlaskit/primitives/compiled';
10
- import { cx } from '@compiled/react';
11
- import React from 'react';
11
+ import Tooltip from '@atlaskit/tooltip/Tooltip';
12
12
  var styles = {
13
13
  trigger: "_2rko1rr0 _189ee4h9 _1dqonqa1 _1ul9zwfg _4t3i1tcg _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _1e0c1txw _1bah1h6o _4cvr1h6o",
14
14
  subtleTrigger: "_1dqoglyw _1ul91tcg",
@@ -3,8 +3,8 @@ import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
3
3
  import _regeneratorRuntime from "@babel/runtime/regenerator";
4
4
  import React from 'react';
5
5
  import { UfoErrorBoundary } from '../../components';
6
- import { PickerRender } from '../../ufo';
7
6
  import { ReactionPicker } from '../../components/ReactionPicker';
7
+ import { PickerRender } from '../../ufo';
8
8
  /**
9
9
  * Reaction Picker component
10
10
  */
@@ -3,14 +3,14 @@ import _createClass from "@babel/runtime/helpers/createClass";
3
3
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
4
4
  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; }
5
5
  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) { _defineProperty(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; }
6
+ import { expVal } from '@atlaskit/platform-feature-experiments/exp-val';
6
7
  import { createAndFireSafe, createRestFailedEvent, createRestSucceededEvent, extractErrorInfo } from '../analytics';
8
+ import { SAMPLING_RATE_REACTIONS_RENDERED_EXP } from '../shared/constants';
7
9
  import { ReactionStatus } from '../types';
10
+ import { ReactionUpdateType } from '../types/reaction';
11
+ import { ReactionsAdd, ReactionDetailsFetch, ReactionsRemove, sampledReactionsRendered } from '../ufo';
8
12
  import { batch, batchByKey } from './batched';
9
13
  import { addOne, byEmojiId, flattenAris, getReactionsSortFunction, isRealErrorFromService, readyState, removeOne, updateByEmojiId } from './utils';
10
- import { SAMPLING_RATE_REACTIONS_RENDERED_EXP } from '../shared/constants';
11
- import { ReactionsAdd, ReactionDetailsFetch, ReactionsRemove, sampledReactionsRendered } from '../ufo';
12
- import { ReactionUpdateType } from '../types/reaction';
13
- import { expVal } from '@atlaskit/platform-feature-experiments/exp-val';
14
14
 
15
15
  /**
16
16
  * Set of all available UFO experiences relating to reaction element
@@ -1,7 +1,7 @@
1
+ import { withSampling } from '@atlaskit/emoji';
1
2
  import { ConcurrentExperience } from '@atlaskit/ufo/concurrent-experience';
2
3
  import { UFOExperience } from '@atlaskit/ufo/experience';
3
4
  import { ExperiencePerformanceTypes, ExperienceTypes } from '@atlaskit/ufo/experience-types';
4
- import { withSampling } from '@atlaskit/emoji';
5
5
 
6
6
  /**
7
7
  * Initial experience config object (deferred from @atlaskit/ufo inner types)
@@ -1,7 +1,7 @@
1
- import type UIAnalyticsEvent from '@atlaskit/analytics-next/UIAnalyticsEvent';
1
+ import { type EventType } from '@atlaskit/analytics-gas-types';
2
2
  import type { AnalyticsEventPayload } from '@atlaskit/analytics-next/AnalyticsEvent';
3
3
  import type { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next/types';
4
- import { type EventType } from '@atlaskit/analytics-gas-types';
4
+ import type UIAnalyticsEvent from '@atlaskit/analytics-next/UIAnalyticsEvent';
5
5
  import { type ReactionSummary, type ReactionSource } from '../types';
6
6
  export type PreviousState = 'new' | 'existingNotReacted' | 'existingReacted';
7
7
  /**
@@ -1,3 +1,7 @@
1
+ /**
2
+ * @jsxRuntime classic
3
+ * @jsx jsx
4
+ */
1
5
  import { type EmojiId, type OnEmojiEvent, type EmojiProvider } from '@atlaskit/emoji';
2
6
  export declare const RENDER_BUTTON_TESTID = "button-emoji-id";
3
7
  export declare const RENDER_BUTTON_EMOJI_SLOT_TESTID = "button-emoji-slot-id";
@@ -3,8 +3,8 @@
3
3
  * @jsx jsx
4
4
  */
5
5
  import React, { type PropsWithChildren } from 'react';
6
- import { type PickerSize } from '@atlaskit/emoji/types';
7
6
  import { type EmojiProvider } from '@atlaskit/emoji/resource';
7
+ import { type PickerSize } from '@atlaskit/emoji/types';
8
8
  import { type PopperProps, type Placement } from '@atlaskit/popper/main';
9
9
  import { type ReactionSource } from '../types';
10
10
  import { type SelectorProps } from './Selector';
@@ -6,10 +6,10 @@
6
6
  import React from 'react';
7
7
  import type { OnCloseHandler } from '@atlaskit/modal-dialog/types';
8
8
  import type { Placement } from '@atlaskit/popper/main';
9
+ import type { UFOExperience } from '@atlaskit/ufo/experience';
9
10
  import { ReactionStatus, type ReactionClick, type ReactionSummary, type QuickReactionEmojiSummary, type ProfileCardWrapper } from '../types';
10
11
  import { type ReactionPickerProps } from './ReactionPicker';
11
12
  import { type SelectorProps } from './Selector';
12
- import type { UFOExperience } from '@atlaskit/ufo/experience';
13
13
  /**
14
14
  * Set of all available UFO experiences relating to Reactions Dialog
15
15
  */
@@ -1,5 +1,5 @@
1
- import type { OnCloseHandler } from '@atlaskit/modal-dialog/types';
2
1
  import { type EmojiProvider } from '@atlaskit/emoji/resource';
2
+ import type { OnCloseHandler } from '@atlaskit/modal-dialog/types';
3
3
  import { type ReactionSummary } from '../types';
4
4
  interface ReactionsDialogModalHeaderProps {
5
5
  currentPage: number;
@@ -1,3 +1,7 @@
1
+ /**
2
+ * @jsxRuntime classic
3
+ * @jsx jsx
4
+ */
1
5
  interface ReactionsDialogTriggerProps {
2
6
  onClick: () => void;
3
7
  }
@@ -1,5 +1,5 @@
1
- import { type EmojiId, type OnEmojiEvent } from '@atlaskit/emoji/types';
2
1
  import { type EmojiProvider } from '@atlaskit/emoji/resource';
2
+ import { type EmojiId, type OnEmojiEvent } from '@atlaskit/emoji/types';
3
3
  /**
4
4
  * Test id for wrapper Selector div
5
5
  */
@@ -3,9 +3,9 @@
3
3
  * @jsx jsx
4
4
  */
5
5
  import { type AriaAttributes } from 'react';
6
+ import React from 'react';
6
7
  import type AnalyticsEvent from '@atlaskit/analytics-next/AnalyticsEvent';
7
8
  import { type PickerSize } from '@atlaskit/emoji/types';
8
- import React from 'react';
9
9
  /**
10
10
  * Test id for the tooltip
11
11
  */
@@ -1,6 +1,6 @@
1
1
  import React, { type ErrorInfo } from 'react';
2
- import type { UFOExperience } from '@atlaskit/ufo/experience';
3
2
  import { type WithSamplingUFOExperience } from '@atlaskit/emoji';
3
+ import type { UFOExperience } from '@atlaskit/ufo/experience';
4
4
  export interface UfoErrorBoundaryProps {
5
5
  children?: React.ReactNode;
6
6
  /**
@@ -1,7 +1,7 @@
1
- import { ComponentName, ExperienceName } from './ufo';
2
1
  import type { EmojiId, WithSamplingUFOExperience } from '@atlaskit/emoji';
3
- import type { UFOExperience } from '@atlaskit/ufo/experience';
4
2
  import type { ConcurrentExperience } from '@atlaskit/ufo/concurrent-experience';
3
+ import type { UFOExperience } from '@atlaskit/ufo/experience';
4
+ import { ComponentName, ExperienceName } from './ufo';
5
5
  export declare const constants: {
6
6
  DefaultReactions: EmojiId[];
7
7
  DefaultReactionsByShortName: Map<string, EmojiId>;
@@ -1,8 +1,8 @@
1
1
  import type { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next/types';
2
- import { type Client, type OnChangeCallback, type State, type Store } from '../types';
3
- import { type ReactionUpdateSuccess, type ReactionUpdateFailure } from '../types/reaction';
4
2
  import type { WithSamplingUFOExperience } from '@atlaskit/emoji';
5
3
  import type { ConcurrentExperience } from '@atlaskit/ufo/concurrent-experience';
4
+ import { type Client, type OnChangeCallback, type State, type Store } from '../types';
5
+ import { type ReactionUpdateSuccess, type ReactionUpdateFailure } from '../types/reaction';
6
6
  /**
7
7
  * Set of all available UFO experiences relating to reaction element
8
8
  */