@atlaskit/editor-common 102.5.1 → 102.5.3

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @atlaskit/editor-common
 
+## 102.5.3
+
+### Patch Changes
+
+- [#126662](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/126662)
+  [`317b35c0d1772`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/317b35c0d1772) -
+  [ux] update multibodied extension frame default styles
+
+## 102.5.2
+
+### Patch Changes
+
+- [#123036](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/123036)
+  [`08a3386cf1088`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/08a3386cf1088) -
+  Editor virtualization experiment adjustment, fixes
+- Updated dependencies
+
 ## 102.5.1
 
 ### Patch Changes

package/dist/cjs/monitoring/error.js

@@ -17,7 +17,7 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 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 = "102.5.1";
+var packageVersion = "102.5.3";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007

package/dist/cjs/preset/core-plugin/index.js

@@ -57,7 +57,7 @@ var corePlugin = exports.corePlugin = function corePlugin(_ref) {
         }
         var state = editorView.state;
         var schema = state.schema;
-        var content = Array.isArray(replaceValue) ? (0, _processRawValue.processRawFragmentValue)(schema, replaceValue) : (0, _processRawValue.processRawValue)(schema, replaceValue);
+        var content = options !== null && options !== void 0 && options.skipValidation ? (0, _processRawValue.processRawValueWithoutValidation)(schema, replaceValue) : Array.isArray(replaceValue) ? (0, _processRawValue.processRawFragmentValue)(schema, replaceValue) : (0, _processRawValue.processRawValue)(schema, replaceValue);
         if (content) {
           var _options$scrollIntoVi2;
           var tr = state.tr.replaceWith(0, state.doc.nodeSize - 2, content);

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

@@ -23,6 +23,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
  * @jsxRuntime classic
  * @jsx jsx
  */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+var isSSR = Boolean(process.env.REACT_SSR);
 var inlineNodeViewClassname = exports.inlineNodeViewClassname = 'inlineNodeView';
 
 // number of initial nodes to allow React to render before switching to fallback
@@ -30,23 +31,27 @@ var initialReactRenderedNodeCount = 0;
 var canRenderFallback = function canRenderFallback(node) {
   return node.type.isInline && node.type.isAtom && node.type.isLeaf;
 };
+
+// list of inline nodes with toDOM fallback implementations that can be virtualized. As
+// additional nodes are converted they should be added here
+var virtualizedNodeWhitelist = ['status', 'mention', 'emoji', 'date', 'inlineCard'];
 var virtualisationConfiguration = function virtualisationConfiguration() {
   var enableVirtualization = false;
   var reactRenderedDocumentPositionThreshold = 0;
   if ((0, _experiments.editorExperiment)('platform_editor_inline_node_virtualization', 'off')) {
     enableVirtualization = false;
-  } else if ((0, _experiments.editorExperiment)('platform_editor_inline_node_virtualization', 'fallbackall')) {
-    enableVirtualization = true;
-    reactRenderedDocumentPositionThreshold = 0;
-  } else if ((0, _experiments.editorExperiment)('platform_editor_inline_node_virtualization', 'fallbackoffscreen')) {
-    enableVirtualization = true;
+  } else if ((0, _experiments.editorExperiment)('platform_editor_inline_node_virtualization', 'fallback-small')) {
+    enableVirtualization = true && !isSSR;
     reactRenderedDocumentPositionThreshold = 100;
+  } else if ((0, _experiments.editorExperiment)('platform_editor_inline_node_virtualization', 'fallback-large')) {
+    enableVirtualization = true && !isSSR;
+    reactRenderedDocumentPositionThreshold = 400;
   }
   return {
     enableVirtualization: enableVirtualization,
     reactRenderedDocumentPositionThreshold: reactRenderedDocumentPositionThreshold,
-    virtualizeCurrentNode: function virtualizeCurrentNode() {
-      return enableVirtualization && !(initialReactRenderedNodeCount < reactRenderedDocumentPositionThreshold);
+    virtualizeCurrentNode: function virtualizeCurrentNode(nodeType) {
+      return enableVirtualization && virtualizedNodeWhitelist.includes(nodeType) && !(initialReactRenderedNodeCount < reactRenderedDocumentPositionThreshold);
     }
   };
 };
@@ -59,7 +64,7 @@ function createNodeView(_ref) {
   var _virtualisationConfig = virtualisationConfiguration(),
     enableVirtualization = _virtualisationConfig.enableVirtualization,
     virtualizeCurrentNode = _virtualisationConfig.virtualizeCurrentNode;
-  var virtualizeNode = virtualizeCurrentNode();
+  var virtualizeNode = virtualizeCurrentNode(nodeViewParams.node.type.name);
   // We set a variable for the current node which is
   // used for comparisions when doing updates, before being
   // overwritten to the updated node.

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 = "102.5.1";
+var packageVersion = "102.5.3";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 // Ignored via go/ees005

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

@@ -72,7 +72,7 @@ var extensionFrameContent = (0, _react.css)({
   padding: "var(--ds-space-100, 8px)".concat(" !important"),
   display: 'block',
   minHeight: '100px',
-  background: "var(--ds-surface, white)",
+  background: 'transparent',
   borderBottomLeftRadius: "var(--ds-border-radius, 3px)",
   borderBottomRightRadius: "var(--ds-border-radius, 3px)",
   marginLeft: "var(--ds-space-100, 8px)",

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 = "102.5.1";
+const packageVersion = "102.5.3";
 const sanitiseSentryEvents = (data, _hint) => {
   // Remove URL as it has UGC
   // Ignored via go/ees007

package/dist/es2019/preset/core-plugin/index.js

@@ -1,4 +1,4 @@
-import { processRawFragmentValue, processRawValue } from '../../utils/processRawValue';
+import { processRawFragmentValue, processRawValue, processRawValueWithoutValidation } from '../../utils/processRawValue';
 import { editorCommandToPMCommand } from '../editor-commands';
 import { scheduleDocumentRequest } from './requestDocument';
 
@@ -59,7 +59,7 @@ export const corePlugin = ({
         const {
           schema
         } = state;
-        const content = Array.isArray(replaceValue) ? processRawFragmentValue(schema, replaceValue) : processRawValue(schema, replaceValue);
+        const content = options !== null && options !== void 0 && options.skipValidation ? processRawValueWithoutValidation(schema, replaceValue) : Array.isArray(replaceValue) ? processRawFragmentValue(schema, replaceValue) : processRawValue(schema, replaceValue);
         if (content) {
           var _options$scrollIntoVi2;
           const tr = state.tr.replaceWith(0, state.doc.nodeSize - 2, content);

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

@@ -15,6 +15,7 @@ import { analyticsEventKey, browser, getPerformanceOptions, startMeasureReactNod
 import { ZERO_WIDTH_SPACE } from '../whitespace';
 import { generateUniqueNodeKey } from './generateUniqueNodeKey';
 import { getOrCreateOnVisibleObserver } from './onVisibleObserverFactory';
+const isSSR = Boolean(process.env.REACT_SSR);
 export const inlineNodeViewClassname = 'inlineNodeView';
 
 // number of initial nodes to allow React to render before switching to fallback
@@ -22,22 +23,26 @@ let initialReactRenderedNodeCount = 0;
 const canRenderFallback = node => {
   return node.type.isInline && node.type.isAtom && node.type.isLeaf;
 };
+
+// list of inline nodes with toDOM fallback implementations that can be virtualized. As
+// additional nodes are converted they should be added here
+const virtualizedNodeWhitelist = ['status', 'mention', 'emoji', 'date', 'inlineCard'];
 const virtualisationConfiguration = () => {
   let enableVirtualization = false;
   let reactRenderedDocumentPositionThreshold = 0;
   if (editorExperiment('platform_editor_inline_node_virtualization', 'off')) {
     enableVirtualization = false;
-  } else if (editorExperiment('platform_editor_inline_node_virtualization', 'fallbackall')) {
-    enableVirtualization = true;
-    reactRenderedDocumentPositionThreshold = 0;
-  } else if (editorExperiment('platform_editor_inline_node_virtualization', 'fallbackoffscreen')) {
-    enableVirtualization = true;
+  } else if (editorExperiment('platform_editor_inline_node_virtualization', 'fallback-small')) {
+    enableVirtualization = true && !isSSR;
     reactRenderedDocumentPositionThreshold = 100;
+  } else if (editorExperiment('platform_editor_inline_node_virtualization', 'fallback-large')) {
+    enableVirtualization = true && !isSSR;
+    reactRenderedDocumentPositionThreshold = 400;
   }
   return {
     enableVirtualization,
     reactRenderedDocumentPositionThreshold,
-    virtualizeCurrentNode: () => enableVirtualization && !(initialReactRenderedNodeCount < reactRenderedDocumentPositionThreshold)
+    virtualizeCurrentNode: nodeType => enableVirtualization && virtualizedNodeWhitelist.includes(nodeType) && !(initialReactRenderedNodeCount < reactRenderedDocumentPositionThreshold)
   };
 };
 function createNodeView({
@@ -51,7 +56,7 @@ function createNodeView({
     enableVirtualization,
     virtualizeCurrentNode
   } = virtualisationConfiguration();
-  const virtualizeNode = virtualizeCurrentNode();
+  const virtualizeNode = virtualizeCurrentNode(nodeViewParams.node.type.name);
   // We set a variable for the current node which is
   // used for comparisions when doing updates, before being
   // overwritten to the updated node.

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 = "102.5.1";
+const packageVersion = "102.5.3";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 // Ignored via go/ees005

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

@@ -65,7 +65,7 @@ const extensionFrameContent = css({
   padding: `${"var(--ds-space-100, 8px)"} !important`,
   display: 'block',
   minHeight: '100px',
-  background: "var(--ds-surface, white)",
+  background: 'transparent',
   borderBottomLeftRadius: "var(--ds-border-radius, 3px)",
   borderBottomRightRadius: "var(--ds-border-radius, 3px)",
   marginLeft: "var(--ds-space-100, 8px)",

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 = "102.5.1";
+var packageVersion = "102.5.3";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007

package/dist/esm/preset/core-plugin/index.js

@@ -1,4 +1,4 @@
-import { processRawFragmentValue, processRawValue } from '../../utils/processRawValue';
+import { processRawFragmentValue, processRawValue, processRawValueWithoutValidation } from '../../utils/processRawValue';
 import { editorCommandToPMCommand } from '../editor-commands';
 import { scheduleDocumentRequest } from './requestDocument';
 
@@ -52,7 +52,7 @@ export var corePlugin = function corePlugin(_ref) {
         }
         var state = editorView.state;
         var schema = state.schema;
-        var content = Array.isArray(replaceValue) ? processRawFragmentValue(schema, replaceValue) : processRawValue(schema, replaceValue);
+        var content = options !== null && options !== void 0 && options.skipValidation ? processRawValueWithoutValidation(schema, replaceValue) : Array.isArray(replaceValue) ? processRawFragmentValue(schema, replaceValue) : processRawValue(schema, replaceValue);
         if (content) {
           var _options$scrollIntoVi2;
           var tr = state.tr.replaceWith(0, state.doc.nodeSize - 2, content);

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

@@ -18,6 +18,7 @@ import { analyticsEventKey, browser, getPerformanceOptions, startMeasureReactNod
 import { ZERO_WIDTH_SPACE } from '../whitespace';
 import { generateUniqueNodeKey } from './generateUniqueNodeKey';
 import { getOrCreateOnVisibleObserver } from './onVisibleObserverFactory';
+var isSSR = Boolean(process.env.REACT_SSR);
 export var inlineNodeViewClassname = 'inlineNodeView';
 
 // number of initial nodes to allow React to render before switching to fallback
@@ -25,23 +26,27 @@ var initialReactRenderedNodeCount = 0;
 var canRenderFallback = function canRenderFallback(node) {
   return node.type.isInline && node.type.isAtom && node.type.isLeaf;
 };
+
+// list of inline nodes with toDOM fallback implementations that can be virtualized. As
+// additional nodes are converted they should be added here
+var virtualizedNodeWhitelist = ['status', 'mention', 'emoji', 'date', 'inlineCard'];
 var virtualisationConfiguration = function virtualisationConfiguration() {
   var enableVirtualization = false;
   var reactRenderedDocumentPositionThreshold = 0;
   if (editorExperiment('platform_editor_inline_node_virtualization', 'off')) {
     enableVirtualization = false;
-  } else if (editorExperiment('platform_editor_inline_node_virtualization', 'fallbackall')) {
-    enableVirtualization = true;
-    reactRenderedDocumentPositionThreshold = 0;
-  } else if (editorExperiment('platform_editor_inline_node_virtualization', 'fallbackoffscreen')) {
-    enableVirtualization = true;
+  } else if (editorExperiment('platform_editor_inline_node_virtualization', 'fallback-small')) {
+    enableVirtualization = true && !isSSR;
     reactRenderedDocumentPositionThreshold = 100;
+  } else if (editorExperiment('platform_editor_inline_node_virtualization', 'fallback-large')) {
+    enableVirtualization = true && !isSSR;
+    reactRenderedDocumentPositionThreshold = 400;
   }
   return {
     enableVirtualization: enableVirtualization,
     reactRenderedDocumentPositionThreshold: reactRenderedDocumentPositionThreshold,
-    virtualizeCurrentNode: function virtualizeCurrentNode() {
-      return enableVirtualization && !(initialReactRenderedNodeCount < reactRenderedDocumentPositionThreshold);
+    virtualizeCurrentNode: function virtualizeCurrentNode(nodeType) {
+      return enableVirtualization && virtualizedNodeWhitelist.includes(nodeType) && !(initialReactRenderedNodeCount < reactRenderedDocumentPositionThreshold);
     }
   };
 };
@@ -54,7 +59,7 @@ function createNodeView(_ref) {
   var _virtualisationConfig = virtualisationConfiguration(),
     enableVirtualization = _virtualisationConfig.enableVirtualization,
     virtualizeCurrentNode = _virtualisationConfig.virtualizeCurrentNode;
-  var virtualizeNode = virtualizeCurrentNode();
+  var virtualizeNode = virtualizeCurrentNode(nodeViewParams.node.type.name);
   // We set a variable for the current node which is
   // used for comparisions when doing updates, before being
   // overwritten to the updated node.

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 = "102.5.1";
+var packageVersion = "102.5.3";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 // Ignored via go/ees005

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

@@ -65,7 +65,7 @@ var extensionFrameContent = css({
   padding: "var(--ds-space-100, 8px)".concat(" !important"),
   display: 'block',
   minHeight: '100px',
-  background: "var(--ds-surface, white)",
+  background: 'transparent',
   borderBottomLeftRadius: "var(--ds-border-radius, 3px)",
   borderBottomRightRadius: "var(--ds-border-radius, 3px)",
   marginLeft: "var(--ds-space-100, 8px)",

package/dist/types/types/next-editor-plugin.d.ts

@@ -56,10 +56,12 @@ export type CorePlugin = NextEditorPlugin<'core', {
          * @param replaceValue - The new content to replace the current content. It can be of any type.
          * @param options - Options
          * @param options.scrollIntoView (boolean) if the view should also scroll on replace. True by default
+         * @param options.skipValidation (boolean) if the validation should be skipped. False by default
          * @returns A boolean indicating whether the replacement was successful.
          */
         replaceDocument: (replaceValue: Node | Fragment | Array<Node> | Object | string, options?: {
             scrollIntoView?: boolean;
+            skipValidation?: boolean;
         }) => boolean;
         /**
          * Request the editor document.

package/dist/types-ts4.5/types/next-editor-plugin.d.ts

@@ -56,10 +56,12 @@ export type CorePlugin = NextEditorPlugin<'core', {
          * @param replaceValue - The new content to replace the current content. It can be of any type.
          * @param options - Options
          * @param options.scrollIntoView (boolean) if the view should also scroll on replace. True by default
+         * @param options.skipValidation (boolean) if the validation should be skipped. False by default
          * @returns A boolean indicating whether the replacement was successful.
          */
         replaceDocument: (replaceValue: Node | Fragment | Array<Node> | Object | string, options?: {
             scrollIntoView?: boolean;
+            skipValidation?: boolean;
         }) => boolean;
         /**
          * Request the editor document.

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "102.5.1",
+	"version": "102.5.3",
 	"description": "A package that contains common classes and components for editor and renderer",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -130,7 +130,7 @@
 		"@atlaskit/custom-steps": "^0.11.0",
 		"@atlaskit/dropdown-menu": "^13.0.0",
 		"@atlaskit/editor-json-transformer": "^8.24.0",
-		"@atlaskit/editor-palette": "^2.0.0",
+		"@atlaskit/editor-palette": "^2.1.0",
 		"@atlaskit/editor-prosemirror": "7.0.0",
 		"@atlaskit/editor-shared-styles": "^3.4.0",
 		"@atlaskit/editor-tables": "^2.9.0",
@@ -161,7 +161,7 @@
 		"@atlaskit/task-decision": "^19.1.0",
 		"@atlaskit/textfield": "^8.0.0",
 		"@atlaskit/tmp-editor-statsig": "^3.6.0",
-		"@atlaskit/tokens": "^4.4.0",
+		"@atlaskit/tokens": "^4.5.0",
 		"@atlaskit/tooltip": "^20.0.0",
 		"@atlaskit/width-detector": "^5.0.0",
 		"@babel/runtime": "^7.0.0",