@atlaskit/editor-common 107.0.3 → 107.0.4

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @atlaskit/editor-common
 
+## 107.0.4
+
+### Patch Changes
+
+- [#173636](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/173636)
+  [`22b85a186fb8a`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/22b85a186fb8a) -
+  SSR placeholder for mention profile card trigger
+- Updated dependencies
+
 ## 107.0.3
 
 ### Patch Changes

package/dist/cjs/monitoring/error.js

@@ -16,7 +16,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 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); }
 var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-var packageVersion = "107.0.2";
+var packageVersion = "107.0.3";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007

package/dist/cjs/react-node-view/getInlineNodeViewProducer.js

@@ -31,7 +31,7 @@ var canRenderFallback = function canRenderFallback(node) {
 
 // list of inline nodes with toDOM fallback implementations that can be virtualized. As
 // additional nodes are converted they should be added here
-var virtualizedNodeAllowlist = ['status', 'mention', 'emoji', 'date', 'inlineCard'];
+var virtualizedNodeAllowlist = ['status', 'mention', 'emoji', 'inlineCard'];
 function createNodeView(_ref) {
   var nodeViewParams = _ref.nodeViewParams,
     pmPluginFactoryParams = _ref.pmPluginFactoryParams,

package/dist/cjs/ui/DropList/index.js

@@ -23,7 +23,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
  * @jsx jsx
  */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "107.0.2";
+var packageVersion = "107.0.3";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 // Ignored via go/ees005

package/dist/cjs/ui/Mention/mention-with-profilecard.js

@@ -20,7 +20,8 @@ function MentionWithProfileCard(_ref) {
     onClick = _ref.onClick,
     onMouseEnter = _ref.onMouseEnter,
     onMouseLeave = _ref.onMouseLeave,
-    localId = _ref.localId;
+    localId = _ref.localId,
+    ssrPlaceholderId = _ref.ssrPlaceholderId;
   var cloudId = profilecardProvider.cloudId,
     resourceClient = profilecardProvider.resourceClient;
   var actions = (0, _react.useMemo)(function () {
@@ -38,7 +39,8 @@ function MentionWithProfileCard(_ref) {
     // Ignored via go/ees005
     // eslint-disable-next-line require-unicode-regexp
     ,
-    ariaLabel: text.replace(/^@/, '')
+    ariaLabel: text.replace(/^@/, ''),
+    ssrPlaceholderId: ssrPlaceholderId
   }, /*#__PURE__*/_react.default.createElement(_mention.ResourcedMention, {
     id: id,
     text: text,
@@ -47,6 +49,7 @@ function MentionWithProfileCard(_ref) {
     mentionProvider: mentionProvider,
     onClick: onClick,
     onMouseEnter: onMouseEnter,
-    onMouseLeave: onMouseLeave
+    onMouseLeave: onMouseLeave,
+    ssrPlaceholderId: ssrPlaceholderId
   }));
 }

package/dist/cjs/ui/Mention/mention-with-providers.js

@@ -16,6 +16,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _element = require("@atlaskit/mention/element");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _mentionWithProfilecard = _interopRequireDefault(require("./mention-with-profilecard"));
 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); }
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
@@ -57,6 +58,7 @@ var MentionWithProviders = exports.MentionWithProviders = /*#__PURE__*/_react.de
     });
   }, [profilecardProviderResolver]);
   var MentionComponent = profilecardProvider && profilecardProviderResolver && GENERIC_USER_IDS.indexOf(id) === -1 ? _mentionWithProfilecard.default : _element.ResourcedMention;
+  var ssrPlaceholderId = (0, _platformFeatureFlags.fg)('cc_mention_ssr_placeholder') ? "mention-".concat(id) : undefined;
   return /*#__PURE__*/_react.default.createElement(MentionComponent, {
     id: id,
     text: text,
@@ -69,7 +71,8 @@ var MentionWithProviders = exports.MentionWithProviders = /*#__PURE__*/_react.de
     profilecardProvider: profilecardProvider,
     onClick: eventHandlers === null || eventHandlers === void 0 ? void 0 : eventHandlers.onClick,
     onMouseEnter: eventHandlers === null || eventHandlers === void 0 ? void 0 : eventHandlers.onMouseEnter,
-    onMouseLeave: eventHandlers === null || eventHandlers === void 0 ? void 0 : eventHandlers.onMouseLeave
+    onMouseLeave: eventHandlers === null || eventHandlers === void 0 ? void 0 : eventHandlers.onMouseLeave,
+    ssrPlaceholderId: ssrPlaceholderId
   });
 });
 

package/dist/es2019/monitoring/error.js

@@ -1,7 +1,7 @@
 import { isFedRamp } from './environment';
 const SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 const packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-const packageVersion = "107.0.2";
+const packageVersion = "107.0.3";
 const sanitiseSentryEvents = (data, _hint) => {
   // Remove URL as it has UGC
   // Ignored via go/ees007

package/dist/es2019/react-node-view/getInlineNodeViewProducer.js

@@ -23,7 +23,7 @@ const canRenderFallback = node => {
 
 // list of inline nodes with toDOM fallback implementations that can be virtualized. As
 // additional nodes are converted they should be added here
-const virtualizedNodeAllowlist = ['status', 'mention', 'emoji', 'date', 'inlineCard'];
+const virtualizedNodeAllowlist = ['status', 'mention', 'emoji', 'inlineCard'];
 function createNodeView({
   nodeViewParams,
   pmPluginFactoryParams,

package/dist/es2019/ui/DropList/index.js

@@ -13,7 +13,7 @@ import withAnalyticsContext from '@atlaskit/analytics-next/withAnalyticsContext'
 import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import Layer from '../Layer';
 const packageName = "@atlaskit/editor-common";
-const packageVersion = "107.0.2";
+const packageVersion = "107.0.3";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 // Ignored via go/ees005

package/dist/es2019/ui/Mention/mention-with-profilecard.js

@@ -11,7 +11,8 @@ export default function MentionWithProfileCard({
   onClick,
   onMouseEnter,
   onMouseLeave,
-  localId
+  localId,
+  ssrPlaceholderId
 }) {
   const {
     cloudId,
@@ -30,7 +31,8 @@ export default function MentionWithProfileCard({
     // Ignored via go/ees005
     // eslint-disable-next-line require-unicode-regexp
     ,
-    ariaLabel: text.replace(/^@/, '')
+    ariaLabel: text.replace(/^@/, ''),
+    ssrPlaceholderId: ssrPlaceholderId
   }, /*#__PURE__*/React.createElement(ResourcedMention, {
     id: id,
     text: text,
@@ -39,6 +41,7 @@ export default function MentionWithProfileCard({
     mentionProvider: mentionProvider,
     onClick: onClick,
     onMouseEnter: onMouseEnter,
-    onMouseLeave: onMouseLeave
+    onMouseLeave: onMouseLeave,
+    ssrPlaceholderId: ssrPlaceholderId
   }));
 }

package/dist/es2019/ui/Mention/mention-with-providers.js

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React, { PureComponent, useLayoutEffect, useRef, useState } from 'react';
 import { ResourcedMention } from '@atlaskit/mention/element';
+import { fg } from '@atlaskit/platform-feature-flags';
 import ResourcedMentionWithProfilecard from './mention-with-profilecard';
 const GENERIC_USER_IDS = ['HipChat', 'all', 'here'];
 const noop = () => {};
@@ -38,6 +39,7 @@ export const MentionWithProviders = /*#__PURE__*/React.memo(({
     });
   }, [profilecardProviderResolver]);
   const MentionComponent = profilecardProvider && profilecardProviderResolver && GENERIC_USER_IDS.indexOf(id) === -1 ? ResourcedMentionWithProfilecard : ResourcedMention;
+  const ssrPlaceholderId = fg('cc_mention_ssr_placeholder') ? `mention-${id}` : undefined;
   return /*#__PURE__*/React.createElement(MentionComponent, {
     id: id,
     text: text,
@@ -50,7 +52,8 @@ export const MentionWithProviders = /*#__PURE__*/React.memo(({
     profilecardProvider: profilecardProvider,
     onClick: eventHandlers === null || eventHandlers === void 0 ? void 0 : eventHandlers.onClick,
     onMouseEnter: eventHandlers === null || eventHandlers === void 0 ? void 0 : eventHandlers.onMouseEnter,
-    onMouseLeave: eventHandlers === null || eventHandlers === void 0 ? void 0 : eventHandlers.onMouseLeave
+    onMouseLeave: eventHandlers === null || eventHandlers === void 0 ? void 0 : eventHandlers.onMouseLeave,
+    ssrPlaceholderId: ssrPlaceholderId
   });
 });
 

package/dist/esm/monitoring/error.js

@@ -7,7 +7,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import { isFedRamp } from './environment';
 var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-var packageVersion = "107.0.2";
+var packageVersion = "107.0.3";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007

package/dist/esm/react-node-view/getInlineNodeViewProducer.js

@@ -26,7 +26,7 @@ var canRenderFallback = function canRenderFallback(node) {
 
 // list of inline nodes with toDOM fallback implementations that can be virtualized. As
 // additional nodes are converted they should be added here
-var virtualizedNodeAllowlist = ['status', 'mention', 'emoji', 'date', 'inlineCard'];
+var virtualizedNodeAllowlist = ['status', 'mention', 'emoji', 'inlineCard'];
 function createNodeView(_ref) {
   var nodeViewParams = _ref.nodeViewParams,
     pmPluginFactoryParams = _ref.pmPluginFactoryParams,

package/dist/esm/ui/DropList/index.js

@@ -20,7 +20,7 @@ import withAnalyticsContext from '@atlaskit/analytics-next/withAnalyticsContext'
 import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import Layer from '../Layer';
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "107.0.2";
+var packageVersion = "107.0.3";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 // Ignored via go/ees005

package/dist/esm/ui/Mention/mention-with-profilecard.js

@@ -11,7 +11,8 @@ export default function MentionWithProfileCard(_ref) {
     onClick = _ref.onClick,
     onMouseEnter = _ref.onMouseEnter,
     onMouseLeave = _ref.onMouseLeave,
-    localId = _ref.localId;
+    localId = _ref.localId,
+    ssrPlaceholderId = _ref.ssrPlaceholderId;
   var cloudId = profilecardProvider.cloudId,
     resourceClient = profilecardProvider.resourceClient;
   var actions = useMemo(function () {
@@ -29,7 +30,8 @@ export default function MentionWithProfileCard(_ref) {
     // Ignored via go/ees005
     // eslint-disable-next-line require-unicode-regexp
     ,
-    ariaLabel: text.replace(/^@/, '')
+    ariaLabel: text.replace(/^@/, ''),
+    ssrPlaceholderId: ssrPlaceholderId
   }, /*#__PURE__*/React.createElement(ResourcedMention, {
     id: id,
     text: text,
@@ -38,6 +40,7 @@ export default function MentionWithProfileCard(_ref) {
     mentionProvider: mentionProvider,
     onClick: onClick,
     onMouseEnter: onMouseEnter,
-    onMouseLeave: onMouseLeave
+    onMouseLeave: onMouseLeave,
+    ssrPlaceholderId: ssrPlaceholderId
   }));
 }

package/dist/esm/ui/Mention/mention-with-providers.js

@@ -10,6 +10,7 @@ function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstruct
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React, { PureComponent, useLayoutEffect, useRef, useState } from 'react';
 import { ResourcedMention } from '@atlaskit/mention/element';
+import { fg } from '@atlaskit/platform-feature-flags';
 import ResourcedMentionWithProfilecard from './mention-with-profilecard';
 var GENERIC_USER_IDS = ['HipChat', 'all', 'here'];
 var noop = function noop() {};
@@ -48,6 +49,7 @@ export var MentionWithProviders = /*#__PURE__*/React.memo(function (_ref) {
     });
   }, [profilecardProviderResolver]);
   var MentionComponent = profilecardProvider && profilecardProviderResolver && GENERIC_USER_IDS.indexOf(id) === -1 ? ResourcedMentionWithProfilecard : ResourcedMention;
+  var ssrPlaceholderId = fg('cc_mention_ssr_placeholder') ? "mention-".concat(id) : undefined;
   return /*#__PURE__*/React.createElement(MentionComponent, {
     id: id,
     text: text,
@@ -60,7 +62,8 @@ export var MentionWithProviders = /*#__PURE__*/React.memo(function (_ref) {
     profilecardProvider: profilecardProvider,
     onClick: eventHandlers === null || eventHandlers === void 0 ? void 0 : eventHandlers.onClick,
     onMouseEnter: eventHandlers === null || eventHandlers === void 0 ? void 0 : eventHandlers.onMouseEnter,
-    onMouseLeave: eventHandlers === null || eventHandlers === void 0 ? void 0 : eventHandlers.onMouseLeave
+    onMouseLeave: eventHandlers === null || eventHandlers === void 0 ? void 0 : eventHandlers.onMouseLeave,
+    ssrPlaceholderId: ssrPlaceholderId
   });
 });
 

package/dist/types/ui/Mention/mention-with-profilecard.d.ts

@@ -13,5 +13,6 @@ export interface Props {
     onMouseEnter?: MentionEventHandler;
     onMouseLeave?: MentionEventHandler;
     localId?: string;
+    ssrPlaceholderId?: string;
 }
-export default function MentionWithProfileCard({ autoFocus, id, text, accessLevel, mentionProvider, profilecardProvider, onClick, onMouseEnter, onMouseLeave, localId, }: Props): React.JSX.Element;
+export default function MentionWithProfileCard({ autoFocus, id, text, accessLevel, mentionProvider, profilecardProvider, onClick, onMouseEnter, onMouseLeave, localId, ssrPlaceholderId, }: Props): React.JSX.Element;

package/dist/types-ts4.5/ui/Mention/mention-with-profilecard.d.ts

@@ -13,5 +13,6 @@ export interface Props {
     onMouseEnter?: MentionEventHandler;
     onMouseLeave?: MentionEventHandler;
     localId?: string;
+    ssrPlaceholderId?: string;
 }
-export default function MentionWithProfileCard({ autoFocus, id, text, accessLevel, mentionProvider, profilecardProvider, onClick, onMouseEnter, onMouseLeave, localId, }: Props): React.JSX.Element;
+export default function MentionWithProfileCard({ autoFocus, id, text, accessLevel, mentionProvider, profilecardProvider, onClick, onMouseEnter, onMouseLeave, localId, ssrPlaceholderId, }: Props): React.JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "107.0.3",
+	"version": "107.0.4",
 	"description": "A package that contains common classes and components for editor and renderer",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -383,6 +383,9 @@
 		"confluence_connect_macro_preset_height": {
 			"type": "boolean"
 		},
+		"cc_mention_ssr_placeholder": {
+			"type": "boolean"
+		},
 		"platform_editor_breakout_resizing_hello_release": {
 			"type": "boolean"
 		},