@atlaskit/editor-plugin-emoji 16.0.14 → 16.0.16

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.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,24 @@
1
1
  # @atlaskit/editor-plugin-emoji
2
2
 
3
+ ## 16.0.16
4
+
5
+ ### Patch Changes
6
+
7
+ - [`b4c4cd8f205e4`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/b4c4cd8f205e4) -
8
+ Clean up experiment `platform_editor_prevent_toolbar_layout_shifts` and keep the enabled toolbar
9
+ layout behavior.
10
+ - Updated dependencies
11
+
12
+ ## 16.0.15
13
+
14
+ ### Patch Changes
15
+
16
+ - [`656801b9e097c`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/656801b9e097c) -
17
+ VOLTC-331 - Migrate updated package usage in platform/editor: rewrite barrel imports of
18
+ voltCompliant provider packages to deep/subpath imports (consumer-side debarrel). No public API
19
+ changes.
20
+ - Updated dependencies
21
+
3
22
  ## 16.0.14
4
23
 
5
24
  ### Patch Changes
@@ -487,7 +487,7 @@ function createEmojiPlugin(pmPluginFactoryParams, options, api) {
487
487
  key: emojiPluginKey,
488
488
  state: {
489
489
  init: function init() {
490
- if (options !== null && options !== void 0 && options.emojiProvider && (0, _experiments.editorExperiment)('platform_editor_prevent_toolbar_layout_shifts', true)) {
490
+ if (options !== null && options !== void 0 && options.emojiProvider) {
491
491
  return {
492
492
  emojiProviderPromise: options.emojiProvider
493
493
  };
@@ -506,7 +506,7 @@ function createEmojiPlugin(pmPluginFactoryParams, options, api) {
506
506
  case _actions.ACTIONS.SET_PROVIDER:
507
507
  newPluginState = _objectSpread(_objectSpread({}, pluginState), {}, {
508
508
  emojiProvider: params.provider,
509
- emojiProviderPromise: (0, _experiments.editorExperiment)('platform_editor_prevent_toolbar_layout_shifts', true) ? Promise.resolve(params.provider) : undefined
509
+ emojiProviderPromise: Promise.resolve(params.provider)
510
510
  });
511
511
  pmPluginFactoryParams.dispatch(emojiPluginKey, newPluginState);
512
512
  return newPluginState;
@@ -22,7 +22,7 @@ var _vanillaTooltip = require("@atlaskit/editor-common/vanilla-tooltip");
22
22
  var _editorPluginConnectivity = require("@atlaskit/editor-plugin-connectivity");
23
23
  var _model = require("@atlaskit/editor-prosemirror/model");
24
24
  var _emojiIdToEmoji = require("@atlaskit/emoji/emoji-id-to-emoji");
25
- var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
25
+ var _fg = require("@atlaskit/platform-feature-flags/fg");
26
26
  var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
27
27
  var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure");
28
28
  var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
@@ -346,7 +346,7 @@ var EmojiNodeView = exports.EmojiNodeView = /*#__PURE__*/function () {
346
346
  // Replacement Character (U+FFFD) instead of the shortName text. Standard
347
347
  // emojis continue to fall back to their Unicode text representation.
348
348
  var fallbackText = text || shortName;
349
- var useReplacementChar = (0, _platformFeatureFlags.fg)('platform_editor_custom_emoji_unicode_fallback') && !isSingleEmoji(fallbackText);
349
+ var useReplacementChar = (0, _fg.fg)('platform_editor_custom_emoji_unicode_fallback') && !isSingleEmoji(fallbackText);
350
350
  var renderedFallbackText = useReplacementChar ? "\uFFFD" : fallbackText;
351
351
  fallbackElement.innerText = renderedFallbackText;
352
352
  fallbackElement.setAttribute('role', 'img');
@@ -9,7 +9,7 @@ exports.emojiToDom = emojiToDom;
9
9
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
10
10
  var _adfSchema = require("@atlaskit/adf-schema");
11
11
  var _lazyNodeView = require("@atlaskit/editor-common/lazy-node-view");
12
- var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
12
+ var _fg = require("@atlaskit/platform-feature-flags/fg");
13
13
  var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
14
14
  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; }
15
15
  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; }
@@ -22,7 +22,7 @@ var isSSR = Boolean(process.env.REACT_SSR);
22
22
  * @returns
23
23
  */
24
24
  var emojiNodeSpec = exports.emojiNodeSpec = function emojiNodeSpec() {
25
- var emojiNode = (0, _platformFeatureFlags.fg)('platform_editor_adf_with_localid') ? _adfSchema.emojiWithLocalId : _adfSchema.emoji;
25
+ var emojiNode = (0, _fg.fg)('platform_editor_adf_with_localid') ? _adfSchema.emojiWithLocalId : _adfSchema.emoji;
26
26
  if (isSSR) {
27
27
  return emojiNode;
28
28
  }
@@ -69,7 +69,7 @@ function emojiToDom(node) {
69
69
  'aria-label': shortName,
70
70
  class: 'emoji-common-placeholder'
71
71
  };
72
- if ((0, _platformFeatureFlags.fg)('platform_editor_adf_with_localid')) {
72
+ if ((0, _fg.fg)('platform_editor_adf_with_localid')) {
73
73
  attrs['data-local-id'] = node.attrs.localId;
74
74
  }
75
75
  return ['span', attrs];
@@ -15,7 +15,7 @@ var _uiReact = require("@atlaskit/editor-common/ui-react");
15
15
  var _useSharedPluginStateSelector = require("@atlaskit/editor-common/use-shared-plugin-state-selector");
16
16
  var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
17
17
  var _emoji = require("@atlaskit/emoji");
18
- var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
18
+ var _fg = require("@atlaskit/platform-feature-flags/fg");
19
19
  var _actions = require("../pm-plugins/actions");
20
20
  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); }
21
21
  var PopupWithListeners = (0, _uiReact.withReactEditorViewOuterListeners)(_ui.Popup);
@@ -39,7 +39,7 @@ var InlineEmojiPopupOld = exports.InlineEmojiPopupOld = function InlineEmojiPopu
39
39
  isOpen = _ref2.inlineEmojiPopupOpen;
40
40
  var intl = (0, _reactIntl.useIntl)();
41
41
  (0, _react.useEffect)(function () {
42
- if (isOpen && (0, _platformFeatureFlags.fg)('platform_editor_ease_of_use_metrics')) {
42
+ if (isOpen && (0, _fg.fg)('platform_editor_ease_of_use_metrics')) {
43
43
  var _api$metrics;
44
44
  api === null || api === void 0 || api.core.actions.execute(api === null || api === void 0 || (_api$metrics = api.metrics) === null || _api$metrics === void 0 ? void 0 : _api$metrics.commands.handleIntentToStartEdit({
45
45
  shouldStartTimer: false,
@@ -48,7 +48,7 @@ var InlineEmojiPopupOld = exports.InlineEmojiPopupOld = function InlineEmojiPopu
48
48
  }
49
49
  }, [isOpen, api]);
50
50
  var handleOnClose = (0, _react.useCallback)(function () {
51
- if ((0, _platformFeatureFlags.fg)('platform_editor_ease_of_use_metrics')) {
51
+ if ((0, _fg.fg)('platform_editor_ease_of_use_metrics')) {
52
52
  var _api$metrics2;
53
53
  api === null || api === void 0 || api.core.actions.execute(api === null || api === void 0 || (_api$metrics2 = api.metrics) === null || _api$metrics2 === void 0 ? void 0 : _api$metrics2.commands.startActiveSessionTimer());
54
54
  }
@@ -104,7 +104,7 @@ var InlineEmojiPopupContent = function InlineEmojiPopupContent(_ref3) {
104
104
  var emojiProvider = (0, _useSharedPluginStateSelector.useSharedPluginStateSelector)(api, 'emoji.emojiProvider');
105
105
  var intl = (0, _reactIntl.useIntl)();
106
106
  (0, _react.useEffect)(function () {
107
- if ((0, _platformFeatureFlags.fg)('platform_editor_ease_of_use_metrics')) {
107
+ if ((0, _fg.fg)('platform_editor_ease_of_use_metrics')) {
108
108
  var _api$metrics3;
109
109
  api === null || api === void 0 || api.core.actions.execute(api === null || api === void 0 || (_api$metrics3 = api.metrics) === null || _api$metrics3 === void 0 ? void 0 : _api$metrics3.commands.handleIntentToStartEdit({
110
110
  shouldStartTimer: false,
@@ -114,7 +114,7 @@ var InlineEmojiPopupContent = function InlineEmojiPopupContent(_ref3) {
114
114
  }, [api === null || api === void 0 ? void 0 : api.core.actions, api === null || api === void 0 || (_api$metrics4 = api.metrics) === null || _api$metrics4 === void 0 ? void 0 : _api$metrics4.commands]);
115
115
  var handleOnClose = (0, _react.useCallback)(function () {
116
116
  editorView.dispatch((0, _actions.setInlineEmojiPopupOpen)(false)(editorView.state.tr));
117
- if ((0, _platformFeatureFlags.fg)('platform_editor_ease_of_use_metrics')) {
117
+ if ((0, _fg.fg)('platform_editor_ease_of_use_metrics')) {
118
118
  var _api$metrics5;
119
119
  api === null || api === void 0 || api.core.actions.execute(api === null || api === void 0 || (_api$metrics5 = api.metrics) === null || _api$metrics5 === void 0 ? void 0 : _api$metrics5.commands.startActiveSessionTimer());
120
120
  }
@@ -442,7 +442,7 @@ function createEmojiPlugin(pmPluginFactoryParams, options, api) {
442
442
  key: emojiPluginKey,
443
443
  state: {
444
444
  init() {
445
- if (options !== null && options !== void 0 && options.emojiProvider && editorExperiment('platform_editor_prevent_toolbar_layout_shifts', true)) {
445
+ if (options !== null && options !== void 0 && options.emojiProvider) {
446
446
  return {
447
447
  emojiProviderPromise: options.emojiProvider
448
448
  };
@@ -463,7 +463,7 @@ function createEmojiPlugin(pmPluginFactoryParams, options, api) {
463
463
  newPluginState = {
464
464
  ...pluginState,
465
465
  emojiProvider: params.provider,
466
- emojiProviderPromise: editorExperiment('platform_editor_prevent_toolbar_layout_shifts', true) ? Promise.resolve(params.provider) : undefined
466
+ emojiProviderPromise: Promise.resolve(params.provider)
467
467
  };
468
468
  pmPluginFactoryParams.dispatch(emojiPluginKey, newPluginState);
469
469
  return newPluginState;
@@ -10,7 +10,7 @@ import { VanillaTooltip } from '@atlaskit/editor-common/vanilla-tooltip';
10
10
  import { isOfflineMode } from '@atlaskit/editor-plugin-connectivity';
11
11
  import { DOMSerializer } from '@atlaskit/editor-prosemirror/model';
12
12
  import { emojiIdToEmoji } from '@atlaskit/emoji/emoji-id-to-emoji';
13
- import { fg } from '@atlaskit/platform-feature-flags';
13
+ import { fg } from '@atlaskit/platform-feature-flags/fg';
14
14
  import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
15
15
  import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
16
16
  import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
@@ -1,6 +1,6 @@
1
1
  import { emoji, emojiWithLocalId } from '@atlaskit/adf-schema';
2
2
  import { convertToInlineCss } from '@atlaskit/editor-common/lazy-node-view';
3
- import { fg } from '@atlaskit/platform-feature-flags';
3
+ import { fg } from '@atlaskit/platform-feature-flags/fg';
4
4
  import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
5
5
  const isSSR = Boolean(process.env.REACT_SSR);
6
6
 
@@ -8,7 +8,7 @@ import { OutsideClickTargetRefContext, withReactEditorViewOuterListeners as with
8
8
  import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared-plugin-state-selector';
9
9
  import { akEditorFloatingDialogZIndex } from '@atlaskit/editor-shared-styles';
10
10
  import { EmojiPicker } from '@atlaskit/emoji';
11
- import { fg } from '@atlaskit/platform-feature-flags';
11
+ import { fg } from '@atlaskit/platform-feature-flags/fg';
12
12
  import { setInlineEmojiPopupOpen } from '../pm-plugins/actions';
13
13
  const PopupWithListeners = withOuterListeners(Popup);
14
14
  const emojiPopupMessages = {
@@ -476,7 +476,7 @@ function createEmojiPlugin(pmPluginFactoryParams, options, api) {
476
476
  key: emojiPluginKey,
477
477
  state: {
478
478
  init: function init() {
479
- if (options !== null && options !== void 0 && options.emojiProvider && editorExperiment('platform_editor_prevent_toolbar_layout_shifts', true)) {
479
+ if (options !== null && options !== void 0 && options.emojiProvider) {
480
480
  return {
481
481
  emojiProviderPromise: options.emojiProvider
482
482
  };
@@ -495,7 +495,7 @@ function createEmojiPlugin(pmPluginFactoryParams, options, api) {
495
495
  case ACTIONS.SET_PROVIDER:
496
496
  newPluginState = _objectSpread(_objectSpread({}, pluginState), {}, {
497
497
  emojiProvider: params.provider,
498
- emojiProviderPromise: editorExperiment('platform_editor_prevent_toolbar_layout_shifts', true) ? Promise.resolve(params.provider) : undefined
498
+ emojiProviderPromise: Promise.resolve(params.provider)
499
499
  });
500
500
  pmPluginFactoryParams.dispatch(emojiPluginKey, newPluginState);
501
501
  return newPluginState;
@@ -14,7 +14,7 @@ import { VanillaTooltip } from '@atlaskit/editor-common/vanilla-tooltip';
14
14
  import { isOfflineMode } from '@atlaskit/editor-plugin-connectivity';
15
15
  import { DOMSerializer } from '@atlaskit/editor-prosemirror/model';
16
16
  import { emojiIdToEmoji } from '@atlaskit/emoji/emoji-id-to-emoji';
17
- import { fg } from '@atlaskit/platform-feature-flags';
17
+ import { fg } from '@atlaskit/platform-feature-flags/fg';
18
18
  import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
19
19
  import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
20
20
  import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
@@ -3,7 +3,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
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
  import { emoji, emojiWithLocalId } from '@atlaskit/adf-schema';
5
5
  import { convertToInlineCss } from '@atlaskit/editor-common/lazy-node-view';
6
- import { fg } from '@atlaskit/platform-feature-flags';
6
+ import { fg } from '@atlaskit/platform-feature-flags/fg';
7
7
  import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
8
8
  var isSSR = Boolean(process.env.REACT_SSR);
9
9
 
@@ -8,7 +8,7 @@ import { OutsideClickTargetRefContext, withReactEditorViewOuterListeners as with
8
8
  import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared-plugin-state-selector';
9
9
  import { akEditorFloatingDialogZIndex } from '@atlaskit/editor-shared-styles';
10
10
  import { EmojiPicker } from '@atlaskit/emoji';
11
- import { fg } from '@atlaskit/platform-feature-flags';
11
+ import { fg } from '@atlaskit/platform-feature-flags/fg';
12
12
  import { setInlineEmojiPopupOpen } from '../pm-plugins/actions';
13
13
  var PopupWithListeners = withOuterListeners(Popup);
14
14
  var emojiPopupMessages = {
@@ -1,5 +1,5 @@
1
1
  import type { EmojiDefinition } from '@atlaskit/adf-schema';
2
- import type { JSONNode } from '@atlaskit/editor-json-transformer';
2
+ import type { JSONNode } from '@atlaskit/editor-json-transformer/types';
3
3
  import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
4
4
  import type { EmojiResource, OptionalEmojiDescriptionWithVariations } from '@atlaskit/emoji';
5
5
  import { NodeDataProvider } from '@atlaskit/node-data-provider';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-plugin-emoji",
3
- "version": "16.0.14",
3
+ "version": "16.0.16",
4
4
  "description": "Emoji plugin for @atlaskit/editor-core",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -23,6 +23,7 @@
23
23
  "dependencies": {
24
24
  "@atlaskit/adf-schema": "^57.0.0",
25
25
  "@atlaskit/browser-apis": "^1.2.0",
26
+ "@atlaskit/editor-json-transformer": "^9.6.0",
26
27
  "@atlaskit/editor-plugin-analytics": "^15.0.0",
27
28
  "@atlaskit/editor-plugin-annotation": "^15.0.0",
28
29
  "@atlaskit/editor-plugin-base": "^16.0.0",
@@ -40,7 +41,7 @@
40
41
  "@atlaskit/platform-feature-experiments": "^0.3.0",
41
42
  "@atlaskit/platform-feature-flags": "^2.1.0",
42
43
  "@atlaskit/prosemirror-input-rules": "^4.0.0",
43
- "@atlaskit/tmp-editor-statsig": "^159.0.0",
44
+ "@atlaskit/tmp-editor-statsig": "^160.0.0",
44
45
  "@atlaskit/tokens": "^16.8.0",
45
46
  "@babel/runtime": "^7.0.0",
46
47
  "@emotion/react": "^11.7.1",