@atlaskit/reactions 35.13.5 → 35.13.7

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 (71) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/cjs/analytics/index.js +3 -3
  3. package/dist/cjs/components/EmojiButton.js +2 -2
  4. package/dist/cjs/components/Reaction.js +2 -2
  5. package/dist/cjs/components/ReactionButton.js +3 -3
  6. package/dist/cjs/components/ReactionPicker.js +10 -8
  7. package/dist/cjs/components/ReactionSummaryView.js +2 -2
  8. package/dist/cjs/components/ReactionTooltip.js +4 -4
  9. package/dist/cjs/components/ReactionView.js +3 -3
  10. package/dist/cjs/components/Reactions.js +4 -4
  11. package/dist/cjs/components/ReactionsDialog.js +4 -3
  12. package/dist/cjs/components/ReactionsDialogHeader.js +15 -13
  13. package/dist/cjs/components/ReactionsDialogTrigger.js +2 -2
  14. package/dist/cjs/components/Selector.js +2 -2
  15. package/dist/cjs/components/ShowMore.js +4 -4
  16. package/dist/cjs/components/Trigger.js +5 -5
  17. package/dist/cjs/containers/ConnectedReactionsView/ConnectedReactionsView.js +4 -4
  18. package/dist/cjs/ufo/index.js +10 -8
  19. package/dist/es2019/analytics/index.js +2 -2
  20. package/dist/es2019/components/EmojiButton.js +1 -1
  21. package/dist/es2019/components/Reaction.js +1 -1
  22. package/dist/es2019/components/ReactionButton.js +1 -1
  23. package/dist/es2019/components/ReactionPicker.js +5 -3
  24. package/dist/es2019/components/ReactionSummaryView.js +1 -1
  25. package/dist/es2019/components/ReactionTooltip.js +2 -2
  26. package/dist/es2019/components/ReactionView.js +2 -2
  27. package/dist/es2019/components/Reactions.js +2 -2
  28. package/dist/es2019/components/ReactionsDialog.js +3 -2
  29. package/dist/es2019/components/ReactionsDialogHeader.js +8 -7
  30. package/dist/es2019/components/ReactionsDialogTrigger.js +1 -1
  31. package/dist/es2019/components/Selector.js +1 -1
  32. package/dist/es2019/components/ShowMore.js +2 -2
  33. package/dist/es2019/components/Trigger.js +2 -2
  34. package/dist/es2019/containers/ConnectedReactionsView/ConnectedReactionsView.js +2 -2
  35. package/dist/es2019/ufo/index.js +3 -1
  36. package/dist/esm/analytics/index.js +2 -2
  37. package/dist/esm/components/EmojiButton.js +1 -1
  38. package/dist/esm/components/Reaction.js +1 -1
  39. package/dist/esm/components/ReactionButton.js +1 -1
  40. package/dist/esm/components/ReactionPicker.js +5 -3
  41. package/dist/esm/components/ReactionSummaryView.js +1 -1
  42. package/dist/esm/components/ReactionTooltip.js +2 -2
  43. package/dist/esm/components/ReactionView.js +2 -2
  44. package/dist/esm/components/Reactions.js +2 -2
  45. package/dist/esm/components/ReactionsDialog.js +3 -2
  46. package/dist/esm/components/ReactionsDialogHeader.js +8 -7
  47. package/dist/esm/components/ReactionsDialogTrigger.js +1 -1
  48. package/dist/esm/components/Selector.js +1 -1
  49. package/dist/esm/components/ShowMore.js +2 -2
  50. package/dist/esm/components/Trigger.js +2 -2
  51. package/dist/esm/containers/ConnectedReactionsView/ConnectedReactionsView.js +2 -2
  52. package/dist/esm/ufo/index.js +3 -1
  53. package/dist/types/analytics/index.d.ts +3 -1
  54. package/dist/types/components/ReactionPicker.d.ts +1 -1
  55. package/dist/types/components/ReactionSummaryView.d.ts +1 -1
  56. package/dist/types/components/Reactions.d.ts +3 -3
  57. package/dist/types/components/ReactionsDialog.d.ts +1 -1
  58. package/dist/types/components/ReactionsDialogHeader.d.ts +1 -1
  59. package/dist/types/components/RepositionOnUpdate.d.ts +1 -1
  60. package/dist/types/components/Trigger.d.ts +1 -1
  61. package/dist/types/components/UfoErrorBoundary.d.ts +1 -1
  62. package/dist/types/constants.d.ts +2 -1
  63. package/dist/types/store/MemoryReactionsStore.d.ts +2 -2
  64. package/dist/types/types/store.d.ts +1 -1
  65. package/dist/types/ufo/index.d.ts +2 -1
  66. package/docs/0-intro.tsx +2 -2
  67. package/docs/1-connected-reaction-picker.tsx +1 -1
  68. package/docs/2-connected-reactions-view.tsx +1 -1
  69. package/docs/3-reactions-store.tsx +2 -2
  70. package/docs/5-graphql-support.tsx +1 -1
  71. package/package.json +2 -2
@@ -4,8 +4,10 @@ import { ax, ix } from "@compiled/react/runtime";
4
4
  import React, { useCallback, useLayoutEffect, useRef, useState } from 'react';
5
5
  import { FormattedMessage, useIntl } from 'react-intl';
6
6
  import { EmojiPicker } from '@atlaskit/emoji/picker';
7
- import { fg } from '@atlaskit/platform-feature-flags';
8
- import { Manager, Popper, Reference } from '@atlaskit/popper';
7
+ import { fg } from '@atlaskit/platform-feature-flags/fg';
8
+ import { Manager } from '@atlaskit/popper/manager';
9
+ import { Popper } from '@atlaskit/popper/main';
10
+ import { Reference } from '@atlaskit/popper/reference';
9
11
  import { layers } from '@atlaskit/theme/constants';
10
12
  import { Box } from '@atlaskit/primitives/compiled';
11
13
  import { useCloseManagerV2 } from '../hooks/useCloseManager';
@@ -16,7 +18,7 @@ import { PickerRender } from '../ufo';
16
18
  import { Selector } from './Selector';
17
19
  import { Trigger } from './Trigger';
18
20
  import { RepositionOnUpdate } from './RepositionOnUpdate';
19
- import Portal from '@atlaskit/portal';
21
+ import Portal from '@atlaskit/portal/portal';
20
22
  import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
21
23
  const pickerStyle = null;
22
24
  const popupWrapperStyle = null;
@@ -4,7 +4,7 @@ import "./ReactionSummaryView.compiled.css";
4
4
  import * as React from 'react';
5
5
  import { ax, ix } from "@compiled/react/runtime";
6
6
  import { useCallback, useState } from 'react';
7
- import Popup from '@atlaskit/popup';
7
+ import { Popup } from '@atlaskit/popup/popup';
8
8
  import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
9
9
  import { EmojiPicker } from '@atlaskit/emoji/picker';
10
10
  import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
@@ -4,8 +4,8 @@ import "./ReactionTooltip.compiled.css";
4
4
  import { ax, ix } from "@compiled/react/runtime";
5
5
  import React from 'react';
6
6
  import { FormattedMessage } from 'react-intl';
7
- import { fg } from '@atlaskit/platform-feature-flags';
8
- import Tooltip from '@atlaskit/tooltip';
7
+ import { fg } from '@atlaskit/platform-feature-flags/fg';
8
+ import Tooltip from '@atlaskit/tooltip/Tooltip';
9
9
  import { TOOLTIP_USERS_LIMIT } from '../shared/constants';
10
10
  import { messages } from '../shared/i18n';
11
11
  export const verticalMargin = 5;
@@ -4,8 +4,8 @@ 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 Spinner from '@atlaskit/spinner';
8
- import { TabPanel } from '@atlaskit/tabs';
7
+ import Spinner from '@atlaskit/spinner/spinner';
8
+ import TabPanel from '@atlaskit/tabs/tab-panel';
9
9
  import { Box, Flex } from '@atlaskit/primitives/compiled';
10
10
  const userListStyle = null;
11
11
  const userStyle = null;
@@ -3,8 +3,8 @@ import "./Reactions.compiled.css";
3
3
  import { ax, ix } from "@compiled/react/runtime";
4
4
  import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
5
5
  import { FormattedMessage, useIntl } from 'react-intl';
6
- import { useAnalyticsEvents } from '@atlaskit/analytics-next';
7
- import { ModalTransition } from '@atlaskit/modal-dialog';
6
+ import { useAnalyticsEvents } from '@atlaskit/analytics-next/useAnalyticsEvents';
7
+ import ModalTransition from '@atlaskit/modal-dialog/modal-transition';
8
8
  import UFOSegment from '@atlaskit/react-ufo/segment';
9
9
  import { fg } from '@atlaskit/platform-feature-flags/fg';
10
10
  import { createAndFireSafe, createPickerButtonClickedEvent, createPickerCancelledEvent, createPickerMoreClickedEvent, createReactionsRenderedEvent, createReactionSelectionEvent, isSampled } from '../analytics';
@@ -3,8 +3,9 @@ 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';
7
- import Modal, { ModalBody } from '@atlaskit/modal-dialog';
6
+ import Tabs from '@atlaskit/tabs/tabs';
7
+ import Modal from '@atlaskit/modal-dialog/modal-dialog';
8
+ import ModalBody from '@atlaskit/modal-dialog/modal-body';
8
9
  import { Box } from '@atlaskit/primitives/compiled';
9
10
  import { NUMBER_OF_REACTIONS_TO_DISPLAY } from '../shared/constants';
10
11
  import { ReactionsList } from './ReactionsList';
@@ -6,14 +6,15 @@ import { ax, ix } from "@compiled/react/runtime";
6
6
  import { useState } from 'react';
7
7
  import { useIntl } from 'react-intl';
8
8
  import { useThemeObserver } from '@atlaskit/tokens/use-theme-observer';
9
- import { CloseButton } from '@atlaskit/modal-dialog';
10
- import { Tab, TabList } from '@atlaskit/tabs';
9
+ import { CloseButton } from '@atlaskit/modal-dialog/close-button';
10
+ import Tab from '@atlaskit/tabs/tab';
11
+ import TabList from '@atlaskit/tabs/tab-list';
11
12
  import { Box, Flex, Inline, Stack } from '@atlaskit/primitives/compiled';
12
- import { IconButton } from '@atlaskit/button/new';
13
- import Heading from '@atlaskit/heading';
14
- import { useModal } from '@atlaskit/modal-dialog';
15
- import { fg } from '@atlaskit/platform-feature-flags';
16
- import Tooltip from '@atlaskit/tooltip';
13
+ import IconButton from '@atlaskit/button/icon/button';
14
+ import Heading from '@atlaskit/heading/heading';
15
+ import { useModal } from '@atlaskit/modal-dialog/hooks';
16
+ import { fg } from '@atlaskit/platform-feature-flags/fg';
17
+ import Tooltip from '@atlaskit/tooltip/Tooltip';
17
18
  import ChevronRightIcon from '@atlaskit/icon/core/chevron-right';
18
19
  import ChevronLeftIcon from '@atlaskit/icon/core/chevron-left';
19
20
  import { ResourcedEmoji } from '@atlaskit/emoji/element';
@@ -2,7 +2,7 @@
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';
5
+ import Tooltip from '@atlaskit/tooltip/Tooltip';
6
6
  import { cx } from '@compiled/react';
7
7
  import { Pressable } from '@atlaskit/primitives/compiled';
8
8
  import ShowMoreHorizontalIcon from '@atlaskit/icon/core/show-more-horizontal';
@@ -6,7 +6,7 @@ import { Fragment, useEffect, useState } from 'react';
6
6
  import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
7
7
  import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
8
8
  import { Box, Inline } from '@atlaskit/primitives/compiled';
9
- import Tooltip from '@atlaskit/tooltip';
9
+ import Tooltip from '@atlaskit/tooltip/Tooltip';
10
10
  import { messages } from '../shared/i18n';
11
11
  import { getDefaultReactions } from '../shared/constants';
12
12
  import { EmojiButton } from './EmojiButton';
@@ -1,8 +1,8 @@
1
1
  import React from 'react';
2
2
  import { FormattedMessage } from 'react-intl';
3
- import { IconButton } from '@atlaskit/button/new';
3
+ import IconButton from '@atlaskit/button/icon/button';
4
4
  import EditorMoreIcon from '@atlaskit/icon/core/show-more-horizontal';
5
- import Tooltip from '@atlaskit/tooltip';
5
+ import Tooltip from '@atlaskit/tooltip/Tooltip';
6
6
  import { messages } from '../shared/i18n';
7
7
 
8
8
  /**
@@ -3,9 +3,9 @@ import _extends from "@babel/runtime/helpers/extends";
3
3
  import "./Trigger.compiled.css";
4
4
  import { ax, ix } from "@compiled/react/runtime";
5
5
  import { defineMessages, useIntl } from 'react-intl';
6
- import Tooltip from '@atlaskit/tooltip';
6
+ import Tooltip from '@atlaskit/tooltip/Tooltip';
7
7
  import EmojiAddIcon from '@atlaskit/icon/core/emoji-add';
8
- import { fg } from '@atlaskit/platform-feature-flags';
8
+ import { fg } from '@atlaskit/platform-feature-flags/fg';
9
9
  import { Box, Pressable } from '@atlaskit/primitives/compiled';
10
10
  import { cx } from '@compiled/react';
11
11
  import React from 'react';
@@ -1,7 +1,7 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
2
  import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
3
- import { FabricElementsAnalyticsContext } from '@atlaskit/analytics-namespaced-context';
4
- import { useAnalyticsEvents } from '@atlaskit/analytics-next';
3
+ import { FabricElementsAnalyticsContext } from '@atlaskit/analytics-namespaced-context/FabricElementsAnalyticsContext';
4
+ import { useAnalyticsEvents } from '@atlaskit/analytics-next/useAnalyticsEvents';
5
5
  import { UfoErrorBoundary } from '../../components';
6
6
  import { Reactions } from '../../components/Reactions';
7
7
  import { ufoExperiences } from '../../store';
@@ -1,4 +1,6 @@
1
- import { ConcurrentExperience, UFOExperience, ExperiencePerformanceTypes, ExperienceTypes } from '@atlaskit/ufo';
1
+ import { ConcurrentExperience } from '@atlaskit/ufo/concurrent-experience';
2
+ import { UFOExperience } from '@atlaskit/ufo/experience';
3
+ import { ExperiencePerformanceTypes, ExperienceTypes } from '@atlaskit/ufo/experience-types';
2
4
  import { withSampling } from '@atlaskit/emoji';
3
5
 
4
6
  /**
@@ -2,10 +2,10 @@ 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
4
  // eslint-disable-next-line @typescript-eslint/consistent-type-imports
5
- import { createAndFireEvent } from '@atlaskit/analytics-next';
5
+ import createAndFireEvent from '@atlaskit/analytics-next/createAndFireEvents';
6
6
  import { UI_EVENT_TYPE, OPERATIONAL_EVENT_TYPE } from '@atlaskit/analytics-gas-types';
7
7
  var packageName = "@atlaskit/reactions";
8
- var packageVersion = "35.13.4";
8
+ var packageVersion = "35.13.6";
9
9
  /**
10
10
  * TODO: move to utility package?
11
11
  * A random sampling function
@@ -4,7 +4,7 @@ import * as React from 'react';
4
4
  import { ax, ix } from "@compiled/react/runtime";
5
5
  import { useIntl } from 'react-intl';
6
6
  import { defaultEmojiHeight, ResourcedEmoji } from '@atlaskit/emoji';
7
- import FeatureGates from '@atlaskit/feature-gate-js-client';
7
+ import FeatureGates from '@atlaskit/feature-gate-js-client/feature-gates';
8
8
  import { messages } from '../shared/i18n';
9
9
  import { isLeftClick } from '../shared/utils';
10
10
  import { RESOURCED_EMOJI_COMPACT_HEIGHT } from '../shared/constants';
@@ -8,7 +8,7 @@ import _regeneratorRuntime from "@babel/runtime/regenerator";
8
8
  import { useCallback, useEffect, useRef, useState } from 'react';
9
9
  import { useIntl } from 'react-intl';
10
10
  import { cx } from '@atlaskit/css';
11
- import { useAnalyticsEvents } from '@atlaskit/analytics-next';
11
+ import { useAnalyticsEvents } from '@atlaskit/analytics-next/useAnalyticsEvents';
12
12
  import { ResourcedEmoji } from '@atlaskit/emoji';
13
13
  import { createAndFireSafe, createReactionClickedEvent, createReactionFocusedEvent, createReactionHoveredEvent } from '../analytics';
14
14
  import { Counter } from './Counter';
@@ -5,7 +5,7 @@ import * as React from 'react';
5
5
  import { ax, ix } from "@compiled/react/runtime";
6
6
  import { cx } from '@compiled/react';
7
7
  import { FlashAnimation } from './FlashAnimation';
8
- import { fg } from '@atlaskit/platform-feature-flags';
8
+ import { fg } from '@atlaskit/platform-feature-flags/fg';
9
9
  import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
10
10
  import { Pressable } from '@atlaskit/primitives/compiled';
11
11
  var styles = {
@@ -8,8 +8,10 @@ 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 { fg } from '@atlaskit/platform-feature-flags';
12
- import { Manager, Popper, Reference } from '@atlaskit/popper';
11
+ import { fg } from '@atlaskit/platform-feature-flags/fg';
12
+ import { Manager } from '@atlaskit/popper/manager';
13
+ import { Popper } from '@atlaskit/popper/main';
14
+ import { Reference } from '@atlaskit/popper/reference';
13
15
  import { layers } from '@atlaskit/theme/constants';
14
16
  import { Box } from '@atlaskit/primitives/compiled';
15
17
  import { useCloseManagerV2 } from '../hooks/useCloseManager';
@@ -20,7 +22,7 @@ import { PickerRender } from '../ufo';
20
22
  import { Selector } from './Selector';
21
23
  import { Trigger } from './Trigger';
22
24
  import { RepositionOnUpdate } from './RepositionOnUpdate';
23
- import Portal from '@atlaskit/portal';
25
+ import Portal from '@atlaskit/portal/portal';
24
26
  import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
25
27
  var pickerStyle = null;
26
28
  var popupWrapperStyle = null;
@@ -5,7 +5,7 @@ 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';
8
+ import { Popup } from '@atlaskit/popup/popup';
9
9
  import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
10
10
  import { EmojiPicker } from '@atlaskit/emoji/picker';
11
11
  import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
@@ -4,8 +4,8 @@ import "./ReactionTooltip.compiled.css";
4
4
  import { ax, ix } from "@compiled/react/runtime";
5
5
  import React from 'react';
6
6
  import { FormattedMessage } from 'react-intl';
7
- import { fg } from '@atlaskit/platform-feature-flags';
8
- import Tooltip from '@atlaskit/tooltip';
7
+ import { fg } from '@atlaskit/platform-feature-flags/fg';
8
+ import Tooltip from '@atlaskit/tooltip/Tooltip';
9
9
  import { TOOLTIP_USERS_LIMIT } from '../shared/constants';
10
10
  import { messages } from '../shared/i18n';
11
11
  export var verticalMargin = 5;
@@ -4,8 +4,8 @@ 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 Spinner from '@atlaskit/spinner';
8
- import { TabPanel } from '@atlaskit/tabs';
7
+ import Spinner from '@atlaskit/spinner/spinner';
8
+ import TabPanel from '@atlaskit/tabs/tab-panel';
9
9
  import { Box, Flex } from '@atlaskit/primitives/compiled';
10
10
  var userListStyle = null;
11
11
  var userStyle = null;
@@ -5,8 +5,8 @@ import "./Reactions.compiled.css";
5
5
  import { ax, ix } from "@compiled/react/runtime";
6
6
  import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
7
7
  import { FormattedMessage, useIntl } from 'react-intl';
8
- import { useAnalyticsEvents } from '@atlaskit/analytics-next';
9
- import { ModalTransition } from '@atlaskit/modal-dialog';
8
+ import { useAnalyticsEvents } from '@atlaskit/analytics-next/useAnalyticsEvents';
9
+ import ModalTransition from '@atlaskit/modal-dialog/modal-transition';
10
10
  import UFOSegment from '@atlaskit/react-ufo/segment';
11
11
  import { fg } from '@atlaskit/platform-feature-flags/fg';
12
12
  import { createAndFireSafe, createPickerButtonClickedEvent, createPickerCancelledEvent, createPickerMoreClickedEvent, createReactionsRenderedEvent, createReactionSelectionEvent, isSampled } from '../analytics';
@@ -4,8 +4,9 @@ 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';
8
- import Modal, { ModalBody } from '@atlaskit/modal-dialog';
7
+ import Tabs from '@atlaskit/tabs/tabs';
8
+ import Modal from '@atlaskit/modal-dialog/modal-dialog';
9
+ import ModalBody from '@atlaskit/modal-dialog/modal-body';
9
10
  import { Box } from '@atlaskit/primitives/compiled';
10
11
  import { NUMBER_OF_REACTIONS_TO_DISPLAY } from '../shared/constants';
11
12
  import { ReactionsList } from './ReactionsList';
@@ -12,14 +12,15 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
12
12
  import { useState } from 'react';
13
13
  import { useIntl } from 'react-intl';
14
14
  import { useThemeObserver } from '@atlaskit/tokens/use-theme-observer';
15
- import { CloseButton } from '@atlaskit/modal-dialog';
16
- import { Tab, TabList } from '@atlaskit/tabs';
15
+ import { CloseButton } from '@atlaskit/modal-dialog/close-button';
16
+ import Tab from '@atlaskit/tabs/tab';
17
+ import TabList from '@atlaskit/tabs/tab-list';
17
18
  import { Box, Flex, Inline, Stack } from '@atlaskit/primitives/compiled';
18
- import { IconButton } from '@atlaskit/button/new';
19
- import Heading from '@atlaskit/heading';
20
- import { useModal } from '@atlaskit/modal-dialog';
21
- import { fg } from '@atlaskit/platform-feature-flags';
22
- import Tooltip from '@atlaskit/tooltip';
19
+ import IconButton from '@atlaskit/button/icon/button';
20
+ import Heading from '@atlaskit/heading/heading';
21
+ import { useModal } from '@atlaskit/modal-dialog/hooks';
22
+ import { fg } from '@atlaskit/platform-feature-flags/fg';
23
+ import Tooltip from '@atlaskit/tooltip/Tooltip';
23
24
  import ChevronRightIcon from '@atlaskit/icon/core/chevron-right';
24
25
  import ChevronLeftIcon from '@atlaskit/icon/core/chevron-left';
25
26
  import { ResourcedEmoji } from '@atlaskit/emoji/element';
@@ -2,7 +2,7 @@
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';
5
+ import Tooltip from '@atlaskit/tooltip/Tooltip';
6
6
  import { cx } from '@compiled/react';
7
7
  import { Pressable } from '@atlaskit/primitives/compiled';
8
8
  import ShowMoreHorizontalIcon from '@atlaskit/icon/core/show-more-horizontal';
@@ -7,7 +7,7 @@ import { Fragment, useEffect, useState } from 'react';
7
7
  import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
8
8
  import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
9
9
  import { Box, Inline } from '@atlaskit/primitives/compiled';
10
- import Tooltip from '@atlaskit/tooltip';
10
+ import Tooltip from '@atlaskit/tooltip/Tooltip';
11
11
  import { messages } from '../shared/i18n';
12
12
  import { getDefaultReactions } from '../shared/constants';
13
13
  import { EmojiButton } from './EmojiButton';
@@ -1,8 +1,8 @@
1
1
  import React from 'react';
2
2
  import { FormattedMessage } from 'react-intl';
3
- import { IconButton } from '@atlaskit/button/new';
3
+ import IconButton from '@atlaskit/button/icon/button';
4
4
  import EditorMoreIcon from '@atlaskit/icon/core/show-more-horizontal';
5
- import Tooltip from '@atlaskit/tooltip';
5
+ import Tooltip from '@atlaskit/tooltip/Tooltip';
6
6
  import { messages } from '../shared/i18n';
7
7
 
8
8
  /**
@@ -3,9 +3,9 @@ import _extends from "@babel/runtime/helpers/extends";
3
3
  import "./Trigger.compiled.css";
4
4
  import { ax, ix } from "@compiled/react/runtime";
5
5
  import { defineMessages, useIntl } from 'react-intl';
6
- import Tooltip from '@atlaskit/tooltip';
6
+ import Tooltip from '@atlaskit/tooltip/Tooltip';
7
7
  import EmojiAddIcon from '@atlaskit/icon/core/emoji-add';
8
- import { fg } from '@atlaskit/platform-feature-flags';
8
+ import { fg } from '@atlaskit/platform-feature-flags/fg';
9
9
  import { Box, Pressable } from '@atlaskit/primitives/compiled';
10
10
  import { cx } from '@compiled/react';
11
11
  import React from 'react';
@@ -5,8 +5,8 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
5
5
  var _excluded = ["ari", "containerAri", "store", "particleEffectByEmojiEnabled", "onReactionSuccess"];
6
6
  import _regeneratorRuntime from "@babel/runtime/regenerator";
7
7
  import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
8
- import { FabricElementsAnalyticsContext } from '@atlaskit/analytics-namespaced-context';
9
- import { useAnalyticsEvents } from '@atlaskit/analytics-next';
8
+ import { FabricElementsAnalyticsContext } from '@atlaskit/analytics-namespaced-context/FabricElementsAnalyticsContext';
9
+ import { useAnalyticsEvents } from '@atlaskit/analytics-next/useAnalyticsEvents';
10
10
  import { UfoErrorBoundary } from '../../components';
11
11
  import { Reactions } from '../../components/Reactions';
12
12
  import { ufoExperiences } from '../../store';
@@ -1,4 +1,6 @@
1
- import { ConcurrentExperience, UFOExperience, ExperiencePerformanceTypes, ExperienceTypes } from '@atlaskit/ufo';
1
+ import { ConcurrentExperience } from '@atlaskit/ufo/concurrent-experience';
2
+ import { UFOExperience } from '@atlaskit/ufo/experience';
3
+ import { ExperiencePerformanceTypes, ExperienceTypes } from '@atlaskit/ufo/experience-types';
2
4
  import { withSampling } from '@atlaskit/emoji';
3
5
 
4
6
  /**
@@ -1,4 +1,6 @@
1
- import { UIAnalyticsEvent, type AnalyticsEventPayload, type CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
1
+ import type UIAnalyticsEvent from '@atlaskit/analytics-next/UIAnalyticsEvent';
2
+ import type { AnalyticsEventPayload } from '@atlaskit/analytics-next/AnalyticsEvent';
3
+ import type { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next/types';
2
4
  import { type EventType } from '@atlaskit/analytics-gas-types';
3
5
  import { type ReactionSummary, type ReactionSource } from '../types';
4
6
  export type PreviousState = 'new' | 'existingNotReacted' | 'existingReacted';
@@ -5,7 +5,7 @@
5
5
  import React, { type PropsWithChildren } from 'react';
6
6
  import { type PickerSize } from '@atlaskit/emoji/types';
7
7
  import { type EmojiProvider } from '@atlaskit/emoji/resource';
8
- import { type PopperProps, type Placement } from '@atlaskit/popper';
8
+ import { type PopperProps, type Placement } from '@atlaskit/popper/main';
9
9
  import { type ReactionSource } from '../types';
10
10
  import { type SelectorProps } from './Selector';
11
11
  import { type TriggerProps } from './Trigger';
@@ -1,4 +1,4 @@
1
- import { type Placement } from '@atlaskit/popper';
1
+ import type { Placement } from '@atlaskit/popper/main';
2
2
  import { type ReactionClick, type ReactionFocused, type ReactionMouseEnter, type ReactionSource } from '../types';
3
3
  import { type ReactionsProps, type OpenReactionsDialogOptions } from './Reactions';
4
4
  import { type TriggerProps } from './Trigger';
@@ -4,12 +4,12 @@
4
4
  * @jsxFrag React.Fragment
5
5
  */
6
6
  import React from 'react';
7
- import { type OnCloseHandler } from '@atlaskit/modal-dialog';
8
- import { type Placement } from '@atlaskit/popper';
7
+ import type { OnCloseHandler } from '@atlaskit/modal-dialog/types';
8
+ import type { Placement } from '@atlaskit/popper/main';
9
9
  import { ReactionStatus, type ReactionClick, type ReactionSummary, type QuickReactionEmojiSummary, type ProfileCardWrapper } from '../types';
10
10
  import { type ReactionPickerProps } from './ReactionPicker';
11
11
  import { type SelectorProps } from './Selector';
12
- import type { UFOExperience } from '@atlaskit/ufo';
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
1
  import { type EmojiProvider } from '@atlaskit/emoji/resource';
2
- import { type OnCloseHandler } from '@atlaskit/modal-dialog';
2
+ import type { OnCloseHandler } from '@atlaskit/modal-dialog/types';
3
3
  import { type ReactionSummary, type ProfileCardWrapper } from '../types';
4
4
  /**
5
5
  * Test id for the Reactions modal dialog
@@ -1,4 +1,4 @@
1
- import { type OnCloseHandler } from '@atlaskit/modal-dialog';
1
+ import type { OnCloseHandler } from '@atlaskit/modal-dialog/types';
2
2
  import { type EmojiProvider } from '@atlaskit/emoji/resource';
3
3
  import { type ReactionSummary } from '../types';
4
4
  interface ReactionsDialogModalHeaderProps {
@@ -2,7 +2,7 @@
2
2
  * Copied from ADS popup component with some tweeks for our use
3
3
  */
4
4
  import React from 'react';
5
- import { type PopperChildrenProps, type Placement } from '@atlaskit/popper';
5
+ import type { PopperChildrenProps, Placement } from '@atlaskit/popper/main';
6
6
  export type RepositionOnUpdateProps = {
7
7
  settings: {
8
8
  popperPlacement: Placement;
@@ -3,7 +3,7 @@
3
3
  * @jsx jsx
4
4
  */
5
5
  import { type AriaAttributes } from 'react';
6
- import { type AnalyticsEvent } from '@atlaskit/analytics-next';
6
+ import type AnalyticsEvent from '@atlaskit/analytics-next/AnalyticsEvent';
7
7
  import { type PickerSize } from '@atlaskit/emoji/types';
8
8
  import React from 'react';
9
9
  /**
@@ -1,5 +1,5 @@
1
1
  import React, { type ErrorInfo } from 'react';
2
- import { type UFOExperience } from '@atlaskit/ufo';
2
+ import type { UFOExperience } from '@atlaskit/ufo/experience';
3
3
  import { type WithSamplingUFOExperience } from '@atlaskit/emoji';
4
4
  export interface UfoErrorBoundaryProps {
5
5
  children?: React.ReactNode;
@@ -1,6 +1,7 @@
1
1
  import { ComponentName, ExperienceName } from './ufo';
2
2
  import type { EmojiId, WithSamplingUFOExperience } from '@atlaskit/emoji';
3
- import type { UFOExperience, ConcurrentExperience } from '@atlaskit/ufo';
3
+ import type { UFOExperience } from '@atlaskit/ufo/experience';
4
+ import type { ConcurrentExperience } from '@atlaskit/ufo/concurrent-experience';
4
5
  export declare const constants: {
5
6
  DefaultReactions: EmojiId[];
6
7
  DefaultReactionsByShortName: Map<string, EmojiId>;
@@ -1,8 +1,8 @@
1
- import { type CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
1
+ import type { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next/types';
2
2
  import { type Client, type OnChangeCallback, type State, type Store } from '../types';
3
3
  import { type ReactionUpdateSuccess } from '../types/reaction';
4
4
  import type { WithSamplingUFOExperience } from '@atlaskit/emoji';
5
- import type { ConcurrentExperience } from '@atlaskit/ufo';
5
+ import type { ConcurrentExperience } from '@atlaskit/ufo/concurrent-experience';
6
6
  /**
7
7
  * Set of all available UFO experiences relating to reaction element
8
8
  */
@@ -1,4 +1,4 @@
1
- import { type CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
1
+ import type { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next/types';
2
2
  import { type Actions } from './Actions';
3
3
  import { type ReactionsState } from './reaction';
4
4
  /**
@@ -1,4 +1,5 @@
1
- import { ConcurrentExperience, UFOExperience } from '@atlaskit/ufo';
1
+ import { ConcurrentExperience } from '@atlaskit/ufo/concurrent-experience';
2
+ import { UFOExperience } from '@atlaskit/ufo/experience';
2
3
  import { type WithSamplingUFOExperience } from '@atlaskit/emoji';
3
4
  /**
4
5
  * Types of experiences
package/docs/0-intro.tsx CHANGED
@@ -1,7 +1,7 @@
1
- import Link from '@atlaskit/link';
1
+ import Link from '@atlaskit/link/link';
2
2
  import React from 'react';
3
3
  import { md, Example, Props, code, AtlassianInternalWarning } from '@atlaskit/docs';
4
- import SectionMessage from '@atlaskit/section-message';
4
+ import SectionMessage from '@atlaskit/section-message/message';
5
5
  import { Text } from '@atlaskit/primitives/compiled';
6
6
 
7
7
  import ReactionsExample from '../examples/01-connected-reactions-view';
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
2
  import { md, Example, code, Props } from '@atlaskit/docs';
3
- import SectionMessage from '@atlaskit/section-message';
3
+ import SectionMessage from '@atlaskit/section-message/message';
4
4
  import { Text } from '@atlaskit/primitives/compiled';
5
5
 
6
6
  import ConnectedReactionPickerExample from '../examples/00-connected-reaction-picker';
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
2
  import { md, Example, code, Props } from '@atlaskit/docs';
3
- import SectionMessage from '@atlaskit/section-message';
3
+ import SectionMessage from '@atlaskit/section-message/message';
4
4
  import { Text } from '@atlaskit/primitives/compiled';
5
5
 
6
6
  import ConnectedReactionsViewExample from '../examples/01-connected-reactions-view';
@@ -1,7 +1,7 @@
1
- import Link from '@atlaskit/link';
1
+ import Link from '@atlaskit/link/link';
2
2
  import React from 'react';
3
3
  import { md, code, Props } from '@atlaskit/docs';
4
- import SectionMessage from '@atlaskit/section-message';
4
+ import SectionMessage from '@atlaskit/section-message/message';
5
5
  import { Text } from '@atlaskit/primitives/compiled';
6
6
 
7
7
  const LinkComponent = (props: any) => <Link {...props}>{props.children}</Link>;
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
2
  import { md, code, Props } from '@atlaskit/docs';
3
- import SectionMessage from '@atlaskit/section-message';
3
+ import SectionMessage from '@atlaskit/section-message/message';
4
4
  import { Text } from '@atlaskit/primitives/compiled';
5
5
 
6
6
  const _default_1: any = md`
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/reactions",
3
- "version": "35.13.5",
3
+ "version": "35.13.7",
4
4
  "description": "Reactions component",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -55,7 +55,7 @@
55
55
  "@atlaskit/spinner": "^20.3.0",
56
56
  "@atlaskit/tabs": "^21.1.0",
57
57
  "@atlaskit/theme": "^28.1.0",
58
- "@atlaskit/tmp-editor-statsig": "^158.0.0",
58
+ "@atlaskit/tmp-editor-statsig": "^160.0.0",
59
59
  "@atlaskit/tokens": "^16.8.0",
60
60
  "@atlaskit/tooltip": "^24.2.0",
61
61
  "@atlaskit/ufo": "^1.0.0",