@atlaskit/emoji 71.8.0 → 71.9.0

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 (11) hide show
  1. package/CHANGELOG.md +17 -0
  2. package/dist/cjs/components/common/Emoji.js +7 -16
  3. package/dist/cjs/components/picker/EmojiPickerNoResults.js +2 -2
  4. package/dist/cjs/util/analytics/analytics.js +1 -1
  5. package/dist/es2019/components/common/Emoji.js +6 -15
  6. package/dist/es2019/components/picker/EmojiPickerNoResults.js +1 -1
  7. package/dist/es2019/util/analytics/analytics.js +1 -1
  8. package/dist/esm/components/common/Emoji.js +7 -16
  9. package/dist/esm/components/picker/EmojiPickerNoResults.js +1 -1
  10. package/dist/esm/util/analytics/analytics.js +1 -1
  11. package/package.json +8 -8
package/CHANGELOG.md CHANGED
@@ -1,5 +1,22 @@
1
1
  # @atlaskit/emoji
2
2
 
3
+ ## 71.9.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [`607477c5d6aae`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/607477c5d6aae) -
8
+ EDITOR-7032 Remove the implementation of using VanillaTooltip for emoji tooltips
9
+
10
+ ### Patch Changes
11
+
12
+ - Updated dependencies
13
+
14
+ ## 71.8.1
15
+
16
+ ### Patch Changes
17
+
18
+ - Updated dependencies
19
+
3
20
  ## 71.8.0
4
21
 
5
22
  ### Minor Changes
package/dist/cjs/components/common/Emoji.js CHANGED
@@ -455,38 +455,29 @@ var EmojiNodeWrapper = exports.EmojiNodeWrapper = /*#__PURE__*/(0, _react.forwar
455
455
  var ariaLabel = intl && (0, _platformFeatureFlags.fg)('platform_change_emoji_button_label') ? intl.formatMessage(_i18n.messages.changeEmojiShortnameButtonLabel, {
456
456
  shortName: (_emoji$name = emoji.name) !== null && _emoji$name !== void 0 ? _emoji$name : emoji.shortName
457
457
  }) : editorEmoji ? undefined : emoji.shortName;
458
- var tooltipContent = showTooltip && (0, _expValEquals.expValEquals)('platform_editor_emoji_hover_show_tooltip', 'isEnabled', true) ? emoji.shortName || emoji.name || undefined : undefined;
459
- var emojiSpan = /*#__PURE__*/_react.default.createElement("span", (0, _extends2.default)({
458
+ return /*#__PURE__*/_react.default.createElement("span", (0, _extends2.default)({
460
459
  role: editorEmoji ? undefined : shouldBeInteractive ? 'button' : ariaLabel ? 'img' : 'presentation',
461
460
  "aria-label": ariaLabel,
462
461
  ref: ref,
463
462
  "data-testid": "".concat(type, "-emoji-").concat(emoji.shortName),
464
463
  "data-emoji-type": type,
465
- tabIndex: shouldBeInteractive ? tabIndex || 0 : tooltipContent ? 0 : undefined,
464
+ tabIndex: shouldBeInteractive ? tabIndex || 0 : undefined,
466
465
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
467
466
  className: (0, _runtime.ax)([type === 'sprite' ? "_19pk1n1a _2hwxidpf _otyr1n1a _18u0idpf _1e0c1o8l _jr50g2xd _ylp71o8l _pkaxgktf _1hdcgktf _109tnkob _tn8j1dpa _3naf1dpa _nt751r31 _49pcglyw _1hvw1o36 _7ehi1y54 _491113zc" : type === 'unicode' ? "_19pk1n1a _2hwxidpf _otyr1n1a _18u0idpf _bfhk1j28 _1e0c1o8l _s7n4nkob _tn8j1dpa _3naf1dpa _160jewfl _1theewfl _1kogh2mm _qyp0ewfl _nt751r31 _49pcglyw _1hvw1o36 _7ehi1y54 _491113zc" : "_2rkofajl _19pk1n1a _2hwxidpf _otyr1n1a _18u0idpf _bfhk1j28 _1e0c1o8l _s7n4nkob _v4pn1ule _tn8j1dpa _3naf1dpa _160jewfl _1theewfl _1kogh2mm _qyp0ewfl _nt751r31 _49pcglyw _1hvw1o36 _7ehi1y54 _491113zc", className]),
468
- onKeyDown: shouldBeInteractive || !(0, _expValEquals.expValEquals)('platform_editor_emoji_hover_show_tooltip', 'isEnabled', true) ? function (event) {
467
+ onKeyDown: function onKeyDown(event) {
469
468
  return handleKeyDown(props, event);
470
- } : undefined,
471
- onMouseDown: shouldBeInteractive || !(0, _expValEquals.expValEquals)('platform_editor_emoji_hover_show_tooltip', 'isEnabled', true) ? function (event) {
469
+ },
470
+ onMouseDown: function onMouseDown(event) {
472
471
  handleMouseDown(props, event);
473
- } : undefined,
472
+ },
474
473
  onMouseEnter: function onMouseEnter(event) {
475
474
  handleMouseMove(props, event);
476
475
  },
477
476
  onFocus: function onFocus(event) {
478
477
  handleFocus(props, event);
479
478
  },
480
- title: showTooltip && !(0, _expValEquals.expValEquals)('platform_editor_emoji_hover_show_tooltip', 'isEnabled', true) ? emoji.shortName : undefined
479
+ title: showTooltip ? emoji.shortName : undefined // TODO: COLLAB-2351 - use @atlaskit/Tooltip in future for non-deletable emoji if enabled showTooltip
481
480
  }, other), children);
482
- if (tooltipContent) {
483
- return /*#__PURE__*/_react.default.createElement(_tooltip.default, {
484
- content: tooltipContent,
485
- position: "top",
486
- tag: "span"
487
- }, emojiSpan);
488
- }
489
- return emojiSpan;
490
481
  });
491
482
  var Emoji = exports.Emoji = function Emoji(props) {
492
483
  var emoji = props.emoji;
package/dist/cjs/components/picker/EmojiPickerNoResults.js CHANGED
@@ -11,7 +11,7 @@ require("./EmojiPickerNoResults.compiled.css");
11
11
  var _react = _interopRequireWildcard(require("react"));
12
12
  var React = _react;
13
13
  var _runtime = require("@compiled/react/runtime");
14
- var _tokens = require("@atlaskit/tokens");
14
+ var _useThemeObserver2 = require("@atlaskit/tokens/use-theme-observer");
15
15
  var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
16
16
  var _reactIntl = require("react-intl");
17
17
  var _standardButton = _interopRequireDefault(require("@atlaskit/button/standard-button"));
@@ -24,7 +24,7 @@ var RENDER_EMOJI_PICKER_NO_RESULTS_TESTID = exports.RENDER_EMOJI_PICKER_NO_RESUL
24
24
  var EmojiPickerNoResults = function EmojiPickerNoResults(_ref) {
25
25
  var onOpenUpload = _ref.onOpenUpload,
26
26
  uploadEnabled = _ref.uploadEnabled;
27
- var _useThemeObserver = (0, _tokens.useThemeObserver)(),
27
+ var _useThemeObserver = (0, _useThemeObserver2.useThemeObserver)(),
28
28
  colorMode = _useThemeObserver.colorMode;
29
29
  var handleOpenUpload = (0, _react.useCallback)(function (event) {
30
30
  if ((0, _platformFeatureFlags.fg)('platform_emoji_keep_picker_open_on_upload')) {
package/dist/cjs/util/analytics/analytics.js CHANGED
@@ -20,7 +20,7 @@ var createEvent = function createEvent(eventType, action, actionSubject, actionS
20
20
  actionSubjectId: actionSubjectId,
21
21
  attributes: _objectSpread({
22
22
  packageName: "@atlaskit/emoji",
23
- packageVersion: "71.7.9"
23
+ packageVersion: "71.8.1"
24
24
  }, attributes)
25
25
  };
26
26
  };
package/dist/es2019/components/common/Emoji.js CHANGED
@@ -448,36 +448,27 @@ export const EmojiNodeWrapper = /*#__PURE__*/forwardRef((props, ref) => {
448
448
  const ariaLabel = intl && fg('platform_change_emoji_button_label') ? intl.formatMessage(messages.changeEmojiShortnameButtonLabel, {
449
449
  shortName: (_emoji$name = emoji.name) !== null && _emoji$name !== void 0 ? _emoji$name : emoji.shortName
450
450
  }) : editorEmoji ? undefined : emoji.shortName;
451
- const tooltipContent = showTooltip && expValEquals('platform_editor_emoji_hover_show_tooltip', 'isEnabled', true) ? emoji.shortName || emoji.name || undefined : undefined;
452
- const emojiSpan = /*#__PURE__*/React.createElement("span", _extends({
451
+ return /*#__PURE__*/React.createElement("span", _extends({
453
452
  role: editorEmoji ? undefined : shouldBeInteractive ? 'button' : ariaLabel ? 'img' : 'presentation',
454
453
  "aria-label": ariaLabel,
455
454
  ref: ref,
456
455
  "data-testid": `${type}-emoji-${emoji.shortName}`,
457
456
  "data-emoji-type": type,
458
- tabIndex: shouldBeInteractive ? tabIndex || 0 : tooltipContent ? 0 : undefined,
457
+ tabIndex: shouldBeInteractive ? tabIndex || 0 : undefined,
459
458
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
460
459
  className: ax([type === 'sprite' ? "_19pk1n1a _2hwxidpf _otyr1n1a _18u0idpf _1e0c1o8l _jr50g2xd _ylp71o8l _pkaxgktf _1hdcgktf _109tnkob _tn8j1dpa _3naf1dpa _nt751r31 _49pcglyw _1hvw1o36 _7ehi1y54 _491113zc" : type === 'unicode' ? "_19pk1n1a _2hwxidpf _otyr1n1a _18u0idpf _bfhk1j28 _1e0c1o8l _s7n4nkob _tn8j1dpa _3naf1dpa _160jewfl _1theewfl _1kogh2mm _qyp0ewfl _nt751r31 _49pcglyw _1hvw1o36 _7ehi1y54 _491113zc" : "_2rkofajl _19pk1n1a _2hwxidpf _otyr1n1a _18u0idpf _bfhk1j28 _1e0c1o8l _s7n4nkob _v4pn1ule _tn8j1dpa _3naf1dpa _160jewfl _1theewfl _1kogh2mm _qyp0ewfl _nt751r31 _49pcglyw _1hvw1o36 _7ehi1y54 _491113zc", className]),
461
- onKeyDown: shouldBeInteractive || !expValEquals('platform_editor_emoji_hover_show_tooltip', 'isEnabled', true) ? event => handleKeyDown(props, event) : undefined,
462
- onMouseDown: shouldBeInteractive || !expValEquals('platform_editor_emoji_hover_show_tooltip', 'isEnabled', true) ? event => {
460
+ onKeyDown: event => handleKeyDown(props, event),
461
+ onMouseDown: event => {
463
462
  handleMouseDown(props, event);
464
- } : undefined,
463
+ },
465
464
  onMouseEnter: event => {
466
465
  handleMouseMove(props, event);
467
466
  },
468
467
  onFocus: event => {
469
468
  handleFocus(props, event);
470
469
  },
471
- title: showTooltip && !expValEquals('platform_editor_emoji_hover_show_tooltip', 'isEnabled', true) ? emoji.shortName : undefined
470
+ title: showTooltip ? emoji.shortName : undefined // TODO: COLLAB-2351 - use @atlaskit/Tooltip in future for non-deletable emoji if enabled showTooltip
472
471
  }, other), children);
473
- if (tooltipContent) {
474
- return /*#__PURE__*/React.createElement(Tooltip, {
475
- content: tooltipContent,
476
- position: "top",
477
- tag: "span"
478
- }, emojiSpan);
479
- }
480
- return emojiSpan;
481
472
  });
482
473
  export const Emoji = props => {
483
474
  const {
package/dist/es2019/components/picker/EmojiPickerNoResults.js CHANGED
@@ -3,7 +3,7 @@ import "./EmojiPickerNoResults.compiled.css";
3
3
  import * as React from 'react';
4
4
  import { ax, ix } from "@compiled/react/runtime";
5
5
  import { useCallback } from 'react';
6
- import { useThemeObserver } from '@atlaskit/tokens';
6
+ import { useThemeObserver } from '@atlaskit/tokens/use-theme-observer';
7
7
  import { fg } from '@atlaskit/platform-feature-flags';
8
8
  import { FormattedMessage } from 'react-intl';
9
9
  import AkButton from '@atlaskit/button/standard-button';
package/dist/es2019/util/analytics/analytics.js CHANGED
@@ -9,7 +9,7 @@ const createEvent = (eventType, action, actionSubject, actionSubjectId, attribut
9
9
  actionSubjectId,
10
10
  attributes: {
11
11
  packageName: "@atlaskit/emoji",
12
- packageVersion: "71.7.9",
12
+ packageVersion: "71.8.1",
13
13
  ...attributes
14
14
  }
15
15
  });
package/dist/esm/components/common/Emoji.js CHANGED
@@ -446,38 +446,29 @@ export var EmojiNodeWrapper = /*#__PURE__*/forwardRef(function (props, ref) {
446
446
  var ariaLabel = intl && fg('platform_change_emoji_button_label') ? intl.formatMessage(messages.changeEmojiShortnameButtonLabel, {
447
447
  shortName: (_emoji$name = emoji.name) !== null && _emoji$name !== void 0 ? _emoji$name : emoji.shortName
448
448
  }) : editorEmoji ? undefined : emoji.shortName;
449
- var tooltipContent = showTooltip && expValEquals('platform_editor_emoji_hover_show_tooltip', 'isEnabled', true) ? emoji.shortName || emoji.name || undefined : undefined;
450
- var emojiSpan = /*#__PURE__*/React.createElement("span", _extends({
449
+ return /*#__PURE__*/React.createElement("span", _extends({
451
450
  role: editorEmoji ? undefined : shouldBeInteractive ? 'button' : ariaLabel ? 'img' : 'presentation',
452
451
  "aria-label": ariaLabel,
453
452
  ref: ref,
454
453
  "data-testid": "".concat(type, "-emoji-").concat(emoji.shortName),
455
454
  "data-emoji-type": type,
456
- tabIndex: shouldBeInteractive ? tabIndex || 0 : tooltipContent ? 0 : undefined,
455
+ tabIndex: shouldBeInteractive ? tabIndex || 0 : undefined,
457
456
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
458
457
  className: ax([type === 'sprite' ? "_19pk1n1a _2hwxidpf _otyr1n1a _18u0idpf _1e0c1o8l _jr50g2xd _ylp71o8l _pkaxgktf _1hdcgktf _109tnkob _tn8j1dpa _3naf1dpa _nt751r31 _49pcglyw _1hvw1o36 _7ehi1y54 _491113zc" : type === 'unicode' ? "_19pk1n1a _2hwxidpf _otyr1n1a _18u0idpf _bfhk1j28 _1e0c1o8l _s7n4nkob _tn8j1dpa _3naf1dpa _160jewfl _1theewfl _1kogh2mm _qyp0ewfl _nt751r31 _49pcglyw _1hvw1o36 _7ehi1y54 _491113zc" : "_2rkofajl _19pk1n1a _2hwxidpf _otyr1n1a _18u0idpf _bfhk1j28 _1e0c1o8l _s7n4nkob _v4pn1ule _tn8j1dpa _3naf1dpa _160jewfl _1theewfl _1kogh2mm _qyp0ewfl _nt751r31 _49pcglyw _1hvw1o36 _7ehi1y54 _491113zc", className]),
459
- onKeyDown: shouldBeInteractive || !expValEquals('platform_editor_emoji_hover_show_tooltip', 'isEnabled', true) ? function (event) {
458
+ onKeyDown: function onKeyDown(event) {
460
459
  return handleKeyDown(props, event);
461
- } : undefined,
462
- onMouseDown: shouldBeInteractive || !expValEquals('platform_editor_emoji_hover_show_tooltip', 'isEnabled', true) ? function (event) {
460
+ },
461
+ onMouseDown: function onMouseDown(event) {
463
462
  handleMouseDown(props, event);
464
- } : undefined,
463
+ },
465
464
  onMouseEnter: function onMouseEnter(event) {
466
465
  handleMouseMove(props, event);
467
466
  },
468
467
  onFocus: function onFocus(event) {
469
468
  handleFocus(props, event);
470
469
  },
471
- title: showTooltip && !expValEquals('platform_editor_emoji_hover_show_tooltip', 'isEnabled', true) ? emoji.shortName : undefined
470
+ title: showTooltip ? emoji.shortName : undefined // TODO: COLLAB-2351 - use @atlaskit/Tooltip in future for non-deletable emoji if enabled showTooltip
472
471
  }, other), children);
473
- if (tooltipContent) {
474
- return /*#__PURE__*/React.createElement(Tooltip, {
475
- content: tooltipContent,
476
- position: "top",
477
- tag: "span"
478
- }, emojiSpan);
479
- }
480
- return emojiSpan;
481
472
  });
482
473
  export var Emoji = function Emoji(props) {
483
474
  var emoji = props.emoji;
package/dist/esm/components/picker/EmojiPickerNoResults.js CHANGED
@@ -3,7 +3,7 @@ import "./EmojiPickerNoResults.compiled.css";
3
3
  import * as React from 'react';
4
4
  import { ax, ix } from "@compiled/react/runtime";
5
5
  import { useCallback } from 'react';
6
- import { useThemeObserver } from '@atlaskit/tokens';
6
+ import { useThemeObserver } from '@atlaskit/tokens/use-theme-observer';
7
7
  import { fg } from '@atlaskit/platform-feature-flags';
8
8
  import { FormattedMessage } from 'react-intl';
9
9
  import AkButton from '@atlaskit/button/standard-button';
package/dist/esm/util/analytics/analytics.js CHANGED
@@ -14,7 +14,7 @@ var createEvent = function createEvent(eventType, action, actionSubject, actionS
14
14
  actionSubjectId: actionSubjectId,
15
15
  attributes: _objectSpread({
16
16
  packageName: "@atlaskit/emoji",
17
- packageVersion: "71.7.9"
17
+ packageVersion: "71.8.1"
18
18
  }, attributes)
19
19
  };
20
20
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/emoji",
3
- "version": "71.8.0",
3
+ "version": "71.9.0",
4
4
  "description": "Fabric emoji React components",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -30,28 +30,28 @@
30
30
  },
31
31
  "dependencies": {
32
32
  "@atlaskit/afm-i18n-platform-elements-emoji": "2.168.0",
33
- "@atlaskit/analytics-next": "^12.2.0",
33
+ "@atlaskit/analytics-next": "^12.3.0",
34
34
  "@atlaskit/browser-apis": "^1.1.0",
35
35
  "@atlaskit/button": "^24.3.0",
36
36
  "@atlaskit/css": "^1.0.0",
37
37
  "@atlaskit/feature-gate-js-client": "^6.0.0",
38
38
  "@atlaskit/form": "^16.1.0",
39
39
  "@atlaskit/heading": "^6.2.0",
40
- "@atlaskit/icon": "^36.2.0",
40
+ "@atlaskit/icon": "^37.0.0",
41
41
  "@atlaskit/icon-lab": "^7.3.0",
42
- "@atlaskit/image": "^4.1.0",
42
+ "@atlaskit/image": "^4.2.0",
43
43
  "@atlaskit/logo": "^21.4.0",
44
44
  "@atlaskit/media-client": "^37.2.0",
45
45
  "@atlaskit/media-client-react": "^6.1.0",
46
46
  "@atlaskit/platform-feature-flags": "^2.0.0",
47
47
  "@atlaskit/pragmatic-drag-and-drop": "^2.0.0",
48
- "@atlaskit/primitives": "^20.5.0",
48
+ "@atlaskit/primitives": "^20.6.0",
49
49
  "@atlaskit/radio": "^9.1.0",
50
50
  "@atlaskit/spinner": "^20.1.0",
51
51
  "@atlaskit/textfield": "^9.1.0",
52
52
  "@atlaskit/theme": "^26.1.0",
53
- "@atlaskit/tmp-editor-statsig": "^124.0.0",
54
- "@atlaskit/tokens": "^15.5.0",
53
+ "@atlaskit/tmp-editor-statsig": "^124.9.0",
54
+ "@atlaskit/tokens": "^15.8.0",
55
55
  "@atlaskit/tooltip": "^23.1.0",
56
56
  "@atlaskit/ufo": "^1.0.0",
57
57
  "@atlaskit/util-service-support": "^7.2.0",
@@ -78,7 +78,7 @@
78
78
  "@atlaskit/media-core": "^38.0.0",
79
79
  "@atlaskit/ssr": "workspace:^",
80
80
  "@atlassian/a11y-jest-testing": "^0.13.0",
81
- "@atlassian/feature-flags-test-utils": "^1.1.0",
81
+ "@atlassian/feature-flags-test-utils": "^1.2.0",
82
82
  "@emotion/jest": "^11.8.0",
83
83
  "@testing-library/dom": "^10.1.0",
84
84
  "@testing-library/jest-dom": "^6.4.5",