@atlaskit/editor-plugin-emoji 2.9.2 → 2.9.4

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,21 @@
1
1
  # @atlaskit/editor-plugin-emoji
2
2
 
3
+ ## 2.9.4
4
+
5
+ ### Patch Changes
6
+
7
+ - [#114079](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/114079)
8
+ [`d32dc78b19302`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/d32dc78b19302) -
9
+ [ux] Re-enables emojis while offline and adds a fallback for emojis in the emoji picker if the
10
+ image cannot be loaded
11
+ - Updated dependencies
12
+
13
+ ## 2.9.3
14
+
15
+ ### Patch Changes
16
+
17
+ - Updated dependencies
18
+
3
19
  ## 2.9.2
4
20
 
5
21
  ### Patch Changes
@@ -320,7 +320,7 @@ var emojiPlugin = exports.emojiPlugin = function emojiPlugin(_ref2) {
320
320
  description: formatMessage(_messages.toolbarInsertBlockMessages.emojiDescription),
321
321
  priority: 500,
322
322
  keyshortcut: ':',
323
- isDisabledOffline: true,
323
+ isDisabledOffline: (0, _platformFeatureFlags.fg)('platform_editor_preload_emoji_picker') ? false : true,
324
324
  icon: function icon() {
325
325
  return /*#__PURE__*/_react.default.createElement(_quickInsert.IconEmoji, null);
326
326
  },
@@ -9,7 +9,6 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
9
9
  var _adfSchema = require("@atlaskit/adf-schema");
10
10
  var _lazyNodeView = require("@atlaskit/editor-common/lazy-node-view");
11
11
  var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
12
- var _colors = require("@atlaskit/theme/colors");
13
12
  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; }
14
13
  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; }
15
14
  var isSSR = Boolean(process.env.REACT_SSR);
@@ -38,14 +37,14 @@ var emojiNodeSpec = exports.emojiNodeSpec = function emojiNodeSpec() {
38
37
  contenteditable: 'false',
39
38
  style: (0, _lazyNodeView.convertToInlineCss)({
40
39
  content: "''",
41
- fill: 'f7f7f7',
40
+ fill: "var(--ds-background-neutral, #091E420F)",
42
41
  minWidth: "20px",
43
42
  width: "20px",
44
43
  height: "20px",
45
44
  position: 'relative',
46
45
  margin: '-1px 0',
47
46
  display: 'inline-block',
48
- background: "var(--ds-background-neutral, ".concat(_colors.N20A, ")"),
47
+ background: "var(--ds-background-neutral, #091E420F)",
49
48
  borderRadius: "var(--ds-border-radius-100, 3px)",
50
49
  overflow: 'hidden',
51
50
  verticalAlign: 'middle',
@@ -282,7 +282,7 @@ export const emojiPlugin = ({
282
282
  description: formatMessage(messages.emojiDescription),
283
283
  priority: 500,
284
284
  keyshortcut: ':',
285
- isDisabledOffline: true,
285
+ isDisabledOffline: fg('platform_editor_preload_emoji_picker') ? false : true,
286
286
  icon: () => /*#__PURE__*/React.createElement(IconEmoji, null),
287
287
  action(insert, state) {
288
288
  var _api$typeAhead;
@@ -1,7 +1,6 @@
1
1
  import { emoji } from '@atlaskit/adf-schema';
2
2
  import { convertToInlineCss } from '@atlaskit/editor-common/lazy-node-view';
3
3
  import { fg } from '@atlaskit/platform-feature-flags';
4
- import { N20A } from '@atlaskit/theme/colors';
5
4
  const isSSR = Boolean(process.env.REACT_SSR);
6
5
 
7
6
  /**
@@ -30,14 +29,14 @@ export const emojiNodeSpec = () => {
30
29
  contenteditable: 'false',
31
30
  style: convertToInlineCss({
32
31
  content: "''",
33
- fill: 'f7f7f7',
32
+ fill: "var(--ds-background-neutral, #091E420F)",
34
33
  minWidth: `20px`,
35
34
  width: `20px`,
36
35
  height: `20px`,
37
36
  position: 'relative',
38
37
  margin: '-1px 0',
39
38
  display: 'inline-block',
40
- background: `var(--ds-background-neutral, ${N20A})`,
39
+ background: "var(--ds-background-neutral, #091E420F)",
41
40
  borderRadius: "var(--ds-border-radius-100, 3px)",
42
41
  overflow: 'hidden',
43
42
  verticalAlign: 'middle',
@@ -305,7 +305,7 @@ export var emojiPlugin = function emojiPlugin(_ref2) {
305
305
  description: formatMessage(messages.emojiDescription),
306
306
  priority: 500,
307
307
  keyshortcut: ':',
308
- isDisabledOffline: true,
308
+ isDisabledOffline: fg('platform_editor_preload_emoji_picker') ? false : true,
309
309
  icon: function icon() {
310
310
  return /*#__PURE__*/React.createElement(IconEmoji, null);
311
311
  },
@@ -4,7 +4,6 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
4
4
  import { emoji } from '@atlaskit/adf-schema';
5
5
  import { convertToInlineCss } from '@atlaskit/editor-common/lazy-node-view';
6
6
  import { fg } from '@atlaskit/platform-feature-flags';
7
- import { N20A } from '@atlaskit/theme/colors';
8
7
  var isSSR = Boolean(process.env.REACT_SSR);
9
8
 
10
9
  /**
@@ -31,14 +30,14 @@ export var emojiNodeSpec = function emojiNodeSpec() {
31
30
  contenteditable: 'false',
32
31
  style: convertToInlineCss({
33
32
  content: "''",
34
- fill: 'f7f7f7',
33
+ fill: "var(--ds-background-neutral, #091E420F)",
35
34
  minWidth: "20px",
36
35
  width: "20px",
37
36
  height: "20px",
38
37
  position: 'relative',
39
38
  margin: '-1px 0',
40
39
  display: 'inline-block',
41
- background: "var(--ds-background-neutral, ".concat(N20A, ")"),
40
+ background: "var(--ds-background-neutral, #091E420F)",
42
41
  borderRadius: "var(--ds-border-radius-100, 3px)",
43
42
  overflow: 'hidden',
44
43
  verticalAlign: 'middle',
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-plugin-emoji",
3
- "version": "2.9.2",
3
+ "version": "2.9.4",
4
4
  "description": "Emoji plugin for @atlaskit/editor-core",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -21,7 +21,7 @@
21
21
  },
22
22
  "dependencies": {
23
23
  "@atlaskit/adf-schema": "^47.2.1",
24
- "@atlaskit/editor-common": "^99.14.0",
24
+ "@atlaskit/editor-common": "^99.18.0",
25
25
  "@atlaskit/editor-plugin-analytics": "^1.12.0",
26
26
  "@atlaskit/editor-plugin-annotation": "1.28.1",
27
27
  "@atlaskit/editor-plugin-base": "^2.2.0",
@@ -29,11 +29,11 @@
29
29
  "@atlaskit/editor-plugin-type-ahead": "^1.13.0",
30
30
  "@atlaskit/editor-prosemirror": "7.0.0",
31
31
  "@atlaskit/emoji": "^67.14.0",
32
- "@atlaskit/icon": "^23.9.0",
32
+ "@atlaskit/icon": "^23.11.0",
33
33
  "@atlaskit/node-data-provider": "^3.1.0",
34
- "@atlaskit/platform-feature-flags": "^1.0.0",
34
+ "@atlaskit/platform-feature-flags": "^1.1.0",
35
35
  "@atlaskit/prosemirror-input-rules": "^3.3.0",
36
- "@atlaskit/theme": "^15.0.0",
36
+ "@atlaskit/theme": "^16.0.0",
37
37
  "@atlaskit/tokens": "^3.2.0",
38
38
  "@babel/runtime": "^7.0.0",
39
39
  "@emotion/react": "^11.7.1",