@atlaskit/reactions 36.7.22 → 36.7.24

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/reactions
 
+## 36.7.24
+
+### Patch Changes
+
+- Updated dependencies
+
+## 36.7.23
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 36.7.22
 
 ### Patch Changes

package/dist/cjs/analytics/index.js

@@ -11,7 +11,7 @@ var _createAndFireEvents = _interopRequireDefault(require("@atlaskit/analytics-n
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } // eslint-disable-next-line @typescript-eslint/consistent-type-imports
 var packageName = "@atlaskit/reactions";
-var packageVersion = "36.7.21";
+var packageVersion = "36.7.23";
 /**
  * TODO: move to utility package?
  * A random sampling function

package/dist/cjs/components/EmojiButton.js

@@ -1,6 +1,7 @@
 /* EmojiButton.tsx generated by @compiled/babel-plugin v3.0.2 */
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -10,11 +11,12 @@ require("./EmojiButton.compiled.css");
 var React = _interopRequireWildcard(require("react"));
 var _runtime = require("@compiled/react/runtime");
 var _reactIntl = require("react-intl");
-var _emoji = require("@atlaskit/emoji");
+var _constants = require("@atlaskit/emoji/constants");
+var _resourcedEmoji = _interopRequireDefault(require("@atlaskit/emoji/resourced-emoji"));
 var _fg = require("@atlaskit/platform-feature-flags/fg");
-var _compiled = require("@atlaskit/primitives/compiled");
+var _pressable = require("@atlaskit/primitives/compiled/pressable");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
-var _constants = require("../shared/constants");
+var _constants2 = require("../shared/constants");
 var _i18n = require("../shared/i18n");
 var _utils = require("../shared/utils");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
@@ -41,28 +43,28 @@ var EmojiButton = exports.EmojiButton = function EmojiButton(_ref) {
     }
   };
   var intl = (0, _reactIntl.useIntl)();
-  var emojiHeight = hoverableReactionPickerSelectorEmoji ? _constants.RESOURCED_EMOJI_COMPACT_HEIGHT : _emoji.defaultEmojiHeight;
-  var emoji = /*#__PURE__*/React.createElement(_emoji.ResourcedEmoji, {
+  var emojiHeight = hoverableReactionPickerSelectorEmoji ? _constants2.RESOURCED_EMOJI_COMPACT_HEIGHT : _constants.defaultEmojiHeight;
+  var emoji = /*#__PURE__*/React.createElement(_resourcedEmoji.default, {
     emojiProvider: emojiProvider,
     emojiId: emojiId,
-    fitToHeight: hoverableReactionPickerSelectorEmoji ? _constants.RESOURCED_EMOJI_COMPACT_HEIGHT : undefined
+    fitToHeight: hoverableReactionPickerSelectorEmoji ? _constants2.RESOURCED_EMOJI_COMPACT_HEIGHT : undefined
   });
   var reservedEmoji = hoverableReactionPickerSelectorEmoji ? /*#__PURE__*/React.createElement("span", {
     "data-testid": RENDER_BUTTON_EMOJI_SLOT_TESTID,
     className: (0, _runtime.ax)([styles.hoverableReactionPickerSelectorEmojiSlot])
-  }, /*#__PURE__*/React.createElement(_emoji.ResourcedEmoji, {
+  }, /*#__PURE__*/React.createElement(_resourcedEmoji.default, {
     emojiProvider: emojiProvider,
     emojiId: emojiId,
     fitToHeight: emojiHeight
   })) : /*#__PURE__*/React.createElement("span", {
     "data-testid": RENDER_BUTTON_EMOJI_SLOT_TESTID,
     className: (0, _runtime.ax)([styles.emojiSlot])
-  }, /*#__PURE__*/React.createElement(_emoji.ResourcedEmoji, {
+  }, /*#__PURE__*/React.createElement(_resourcedEmoji.default, {
     emojiProvider: emojiProvider,
     emojiId: emojiId,
     fitToHeight: emojiHeight
   }));
-  return /*#__PURE__*/React.createElement(_compiled.Pressable, {
+  return /*#__PURE__*/React.createElement(_pressable.Pressable, {
     testId: RENDER_BUTTON_TESTID,
     onClick: onButtonClick,
     "aria-label": intl.formatMessage(_i18n.messages.reactWithEmoji, {

package/dist/cjs/components/ReactionPicker.js

@@ -13,14 +13,14 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactIntl = require("react-intl");
-var _picker = require("@atlaskit/emoji/picker");
+var _emojiPicker = _interopRequireDefault(require("@atlaskit/emoji/emoji-picker"));
 var _heading = _interopRequireDefault(require("@atlaskit/heading/heading"));
 var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _main = require("@atlaskit/popper/main");
 var _manager = require("@atlaskit/popper/manager");
 var _reference = require("@atlaskit/popper/reference");
 var _portal = _interopRequireDefault(require("@atlaskit/portal/portal"));
-var _compiled = require("@atlaskit/primitives/compiled");
+var _box = require("@atlaskit/primitives/compiled/box");
 var _constants = require("@atlaskit/theme/constants");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _useCloseManager = require("../hooks/useCloseManager");
@@ -301,16 +301,16 @@ var ReactionPicker = exports.ReactionPicker = /*#__PURE__*/_react.default.memo(f
     onClose: onClose,
     triggerRef: triggerRef,
     zIndex: reactionPickerPopperZIndex || _constants.layers.flag()
-  }, settings.showFullPicker || hoverableReactionPicker && isHoverableReactionPickerEmojiPickerOpen ? /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+  }, settings.showFullPicker || hoverableReactionPicker && isHoverableReactionPickerEmojiPickerOpen ? /*#__PURE__*/_react.default.createElement(_box.Box, {
     xcss: additionalStyles.selectorContainer,
     onMouseEnter: handlePopupMouseEnter,
     onMouseLeave: handlePopupMouseLeave
-  }, /*#__PURE__*/_react.default.createElement(_picker.EmojiPicker, {
+  }, /*#__PURE__*/_react.default.createElement(_emojiPicker.default, {
     contentId: contentId,
     emojiProvider: emojiProvider,
     onSelection: onEmojiSelected,
     size: emojiPickerSize
-  })) : /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+  })) : /*#__PURE__*/_react.default.createElement(_box.Box, {
     xcss: additionalStyles.selectorContainer,
     onMouseEnter: handlePopupMouseEnter,
     onMouseLeave: handlePopupMouseLeave
@@ -332,7 +332,7 @@ var ReactionPicker = exports.ReactionPicker = /*#__PURE__*/_react.default.memo(f
     return (
       /*#__PURE__*/
       // Render a button to open the <Selector /> panel
-      _react.default.createElement(_compiled.Box, {
+      _react.default.createElement(_box.Box, {
         onMouseEnter: handleTriggerMouseEnter,
         onMouseLeave: handleTriggerMouseLeave
       }, /*#__PURE__*/_react.default.createElement(_Trigger.Trigger, {

package/dist/cjs/components/Selector.js

@@ -13,7 +13,8 @@ var React = _react;
 var _runtime = require("@compiled/react/runtime");
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _fg = require("@atlaskit/platform-feature-flags/fg");
-var _compiled = require("@atlaskit/primitives/compiled");
+var _box = require("@atlaskit/primitives/compiled/box");
+var _inline = require("@atlaskit/primitives/compiled/inline");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _Tooltip = _interopRequireDefault(require("@atlaskit/tooltip/Tooltip"));
 var _constants = require("../shared/constants");
@@ -39,7 +40,7 @@ var RENDER_SELECTOR_TESTID = exports.RENDER_SELECTOR_TESTID = 'render-selector';
 var Reveal = function Reveal(_ref) {
   var children = _ref.children,
     testId = _ref.testId;
-  return /*#__PURE__*/React.createElement(_compiled.Box, {
+  return /*#__PURE__*/React.createElement(_box.Box, {
     as: (0, _expValEquals.expValEquals)('platform_a11y_fixes_reactions_selector_list', 'isEnabled', true) ? undefined : 'li',
     xcss: styles.emojiContainer
   }, /*#__PURE__*/React.createElement("div", {
@@ -84,7 +85,7 @@ var Selector = exports.Selector = function Selector(_ref2) {
       onClick: onSelection,
       hoverableReactionPickerSelectorEmoji: hoverableReactionPickerSelector
     }));
-    return hoverableReactionPickerSelector ? /*#__PURE__*/React.createElement(_compiled.Box, {
+    return hoverableReactionPickerSelector ? /*#__PURE__*/React.createElement(_box.Box, {
       as: "li",
       key: (_emoji$id2 = emoji.id) !== null && _emoji$id2 !== void 0 ? _emoji$id2 : emoji.shortName,
       xcss: styles.emojiContainer
@@ -94,7 +95,7 @@ var Selector = exports.Selector = function Selector(_ref2) {
     }, emojiButtonAndTooltip);
   };
   if (hoverableReactionPickerSelector) {
-    return /*#__PURE__*/React.createElement(_compiled.Box, {
+    return /*#__PURE__*/React.createElement(_box.Box, {
       xcss: styles.hoverableReactionPickerSelectorContainer
     }, /*#__PURE__*/React.createElement(_Trigger.Trigger, {
       tooltipContent: _i18n.messages.addReaction.defaultMessage,
@@ -102,20 +103,20 @@ var Selector = exports.Selector = function Selector(_ref2) {
       showAddReactionText: true,
       reactionPickerTriggerText: _i18n.messages.addNewReaction.defaultMessage,
       fullWidthSelectorTrayReactionPickerTrigger: true
-    }), /*#__PURE__*/React.createElement(_compiled.Inline, {
+    }), /*#__PURE__*/React.createElement(_inline.Inline, {
       as: "ul",
       alignBlock: "center",
       xcss: styles.hoverableReactionPickerSelectorList
     }, quickReactionEmojiIds.map(renderEmoji)));
   }
   var isSelectorListMarkupFixEnabled = (0, _expValEquals.expValEquals)('platform_a11y_fixes_reactions_selector_list', 'isEnabled', true);
-  return /*#__PURE__*/React.createElement(_compiled.Inline, {
+  return /*#__PURE__*/React.createElement(_inline.Inline, {
     alignBlock: "center",
     xcss: styles.container,
     as: isSelectorListMarkupFixEnabled ? undefined : 'ul',
     role: isSelectorListMarkupFixEnabled ? 'group' : undefined,
     "aria-label": isSelectorListMarkupFixEnabled ? _i18n.messages.popperWrapperLabel.defaultMessage : undefined
-  }, quickReactionEmojiIds.map(renderEmoji), showMore ? /*#__PURE__*/React.createElement(_react.Fragment, null, /*#__PURE__*/React.createElement(_compiled.Box, {
+  }, quickReactionEmojiIds.map(renderEmoji), showMore ? /*#__PURE__*/React.createElement(_react.Fragment, null, /*#__PURE__*/React.createElement(_box.Box, {
     as: isSelectorListMarkupFixEnabled ? undefined : 'li',
     xcss: styles.separator,
     "aria-hidden": isSelectorListMarkupFixEnabled ? true : undefined

package/dist/es2019/analytics/index.js

@@ -2,7 +2,7 @@ import { UI_EVENT_TYPE, OPERATIONAL_EVENT_TYPE } from '@atlaskit/analytics-gas-t
 // eslint-disable-next-line @typescript-eslint/consistent-type-imports
 import createAndFireEvent from '@atlaskit/analytics-next/createAndFireEvents';
 const packageName = "@atlaskit/reactions";
-const packageVersion = "36.7.21";
+const packageVersion = "36.7.23";
 /**
  * TODO: move to utility package?
  * A random sampling function

package/dist/es2019/components/EmojiButton.js

@@ -3,9 +3,10 @@ import "./EmojiButton.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { useIntl } from 'react-intl';
-import { defaultEmojiHeight, ResourcedEmoji } from '@atlaskit/emoji';
+import { defaultEmojiHeight } from '@atlaskit/emoji/constants';
+import ResourcedEmoji from '@atlaskit/emoji/resourced-emoji';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
-import { Pressable } from '@atlaskit/primitives/compiled';
+import { Pressable } from '@atlaskit/primitives/compiled/pressable';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { RESOURCED_EMOJI_COMPACT_HEIGHT } from '../shared/constants';
 import { messages } from '../shared/i18n';

package/dist/es2019/components/ReactionPicker.js

@@ -3,14 +3,14 @@ import "./ReactionPicker.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { useCallback, useLayoutEffect, useRef, useState } from 'react';
 import { FormattedMessage, useIntl } from 'react-intl';
-import { EmojiPicker } from '@atlaskit/emoji/picker';
+import EmojiPicker from '@atlaskit/emoji/emoji-picker';
 import Heading from '@atlaskit/heading/heading';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { Popper } from '@atlaskit/popper/main';
 import { Manager } from '@atlaskit/popper/manager';
 import { Reference } from '@atlaskit/popper/reference';
 import Portal from '@atlaskit/portal/portal';
-import { Box } from '@atlaskit/primitives/compiled';
+import { Box } from '@atlaskit/primitives/compiled/box';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-atlaskit-theme
 import { layers } from '@atlaskit/theme/constants';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';

package/dist/es2019/components/Selector.js

@@ -4,7 +4,8 @@ import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { Fragment, useEffect, useState } from 'react';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
-import { Box, Inline } from '@atlaskit/primitives/compiled';
+import { Box } from '@atlaskit/primitives/compiled/box';
+import { Inline } from '@atlaskit/primitives/compiled/inline';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import Tooltip from '@atlaskit/tooltip/Tooltip';
 import { getDefaultReactions } from '../shared/constants';

package/dist/esm/analytics/index.js

@@ -5,7 +5,7 @@ import { UI_EVENT_TYPE, OPERATIONAL_EVENT_TYPE } from '@atlaskit/analytics-gas-t
 // eslint-disable-next-line @typescript-eslint/consistent-type-imports
 import createAndFireEvent from '@atlaskit/analytics-next/createAndFireEvents';
 var packageName = "@atlaskit/reactions";
-var packageVersion = "36.7.21";
+var packageVersion = "36.7.23";
 /**
  * TODO: move to utility package?
  * A random sampling function

package/dist/esm/components/EmojiButton.js

@@ -3,9 +3,10 @@ import "./EmojiButton.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { useIntl } from 'react-intl';
-import { defaultEmojiHeight, ResourcedEmoji } from '@atlaskit/emoji';
+import { defaultEmojiHeight } from '@atlaskit/emoji/constants';
+import ResourcedEmoji from '@atlaskit/emoji/resourced-emoji';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
-import { Pressable } from '@atlaskit/primitives/compiled';
+import { Pressable } from '@atlaskit/primitives/compiled/pressable';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { RESOURCED_EMOJI_COMPACT_HEIGHT } from '../shared/constants';
 import { messages } from '../shared/i18n';

package/dist/esm/components/ReactionPicker.js

@@ -7,14 +7,14 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 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; }
 import React, { useCallback, useLayoutEffect, useRef, useState } from 'react';
 import { FormattedMessage, useIntl } from 'react-intl';
-import { EmojiPicker } from '@atlaskit/emoji/picker';
+import EmojiPicker from '@atlaskit/emoji/emoji-picker';
 import Heading from '@atlaskit/heading/heading';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { Popper } from '@atlaskit/popper/main';
 import { Manager } from '@atlaskit/popper/manager';
 import { Reference } from '@atlaskit/popper/reference';
 import Portal from '@atlaskit/portal/portal';
-import { Box } from '@atlaskit/primitives/compiled';
+import { Box } from '@atlaskit/primitives/compiled/box';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-atlaskit-theme
 import { layers } from '@atlaskit/theme/constants';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';

package/dist/esm/components/Selector.js

@@ -5,7 +5,8 @@ import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { Fragment, useEffect, useState } from 'react';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
-import { Box, Inline } from '@atlaskit/primitives/compiled';
+import { Box } from '@atlaskit/primitives/compiled/box';
+import { Inline } from '@atlaskit/primitives/compiled/inline';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import Tooltip from '@atlaskit/tooltip/Tooltip';
 import { getDefaultReactions } from '../shared/constants';

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

@@ -2,7 +2,7 @@
  * @jsxRuntime classic
  * @jsx jsx
  */
-import { type EmojiId, type OnEmojiEvent, type EmojiProvider } from '@atlaskit/emoji';
+import type { EmojiId, OnEmojiEvent, EmojiProvider } from '@atlaskit/emoji/types';
 export declare const RENDER_BUTTON_TESTID = "button-emoji-id";
 export declare const RENDER_BUTTON_EMOJI_SLOT_TESTID = "button-emoji-slot-id";
 export interface EmojiButtonProps {

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

@@ -3,8 +3,7 @@
  * @jsx jsx
  */
 import React, { type PropsWithChildren } from 'react';
-import { type EmojiProvider } from '@atlaskit/emoji/resource';
-import { type PickerSize } from '@atlaskit/emoji/types';
+import type { PickerSize, EmojiProvider } from '@atlaskit/emoji/types';
 import { type PopperProps, type Placement } from '@atlaskit/popper/main';
 import { type ReactionSource } from '../types';
 import { type SelectorProps } from './Selector';

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

@@ -1,5 +1,4 @@
-import { type EmojiProvider } from '@atlaskit/emoji/resource';
-import { type EmojiId, type OnEmojiEvent } from '@atlaskit/emoji/types';
+import type { EmojiId, OnEmojiEvent, EmojiProvider } from '@atlaskit/emoji/types';
 /**
  * Test id for wrapper Selector div
  */

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/reactions",
-	"version": "36.7.22",
+	"version": "36.7.24",
 	"description": "Reactions component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -45,12 +45,12 @@
 		"@atlaskit/heading": "^8.0.0",
 		"@atlaskit/icon": "^38.0.0",
 		"@atlaskit/link": "^5.1.0",
-		"@atlaskit/modal-dialog": "^17.0.0",
+		"@atlaskit/modal-dialog": "^17.1.0",
 		"@atlaskit/motion": "^9.4.0",
 		"@atlaskit/platform-feature-experiments": "^0.3.0",
 		"@atlaskit/platform-feature-flags": "^2.2.0",
 		"@atlaskit/popper": "^9.4.0",
-		"@atlaskit/popup": "^9.0.0",
+		"@atlaskit/popup": "^10.0.0",
 		"@atlaskit/portal": "^7.0.0",
 		"@atlaskit/primitives": "^22.6.0",
 		"@atlaskit/react-compiler-gating": "^0.2.0",
@@ -58,7 +58,7 @@
 		"@atlaskit/spinner": "^20.4.0",
 		"@atlaskit/tabs": "^21.3.0",
 		"@atlaskit/theme": "^28.2.0",
-		"@atlaskit/tmp-editor-statsig": "^240.0.0",
+		"@atlaskit/tmp-editor-statsig": "^241.0.0",
 		"@atlaskit/tokens": "^20.6.0",
 		"@atlaskit/tooltip": "^24.4.0",
 		"@atlaskit/ufo": "^2.0.0",