@atlaskit/reactions 37.2.4 → 37.2.6

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 (15) hide show
  1. package/CHANGELOG.md +15 -0
  2. package/dist/cjs/analytics/index.js +1 -1
  3. package/dist/cjs/components/EmojiButton.js +1 -8
  4. package/dist/cjs/components/Selector.js +1 -10
  5. package/dist/cjs/shared/constants.js +1 -5
  6. package/dist/es2019/analytics/index.js +1 -1
  7. package/dist/es2019/components/EmojiButton.js +1 -8
  8. package/dist/es2019/components/Selector.js +3 -8
  9. package/dist/es2019/shared/constants.js +0 -1
  10. package/dist/esm/analytics/index.js +1 -1
  11. package/dist/esm/components/EmojiButton.js +1 -8
  12. package/dist/esm/components/Selector.js +3 -12
  13. package/dist/esm/shared/constants.js +0 -4
  14. package/dist/types/shared/constants.d.ts +0 -1
  15. package/package.json +5 -4
package/CHANGELOG.md CHANGED
@@ -1,5 +1,20 @@
1
1
  # @atlaskit/reactions
2
2
 
3
+ ## 37.2.6
4
+
5
+ ### Patch Changes
6
+
7
+ - [`9b9d696992cfc`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/9b9d696992cfc) -
8
+ Remove the rolled-out TeamEmoji 26 picker gates and experiments, keeping the refreshed picker
9
+ behavior.
10
+ - Updated dependencies
11
+
12
+ ## 37.2.5
13
+
14
+ ### Patch Changes
15
+
16
+ - Updated dependencies
17
+
3
18
  ## 37.2.4
4
19
 
5
20
  ### Patch Changes
package/dist/cjs/analytics/index.js CHANGED
@@ -11,7 +11,7 @@ var _createAndFireEvents = _interopRequireDefault(require("@atlaskit/analytics-n
11
11
  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; }
12
12
  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
13
13
  var packageName = "@atlaskit/reactions";
14
- var packageVersion = "37.2.3";
14
+ var packageVersion = "37.2.5";
15
15
  /**
16
16
  * TODO: move to utility package?
17
17
  * A random sampling function
package/dist/cjs/components/EmojiButton.js CHANGED
@@ -13,9 +13,7 @@ var _runtime = require("@compiled/react/runtime");
13
13
  var _reactIntl = require("react-intl");
14
14
  var _constants = require("@atlaskit/emoji/constants");
15
15
  var _resourcedEmoji = _interopRequireDefault(require("@atlaskit/emoji/resourced-emoji"));
16
- var _fg = require("@atlaskit/platform-feature-flags/fg");
17
16
  var _pressable = require("@atlaskit/primitives/compiled/pressable");
18
- var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
19
17
  var _constants2 = require("../shared/constants");
20
18
  var _i18n = require("../shared/i18n");
21
19
  var _utils = require("../shared/utils");
@@ -44,11 +42,6 @@ var EmojiButton = exports.EmojiButton = function EmojiButton(_ref) {
44
42
  };
45
43
  var intl = (0, _reactIntl.useIntl)();
46
44
  var emojiHeight = hoverableReactionPickerSelectorEmoji ? _constants2.RESOURCED_EMOJI_COMPACT_HEIGHT : _constants.defaultEmojiHeight;
47
- var emoji = /*#__PURE__*/React.createElement(_resourcedEmoji.default, {
48
- emojiProvider: emojiProvider,
49
- emojiId: emojiId,
50
- fitToHeight: hoverableReactionPickerSelectorEmoji ? _constants2.RESOURCED_EMOJI_COMPACT_HEIGHT : undefined
51
- });
52
45
  var reservedEmoji = hoverableReactionPickerSelectorEmoji ? /*#__PURE__*/React.createElement("span", {
53
46
  "data-testid": RENDER_BUTTON_EMOJI_SLOT_TESTID,
54
47
  className: (0, _runtime.ax)([styles.hoverableReactionPickerSelectorEmojiSlot])
@@ -71,5 +64,5 @@ var EmojiButton = exports.EmojiButton = function EmojiButton(_ref) {
71
64
  emoji: emojiId.shortName
72
65
  }),
73
66
  xcss: hoverableReactionPickerSelectorEmoji ? styles.hoverableReactionPickerSelectorEmojiButtonMotion : styles.emojiButton
74
- }, (0, _expValEquals.expValEquals)('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', true) || (0, _fg.fg)('platform_teamoji_26_refresh_emoji_picker_user_id') ? reservedEmoji : emoji);
67
+ }, reservedEmoji);
75
68
  };
package/dist/cjs/components/Selector.js CHANGED
@@ -11,8 +11,6 @@ require("./Selector.compiled.css");
11
11
  var _react = _interopRequireWildcard(require("react"));
12
12
  var React = _react;
13
13
  var _runtime = require("@compiled/react/runtime");
14
- var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
15
- var _fg = require("@atlaskit/platform-feature-flags/fg");
16
14
  var _box = require("@atlaskit/primitives/compiled/box");
17
15
  var _inline = require("@atlaskit/primitives/compiled/inline");
18
16
  var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
@@ -60,14 +58,7 @@ var Selector = exports.Selector = function Selector(_ref2) {
60
58
  pickerQuickReactionEmojiIds = _ref2.pickerQuickReactionEmojiIds,
61
59
  _ref2$hoverableReacti = _ref2.hoverableReactionPickerSelector,
62
60
  hoverableReactionPickerSelector = _ref2$hoverableReacti === void 0 ? false : _ref2$hoverableReacti;
63
- var _useState = (0, _react.useState)(false),
64
- _useState2 = (0, _slicedToArray2.default)(_useState, 2),
65
- isTeamojiPickerRefreshEnabled = _useState2[0],
66
- setIsTeamojiPickerRefreshEnabled = _useState2[1];
67
- (0, _react.useEffect)(function () {
68
- setIsTeamojiPickerRefreshEnabled((0, _expValEquals.expValEquals)('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', true) || (0, _fg.fg)('platform_teamoji_26_refresh_emoji_picker_user_id'));
69
- }, []);
70
- var quickReactionEmojiIds = pickerQuickReactionEmojiIds !== null && pickerQuickReactionEmojiIds !== void 0 ? pickerQuickReactionEmojiIds : (0, _constants.getDefaultReactions)(isTeamojiPickerRefreshEnabled);
61
+ var quickReactionEmojiIds = pickerQuickReactionEmojiIds !== null && pickerQuickReactionEmojiIds !== void 0 ? pickerQuickReactionEmojiIds : _constants.TeamojiDefaultReactions;
71
62
 
72
63
  /**
73
64
  * Render the default emoji icon
package/dist/cjs/shared/constants.js CHANGED
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.getDefaultReactions = exports.TeamojiDefaultReactions = exports.TOOLTIP_USERS_LIMIT = exports.SAMPLING_RATE_REACTIONS_RENDERED_EXP = exports.RESOURCED_EMOJI_COMPACT_HEIGHT = exports.NUMBER_OF_REACTIONS_TO_DISPLAY = exports.ExtendedReactionsByShortName = exports.ExtendedReactions = exports.DefaultReactionsByShortName = exports.DefaultReactions = void 0;
6
+ exports.TeamojiDefaultReactions = exports.TOOLTIP_USERS_LIMIT = exports.SAMPLING_RATE_REACTIONS_RENDERED_EXP = exports.RESOURCED_EMOJI_COMPACT_HEIGHT = exports.NUMBER_OF_REACTIONS_TO_DISPLAY = exports.ExtendedReactionsByShortName = exports.ExtendedReactions = exports.DefaultReactionsByShortName = exports.DefaultReactions = void 0;
7
7
  /**
8
8
  * Initial list of emoji to pick from
9
9
  */
@@ -103,10 +103,6 @@ var ExtendedReactions = exports.ExtendedReactions = [{
103
103
  var DefaultReactionsByShortName = exports.DefaultReactionsByShortName = new Map(DefaultReactions.map(function (reaction) {
104
104
  return [reaction.shortName, reaction];
105
105
  }));
106
- var getDefaultReactions = exports.getDefaultReactions = function getDefaultReactions() {
107
- var isTeamojiPickerRefreshEnabled = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
108
- return isTeamojiPickerRefreshEnabled ? TeamojiDefaultReactions : DefaultReactions;
109
- };
110
106
 
111
107
  /**
112
108
  * ES6 Map object from default emoji reactions (with key => shortName, value => entire emoji item)
package/dist/es2019/analytics/index.js CHANGED
@@ -2,7 +2,7 @@ import { UI_EVENT_TYPE, OPERATIONAL_EVENT_TYPE } from '@atlaskit/analytics-gas-t
2
2
  // eslint-disable-next-line @typescript-eslint/consistent-type-imports
3
3
  import createAndFireEvent from '@atlaskit/analytics-next/createAndFireEvents';
4
4
  const packageName = "@atlaskit/reactions";
5
- const packageVersion = "37.2.3";
5
+ const packageVersion = "37.2.5";
6
6
  /**
7
7
  * TODO: move to utility package?
8
8
  * A random sampling function
package/dist/es2019/components/EmojiButton.js CHANGED
@@ -5,9 +5,7 @@ import { ax, ix } from "@compiled/react/runtime";
5
5
  import { useIntl } from 'react-intl';
6
6
  import { defaultEmojiHeight } from '@atlaskit/emoji/constants';
7
7
  import ResourcedEmoji from '@atlaskit/emoji/resourced-emoji';
8
- import { fg } from '@atlaskit/platform-feature-flags/fg';
9
8
  import { Pressable } from '@atlaskit/primitives/compiled/pressable';
10
- import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
11
9
  import { RESOURCED_EMOJI_COMPACT_HEIGHT } from '../shared/constants';
12
10
  import { messages } from '../shared/i18n';
13
11
  import { isLeftClick } from '../shared/utils';
@@ -36,11 +34,6 @@ export const EmojiButton = ({
36
34
  };
37
35
  const intl = useIntl();
38
36
  const emojiHeight = hoverableReactionPickerSelectorEmoji ? RESOURCED_EMOJI_COMPACT_HEIGHT : defaultEmojiHeight;
39
- const emoji = /*#__PURE__*/React.createElement(ResourcedEmoji, {
40
- emojiProvider: emojiProvider,
41
- emojiId: emojiId,
42
- fitToHeight: hoverableReactionPickerSelectorEmoji ? RESOURCED_EMOJI_COMPACT_HEIGHT : undefined
43
- });
44
37
  const reservedEmoji = hoverableReactionPickerSelectorEmoji ? /*#__PURE__*/React.createElement("span", {
45
38
  "data-testid": RENDER_BUTTON_EMOJI_SLOT_TESTID,
46
39
  className: ax([styles.hoverableReactionPickerSelectorEmojiSlot])
@@ -63,5 +56,5 @@ export const EmojiButton = ({
63
56
  emoji: emojiId.shortName
64
57
  }),
65
58
  xcss: hoverableReactionPickerSelectorEmoji ? styles.hoverableReactionPickerSelectorEmojiButtonMotion : styles.emojiButton
66
- }, expValEquals('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', true) || fg('platform_teamoji_26_refresh_emoji_picker_user_id') ? reservedEmoji : emoji);
59
+ }, reservedEmoji);
67
60
  };
package/dist/es2019/components/Selector.js CHANGED
@@ -2,13 +2,12 @@
2
2
  import "./Selector.compiled.css";
3
3
  import * as React from 'react';
4
4
  import { ax, ix } from "@compiled/react/runtime";
5
- import { Fragment, useEffect, useState } from 'react';
6
- import { fg } from '@atlaskit/platform-feature-flags/fg';
5
+ import { Fragment } from 'react';
7
6
  import { Box } from '@atlaskit/primitives/compiled/box';
8
7
  import { Inline } from '@atlaskit/primitives/compiled/inline';
9
8
  import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
10
9
  import Tooltip from '@atlaskit/tooltip/Tooltip';
11
- import { getDefaultReactions } from '../shared/constants';
10
+ import { TeamojiDefaultReactions } from '../shared/constants';
12
11
  import { messages } from '../shared/i18n';
13
12
  import { EmojiButton } from './EmojiButton';
14
13
  import { ShowMore } from './ShowMore';
@@ -51,11 +50,7 @@ export const Selector = ({
51
50
  pickerQuickReactionEmojiIds,
52
51
  hoverableReactionPickerSelector = false
53
52
  }) => {
54
- const [isTeamojiPickerRefreshEnabled, setIsTeamojiPickerRefreshEnabled] = useState(false);
55
- useEffect(() => {
56
- setIsTeamojiPickerRefreshEnabled(expValEquals('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', true) || fg('platform_teamoji_26_refresh_emoji_picker_user_id'));
57
- }, []);
58
- const quickReactionEmojiIds = pickerQuickReactionEmojiIds !== null && pickerQuickReactionEmojiIds !== void 0 ? pickerQuickReactionEmojiIds : getDefaultReactions(isTeamojiPickerRefreshEnabled);
53
+ const quickReactionEmojiIds = pickerQuickReactionEmojiIds !== null && pickerQuickReactionEmojiIds !== void 0 ? pickerQuickReactionEmojiIds : TeamojiDefaultReactions;
59
54
 
60
55
  /**
61
56
  * Render the default emoji icon
package/dist/es2019/shared/constants.js CHANGED
@@ -95,7 +95,6 @@ export const ExtendedReactions = [{
95
95
  * ES6 Map object from default emoji reactions (with key => shortName, value => entire emoji item)
96
96
  */
97
97
  export const DefaultReactionsByShortName = new Map(DefaultReactions.map(reaction => [reaction.shortName, reaction]));
98
- export const getDefaultReactions = (isTeamojiPickerRefreshEnabled = false) => isTeamojiPickerRefreshEnabled ? TeamojiDefaultReactions : DefaultReactions;
99
98
 
100
99
  /**
101
100
  * ES6 Map object from default emoji reactions (with key => shortName, value => entire emoji item)
package/dist/esm/analytics/index.js CHANGED
@@ -5,7 +5,7 @@ import { UI_EVENT_TYPE, OPERATIONAL_EVENT_TYPE } from '@atlaskit/analytics-gas-t
5
5
  // eslint-disable-next-line @typescript-eslint/consistent-type-imports
6
6
  import createAndFireEvent from '@atlaskit/analytics-next/createAndFireEvents';
7
7
  var packageName = "@atlaskit/reactions";
8
- var packageVersion = "37.2.3";
8
+ var packageVersion = "37.2.5";
9
9
  /**
10
10
  * TODO: move to utility package?
11
11
  * A random sampling function
package/dist/esm/components/EmojiButton.js CHANGED
@@ -5,9 +5,7 @@ import { ax, ix } from "@compiled/react/runtime";
5
5
  import { useIntl } from 'react-intl';
6
6
  import { defaultEmojiHeight } from '@atlaskit/emoji/constants';
7
7
  import ResourcedEmoji from '@atlaskit/emoji/resourced-emoji';
8
- import { fg } from '@atlaskit/platform-feature-flags/fg';
9
8
  import { Pressable } from '@atlaskit/primitives/compiled/pressable';
10
- import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
11
9
  import { RESOURCED_EMOJI_COMPACT_HEIGHT } from '../shared/constants';
12
10
  import { messages } from '../shared/i18n';
13
11
  import { isLeftClick } from '../shared/utils';
@@ -35,11 +33,6 @@ export var EmojiButton = function EmojiButton(_ref) {
35
33
  };
36
34
  var intl = useIntl();
37
35
  var emojiHeight = hoverableReactionPickerSelectorEmoji ? RESOURCED_EMOJI_COMPACT_HEIGHT : defaultEmojiHeight;
38
- var emoji = /*#__PURE__*/React.createElement(ResourcedEmoji, {
39
- emojiProvider: emojiProvider,
40
- emojiId: emojiId,
41
- fitToHeight: hoverableReactionPickerSelectorEmoji ? RESOURCED_EMOJI_COMPACT_HEIGHT : undefined
42
- });
43
36
  var reservedEmoji = hoverableReactionPickerSelectorEmoji ? /*#__PURE__*/React.createElement("span", {
44
37
  "data-testid": RENDER_BUTTON_EMOJI_SLOT_TESTID,
45
38
  className: ax([styles.hoverableReactionPickerSelectorEmojiSlot])
@@ -62,5 +55,5 @@ export var EmojiButton = function EmojiButton(_ref) {
62
55
  emoji: emojiId.shortName
63
56
  }),
64
57
  xcss: hoverableReactionPickerSelectorEmoji ? styles.hoverableReactionPickerSelectorEmojiButtonMotion : styles.emojiButton
65
- }, expValEquals('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', true) || fg('platform_teamoji_26_refresh_emoji_picker_user_id') ? reservedEmoji : emoji);
58
+ }, reservedEmoji);
66
59
  };
package/dist/esm/components/Selector.js CHANGED
@@ -1,15 +1,13 @@
1
1
  /* Selector.tsx generated by @compiled/babel-plugin v3.0.2 */
2
- import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
3
2
  import "./Selector.compiled.css";
4
3
  import * as React from 'react';
5
4
  import { ax, ix } from "@compiled/react/runtime";
6
- import { Fragment, useEffect, useState } from 'react';
7
- import { fg } from '@atlaskit/platform-feature-flags/fg';
5
+ import { Fragment } from 'react';
8
6
  import { Box } from '@atlaskit/primitives/compiled/box';
9
7
  import { Inline } from '@atlaskit/primitives/compiled/inline';
10
8
  import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
11
9
  import Tooltip from '@atlaskit/tooltip/Tooltip';
12
- import { getDefaultReactions } from '../shared/constants';
10
+ import { TeamojiDefaultReactions } from '../shared/constants';
13
11
  import { messages } from '../shared/i18n';
14
12
  import { EmojiButton } from './EmojiButton';
15
13
  import { ShowMore } from './ShowMore';
@@ -51,14 +49,7 @@ export var Selector = function Selector(_ref2) {
51
49
  pickerQuickReactionEmojiIds = _ref2.pickerQuickReactionEmojiIds,
52
50
  _ref2$hoverableReacti = _ref2.hoverableReactionPickerSelector,
53
51
  hoverableReactionPickerSelector = _ref2$hoverableReacti === void 0 ? false : _ref2$hoverableReacti;
54
- var _useState = useState(false),
55
- _useState2 = _slicedToArray(_useState, 2),
56
- isTeamojiPickerRefreshEnabled = _useState2[0],
57
- setIsTeamojiPickerRefreshEnabled = _useState2[1];
58
- useEffect(function () {
59
- setIsTeamojiPickerRefreshEnabled(expValEquals('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', true) || fg('platform_teamoji_26_refresh_emoji_picker_user_id'));
60
- }, []);
61
- var quickReactionEmojiIds = pickerQuickReactionEmojiIds !== null && pickerQuickReactionEmojiIds !== void 0 ? pickerQuickReactionEmojiIds : getDefaultReactions(isTeamojiPickerRefreshEnabled);
52
+ var quickReactionEmojiIds = pickerQuickReactionEmojiIds !== null && pickerQuickReactionEmojiIds !== void 0 ? pickerQuickReactionEmojiIds : TeamojiDefaultReactions;
62
53
 
63
54
  /**
64
55
  * Render the default emoji icon
package/dist/esm/shared/constants.js CHANGED
@@ -97,10 +97,6 @@ export var ExtendedReactions = [{
97
97
  export var DefaultReactionsByShortName = new Map(DefaultReactions.map(function (reaction) {
98
98
  return [reaction.shortName, reaction];
99
99
  }));
100
- export var getDefaultReactions = function getDefaultReactions() {
101
- var isTeamojiPickerRefreshEnabled = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
102
- return isTeamojiPickerRefreshEnabled ? TeamojiDefaultReactions : DefaultReactions;
103
- };
104
100
 
105
101
  /**
106
102
  * ES6 Map object from default emoji reactions (with key => shortName, value => entire emoji item)
package/dist/types/shared/constants.d.ts CHANGED
@@ -15,7 +15,6 @@ export declare const ExtendedReactions: EmojiId[];
15
15
  * ES6 Map object from default emoji reactions (with key => shortName, value => entire emoji item)
16
16
  */
17
17
  export declare const DefaultReactionsByShortName: Map<string, EmojiId>;
18
- export declare const getDefaultReactions: (isTeamojiPickerRefreshEnabled?: boolean) => EmojiId[];
19
18
  /**
20
19
  * ES6 Map object from default emoji reactions (with key => shortName, value => entire emoji item)
21
20
  * Only for use in extended reaction examples
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/reactions",
3
- "version": "37.2.4",
3
+ "version": "37.2.6",
4
4
  "description": "Reactions component",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -41,7 +41,7 @@
41
41
  "@atlaskit/button": "^25.7.0",
42
42
  "@atlaskit/css": "^1.1.0",
43
43
  "@atlaskit/emoji": "^73.3.0",
44
- "@atlaskit/feature-gate-js-client": "^7.1.0",
44
+ "@atlaskit/feature-gate-js-client": "^8.0.0",
45
45
  "@atlaskit/heading": "^8.0.0",
46
46
  "@atlaskit/icon": "^38.0.0",
47
47
  "@atlaskit/link": "^5.1.0",
@@ -133,8 +133,9 @@
133
133
  "a11y_reactions_reading_order": {
134
134
  "type": "boolean"
135
135
  },
136
- "platform_teamoji_26_refresh_emoji_picker_user_id": {
137
- "type": "boolean"
136
+ "platform_dst_modal-dialog-use-modal-title": {
137
+ "type": "boolean",
138
+ "referenceOnly": true
138
139
  }
139
140
  },
140
141
  "sideEffects": [