@atlaskit/editor-plugin-decorations 7.0.2 → 7.0.4

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/editor-plugin-decorations
 
+## 7.0.4
+
+### Patch Changes
+
+- Updated dependencies
+
+## 7.0.3
+
+### Patch Changes
+
+- [`265980d7959cf`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/265980d7959cf) -
+  [ux] recursive node decoration and 'selected danger' classname
+- Updated dependencies
+
 ## 7.0.2
 
 ### Patch Changes

package/dist/cjs/decorationsPlugin.js

@@ -38,11 +38,9 @@ var decorationsPlugin = exports.decorationsPlugin = function decorationsPlugin()
     },
     commands: {
       hoverDecoration: (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_block_menu', 'isEnabled', true) ? function (_ref) {
-        var nodeType = _ref.nodeType,
-          add = _ref.add,
+        var add = _ref.add,
           className = _ref.className;
         return (0, _commands.hoverDecorationCommand)({
-          nodeType: nodeType,
           add: add,
           className: className
         });

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

@@ -1,106 +1,102 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.removeDecorationCommand = exports.hoverDecorationCommand = void 0;
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _selection = require("@atlaskit/editor-common/selection");
 var _state = require("@atlaskit/editor-prosemirror/state");
-var _utils = require("@atlaskit/editor-prosemirror/utils");
 var _view = require("@atlaskit/editor-prosemirror/view");
 var _editorTables = require("@atlaskit/editor-tables");
-var _utils2 = require("@atlaskit/editor-tables/utils");
+var _utils = require("@atlaskit/editor-tables/utils");
 var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure");
 var _main = require("./main");
 var hoverDecorationCommand = exports.hoverDecorationCommand = function hoverDecorationCommand(_ref) {
-  var nodeType = _ref.nodeType,
-    add = _ref.add,
+  var add = _ref.add,
     _ref$className = _ref.className,
-    className = _ref$className === void 0 ? 'danger' : _ref$className;
+    className = _ref$className === void 0 ? 'danger selected' : _ref$className;
   return function (_ref2) {
     var tr = _ref2.tr;
-    var from;
-    var parentNode;
-    var decoration;
-    if (tr.selection instanceof _state.NodeSelection) {
-      var selectedNode = tr.selection.node;
-      var nodeTypes = Array.isArray(nodeType) ? nodeType : [nodeType];
-      var isNodeTypeMatching = nodeTypes.indexOf(selectedNode.type) > -1;
-      // This adds danger styling if the selected node is the one that requires
-      // the decoration to be added, e.g. if a layout is selected and the user
-      // hovers over the layout's delete button.
-      if (isNodeTypeMatching) {
-        from = tr.selection.from;
-        parentNode = selectedNode;
-      }
-    }
-
-    // This adds danger styling if the selection is not a node selection, OR if
-    // the selected node is a child of the one that requires the decoration to
-    // be added, e.g. if a decision item is selected inside a layout and the
-    // user hovers over the layout's delete button.
-    var foundParentNode = (0, _utils.findParentNodeOfType)(nodeType)(tr.selection);
-    // Override from and parentNode values if foundParentNode is a mediaGroup
-    if (foundParentNode && (from === undefined || foundParentNode.node.type.name === 'mediaGroup')) {
-      from = foundParentNode.pos;
-      parentNode = foundParentNode.node;
-    }
-
-    // Note: can't use !from as from could be 0, which is falsy but valid
-    if (from === undefined || parentNode === undefined) {
-      return tr;
-    }
-    decoration = _view.Decoration.node(from, from + parentNode.nodeSize, {
-      class: className
-    }, {
-      key: 'decorationNode'
-    });
-    if (tr.selection instanceof _state.TextSelection) {
-      decoration = _view.Decoration.inline(from, tr.selection.to, {
-        class: className,
-        style: "background-color: ".concat("var(--ds-background-danger, #FFECEB)", ";")
-      }, {
-        key: 'decorationNode'
-      });
-    }
-    if (tr.selection instanceof _editorTables.CellSelection) {
-      var table = (0, _editorTables.findTable)(tr.selection);
+    // Use the provided selection (e.g., preservedSelection) or fall back to tr.selection
+    var selection = tr.selection;
+    var decorations = [];
+    var handleTableSelection = function handleTableSelection() {
+      var pos = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : selection.$from;
+      var table = (0, _utils.findTableClosestToPos)(pos);
       if (!table) {
         return tr;
       }
-      var map = _editorTables.TableMap.get(table.node);
-      var rect = (0, _utils2.getSelectionRect)(tr.selection);
-      if (!map || !rect) {
-        return tr;
-      }
-      var tableNodeDec = _view.Decoration.node(table.pos, table.pos + table.node.nodeSize, {
+      var tableNode = table.node;
+      var tablePos = table.pos;
+      decorations.push(_view.Decoration.node(tablePos, tablePos + tableNode.nodeSize, {
         class: className
       }, {
-        key: 'decorationNode'
-      });
-      var updatedCells = map.cellsInRect(rect).map(function (x) {
-        return x + table.start;
+        key: "decorationNode-table-".concat(tablePos)
+      }));
+      var map = _editorTables.TableMap.get(tableNode);
+      var cellPositions = new Set(map.map);
+      cellPositions.forEach(function (cellPos) {
+        var docPos = tablePos + cellPos + 1;
+        var cell = tableNode.nodeAt(cellPos);
+        if (cell) {
+          decorations.push(_view.Decoration.node(docPos, docPos + cell.nodeSize, {
+            class: className
+          }, {
+            key: "decorationNode-cell-".concat(docPos)
+          }));
+        }
       });
-      var tableCellDecorations = updatedCells.map(function (pos) {
-        var cell = tr.doc.nodeAt(pos);
-        if (!cell) {
-          return;
+    };
+    var handleNodeSelection = function handleNodeSelection(node, pos) {
+      var from = pos;
+      var to = from + node.nodeSize;
+      decorations.push(_view.Decoration.node(from, to, {
+        class: className
+      }, {
+        key: 'decorationNode'
+      }));
+      if (node.type.name === 'layoutSection' || node.type.name === 'layoutColumn') {
+        var startOfInsideOfContainer = tr.doc.resolve(from + 1);
+        var endOfInsideOfContainer = tr.doc.resolve(to - 1);
+        handleNodesSelection(startOfInsideOfContainer, endOfInsideOfContainer);
+      }
+    };
+    var handleNodesSelection = function handleNodesSelection($from, $to) {
+      var currentPos = $from.pos;
+      var sourceNodes = (0, _selection.getSourceNodesFromSelectionRange)(tr, _state.TextSelection.create(tr.doc, currentPos, $to.pos));
+      sourceNodes.forEach(function (sourceNode) {
+        if (sourceNode.type.name === 'table') {
+          var startPosOfTable = tr.doc.resolve(currentPos + 3);
+          handleTableSelection(startPosOfTable);
+        } else {
+          handleNodeSelection(sourceNode, currentPos);
         }
-        return _view.Decoration.node(pos, pos + cell.nodeSize, {
-          class: className
-        }, {
-          key: 'decorationNode'
-        });
-      }).filter(function (decoration) {
-        return !!decoration;
+        currentPos += sourceNode.nodeSize;
       });
-      decoration = _view.DecorationSet.create(tr.doc, [tableNodeDec].concat((0, _toConsumableArray2.default)(tableCellDecorations)));
+    };
+
+    // Selecting a table directly: CellSelection
+    if (selection instanceof _editorTables.CellSelection) {
+      handleTableSelection();
+    }
+
+    // multiselect: TextSelection
+    if (selection instanceof _state.TextSelection) {
+      handleNodesSelection(selection.$from, selection.$to);
+    }
+    if (selection instanceof _state.NodeSelection) {
+      handleNodeSelection(selection.node, selection.from);
+    }
+
+    // If no decorations were created, return early
+    if (decorations.length === 0) {
+      return tr;
     }
+    var hasDangerDecorations = className.split(' ').includes('danger');
     tr.setMeta(_main.decorationStateKey, {
       action: add ? _main.ACTIONS.DECORATION_ADD : _main.ACTIONS.DECORATION_REMOVE,
-      data: decoration,
-      hasDangerDecorations: (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_block_menu', 'isEnabled', true) ? className === 'danger' : undefined
+      data: _view.DecorationSet.create(tr.doc, decorations),
+      hasDangerDecorations: (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_block_menu', 'isEnabled', true) && hasDangerDecorations
     }).setMeta('addToHistory', false);
     return tr;
   };

package/dist/es2019/decorationsPlugin.js

@@ -28,11 +28,9 @@ export const decorationsPlugin = () => ({
   },
   commands: {
     hoverDecoration: expValEqualsNoExposure('platform_editor_block_menu', 'isEnabled', true) ? ({
-      nodeType,
       add,
       className
     }) => hoverDecorationCommand({
-      nodeType,
       add,
       className
     }) : undefined,

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

@@ -1,94 +1,95 @@
+import { getSourceNodesFromSelectionRange } from '@atlaskit/editor-common/selection';
 import { NodeSelection, TextSelection } from '@atlaskit/editor-prosemirror/state';
-import { findParentNodeOfType } from '@atlaskit/editor-prosemirror/utils';
 import { Decoration, DecorationSet } from '@atlaskit/editor-prosemirror/view';
-import { CellSelection, findTable, TableMap } from '@atlaskit/editor-tables';
-import { getSelectionRect } from '@atlaskit/editor-tables/utils';
+import { CellSelection, TableMap } from '@atlaskit/editor-tables';
+import { findTableClosestToPos } from '@atlaskit/editor-tables/utils';
 import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
 import { ACTIONS, decorationStateKey } from './main';
 export const hoverDecorationCommand = ({
-  nodeType,
   add,
-  className = 'danger'
+  className = 'danger selected'
 }) => ({
   tr
 }) => {
-  let from;
-  let parentNode;
-  let decoration;
-  if (tr.selection instanceof NodeSelection) {
-    const selectedNode = tr.selection.node;
-    const nodeTypes = Array.isArray(nodeType) ? nodeType : [nodeType];
-    const isNodeTypeMatching = nodeTypes.indexOf(selectedNode.type) > -1;
-    // This adds danger styling if the selected node is the one that requires
-    // the decoration to be added, e.g. if a layout is selected and the user
-    // hovers over the layout's delete button.
-    if (isNodeTypeMatching) {
-      from = tr.selection.from;
-      parentNode = selectedNode;
-    }
-  }
-
-  // This adds danger styling if the selection is not a node selection, OR if
-  // the selected node is a child of the one that requires the decoration to
-  // be added, e.g. if a decision item is selected inside a layout and the
-  // user hovers over the layout's delete button.
-  const foundParentNode = findParentNodeOfType(nodeType)(tr.selection);
-  // Override from and parentNode values if foundParentNode is a mediaGroup
-  if (foundParentNode && (from === undefined || foundParentNode.node.type.name === 'mediaGroup')) {
-    from = foundParentNode.pos;
-    parentNode = foundParentNode.node;
-  }
-
-  // Note: can't use !from as from could be 0, which is falsy but valid
-  if (from === undefined || parentNode === undefined) {
-    return tr;
-  }
-  decoration = Decoration.node(from, from + parentNode.nodeSize, {
-    class: className
-  }, {
-    key: 'decorationNode'
-  });
-  if (tr.selection instanceof TextSelection) {
-    decoration = Decoration.inline(from, tr.selection.to, {
-      class: className,
-      style: `background-color: ${"var(--ds-background-danger, #FFECEB)"};`
-    }, {
-      key: 'decorationNode'
-    });
-  }
-  if (tr.selection instanceof CellSelection) {
-    const table = findTable(tr.selection);
+  // Use the provided selection (e.g., preservedSelection) or fall back to tr.selection
+  const selection = tr.selection;
+  const decorations = [];
+  const handleTableSelection = (pos = selection.$from) => {
+    const table = findTableClosestToPos(pos);
     if (!table) {
       return tr;
     }
-    const map = TableMap.get(table.node);
-    const rect = getSelectionRect(tr.selection);
-    if (!map || !rect) {
-      return tr;
-    }
-    const tableNodeDec = Decoration.node(table.pos, table.pos + table.node.nodeSize, {
+    const tableNode = table.node;
+    const tablePos = table.pos;
+    decorations.push(Decoration.node(tablePos, tablePos + tableNode.nodeSize, {
       class: className
     }, {
-      key: 'decorationNode'
+      key: `decorationNode-table-${tablePos}`
+    }));
+    const map = TableMap.get(tableNode);
+    const cellPositions = new Set(map.map);
+    cellPositions.forEach(cellPos => {
+      const docPos = tablePos + cellPos + 1;
+      const cell = tableNode.nodeAt(cellPos);
+      if (cell) {
+        decorations.push(Decoration.node(docPos, docPos + cell.nodeSize, {
+          class: className
+        }, {
+          key: `decorationNode-cell-${docPos}`
+        }));
+      }
     });
-    const updatedCells = map.cellsInRect(rect).map(x => x + table.start);
-    const tableCellDecorations = updatedCells.map(pos => {
-      const cell = tr.doc.nodeAt(pos);
-      if (!cell) {
-        return;
+  };
+  const handleNodeSelection = (node, pos) => {
+    const from = pos;
+    const to = from + node.nodeSize;
+    decorations.push(Decoration.node(from, to, {
+      class: className
+    }, {
+      key: 'decorationNode'
+    }));
+    if (node.type.name === 'layoutSection' || node.type.name === 'layoutColumn') {
+      const startOfInsideOfContainer = tr.doc.resolve(from + 1);
+      const endOfInsideOfContainer = tr.doc.resolve(to - 1);
+      handleNodesSelection(startOfInsideOfContainer, endOfInsideOfContainer);
+    }
+  };
+  const handleNodesSelection = ($from, $to) => {
+    let currentPos = $from.pos;
+    const sourceNodes = getSourceNodesFromSelectionRange(tr, TextSelection.create(tr.doc, currentPos, $to.pos));
+    sourceNodes.forEach(sourceNode => {
+      if (sourceNode.type.name === 'table') {
+        const startPosOfTable = tr.doc.resolve(currentPos + 3);
+        handleTableSelection(startPosOfTable);
+      } else {
+        handleNodeSelection(sourceNode, currentPos);
       }
-      return Decoration.node(pos, pos + cell.nodeSize, {
-        class: className
-      }, {
-        key: 'decorationNode'
-      });
-    }).filter(decoration => !!decoration);
-    decoration = DecorationSet.create(tr.doc, [tableNodeDec, ...tableCellDecorations]);
+      currentPos += sourceNode.nodeSize;
+    });
+  };
+
+  // Selecting a table directly: CellSelection
+  if (selection instanceof CellSelection) {
+    handleTableSelection();
+  }
+
+  // multiselect: TextSelection
+  if (selection instanceof TextSelection) {
+    handleNodesSelection(selection.$from, selection.$to);
+  }
+  if (selection instanceof NodeSelection) {
+    handleNodeSelection(selection.node, selection.from);
+  }
+
+  // If no decorations were created, return early
+  if (decorations.length === 0) {
+    return tr;
   }
+  const hasDangerDecorations = className.split(' ').includes('danger');
   tr.setMeta(decorationStateKey, {
     action: add ? ACTIONS.DECORATION_ADD : ACTIONS.DECORATION_REMOVE,
-    data: decoration,
-    hasDangerDecorations: expValEqualsNoExposure('platform_editor_block_menu', 'isEnabled', true) ? className === 'danger' : undefined
+    data: DecorationSet.create(tr.doc, decorations),
+    hasDangerDecorations: expValEqualsNoExposure('platform_editor_block_menu', 'isEnabled', true) && hasDangerDecorations
   }).setMeta('addToHistory', false);
   return tr;
 };

package/dist/esm/decorationsPlugin.js

@@ -31,11 +31,9 @@ export var decorationsPlugin = function decorationsPlugin() {
     },
     commands: {
       hoverDecoration: expValEqualsNoExposure('platform_editor_block_menu', 'isEnabled', true) ? function (_ref) {
-        var nodeType = _ref.nodeType,
-          add = _ref.add,
+        var add = _ref.add,
           className = _ref.className;
         return hoverDecorationCommand({
-          nodeType: nodeType,
           add: add,
           className: className
         });

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

@@ -1,99 +1,96 @@
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+import { getSourceNodesFromSelectionRange } from '@atlaskit/editor-common/selection';
 import { NodeSelection, TextSelection } from '@atlaskit/editor-prosemirror/state';
-import { findParentNodeOfType } from '@atlaskit/editor-prosemirror/utils';
 import { Decoration, DecorationSet } from '@atlaskit/editor-prosemirror/view';
-import { CellSelection, findTable, TableMap } from '@atlaskit/editor-tables';
-import { getSelectionRect } from '@atlaskit/editor-tables/utils';
+import { CellSelection, TableMap } from '@atlaskit/editor-tables';
+import { findTableClosestToPos } from '@atlaskit/editor-tables/utils';
 import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
 import { ACTIONS, decorationStateKey } from './main';
 export var hoverDecorationCommand = function hoverDecorationCommand(_ref) {
-  var nodeType = _ref.nodeType,
-    add = _ref.add,
+  var add = _ref.add,
     _ref$className = _ref.className,
-    className = _ref$className === void 0 ? 'danger' : _ref$className;
+    className = _ref$className === void 0 ? 'danger selected' : _ref$className;
   return function (_ref2) {
     var tr = _ref2.tr;
-    var from;
-    var parentNode;
-    var decoration;
-    if (tr.selection instanceof NodeSelection) {
-      var selectedNode = tr.selection.node;
-      var nodeTypes = Array.isArray(nodeType) ? nodeType : [nodeType];
-      var isNodeTypeMatching = nodeTypes.indexOf(selectedNode.type) > -1;
-      // This adds danger styling if the selected node is the one that requires
-      // the decoration to be added, e.g. if a layout is selected and the user
-      // hovers over the layout's delete button.
-      if (isNodeTypeMatching) {
-        from = tr.selection.from;
-        parentNode = selectedNode;
-      }
-    }
-
-    // This adds danger styling if the selection is not a node selection, OR if
-    // the selected node is a child of the one that requires the decoration to
-    // be added, e.g. if a decision item is selected inside a layout and the
-    // user hovers over the layout's delete button.
-    var foundParentNode = findParentNodeOfType(nodeType)(tr.selection);
-    // Override from and parentNode values if foundParentNode is a mediaGroup
-    if (foundParentNode && (from === undefined || foundParentNode.node.type.name === 'mediaGroup')) {
-      from = foundParentNode.pos;
-      parentNode = foundParentNode.node;
-    }
-
-    // Note: can't use !from as from could be 0, which is falsy but valid
-    if (from === undefined || parentNode === undefined) {
-      return tr;
-    }
-    decoration = Decoration.node(from, from + parentNode.nodeSize, {
-      class: className
-    }, {
-      key: 'decorationNode'
-    });
-    if (tr.selection instanceof TextSelection) {
-      decoration = Decoration.inline(from, tr.selection.to, {
-        class: className,
-        style: "background-color: ".concat("var(--ds-background-danger, #FFECEB)", ";")
-      }, {
-        key: 'decorationNode'
-      });
-    }
-    if (tr.selection instanceof CellSelection) {
-      var table = findTable(tr.selection);
+    // Use the provided selection (e.g., preservedSelection) or fall back to tr.selection
+    var selection = tr.selection;
+    var decorations = [];
+    var handleTableSelection = function handleTableSelection() {
+      var pos = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : selection.$from;
+      var table = findTableClosestToPos(pos);
       if (!table) {
         return tr;
       }
-      var map = TableMap.get(table.node);
-      var rect = getSelectionRect(tr.selection);
-      if (!map || !rect) {
-        return tr;
-      }
-      var tableNodeDec = Decoration.node(table.pos, table.pos + table.node.nodeSize, {
+      var tableNode = table.node;
+      var tablePos = table.pos;
+      decorations.push(Decoration.node(tablePos, tablePos + tableNode.nodeSize, {
         class: className
       }, {
-        key: 'decorationNode'
-      });
-      var updatedCells = map.cellsInRect(rect).map(function (x) {
-        return x + table.start;
+        key: "decorationNode-table-".concat(tablePos)
+      }));
+      var map = TableMap.get(tableNode);
+      var cellPositions = new Set(map.map);
+      cellPositions.forEach(function (cellPos) {
+        var docPos = tablePos + cellPos + 1;
+        var cell = tableNode.nodeAt(cellPos);
+        if (cell) {
+          decorations.push(Decoration.node(docPos, docPos + cell.nodeSize, {
+            class: className
+          }, {
+            key: "decorationNode-cell-".concat(docPos)
+          }));
+        }
       });
-      var tableCellDecorations = updatedCells.map(function (pos) {
-        var cell = tr.doc.nodeAt(pos);
-        if (!cell) {
-          return;
+    };
+    var handleNodeSelection = function handleNodeSelection(node, pos) {
+      var from = pos;
+      var to = from + node.nodeSize;
+      decorations.push(Decoration.node(from, to, {
+        class: className
+      }, {
+        key: 'decorationNode'
+      }));
+      if (node.type.name === 'layoutSection' || node.type.name === 'layoutColumn') {
+        var startOfInsideOfContainer = tr.doc.resolve(from + 1);
+        var endOfInsideOfContainer = tr.doc.resolve(to - 1);
+        handleNodesSelection(startOfInsideOfContainer, endOfInsideOfContainer);
+      }
+    };
+    var handleNodesSelection = function handleNodesSelection($from, $to) {
+      var currentPos = $from.pos;
+      var sourceNodes = getSourceNodesFromSelectionRange(tr, TextSelection.create(tr.doc, currentPos, $to.pos));
+      sourceNodes.forEach(function (sourceNode) {
+        if (sourceNode.type.name === 'table') {
+          var startPosOfTable = tr.doc.resolve(currentPos + 3);
+          handleTableSelection(startPosOfTable);
+        } else {
+          handleNodeSelection(sourceNode, currentPos);
         }
-        return Decoration.node(pos, pos + cell.nodeSize, {
-          class: className
-        }, {
-          key: 'decorationNode'
-        });
-      }).filter(function (decoration) {
-        return !!decoration;
+        currentPos += sourceNode.nodeSize;
       });
-      decoration = DecorationSet.create(tr.doc, [tableNodeDec].concat(_toConsumableArray(tableCellDecorations)));
+    };
+
+    // Selecting a table directly: CellSelection
+    if (selection instanceof CellSelection) {
+      handleTableSelection();
+    }
+
+    // multiselect: TextSelection
+    if (selection instanceof TextSelection) {
+      handleNodesSelection(selection.$from, selection.$to);
+    }
+    if (selection instanceof NodeSelection) {
+      handleNodeSelection(selection.node, selection.from);
+    }
+
+    // If no decorations were created, return early
+    if (decorations.length === 0) {
+      return tr;
     }
+    var hasDangerDecorations = className.split(' ').includes('danger');
     tr.setMeta(decorationStateKey, {
       action: add ? ACTIONS.DECORATION_ADD : ACTIONS.DECORATION_REMOVE,
-      data: decoration,
-      hasDangerDecorations: expValEqualsNoExposure('platform_editor_block_menu', 'isEnabled', true) ? className === 'danger' : undefined
+      data: DecorationSet.create(tr.doc, decorations),
+      hasDangerDecorations: expValEqualsNoExposure('platform_editor_block_menu', 'isEnabled', true) && hasDangerDecorations
     }).setMeta('addToHistory', false);
     return tr;
   };

package/dist/types/decorationsPluginType.d.ts

@@ -1,12 +1,10 @@
 import type { NextEditorPlugin, EditorCommand } from '@atlaskit/editor-common/types';
-import { type NodeType } from '@atlaskit/editor-prosemirror/model';
 import type { DecorationState, HoverDecorationHandler, removeDecoration } from './pm-plugins/main';
 export type HoverDecorationProps = {
     add: boolean;
     className?: string;
-    nodeType: NodeType | Array<NodeType>;
 };
-export type HoverDecorationCommand = ({ nodeType, add, className, }: HoverDecorationProps) => EditorCommand;
+export type HoverDecorationCommand = ({ add, className }: HoverDecorationProps) => EditorCommand;
 export type DecorationsPlugin = NextEditorPlugin<'decorations', {
     actions: {
         hoverDecoration: HoverDecorationHandler;

package/dist/types-ts4.5/decorationsPluginType.d.ts

@@ -1,12 +1,10 @@
 import type { NextEditorPlugin, EditorCommand } from '@atlaskit/editor-common/types';
-import { type NodeType } from '@atlaskit/editor-prosemirror/model';
 import type { DecorationState, HoverDecorationHandler, removeDecoration } from './pm-plugins/main';
 export type HoverDecorationProps = {
     add: boolean;
     className?: string;
-    nodeType: NodeType | Array<NodeType>;
 };
-export type HoverDecorationCommand = ({ nodeType, add, className, }: HoverDecorationProps) => EditorCommand;
+export type HoverDecorationCommand = ({ add, className }: HoverDecorationProps) => EditorCommand;
 export type DecorationsPlugin = NextEditorPlugin<'decorations', {
     actions: {
         hoverDecoration: HoverDecorationHandler;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-decorations",
-	"version": "7.0.2",
+	"version": "7.0.4",
 	"description": "Decorations plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -21,12 +21,11 @@
 	"dependencies": {
 		"@atlaskit/editor-prosemirror": "^7.2.0",
 		"@atlaskit/editor-tables": "^2.9.0",
-		"@atlaskit/tmp-editor-statsig": "^16.23.0",
-		"@atlaskit/tokens": "^10.0.0",
+		"@atlaskit/tmp-editor-statsig": "^17.0.0",
 		"@babel/runtime": "^7.0.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^111.8.0",
+		"@atlaskit/editor-common": "^111.9.0",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0"
 	},