@atlaskit/reactions 24.4.0 → 24.5.0

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @atlaskit/reactions
 
+## 24.5.0
+
+### Minor Changes
+
+- [#109300](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/109300)
+  [`e78402bbbad97`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/e78402bbbad97) -
+  [ux] Fixes a minor bug where Reactions Dialog was causing reactions to be sorted in place
+  affecting the Reactions parent component. Dialog feature gate also has been updated
+
+## 24.4.1
+
+### Patch Changes
+
+- [#108797](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/108797)
+  [`9a3f165bc940b`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/9a3f165bc940b) -
+  tidy up feature flag confluence_frontend_editor_custom_presets
+
 ## 24.4.0
 
 ### Minor Changes

package/dist/cjs/analytics/index.js

@@ -11,7 +11,7 @@ var _analyticsGasTypes = require("@atlaskit/analytics-gas-types");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var packageName = "@atlaskit/reactions";
-var packageVersion = "24.4.0";
+var packageVersion = "24.5.0";
 /**
  * TODO: move to utility package?
  * A random sampling function

package/dist/cjs/components/ReactionDialog/ReactionsDialog.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ReactionsDialog = exports.RENDER_MODAL_TESTID = void 0;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = require("react");
@@ -130,7 +131,7 @@ var ReactionsDialog = exports.ReactionsDialog = function ReactionsDialog(_ref2)
     }, 0);
   }, [reactions]);
   var sortedReactions = (0, _react.useMemo)(function () {
-    return reactions.sort(function (a, b) {
+    return (0, _toConsumableArray2.default)(reactions).sort(function (a, b) {
       return (b === null || b === void 0 ? void 0 : b.count) - (a === null || a === void 0 ? void 0 : a.count);
     });
   }, [reactions]);

package/dist/cjs/components/ReactionPicker/ReactionPicker.js

@@ -14,7 +14,6 @@ var _reactIntlNext = require("react-intl-next");
 var _picker = require("@atlaskit/emoji/picker");
 var _popper = require("@atlaskit/popper");
 var _constants = require("@atlaskit/theme/constants");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _useCloseManager = require("../../hooks/useCloseManager");
 var _useFocusTrap = require("../../hooks/useFocusTrap");
 var _i18n = require("../../shared/i18n");
@@ -268,7 +267,7 @@ var PopperWrapper = function PopperWrapper(props) {
   return (0, _react2.jsx)(_popper.Popper, {
     placement: "bottom-start",
     modifiers: popperModifiers,
-    strategy: (0, _platformFeatureFlags.fg)('platform_editor_breakout_use_css') ? 'absolute' : 'fixed'
+    strategy: 'absolute'
   }, function (_ref3) {
     var _ref4 = _ref3.ref,
       style = _ref3.style,

package/dist/es2019/analytics/index.js

@@ -1,7 +1,7 @@
 import { createAndFireEvent } from '@atlaskit/analytics-next';
 import { UI_EVENT_TYPE, OPERATIONAL_EVENT_TYPE } from '@atlaskit/analytics-gas-types';
 const packageName = "@atlaskit/reactions";
-const packageVersion = "24.4.0";
+const packageVersion = "24.5.0";
 /**
  * TODO: move to utility package?
  * A random sampling function

package/dist/es2019/components/ReactionDialog/ReactionsDialog.js

@@ -102,7 +102,7 @@ export const ReactionsDialog = ({
     }, 0);
   }, [reactions]);
   const sortedReactions = useMemo(() => {
-    return reactions.sort((a, b) => (b === null || b === void 0 ? void 0 : b.count) - (a === null || a === void 0 ? void 0 : a.count));
+    return [...reactions].sort((a, b) => (b === null || b === void 0 ? void 0 : b.count) - (a === null || a === void 0 ? void 0 : a.count));
   }, [reactions]);
   const maxPages = Math.max(1, Math.ceil(reactions.length / NUMBER_OF_REACTIONS_TO_DISPLAY));
   const [currentPage, setCurrentPage] = useState(1);

package/dist/es2019/components/ReactionPicker/ReactionPicker.js

@@ -9,7 +9,6 @@ import { FormattedMessage } from 'react-intl-next';
 import { EmojiPicker } from '@atlaskit/emoji/picker';
 import { Manager, Popper, Reference } from '@atlaskit/popper';
 import { layers } from '@atlaskit/theme/constants';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { useCloseManager } from '../../hooks/useCloseManager';
 import { useFocusTrap } from '../../hooks/useFocusTrap';
 import { messages } from '../../shared/i18n';
@@ -242,7 +241,7 @@ const PopperWrapper = props => {
   return jsx(Popper, {
     placement: "bottom-start",
     modifiers: popperModifiers,
-    strategy: fg('platform_editor_breakout_use_css') ? 'absolute' : 'fixed'
+    strategy: 'absolute'
   }, ({
     ref,
     style,

package/dist/esm/analytics/index.js

@@ -4,7 +4,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import { createAndFireEvent } from '@atlaskit/analytics-next';
 import { UI_EVENT_TYPE, OPERATIONAL_EVENT_TYPE } from '@atlaskit/analytics-gas-types';
 var packageName = "@atlaskit/reactions";
-var packageVersion = "24.4.0";
+var packageVersion = "24.5.0";
 /**
  * TODO: move to utility package?
  * A random sampling function

package/dist/esm/components/ReactionDialog/ReactionsDialog.js

@@ -1,3 +1,4 @@
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _extends from "@babel/runtime/helpers/extends";
 /**
@@ -118,7 +119,7 @@ export var ReactionsDialog = function ReactionsDialog(_ref2) {
     }, 0);
   }, [reactions]);
   var sortedReactions = useMemo(function () {
-    return reactions.sort(function (a, b) {
+    return _toConsumableArray(reactions).sort(function (a, b) {
       return (b === null || b === void 0 ? void 0 : b.count) - (a === null || a === void 0 ? void 0 : a.count);
     });
   }, [reactions]);

package/dist/esm/components/ReactionPicker/ReactionPicker.js

@@ -13,7 +13,6 @@ import { FormattedMessage } from 'react-intl-next';
 import { EmojiPicker } from '@atlaskit/emoji/picker';
 import { Manager, Popper, Reference } from '@atlaskit/popper';
 import { layers } from '@atlaskit/theme/constants';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { useCloseManager } from '../../hooks/useCloseManager';
 import { useFocusTrap } from '../../hooks/useFocusTrap';
 import { messages } from '../../shared/i18n';
@@ -261,7 +260,7 @@ var PopperWrapper = function PopperWrapper(props) {
   return jsx(Popper, {
     placement: "bottom-start",
     modifiers: popperModifiers,
-    strategy: fg('platform_editor_breakout_use_css') ? 'absolute' : 'fixed'
+    strategy: 'absolute'
   }, function (_ref3) {
     var _ref4 = _ref3.ref,
       style = _ref3.style,

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/reactions",
-	"version": "24.4.0",
+	"version": "24.5.0",
 	"description": "Reactions component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -39,7 +39,7 @@
 		"@atlaskit/button": "^20.4.0",
 		"@atlaskit/emoji": "^67.13.0",
 		"@atlaskit/heading": "^4.1.0",
-		"@atlaskit/icon": "^23.5.0",
+		"@atlaskit/icon": "^23.6.0",
 		"@atlaskit/modal-dialog": "^12.20.0",
 		"@atlaskit/motion": "^1.10.0",
 		"@atlaskit/platform-feature-flags": "^0.3.0",
@@ -114,9 +114,6 @@
 	"platform-feature-flags": {
 		"platform-component-visual-refresh": {
 			"type": "boolean"
-		},
-		"platform_editor_breakout_use_css": {
-			"type": "boolean"
 		}
 	}
 }