@atlaskit/editor-plugin-status 8.1.1 → 8.1.3

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/editor-plugin-status
 
+## 8.1.3
+
+### Patch Changes
+
+- [`baf7b89a7b895`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/baf7b89a7b895) -
+  Give colour picker menu an accessible label
+- Updated dependencies
+
+## 8.1.2
+
+### Patch Changes
+
+- [`8eca3ae04714e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/8eca3ae04714e) -
+  Fixed mixed HTML/Editor content copy/paste issue on Status node.
+- Updated dependencies
+
 ## 8.1.1
 
 ### Patch Changes

package/dist/cjs/nodeviews/StatusNodeView.js

@@ -10,6 +10,7 @@ var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/creat
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _messages = require("@atlaskit/editor-common/messages");
 var _model = require("@atlaskit/editor-prosemirror/model");
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _statusNodeSpec = require("./statusNodeSpec");
 /**
  *
@@ -62,10 +63,20 @@ var StatusNodeView = exports.StatusNodeView = /*#__PURE__*/function () {
       }
       if (this.textContainer && node.attrs.text !== this.node.attrs.text) {
         this.textContainer.textContent = node.attrs.text;
+        // Also update data-text on outer wrapper for parseDOM extraction when copying
+        if ((0, _expValEquals.expValEquals)('platform_editor_copy_paste_issue_fix', 'isEnabled', true)) {
+          var _this$domElement;
+          (_this$domElement = this.domElement) === null || _this$domElement === void 0 || _this$domElement.setAttribute('data-text', node.attrs.text);
+        }
       }
       if (node.attrs.color !== this.node.attrs.color) {
         var _this$box;
         (_this$box = this.box) === null || _this$box === void 0 || _this$box.setAttribute('data-color', node.attrs.color);
+        // Also update data-color on outer wrapper for parseDOM extraction when copying
+        if ((0, _expValEquals.expValEquals)('platform_editor_copy_paste_issue_fix', 'isEnabled', true)) {
+          var _this$domElement2;
+          (_this$domElement2 = this.domElement) === null || _this$domElement2 === void 0 || _this$domElement2.setAttribute('data-color', node.attrs.color);
+        }
       }
       if (!node.attrs.text) {
         this.setPlaceholder();

package/dist/cjs/nodeviews/statusNodeSpec.js

@@ -24,12 +24,16 @@ var statusToDOM = exports.statusToDOM = function statusToDOM(node) {
     color = _node$attrs.color,
     style = _node$attrs.style,
     localId = _node$attrs.localId;
-  var editorNodeWrapperAttrs = {
+  var editorNodeWrapperAttrs = _objectSpread({
     class: 'statusView-content-wrap inlineNodeView',
     'data-testid': 'statusContainerView',
     'data-prosemirror-node-name': 'status',
     localid: localId
-  };
+  }, (0, _expValEquals.expValEquals)('platform_editor_copy_paste_issue_fix', 'isEnabled', true) ? {
+    'data-node-type': 'status',
+    'data-color': color,
+    'data-text': text // Text stored as attribute for parseDOM extraction
+  } : {});
   var statusElementAttrs = {
     style: (0, _lazyNodeView.convertToInlineCss)(isAndroidChromium ? {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766

package/dist/cjs/ui/statusPicker.js

@@ -341,7 +341,7 @@ var StatusPickerWithIntl = /*#__PURE__*/function (_React$Component) {
         return null;
       }
       return target && (0, _react2.jsx)(PopupWithListeners, {
-        ariaLabel: (0, _platformFeatureFlags.fg)('editor_a11y_aria_label_removal_popup') ? intl.formatMessage(_messages.statusMessages.statusEditorLabel) : undefined,
+        ariaLabel: (0, _platformFeatureFlags.fg)('_editor_a11y_aria_label_removal_popup') ? intl.formatMessage(_messages.statusMessages.statusEditorLabel) : undefined,
         target: target,
         offset: [0, 8],
         handleClickOutside: this.handleClickOutside,

package/dist/es2019/nodeviews/StatusNodeView.js

@@ -1,6 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { statusMessages as messages } from '@atlaskit/editor-common/messages';
 import { DOMSerializer } from '@atlaskit/editor-prosemirror/model';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { statusToDOM } from './statusNodeSpec';
 
 /**
@@ -50,10 +51,20 @@ export class StatusNodeView {
     }
     if (this.textContainer && node.attrs.text !== this.node.attrs.text) {
       this.textContainer.textContent = node.attrs.text;
+      // Also update data-text on outer wrapper for parseDOM extraction when copying
+      if (expValEquals('platform_editor_copy_paste_issue_fix', 'isEnabled', true)) {
+        var _this$domElement;
+        (_this$domElement = this.domElement) === null || _this$domElement === void 0 ? void 0 : _this$domElement.setAttribute('data-text', node.attrs.text);
+      }
     }
     if (node.attrs.color !== this.node.attrs.color) {
       var _this$box;
       (_this$box = this.box) === null || _this$box === void 0 ? void 0 : _this$box.setAttribute('data-color', node.attrs.color);
+      // Also update data-color on outer wrapper for parseDOM extraction when copying
+      if (expValEquals('platform_editor_copy_paste_issue_fix', 'isEnabled', true)) {
+        var _this$domElement2;
+        (_this$domElement2 = this.domElement) === null || _this$domElement2 === void 0 ? void 0 : _this$domElement2.setAttribute('data-color', node.attrs.color);
+      }
     }
     if (!node.attrs.text) {
       this.setPlaceholder();

package/dist/es2019/nodeviews/statusNodeSpec.js

@@ -20,7 +20,13 @@ export const statusToDOM = node => {
     class: 'statusView-content-wrap inlineNodeView',
     'data-testid': 'statusContainerView',
     'data-prosemirror-node-name': 'status',
-    localid: localId
+    localid: localId,
+    // Required for parseDOM to correctly parse status when NodeView DOM is copied directly
+    ...(expValEquals('platform_editor_copy_paste_issue_fix', 'isEnabled', true) ? {
+      'data-node-type': 'status',
+      'data-color': color,
+      'data-text': text // Text stored as attribute for parseDOM extraction
+    } : {})
   };
   const statusElementAttrs = {
     style: convertToInlineCss(isAndroidChromium ? {

package/dist/es2019/ui/statusPicker.js

@@ -311,7 +311,7 @@ class StatusPickerWithIntl extends React.Component {
       return null;
     }
     return target && jsx(PopupWithListeners, {
-      ariaLabel: fg('editor_a11y_aria_label_removal_popup') ? intl.formatMessage(messages.statusEditorLabel) : undefined,
+      ariaLabel: fg('_editor_a11y_aria_label_removal_popup') ? intl.formatMessage(messages.statusEditorLabel) : undefined,
       target: target,
       offset: [0, 8],
       handleClickOutside: this.handleClickOutside,

package/dist/esm/nodeviews/StatusNodeView.js

@@ -3,6 +3,7 @@ import _createClass from "@babel/runtime/helpers/createClass";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { statusMessages as messages } from '@atlaskit/editor-common/messages';
 import { DOMSerializer } from '@atlaskit/editor-prosemirror/model';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { statusToDOM } from './statusNodeSpec';
 
 /**
@@ -56,10 +57,20 @@ export var StatusNodeView = /*#__PURE__*/function () {
       }
       if (this.textContainer && node.attrs.text !== this.node.attrs.text) {
         this.textContainer.textContent = node.attrs.text;
+        // Also update data-text on outer wrapper for parseDOM extraction when copying
+        if (expValEquals('platform_editor_copy_paste_issue_fix', 'isEnabled', true)) {
+          var _this$domElement;
+          (_this$domElement = this.domElement) === null || _this$domElement === void 0 || _this$domElement.setAttribute('data-text', node.attrs.text);
+        }
       }
       if (node.attrs.color !== this.node.attrs.color) {
         var _this$box;
         (_this$box = this.box) === null || _this$box === void 0 || _this$box.setAttribute('data-color', node.attrs.color);
+        // Also update data-color on outer wrapper for parseDOM extraction when copying
+        if (expValEquals('platform_editor_copy_paste_issue_fix', 'isEnabled', true)) {
+          var _this$domElement2;
+          (_this$domElement2 = this.domElement) === null || _this$domElement2 === void 0 || _this$domElement2.setAttribute('data-color', node.attrs.color);
+        }
       }
       if (!node.attrs.text) {
         this.setPlaceholder();

package/dist/esm/nodeviews/statusNodeSpec.js

@@ -18,12 +18,16 @@ export var statusToDOM = function statusToDOM(node) {
     color = _node$attrs.color,
     style = _node$attrs.style,
     localId = _node$attrs.localId;
-  var editorNodeWrapperAttrs = {
+  var editorNodeWrapperAttrs = _objectSpread({
     class: 'statusView-content-wrap inlineNodeView',
     'data-testid': 'statusContainerView',
     'data-prosemirror-node-name': 'status',
     localid: localId
-  };
+  }, expValEquals('platform_editor_copy_paste_issue_fix', 'isEnabled', true) ? {
+    'data-node-type': 'status',
+    'data-color': color,
+    'data-text': text // Text stored as attribute for parseDOM extraction
+  } : {});
   var statusElementAttrs = {
     style: convertToInlineCss(isAndroidChromium ? {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766

package/dist/esm/ui/statusPicker.js

@@ -338,7 +338,7 @@ var StatusPickerWithIntl = /*#__PURE__*/function (_React$Component) {
         return null;
       }
       return target && jsx(PopupWithListeners, {
-        ariaLabel: fg('editor_a11y_aria_label_removal_popup') ? intl.formatMessage(messages.statusEditorLabel) : undefined,
+        ariaLabel: fg('_editor_a11y_aria_label_removal_popup') ? intl.formatMessage(messages.statusEditorLabel) : undefined,
         target: target,
         offset: [0, 8],
         handleClickOutside: this.handleClickOutside,

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-status",
-	"version": "8.1.1",
+	"version": "8.1.3",
 	"description": "Status plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -34,18 +34,18 @@
 		"@atlaskit/editor-plugin-analytics": "^7.0.0",
 		"@atlaskit/editor-prosemirror": "^7.2.0",
 		"@atlaskit/editor-shared-styles": "^3.10.0",
-		"@atlaskit/icon": "^29.4.0",
+		"@atlaskit/icon": "^30.0.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/status": "^3.1.0",
 		"@atlaskit/theme": "^21.0.0",
-		"@atlaskit/tmp-editor-statsig": "^16.23.0",
-		"@atlaskit/tokens": "^10.0.0",
+		"@atlaskit/tmp-editor-statsig": "^16.34.0",
+		"@atlaskit/tokens": "^10.1.0",
 		"@atlaskit/visually-hidden": "^3.0.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^111.8.0",
+		"@atlaskit/editor-common": "^111.9.0",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",
 		"react-intl-next": "npm:react-intl@^5.18.1"
@@ -94,7 +94,7 @@
 		"platform-component-visual-refresh": {
 			"type": "boolean"
 		},
-		"editor_a11y_aria_label_removal_popup": {
+		"_editor_a11y_aria_label_removal_popup": {
 			"type": "boolean"
 		},
 		"platform-lozenge-custom-letterspacing": {