@atlaskit/editor-plugin-status 3.1.11 → 3.1.13

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @atlaskit/editor-plugin-status
 
+## 3.1.13
+
+### Patch Changes
+
+- [#148798](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/148798)
+  [`8112e98809756`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/8112e98809756) -
+  [No Issue] Clean up virtualization feature flag
+- Updated dependencies
+
+## 3.1.12
+
+### Patch Changes
+
+- [#148210](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/148210)
+  [`10eb0681e9681`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/10eb0681e9681) -
+  fix SSR issues
+
 ## 3.1.11
 
 ### Patch Changes

package/dist/cjs/nodeviews/StatusNodeView.js

@@ -9,50 +9,36 @@ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/cl
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _messages = require("@atlaskit/editor-common/messages");
-var _monitoring = require("@atlaskit/editor-common/monitoring");
 var _model = require("@atlaskit/editor-prosemirror/model");
 var _statusNodeSpec = require("./statusNodeSpec");
 var StatusNodeView = exports.StatusNodeView = /*#__PURE__*/function () {
   function StatusNodeView(node, intl) {
     (0, _classCallCheck2.default)(this, StatusNodeView);
-    (0, _defineProperty2.default)(this, "dom", document.createElement('div'));
     (0, _defineProperty2.default)(this, "box", null);
     (0, _defineProperty2.default)(this, "textContainer", null);
     this.node = node;
     this.intl = intl;
-    try {
-      var spec = (0, _statusNodeSpec.statusToDOM)(node);
-      var _DOMSerializer$render = _model.DOMSerializer.renderSpec(document, spec),
-        dom = _DOMSerializer$render.dom;
-      if (!(dom instanceof HTMLElement)) {
-        throw new Error('DOMSerializer.renderSpec() did not return HTMLElement');
-      }
-      this.dom = dom;
-      this.box = this.dom.querySelector('.status-lozenge-span');
-      this.textContainer = this.dom.querySelector('.lozenge-text');
-      if (!node.attrs.text) {
-        this.setPlaceholder();
-      }
-    } catch (error) {
-      StatusNodeView.logError(error instanceof Error ? error : new Error('Unknown error on StatusNodeView constructor'));
-      this.renderFallback();
+    var spec = (0, _statusNodeSpec.statusToDOM)(node);
+    var _DOMSerializer$render = _model.DOMSerializer.renderSpec(document, spec),
+      dom = _DOMSerializer$render.dom;
+    this.dom = dom;
+    this.domElement = dom instanceof HTMLElement ? dom : undefined;
+    if (this.domElement) {
+      this.box = this.domElement.querySelector('.status-lozenge-span');
+      this.textContainer = this.domElement.querySelector('.lozenge-text');
+    }
+    if (!node.attrs.text) {
+      this.setPlaceholder();
     }
   }
   return (0, _createClass2.default)(StatusNodeView, [{
     key: "setPlaceholder",
     value: function setPlaceholder() {
-      if (this.textContainer) {
+      if (this.textContainer && this.domElement) {
         this.textContainer.textContent = this.intl.formatMessage(_messages.statusMessages.placeholder);
-        this.dom.style.setProperty('opacity', '0.5');
+        this.domElement.style.setProperty('opacity', '0.5');
       }
     }
-  }, {
-    key: "renderFallback",
-    value: function renderFallback() {
-      var fallbackElement = document.createElement('span');
-      fallbackElement.innerText = this.node.attrs.text;
-      this.dom.appendChild(fallbackElement);
-    }
   }, {
     key: "update",
     value: function update(node) {
@@ -69,18 +55,11 @@ var StatusNodeView = exports.StatusNodeView = /*#__PURE__*/function () {
       if (!node.attrs.text) {
         this.setPlaceholder();
       }
-      if (node.attrs.text) {
-        this.dom.style.setProperty('opacity', '1');
+      if (node.attrs.text && this.domElement) {
+        this.domElement.style.setProperty('opacity', '1');
       }
       this.node = node;
       return true;
     }
-  }], [{
-    key: "logError",
-    value: function logError(error) {
-      void (0, _monitoring.logException)(error, {
-        location: 'editor-plugin-status/StatusNodeView'
-      });
-    }
   }]);
 }();

package/dist/cjs/nodeviews/statusNodeSpec.js

@@ -11,7 +11,6 @@ var _adfSchema = require("@atlaskit/adf-schema");
 var _lazyNodeView = require("@atlaskit/editor-common/lazy-node-view");
 var _whitespace = require("@atlaskit/editor-common/whitespace");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 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);
@@ -101,7 +100,7 @@ var isAndroidChromium = typeof window !== 'undefined' && /Version\/(?:[\0-\t\x0B
  * @returns
  */
 var statusNodeSpec = exports.statusNodeSpec = function statusNodeSpec() {
-  if (isSSR || (0, _experiments.editorExperiment)('platform_editor_inline_node_virtualization', 'off')) {
+  if (isSSR) {
     return _adfSchema.status;
   }
   return _objectSpread(_objectSpread({}, _adfSchema.status), {}, {
@@ -230,6 +229,7 @@ var statusToDOM = exports.statusToDOM = function statusToDOM(node) {
     class: 'statusView-content-wrap inlineNodeView',
     'data-testid': 'statusContainerView',
     'data-prosemirror-node-view-type': 'vanilla',
+    'data-prosemirror-node-name': 'status',
     'local-id': localId
   };
   var statusElementAttrs = {

package/dist/es2019/nodeviews/StatusNodeView.js

@@ -1,50 +1,33 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { statusMessages as messages } from '@atlaskit/editor-common/messages';
-import { logException } from '@atlaskit/editor-common/monitoring';
 import { DOMSerializer } from '@atlaskit/editor-prosemirror/model';
 import { statusToDOM } from './statusNodeSpec';
 export class StatusNodeView {
-  static logError(error) {
-    void logException(error, {
-      location: 'editor-plugin-status/StatusNodeView'
-    });
-  }
   constructor(node, intl) {
-    _defineProperty(this, "dom", document.createElement('div'));
     _defineProperty(this, "box", null);
     _defineProperty(this, "textContainer", null);
     this.node = node;
     this.intl = intl;
-    try {
-      const spec = statusToDOM(node);
-      const {
-        dom
-      } = DOMSerializer.renderSpec(document, spec);
-      if (!(dom instanceof HTMLElement)) {
-        throw new Error('DOMSerializer.renderSpec() did not return HTMLElement');
-      }
-      this.dom = dom;
-      this.box = this.dom.querySelector('.status-lozenge-span');
-      this.textContainer = this.dom.querySelector('.lozenge-text');
-      if (!node.attrs.text) {
-        this.setPlaceholder();
-      }
-    } catch (error) {
-      StatusNodeView.logError(error instanceof Error ? error : new Error('Unknown error on StatusNodeView constructor'));
-      this.renderFallback();
+    const spec = statusToDOM(node);
+    const {
+      dom
+    } = DOMSerializer.renderSpec(document, spec);
+    this.dom = dom;
+    this.domElement = dom instanceof HTMLElement ? dom : undefined;
+    if (this.domElement) {
+      this.box = this.domElement.querySelector('.status-lozenge-span');
+      this.textContainer = this.domElement.querySelector('.lozenge-text');
+    }
+    if (!node.attrs.text) {
+      this.setPlaceholder();
     }
   }
   setPlaceholder() {
-    if (this.textContainer) {
+    if (this.textContainer && this.domElement) {
       this.textContainer.textContent = this.intl.formatMessage(messages.placeholder);
-      this.dom.style.setProperty('opacity', '0.5');
+      this.domElement.style.setProperty('opacity', '0.5');
     }
   }
-  renderFallback() {
-    const fallbackElement = document.createElement('span');
-    fallbackElement.innerText = this.node.attrs.text;
-    this.dom.appendChild(fallbackElement);
-  }
   update(node) {
     if (node.type !== this.node.type) {
       return false;
@@ -59,8 +42,8 @@ export class StatusNodeView {
     if (!node.attrs.text) {
       this.setPlaceholder();
     }
-    if (node.attrs.text) {
-      this.dom.style.setProperty('opacity', '1');
+    if (node.attrs.text && this.domElement) {
+      this.domElement.style.setProperty('opacity', '1');
     }
     this.node = node;
     return true;

package/dist/es2019/nodeviews/statusNodeSpec.js

@@ -3,7 +3,6 @@ import { status } from '@atlaskit/adf-schema';
 import { convertToInlineCss } from '@atlaskit/editor-common/lazy-node-view';
 import { ZERO_WIDTH_SPACE } from '@atlaskit/editor-common/whitespace';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 const isSSR = Boolean(process.env.REACT_SSR);
 let intl;
 
@@ -91,7 +90,7 @@ const isAndroidChromium = typeof window !== 'undefined' && /Version\/.* Chrome\/
  * @returns
  */
 export const statusNodeSpec = () => {
-  if (isSSR || editorExperiment('platform_editor_inline_node_virtualization', 'off')) {
+  if (isSSR) {
     return status;
   }
   return {
@@ -226,6 +225,7 @@ export const statusToDOM = node => {
     class: 'statusView-content-wrap inlineNodeView',
     'data-testid': 'statusContainerView',
     'data-prosemirror-node-view-type': 'vanilla',
+    'data-prosemirror-node-name': 'status',
     'local-id': localId
   };
   const statusElementAttrs = {

package/dist/esm/nodeviews/StatusNodeView.js

@@ -2,50 +2,36 @@ import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { statusMessages as messages } from '@atlaskit/editor-common/messages';
-import { logException } from '@atlaskit/editor-common/monitoring';
 import { DOMSerializer } from '@atlaskit/editor-prosemirror/model';
 import { statusToDOM } from './statusNodeSpec';
 export var StatusNodeView = /*#__PURE__*/function () {
   function StatusNodeView(node, intl) {
     _classCallCheck(this, StatusNodeView);
-    _defineProperty(this, "dom", document.createElement('div'));
     _defineProperty(this, "box", null);
     _defineProperty(this, "textContainer", null);
     this.node = node;
     this.intl = intl;
-    try {
-      var spec = statusToDOM(node);
-      var _DOMSerializer$render = DOMSerializer.renderSpec(document, spec),
-        dom = _DOMSerializer$render.dom;
-      if (!(dom instanceof HTMLElement)) {
-        throw new Error('DOMSerializer.renderSpec() did not return HTMLElement');
-      }
-      this.dom = dom;
-      this.box = this.dom.querySelector('.status-lozenge-span');
-      this.textContainer = this.dom.querySelector('.lozenge-text');
-      if (!node.attrs.text) {
-        this.setPlaceholder();
-      }
-    } catch (error) {
-      StatusNodeView.logError(error instanceof Error ? error : new Error('Unknown error on StatusNodeView constructor'));
-      this.renderFallback();
+    var spec = statusToDOM(node);
+    var _DOMSerializer$render = DOMSerializer.renderSpec(document, spec),
+      dom = _DOMSerializer$render.dom;
+    this.dom = dom;
+    this.domElement = dom instanceof HTMLElement ? dom : undefined;
+    if (this.domElement) {
+      this.box = this.domElement.querySelector('.status-lozenge-span');
+      this.textContainer = this.domElement.querySelector('.lozenge-text');
+    }
+    if (!node.attrs.text) {
+      this.setPlaceholder();
     }
   }
   return _createClass(StatusNodeView, [{
     key: "setPlaceholder",
     value: function setPlaceholder() {
-      if (this.textContainer) {
+      if (this.textContainer && this.domElement) {
         this.textContainer.textContent = this.intl.formatMessage(messages.placeholder);
-        this.dom.style.setProperty('opacity', '0.5');
+        this.domElement.style.setProperty('opacity', '0.5');
       }
     }
-  }, {
-    key: "renderFallback",
-    value: function renderFallback() {
-      var fallbackElement = document.createElement('span');
-      fallbackElement.innerText = this.node.attrs.text;
-      this.dom.appendChild(fallbackElement);
-    }
   }, {
     key: "update",
     value: function update(node) {
@@ -62,18 +48,11 @@ export var StatusNodeView = /*#__PURE__*/function () {
       if (!node.attrs.text) {
         this.setPlaceholder();
       }
-      if (node.attrs.text) {
-        this.dom.style.setProperty('opacity', '1');
+      if (node.attrs.text && this.domElement) {
+        this.domElement.style.setProperty('opacity', '1');
       }
       this.node = node;
       return true;
     }
-  }], [{
-    key: "logError",
-    value: function logError(error) {
-      void logException(error, {
-        location: 'editor-plugin-status/StatusNodeView'
-      });
-    }
   }]);
 }();

package/dist/esm/nodeviews/statusNodeSpec.js

@@ -6,7 +6,6 @@ import { status } from '@atlaskit/adf-schema';
 import { convertToInlineCss } from '@atlaskit/editor-common/lazy-node-view';
 import { ZERO_WIDTH_SPACE } from '@atlaskit/editor-common/whitespace';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 var isSSR = Boolean(process.env.REACT_SSR);
 var intl;
 
@@ -94,7 +93,7 @@ var isAndroidChromium = typeof window !== 'undefined' && /Version\/(?:[\0-\t\x0B
  * @returns
  */
 export var statusNodeSpec = function statusNodeSpec() {
-  if (isSSR || editorExperiment('platform_editor_inline_node_virtualization', 'off')) {
+  if (isSSR) {
     return status;
   }
   return _objectSpread(_objectSpread({}, status), {}, {
@@ -223,6 +222,7 @@ export var statusToDOM = function statusToDOM(node) {
     class: 'statusView-content-wrap inlineNodeView',
     'data-testid': 'statusContainerView',
     'data-prosemirror-node-view-type': 'vanilla',
+    'data-prosemirror-node-name': 'status',
     'local-id': localId
   };
   var statusElementAttrs = {

package/dist/types/nodeviews/StatusNodeView.d.ts

@@ -2,14 +2,13 @@ import { IntlShape } from 'react-intl-next';
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { NodeView } from '@atlaskit/editor-prosemirror/view';
 export declare class StatusNodeView implements NodeView {
-    dom: HTMLElement;
+    dom: Node;
+    domElement: HTMLElement | undefined;
     private box;
     private textContainer;
     private node;
     private intl;
-    private static logError;
     constructor(node: PMNode, intl: IntlShape);
     private setPlaceholder;
-    private renderFallback;
     update(node: PMNode): boolean;
 }

package/dist/types-ts4.5/nodeviews/StatusNodeView.d.ts

@@ -2,14 +2,13 @@ import { IntlShape } from 'react-intl-next';
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { NodeView } from '@atlaskit/editor-prosemirror/view';
 export declare class StatusNodeView implements NodeView {
-    dom: HTMLElement;
+    dom: Node;
+    domElement: HTMLElement | undefined;
     private box;
     private textContainer;
     private node;
     private intl;
-    private static logError;
     constructor(node: PMNode, intl: IntlShape);
     private setPlaceholder;
-    private renderFallback;
     update(node: PMNode): boolean;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-status",
-	"version": "3.1.11",
+	"version": "3.1.13",
 	"description": "Status plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -35,7 +35,7 @@
 	"dependencies": {
 		"@atlaskit/adf-schema": "^47.6.0",
 		"@atlaskit/analytics-next": "^11.0.0",
-		"@atlaskit/editor-common": "^103.18.0",
+		"@atlaskit/editor-common": "^104.0.0",
 		"@atlaskit/editor-plugin-analytics": "^2.2.0",
 		"@atlaskit/editor-prosemirror": "7.0.0",
 		"@atlaskit/editor-shared-styles": "^3.4.0",
@@ -43,7 +43,7 @@
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/status": "^3.0.0",
 		"@atlaskit/theme": "^18.0.0",
-		"@atlaskit/tmp-editor-statsig": "^4.14.0",
+		"@atlaskit/tmp-editor-statsig": "^4.16.0",
 		"@atlaskit/tokens": "^4.8.0",
 		"@atlaskit/visually-hidden": "^3.0.0",
 		"@babel/runtime": "^7.0.0",