@atlaskit/editor-plugin-selection 10.1.4 → 10.1.5

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/editor-plugin-selection
 
+## 10.1.5
+
+### Patch Changes
+
+- [`cd85cdec5ae7e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/cd85cdec5ae7e) -
+  EDITOR-7170 add transform for panel -> panel_c1
+- Updated dependencies
+
 ## 10.1.4
 
 ### Patch Changes

package/dist/cjs/pm-plugins/gap-cursor/utils/place-gap-cursor.js

@@ -8,6 +8,7 @@ exports.toDOM = void 0;
 var _toArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toArray"));
 var _selection = require("@atlaskit/editor-common/selection");
 var _utils = require("../utils");
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 /**
  * We have a couple of nodes that require us to compute style
  * on different elements, ideally all nodes should be able to
@@ -42,7 +43,7 @@ var measureWidth = function measureWidth(style) {
 var measureValue = function measureValue(style, measureValues) {
   var _measureValues = (0, _toArray2.default)(measureValues),
     base = _measureValues[0],
-    contentBoxValues = _measureValues.slice(1);
+    contentBoxValues = _arrayLikeToArray(_measureValues).slice(1);
   var measures = [style.getPropertyValue(base)];
   var boxSizing = style.getPropertyValue('box-sizing');
   if (boxSizing === 'content-box') {

package/dist/cjs/pm-plugins/utils.js

@@ -13,6 +13,7 @@ var _state = require("@atlaskit/editor-prosemirror/state");
 var _utils2 = require("@atlaskit/editor-prosemirror/utils");
 var _view = require("@atlaskit/editor-prosemirror/view");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _types = require("../types");
 var _hideCursorDecoration = require("./cursor/ui/hide-cursor-decoration");
@@ -80,7 +81,8 @@ var getNodesToDecorateFromSelection = exports.getNodesToDecorateFromSelection =
       // selection styles. I couldn’t see a clear way to differentiate
       // without explicitly stating which nodes should be traversed
       // and which shouldn’t.
-      var isTopLevelNodeThatHasSelectionStyles = topLevelBlockNodesThatHaveSelectionStyles.includes(node.type.name);
+      var nodeTypeName = (0, _expValEquals.expValEquals)('platform_editor_nest_table_in_panel', 'isEnabled', true) ? (0, _utils.getBaseNodeTypeName)(node.type) : node.type.name;
+      var isTopLevelNodeThatHasSelectionStyles = topLevelBlockNodesThatHaveSelectionStyles.includes(nodeTypeName);
       // If the node is a top-level block node and completely sits within
       // the selection, we do not recurse it's children to prevent selection
       // styles being added to its child nodes. The expected behaviour
@@ -334,8 +336,10 @@ var isContainerNode = exports.isContainerNode = function isContainerNode(node) {
   var _ref3 = (node === null || node === void 0 || (_node$type = node.type) === null || _node$type === void 0 || (_node$type = _node$type.schema) === null || _node$type === void 0 ? void 0 : _node$type.nodes) || {},
     layoutColumn = _ref3.layoutColumn,
     panel = _ref3.panel,
+    panel_c1 = _ref3.panel_c1,
     expand = _ref3.expand;
-  return Boolean(node && node.type && [panel, expand, layoutColumn].includes(node.type));
+  var containerNodes = (0, _expValEquals.expValEquals)('platform_editor_nest_table_in_panel', 'isEnabled', true) ? [panel, panel_c1, expand, layoutColumn] : [panel, expand, layoutColumn];
+  return Boolean(node && node.type && containerNodes.includes(node.type));
 };
 
 /**
@@ -391,6 +395,7 @@ var isPanelOrExpandNode = exports.isPanelOrExpandNode = function isPanelOrExpand
   var _node$type3;
   var _ref5 = (node === null || node === void 0 || (_node$type3 = node.type) === null || _node$type3 === void 0 || (_node$type3 = _node$type3.schema) === null || _node$type3 === void 0 ? void 0 : _node$type3.nodes) || {},
     panel = _ref5.panel,
+    panel_c1 = _ref5.panel_c1,
     expand = _ref5.expand;
-  return Boolean(node && node.type && (node.type === panel || node.type === expand));
+  return Boolean(node && node.type && (node.type === panel || (0, _expValEquals.expValEquals)('platform_editor_nest_table_in_panel', 'isEnabled', true) && node.type === panel_c1 || node.type === expand));
 };

package/dist/es2019/pm-plugins/utils.js

@@ -1,9 +1,10 @@
 import { isIgnored as isIgnoredByGapCursor, isSelectionAtStartOfNode } from '@atlaskit/editor-common/selection';
-import { isEmptyParagraph, isListItemNode } from '@atlaskit/editor-common/utils';
+import { getBaseNodeTypeName, isEmptyParagraph, isListItemNode } from '@atlaskit/editor-common/utils';
 import { AllSelection, NodeSelection, Selection, TextSelection } from '@atlaskit/editor-prosemirror/state';
 import { findParentNode, findParentNodeClosestToPos, flatten, hasParentNode } from '@atlaskit/editor-prosemirror/utils';
 import { Decoration, DecorationSet } from '@atlaskit/editor-prosemirror/view';
 import { akEditorSelectedNodeClassName } from '@atlaskit/editor-shared-styles';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { selectionPluginKey } from '../types';
 import { createHideCursorDecoration } from './cursor/ui/hide-cursor-decoration';
@@ -74,7 +75,8 @@ export const getNodesToDecorateFromSelection = (selection, doc) => {
       // selection styles. I couldn’t see a clear way to differentiate
       // without explicitly stating which nodes should be traversed
       // and which shouldn’t.
-      const isTopLevelNodeThatHasSelectionStyles = topLevelBlockNodesThatHaveSelectionStyles.includes(node.type.name);
+      const nodeTypeName = expValEquals('platform_editor_nest_table_in_panel', 'isEnabled', true) ? getBaseNodeTypeName(node.type) : node.type.name;
+      const isTopLevelNodeThatHasSelectionStyles = topLevelBlockNodesThatHaveSelectionStyles.includes(nodeTypeName);
       // If the node is a top-level block node and completely sits within
       // the selection, we do not recurse it's children to prevent selection
       // styles being added to its child nodes. The expected behaviour
@@ -321,9 +323,11 @@ export const isContainerNode = node => {
   const {
     layoutColumn,
     panel,
+    panel_c1,
     expand
   } = (node === null || node === void 0 ? void 0 : (_node$type = node.type) === null || _node$type === void 0 ? void 0 : (_node$type$schema = _node$type.schema) === null || _node$type$schema === void 0 ? void 0 : _node$type$schema.nodes) || {};
-  return Boolean(node && node.type && [panel, expand, layoutColumn].includes(node.type));
+  const containerNodes = expValEquals('platform_editor_nest_table_in_panel', 'isEnabled', true) ? [panel, panel_c1, expand, layoutColumn] : [panel, expand, layoutColumn];
+  return Boolean(node && node.type && containerNodes.includes(node.type));
 };
 
 /**
@@ -381,7 +385,8 @@ export const isPanelOrExpandNode = node => {
   var _node$type3, _node$type3$schema;
   const {
     panel,
+    panel_c1,
     expand
   } = (node === null || node === void 0 ? void 0 : (_node$type3 = node.type) === null || _node$type3 === void 0 ? void 0 : (_node$type3$schema = _node$type3.schema) === null || _node$type3$schema === void 0 ? void 0 : _node$type3$schema.nodes) || {};
-  return Boolean(node && node.type && (node.type === panel || node.type === expand));
+  return Boolean(node && node.type && (node.type === panel || expValEquals('platform_editor_nest_table_in_panel', 'isEnabled', true) && node.type === panel_c1 || node.type === expand));
 };

package/dist/esm/pm-plugins/gap-cursor/utils/place-gap-cursor.js

@@ -1,4 +1,5 @@
 import _toArray from "@babel/runtime/helpers/toArray";
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 import { Side } from '@atlaskit/editor-common/selection';
 import { getComputedStyleForLayoutMode, getLayoutModeFromTargetNode, isLeftCursor } from '../utils';
 
@@ -36,7 +37,7 @@ var measureWidth = function measureWidth(style) {
 var measureValue = function measureValue(style, measureValues) {
   var _measureValues = _toArray(measureValues),
     base = _measureValues[0],
-    contentBoxValues = _measureValues.slice(1);
+    contentBoxValues = _arrayLikeToArray(_measureValues).slice(1);
   var measures = [style.getPropertyValue(base)];
   var boxSizing = style.getPropertyValue('box-sizing');
   if (boxSizing === 'content-box') {

package/dist/esm/pm-plugins/utils.js

@@ -1,10 +1,11 @@
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import { isIgnored as isIgnoredByGapCursor, isSelectionAtStartOfNode } from '@atlaskit/editor-common/selection';
-import { isEmptyParagraph, isListItemNode } from '@atlaskit/editor-common/utils';
+import { getBaseNodeTypeName, isEmptyParagraph, isListItemNode } from '@atlaskit/editor-common/utils';
 import { AllSelection, NodeSelection, Selection, TextSelection } from '@atlaskit/editor-prosemirror/state';
 import { findParentNode, findParentNodeClosestToPos, flatten, hasParentNode } from '@atlaskit/editor-prosemirror/utils';
 import { Decoration, DecorationSet } from '@atlaskit/editor-prosemirror/view';
 import { akEditorSelectedNodeClassName } from '@atlaskit/editor-shared-styles';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { selectionPluginKey } from '../types';
 import { createHideCursorDecoration } from './cursor/ui/hide-cursor-decoration';
@@ -72,7 +73,8 @@ export var getNodesToDecorateFromSelection = function getNodesToDecorateFromSele
       // selection styles. I couldn’t see a clear way to differentiate
       // without explicitly stating which nodes should be traversed
       // and which shouldn’t.
-      var isTopLevelNodeThatHasSelectionStyles = topLevelBlockNodesThatHaveSelectionStyles.includes(node.type.name);
+      var nodeTypeName = expValEquals('platform_editor_nest_table_in_panel', 'isEnabled', true) ? getBaseNodeTypeName(node.type) : node.type.name;
+      var isTopLevelNodeThatHasSelectionStyles = topLevelBlockNodesThatHaveSelectionStyles.includes(nodeTypeName);
       // If the node is a top-level block node and completely sits within
       // the selection, we do not recurse it's children to prevent selection
       // styles being added to its child nodes. The expected behaviour
@@ -326,8 +328,10 @@ export var isContainerNode = function isContainerNode(node) {
   var _ref3 = (node === null || node === void 0 || (_node$type = node.type) === null || _node$type === void 0 || (_node$type = _node$type.schema) === null || _node$type === void 0 ? void 0 : _node$type.nodes) || {},
     layoutColumn = _ref3.layoutColumn,
     panel = _ref3.panel,
+    panel_c1 = _ref3.panel_c1,
     expand = _ref3.expand;
-  return Boolean(node && node.type && [panel, expand, layoutColumn].includes(node.type));
+  var containerNodes = expValEquals('platform_editor_nest_table_in_panel', 'isEnabled', true) ? [panel, panel_c1, expand, layoutColumn] : [panel, expand, layoutColumn];
+  return Boolean(node && node.type && containerNodes.includes(node.type));
 };
 
 /**
@@ -383,6 +387,7 @@ export var isPanelOrExpandNode = function isPanelOrExpandNode(node) {
   var _node$type3;
   var _ref5 = (node === null || node === void 0 || (_node$type3 = node.type) === null || _node$type3 === void 0 || (_node$type3 = _node$type3.schema) === null || _node$type3 === void 0 ? void 0 : _node$type3.nodes) || {},
     panel = _ref5.panel,
+    panel_c1 = _ref5.panel_c1,
     expand = _ref5.expand;
-  return Boolean(node && node.type && (node.type === panel || node.type === expand));
+  return Boolean(node && node.type && (node.type === panel || expValEquals('platform_editor_nest_table_in_panel', 'isEnabled', true) && node.type === panel_c1 || node.type === expand));
 };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-selection",
-	"version": "10.1.4",
+	"version": "10.1.5",
 	"description": "Selection plugin for @atlaskit/editor-core",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -19,18 +19,18 @@
 		"singleton": true
 	},
 	"dependencies": {
-		"@atlaskit/editor-json-transformer": "^8.32.0",
+		"@atlaskit/editor-json-transformer": "^8.33.0",
 		"@atlaskit/editor-plugin-interaction": "^19.1.0",
 		"@atlaskit/editor-prosemirror": "^7.3.0",
 		"@atlaskit/editor-shared-styles": "^3.11.0",
 		"@atlaskit/editor-tables": "^2.10.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/tmp-editor-statsig": "^84.0.0",
+		"@atlaskit/tmp-editor-statsig": "^84.3.0",
 		"@atlaskit/tokens": "^13.0.0",
 		"@babel/runtime": "^7.0.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^114.47.0",
+		"@atlaskit/editor-common": "^114.49.0",
 		"react": "^18.2.0"
 	},
 	"techstack": {