@atlaskit/editor-plugin-emoji 2.9.3 → 3.0.0

package/CHANGELOG.md

@@ -1,5 +1,33 @@
 # @atlaskit/editor-plugin-emoji
 
+## 3.0.0
+
+### Major Changes
+
+- [#117363](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/117363)
+  [`10a0f7f6c2027`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/10a0f7f6c2027) -
+  This package's `peerDependencies` have been adjusted for `react` and/or `react-dom` to reflect the
+  status of only supporting React 18 going forward. No explicit breaking change to React support has
+  been made in this release, but this is to signify going forward, breaking changes for React 16 or
+  React 17 may come via non-major semver releases.
+
+  Please refer this community post for more details:
+  https://community.developer.atlassian.com/t/rfc-78-dropping-support-for-react-16-and-rendering-in-a-react-18-concurrent-root-in-jira-and-confluence/87026
+
+### Patch Changes
+
+- Updated dependencies
+
+## 2.9.4
+
+### Patch Changes
+
+- [#114079](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/114079)
+  [`d32dc78b19302`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/d32dc78b19302) -
+  [ux] Re-enables emojis while offline and adds a fallback for emojis in the emoji picker if the
+  image cannot be loaded
+- Updated dependencies
+
 ## 2.9.3
 
 ### Patch Changes

package/dist/cjs/emojiPlugin.js

@@ -320,7 +320,7 @@ var emojiPlugin = exports.emojiPlugin = function emojiPlugin(_ref2) {
           description: formatMessage(_messages.toolbarInsertBlockMessages.emojiDescription),
           priority: 500,
           keyshortcut: ':',
-          isDisabledOffline: true,
+          isDisabledOffline: (0, _platformFeatureFlags.fg)('platform_editor_preload_emoji_picker') ? false : true,
           icon: function icon() {
             return /*#__PURE__*/_react.default.createElement(_quickInsert.IconEmoji, null);
           },

package/dist/cjs/nodeviews/emojiNodeSpec.js

@@ -9,7 +9,6 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _adfSchema = require("@atlaskit/adf-schema");
 var _lazyNodeView = require("@atlaskit/editor-common/lazy-node-view");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _colors = require("@atlaskit/theme/colors");
 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 isSSR = Boolean(process.env.REACT_SSR);
@@ -38,14 +37,14 @@ var emojiNodeSpec = exports.emojiNodeSpec = function emojiNodeSpec() {
         contenteditable: 'false',
         style: (0, _lazyNodeView.convertToInlineCss)({
           content: "''",
-          fill: 'f7f7f7',
+          fill: "var(--ds-background-neutral, #091E420F)",
           minWidth: "20px",
           width: "20px",
           height: "20px",
           position: 'relative',
           margin: '-1px 0',
           display: 'inline-block',
-          background: "var(--ds-background-neutral, ".concat(_colors.N20A, ")"),
+          background: "var(--ds-background-neutral, #091E420F)",
           borderRadius: "var(--ds-border-radius-100, 3px)",
           overflow: 'hidden',
           verticalAlign: 'middle',

package/dist/es2019/emojiPlugin.js

@@ -282,7 +282,7 @@ export const emojiPlugin = ({
         description: formatMessage(messages.emojiDescription),
         priority: 500,
         keyshortcut: ':',
-        isDisabledOffline: true,
+        isDisabledOffline: fg('platform_editor_preload_emoji_picker') ? false : true,
         icon: () => /*#__PURE__*/React.createElement(IconEmoji, null),
         action(insert, state) {
           var _api$typeAhead;

package/dist/es2019/nodeviews/emojiNodeSpec.js

@@ -1,7 +1,6 @@
 import { emoji } from '@atlaskit/adf-schema';
 import { convertToInlineCss } from '@atlaskit/editor-common/lazy-node-view';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { N20A } from '@atlaskit/theme/colors';
 const isSSR = Boolean(process.env.REACT_SSR);
 
 /**
@@ -30,14 +29,14 @@ export const emojiNodeSpec = () => {
         contenteditable: 'false',
         style: convertToInlineCss({
           content: "''",
-          fill: 'f7f7f7',
+          fill: "var(--ds-background-neutral, #091E420F)",
           minWidth: `20px`,
           width: `20px`,
           height: `20px`,
           position: 'relative',
           margin: '-1px 0',
           display: 'inline-block',
-          background: `var(--ds-background-neutral, ${N20A})`,
+          background: "var(--ds-background-neutral, #091E420F)",
           borderRadius: "var(--ds-border-radius-100, 3px)",
           overflow: 'hidden',
           verticalAlign: 'middle',

package/dist/esm/emojiPlugin.js

@@ -305,7 +305,7 @@ export var emojiPlugin = function emojiPlugin(_ref2) {
           description: formatMessage(messages.emojiDescription),
           priority: 500,
           keyshortcut: ':',
-          isDisabledOffline: true,
+          isDisabledOffline: fg('platform_editor_preload_emoji_picker') ? false : true,
           icon: function icon() {
             return /*#__PURE__*/React.createElement(IconEmoji, null);
           },

package/dist/esm/nodeviews/emojiNodeSpec.js

@@ -4,7 +4,6 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import { emoji } from '@atlaskit/adf-schema';
 import { convertToInlineCss } from '@atlaskit/editor-common/lazy-node-view';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { N20A } from '@atlaskit/theme/colors';
 var isSSR = Boolean(process.env.REACT_SSR);
 
 /**
@@ -31,14 +30,14 @@ export var emojiNodeSpec = function emojiNodeSpec() {
         contenteditable: 'false',
         style: convertToInlineCss({
           content: "''",
-          fill: 'f7f7f7',
+          fill: "var(--ds-background-neutral, #091E420F)",
           minWidth: "20px",
           width: "20px",
           height: "20px",
           position: 'relative',
           margin: '-1px 0',
           display: 'inline-block',
-          background: "var(--ds-background-neutral, ".concat(N20A, ")"),
+          background: "var(--ds-background-neutral, #091E420F)",
           borderRadius: "var(--ds-border-radius-100, 3px)",
           overflow: 'hidden',
           verticalAlign: 'middle',

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-emoji",
-	"version": "2.9.3",
+	"version": "3.0.0",
 	"description": "Emoji plugin for @atlaskit/editor-core",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -21,33 +21,33 @@
 	},
 	"dependencies": {
 		"@atlaskit/adf-schema": "^47.2.1",
-		"@atlaskit/editor-common": "^99.17.0",
-		"@atlaskit/editor-plugin-analytics": "^1.12.0",
-		"@atlaskit/editor-plugin-annotation": "1.28.1",
+		"@atlaskit/editor-common": "^100.0.0",
+		"@atlaskit/editor-plugin-analytics": "^2.0.0",
+		"@atlaskit/editor-plugin-annotation": "2.0.0",
 		"@atlaskit/editor-plugin-base": "^2.2.0",
-		"@atlaskit/editor-plugin-editor-viewmode": "^2.2.0",
-		"@atlaskit/editor-plugin-type-ahead": "^1.13.0",
+		"@atlaskit/editor-plugin-editor-viewmode": "^3.0.0",
+		"@atlaskit/editor-plugin-type-ahead": "^2.0.0",
 		"@atlaskit/editor-prosemirror": "7.0.0",
-		"@atlaskit/emoji": "^67.14.0",
-		"@atlaskit/icon": "^23.9.0",
-		"@atlaskit/node-data-provider": "^3.1.0",
+		"@atlaskit/emoji": "^68.0.0",
+		"@atlaskit/icon": "^24.0.0",
+		"@atlaskit/node-data-provider": "^4.0.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/prosemirror-input-rules": "^3.3.0",
-		"@atlaskit/theme": "^16.0.0",
-		"@atlaskit/tokens": "^3.2.0",
+		"@atlaskit/theme": "^17.0.0",
+		"@atlaskit/tokens": "^4.0.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
 		"react-intl-next": "npm:react-intl@^5.18.1",
 		"react-loadable": "^5.1.0"
 	},
 	"peerDependencies": {
-		"react": "^16.8.0 || ^17.0.0 || ~18.2.0",
-		"react-dom": "^16.8.0 || ^17.0.0 || ^18.2.0"
+		"react": "^18.2.0",
+		"react-dom": "^18.2.0"
 	},
 	"devDependencies": {
 		"@af/visual-regression": "*",
 		"@atlaskit/editor-plugin-composition": "^1.3.0",
-		"@atlaskit/editor-plugin-decorations": "^1.5.0",
+		"@atlaskit/editor-plugin-decorations": "^2.0.0",
 		"@atlaskit/ssr": "*",
 		"@atlaskit/util-data-test": "^18.0.0",
 		"@atlaskit/visual-regression": "*",