@atlaskit/editor-common 82.2.2 → 82.3.0

package/dist/es2019/utils/annotation/index.js

@@ -101,4 +101,26 @@ export function containsAnyAnnotations(slice, state) {
     });
   });
   return hasAnnotation;
+}
+
+/**
+ * This returns a list of node names that are inline nodes in the range.
+ */
+export function getRangeInlineNodeNames({
+  doc,
+  pos
+}) {
+  if (!getBooleanFF('platform.editor.allow-inline-comments-for-inline-nodes-round-2_ctuxz')) {
+    return undefined;
+  }
+  let nodeNames = new Set();
+  doc.nodesBetween(pos.from, pos.to, node => {
+    if (node.isInline) {
+      nodeNames.add(node.type.name);
+    }
+  });
+
+  // We sort the list alphabetically to make human consumption of the list easier (in tools like the analytics extension)
+  const sortedNames = [...nodeNames].sort();
+  return sortedNames;
 }

package/dist/es2019/utils/index.js

@@ -2,7 +2,7 @@ import { hasParentNodeOfType } from '@atlaskit/editor-prosemirror/utils';
 import { hasDocAsParent } from './document';
 import { isEmptyParagraph } from './editor-core-utils';
 export { shouldAutoLinkifyMatch } from './should-auto-linkify-tld';
-export { canApplyAnnotationOnRange, containsAnyAnnotations, getAnnotationIdsFromRange, hasAnnotationMark } from './annotation';
+export { canApplyAnnotationOnRange, containsAnyAnnotations, getAnnotationIdsFromRange, hasAnnotationMark, getRangeInlineNodeNames } from './annotation';
 export { getExtensionLozengeData } from './macro';
 export { default as browser } from './browser';
 export { default as ErrorReporter } from './error-reporter';

package/dist/esm/extensibility/Extension/Extension/index.js

@@ -53,7 +53,6 @@ function ExtensionWithPluginState(props) {
   editorAppearance !== 'full-width';
   var classNames = classnames('extension-container', 'block', shadowClassNames, _defineProperty({
     'with-overlay': !hasBody && !showMacroInteractionDesignUpdates,
-    'with-border': showMacroInteractionDesignUpdates,
     'with-bodied-border': showMacroInteractionDesignUpdates && hasBody,
     'with-margin-styles': showMacroInteractionDesignUpdates && !isNodeNested,
     'with-hover-border': showMacroInteractionDesignUpdates && isNodeHovered,

package/dist/esm/extensibility/Extension/Extension/styles.js

@@ -11,19 +11,15 @@ export var wrapperStyle = css(wrapperDefault, {
   '.extension-overflow-wrapper:not(.with-body)': {
     overflowX: 'auto'
   },
-  '&.with-border': {
-    border: "1px solid transparent" // adding this so macro doesn't jump when hover border is shown
-  },
   '&.with-bodied-border': {
-    border: "1px solid ".concat("var(--ds-border, ".concat(N30, ")"))
+    boxShadow: "0 0 0 1px ".concat("var(--ds-border, ".concat(N30, ")"))
   },
   '&.with-hover-border': {
-    border: "1px solid ".concat("var(--ds-border-input, ".concat(N500, ")"))
+    boxShadow: "0 0 0 1px ".concat("var(--ds-border-input, ".concat(N500, ")"))
   },
   '&.with-margin-styles': {
     margin: "0 ".concat("var(--ds-space-negative-150, -12px)"),
-    // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
-    padding: '0 10px' // need exact number here to match editor elements' width
+    padding: "0 ".concat("var(--ds-space-150, 12px)")
   }
 });
 export var header = css({
@@ -57,7 +53,6 @@ export var contentWrapper = css({
 });
 export var overflowWrapperStyles = css({
   '&.with-margin-styles': {
-    // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
-    margin: "0 -10px" // need exact number here to match editor elements' width
+    margin: "0 ".concat("var(--ds-space-negative-150, -12px)")
   }
 });

package/dist/esm/extensibility/Extension/InlineExtension/index.js

@@ -24,7 +24,6 @@ var InlineExtension = function InlineExtension(props) {
     'with-overlay': !showMacroInteractionDesignUpdates,
     'with-children': hasChildren,
     'with-danger-overlay': showMacroInteractionDesignUpdates,
-    'with-border': showMacroInteractionDesignUpdates,
     'with-hover-border': showMacroInteractionDesignUpdates && isNodeHovered
   });
   var rendererContainerWidth = widthState ? widthState.width - akEditorGutterPaddingDynamic() * 2 : 0;

package/dist/esm/extensibility/Extension/InlineExtension/styles.js

@@ -18,11 +18,8 @@ export var wrapperStyle = css(wrapperDefault, {
     padding: 0,
     background: "var(--ds-background-neutral-subtle, white)"
   },
-  '&.with-border': {
-    border: "1px solid transparent" // adding this so macro doesn't jump when hover border is shown
-  },
   '&.with-hover-border': {
-    border: "1px solid ".concat("var(--ds-border-input, ".concat(N500, ")"))
+    boxShadow: "0 0 0 1px ".concat("var(--ds-border-input, ".concat(N500, ")"))
   }
 });
 export var inlineWrapperStyles = css({

package/dist/esm/extensibility/Extension/Lozenge/ExtensionLabel.js

@@ -34,11 +34,8 @@ var labelStyles = css({
     background: "var(--ds-surface, ".concat(N0, ")")
   },
   '&.bodied-border': {
-    border: "1px solid ".concat("var(--ds-border, ".concat(N30, ")"))
-  },
-  // to account for bodied having borders now - adding this to help with less conditional styling
-  border: '1px solid transparent',
-  borderBottom: 'none'
+    boxShadow: "0 0 0 1px ".concat("var(--ds-border, ".concat(N30, ")"))
+  }
 });
 var textStyles = css({
   fontSize: '14px',

package/dist/esm/extensibility/MultiBodiedExtension/styles.js

@@ -22,10 +22,10 @@ export var mbeExtensionWrapperCSSStyles = css(wrapperDefault, {
     paddingTop: "var(--ds-space-100, 8px)".concat(" !important")
   },
   '&.with-border': {
-    border: "1px solid ".concat("var(--ds-border, ".concat(N30, ")"))
+    boxShadow: "0 0 0 1px ".concat("var(--ds-border, ".concat(N30, ")"))
   },
   '&.with-hover-border': {
-    border: "1px solid ".concat("var(--ds-border-input, ".concat(N500, ")"))
+    boxShadow: "0 0 0 1px ".concat("var(--ds-border-input, ".concat(N500, ")"))
   },
   '&.with-padding-background-styles': {
     padding: "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 = "82.2.2";
+var packageVersion = "82.3.0";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

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

@@ -15,7 +15,7 @@ import { createAndFireEvent, withAnalyticsContext, withAnalyticsEvents } from '@
 import { N0, N50A, N60A, N900 } from '@atlaskit/theme/colors';
 import Layer from '../Layer';
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "82.2.2";
+var packageVersion = "82.3.0";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var DropList = /*#__PURE__*/function (_Component) {

package/dist/esm/ui-color/ColorPalette/Color/index.js

@@ -11,15 +11,64 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
 import React, { PureComponent } from 'react';
 import { jsx } from '@emotion/react';
 import EditorDoneIcon from '@atlaskit/icon/glyph/editor/done';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { N0 } from '@atlaskit/theme/colors';
 import Tooltip from '@atlaskit/tooltip';
 import { buttonStyle, buttonWrapperStyle } from './styles';
-var Color = /*#__PURE__*/function (_PureComponent) {
-  _inherits(Color, _PureComponent);
-  var _super = _createSuper(Color);
-  function Color() {
+function FunctionalComponentColor(props) {
+  var autoFocus = props.autoFocus,
+    tabIndex = props.tabIndex,
+    value = props.value,
+    label = props.label,
+    isSelected = props.isSelected,
+    borderColor = props.borderColor,
+    _props$checkMarkColor = props.checkMarkColor,
+    checkMarkColor = _props$checkMarkColor === void 0 ? N0 : _props$checkMarkColor,
+    hexToPaletteColor = props.hexToPaletteColor,
+    decorator = props.decorator;
+  var colorStyle = hexToPaletteColor ? hexToPaletteColor(value) : value;
+  var onMouseDown = function onMouseDown(e) {
+    e.preventDefault();
+  };
+  var onClick = function onClick(e) {
+    var onClick = props.onClick,
+      value = props.value,
+      label = props.label;
+    e.preventDefault();
+    onClick(value, label);
+  };
+  return jsx(Tooltip, {
+    content: label
+  }, jsx("span", {
+    css: buttonWrapperStyle
+  }, jsx("button", {
+    type: "button",
+    css: buttonStyle,
+    "aria-label": label,
+    role: "radio",
+    "aria-checked": isSelected,
+    onClick: onClick,
+    onMouseDown: onMouseDown,
+    tabIndex: tabIndex
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    ,
+    className: "".concat(isSelected ? 'selected' : ''),
+    style: {
+      backgroundColor: colorStyle || 'transparent',
+      border: "1px solid ".concat(borderColor)
+    },
+    autoFocus: autoFocus
+  }, isSelected && jsx(EditorDoneIcon, {
+    primaryColor: checkMarkColor,
+    label: ""
+  }), decorator)));
+}
+var ClassComponentColor = /*#__PURE__*/function (_PureComponent) {
+  _inherits(ClassComponentColor, _PureComponent);
+  var _super = _createSuper(ClassComponentColor);
+  function ClassComponentColor() {
     var _this;
-    _classCallCheck(this, Color);
+    _classCallCheck(this, ClassComponentColor);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
@@ -37,7 +86,7 @@ var Color = /*#__PURE__*/function (_PureComponent) {
     });
     return _this;
   }
-  _createClass(Color, [{
+  _createClass(ClassComponentColor, [{
     key: "render",
     value: function render() {
       var _this$props2 = this.props,
@@ -78,6 +127,7 @@ var Color = /*#__PURE__*/function (_PureComponent) {
       }))));
     }
   }]);
-  return Color;
+  return ClassComponentColor;
 }(PureComponent);
+var Color = getBooleanFF('platform.editor.transparent-diagonal-decorator') ? FunctionalComponentColor : ClassComponentColor;
 export default Color;

package/dist/esm/ui-color/ColorPalette/Palettes/highlightColorPalette.js

@@ -1,15 +1,51 @@
+/** @jsx jsx */
+
+import { jsx } from '@emotion/react';
 import { backgroundColorPalette } from '@atlaskit/adf-schema';
+import Icon from '@atlaskit/icon';
+import { useThemeObserver } from '@atlaskit/tokens';
 import { DEFAULT_BORDER_COLOR } from './common';
 import getColorMessage from './getColorMessage';
 import paletteMessages from './paletteMessages';
 import { mapPaletteColor } from './textColorPalette';
 export var REMOVE_HIGHLIGHT_COLOR = '#00000000';
+var DiagonalLineGlyph = function DiagonalLineGlyph() {
+  return jsx("svg", {
+    width: "24",
+    height: "24",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, jsx("rect", {
+    width: "24",
+    height: "24",
+    fill: "white",
+    fillOpacity: "0.01"
+  }), jsx("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M17.2038 7.70388C17.5955 8.09565 17.5941 8.73128 17.2005 9.12127L9.1213 17.1277C8.73027 17.5152 8.09958 17.5138 7.71031 17.1245C7.31854 16.7328 7.31997 16.0971 7.71351 15.7071L15.7928 7.70069C16.1838 7.31318 16.8145 7.31461 17.2038 7.70388Z",
+    fill: "currentColor",
+    fillOpacity: "0.5"
+  }));
+};
+export var EditorDiagonalLineIcon = function EditorDiagonalLineIcon() {
+  var _useThemeObserver = useThemeObserver(),
+    colorMode = _useThemeObserver.colorMode;
+  var primaryColor = colorMode === 'dark' ? "var(--ds-background-accent-gray-bolder, #626F86)" : "var(--ds-background-accent-gray-subtle, #8590A2)";
+  return jsx(Icon, {
+    glyph: DiagonalLineGlyph,
+    label: "",
+    primaryColor: primaryColor
+  });
+};
 export var highlightColorPalette = [{
   value: REMOVE_HIGHLIGHT_COLOR,
   label: 'No color',
   // Mostly informative, only used for analytics
   border: DEFAULT_BORDER_COLOR,
-  message: getColorMessage(paletteMessages, 'no-color')
+  message: getColorMessage(paletteMessages, 'no-color'),
+  decorator: jsx(EditorDiagonalLineIcon, null)
 }];
 backgroundColorPalette.forEach(function (label, color) {
   highlightColorPalette.push(mapPaletteColor(label, color));

package/dist/esm/ui-color/ColorPalette/index.js

@@ -64,7 +64,8 @@ var ColorPalette = function ColorPalette(props) {
       var value = _ref.value,
         label = _ref.label,
         border = _ref.border,
-        message = _ref.message;
+        message = _ref.message,
+        decorator = _ref.decorator;
       if (paletteColorTooltipMessages) {
         if (tokenTheme === 'dark') {
           message = getColorMessage(paletteColorTooltipMessages.dark, value.toUpperCase());
@@ -81,7 +82,8 @@ var ColorPalette = function ColorPalette(props) {
         onClick: onClick,
         isSelected: value === selectedColor,
         checkMarkColor: getCheckMarkColor(value, useIconToken),
-        hexToPaletteColor: hexToPaletteColor
+        hexToPaletteColor: hexToPaletteColor,
+        decorator: decorator
       });
     }));
   }));

package/dist/esm/utils/annotation/index.js

@@ -1,3 +1,4 @@
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 export var canApplyAnnotationOnRange = function canApplyAnnotationOnRange(rangeSelection, doc, schema) {
   var from = rangeSelection.from,
@@ -89,4 +90,25 @@ export function containsAnyAnnotations(slice, state) {
     });
   });
   return hasAnnotation;
+}
+
+/**
+ * This returns a list of node names that are inline nodes in the range.
+ */
+export function getRangeInlineNodeNames(_ref) {
+  var doc = _ref.doc,
+    pos = _ref.pos;
+  if (!getBooleanFF('platform.editor.allow-inline-comments-for-inline-nodes-round-2_ctuxz')) {
+    return undefined;
+  }
+  var nodeNames = new Set();
+  doc.nodesBetween(pos.from, pos.to, function (node) {
+    if (node.isInline) {
+      nodeNames.add(node.type.name);
+    }
+  });
+
+  // We sort the list alphabetically to make human consumption of the list easier (in tools like the analytics extension)
+  var sortedNames = _toConsumableArray(nodeNames).sort();
+  return sortedNames;
 }

package/dist/esm/utils/index.js

@@ -2,7 +2,7 @@ import { hasParentNodeOfType } from '@atlaskit/editor-prosemirror/utils';
 import { hasDocAsParent } from './document';
 import { isEmptyParagraph } from './editor-core-utils';
 export { shouldAutoLinkifyMatch } from './should-auto-linkify-tld';
-export { canApplyAnnotationOnRange, containsAnyAnnotations, getAnnotationIdsFromRange, hasAnnotationMark } from './annotation';
+export { canApplyAnnotationOnRange, containsAnyAnnotations, getAnnotationIdsFromRange, hasAnnotationMark, getRangeInlineNodeNames } from './annotation';
 export { getExtensionLozengeData } from './macro';
 export { default as browser } from './browser';
 export { default as ErrorReporter } from './error-reporter';

package/dist/types/analytics/types/inline-comment-events.d.ts

@@ -6,6 +6,7 @@ export type AnnotationAEPAttributes = undefined | {} | AnnotationDraftAEPAttribu
 export type AnnotationDraftAEPAttributes = {
     inputMethod: INPUT_METHOD.TOOLBAR | INPUT_METHOD.SHORTCUT;
     overlap: number;
+    inlineNodeNames?: string[];
 };
 export type AnnotationResolvedAEPAttributes = {
     method: RESOLVE_METHOD;

package/dist/types/types/feature-flags.d.ts

@@ -285,6 +285,14 @@ export type FeatureFlags = {
      * @default false
      */
     commentsOnMediaAnalytics?: boolean;
+    /**
+     * @description
+     * Enables block elements drag and drop
+     *
+     * @see https://product-fabric.atlassian.net/browse/ED-22939
+     * @default false
+     */
+    elementDragAndDrop?: boolean;
 };
 export type FeatureFlagKey = keyof FeatureFlags;
 export type GetEditorFeatureFlags = () => FeatureFlags;

package/dist/types/ui-color/ColorPalette/Color/index.d.ts

@@ -1,5 +1,5 @@
 /** @jsx jsx */
-import React, { PureComponent } from 'react';
+import React, { PureComponent, type ReactElement } from 'react';
 import { jsx } from '@emotion/react';
 export interface Props {
     value: string;
@@ -11,10 +11,13 @@ export interface Props {
     checkMarkColor?: string;
     autoFocus?: boolean;
     hexToPaletteColor?: (hexColor: string) => string | undefined;
+    decorator?: ReactElement;
 }
-declare class Color extends PureComponent<Props> {
+declare function FunctionalComponentColor(props: Props): jsx.JSX.Element;
+declare class ClassComponentColor extends PureComponent<Props> {
     render(): jsx.JSX.Element;
     onMouseDown: (e: React.MouseEvent<{}>) => void;
     onClick: (e: React.MouseEvent<{}>) => void;
 }
+declare const Color: typeof ClassComponentColor | typeof FunctionalComponentColor;
 export default Color;

package/dist/types/ui-color/ColorPalette/Palettes/highlightColorPalette.d.ts

@@ -1,3 +1,6 @@
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
 import type { PaletteColor } from './type';
 export declare const REMOVE_HIGHLIGHT_COLOR = "#00000000";
+export declare const EditorDiagonalLineIcon: () => jsx.JSX.Element;
 export declare const highlightColorPalette: Array<PaletteColor>;

package/dist/types/ui-color/ColorPalette/Palettes/type.d.ts

@@ -1,9 +1,11 @@
+import { type ReactElement } from 'react';
 import { type MessageDescriptor } from 'react-intl-next';
 export interface PaletteColor {
     value: string;
     label: string;
     border: string;
     message?: MessageDescriptor;
+    decorator?: ReactElement;
 }
 export type Palette = Array<PaletteColor>;
 export type PaletteTooltipMessages = {

package/dist/types/utils/annotation/index.d.ts

@@ -8,4 +8,14 @@ export declare const canApplyAnnotationOnRange: (rangeSelection: Range, doc: PMN
 export declare const getAnnotationIdsFromRange: (rangeSelection: Range, doc: PMNode, schema: Schema) => string[];
 export declare function hasAnnotationMark(node: PMNode, state: EditorState): boolean;
 export declare function containsAnyAnnotations(slice: Slice, state: EditorState): boolean;
+/**
+ * This returns a list of node names that are inline nodes in the range.
+ */
+export declare function getRangeInlineNodeNames({ doc, pos, }: {
+    doc: PMNode;
+    pos: {
+        from: number;
+        to: number;
+    };
+}): string[] | undefined;
 export {};

package/dist/types/utils/index.d.ts

@@ -2,7 +2,7 @@ import type { Node as PMNode, ResolvedPos, Schema } from '@atlaskit/editor-prose
 import type { EditorState, Selection } from '@atlaskit/editor-prosemirror/state';
 import type { ContentNodeWithPos } from '@atlaskit/editor-prosemirror/utils';
 export { shouldAutoLinkifyMatch } from './should-auto-linkify-tld';
-export { canApplyAnnotationOnRange, containsAnyAnnotations, getAnnotationIdsFromRange, hasAnnotationMark, } from './annotation';
+export { canApplyAnnotationOnRange, containsAnyAnnotations, getAnnotationIdsFromRange, hasAnnotationMark, getRangeInlineNodeNames, } from './annotation';
 export { getExtensionLozengeData } from './macro';
 export type { Params } from './macro';
 export { default as browser } from './browser';

package/dist/types-ts4.5/analytics/types/inline-comment-events.d.ts

@@ -6,6 +6,7 @@ export type AnnotationAEPAttributes = undefined | {} | AnnotationDraftAEPAttribu
 export type AnnotationDraftAEPAttributes = {
     inputMethod: INPUT_METHOD.TOOLBAR | INPUT_METHOD.SHORTCUT;
     overlap: number;
+    inlineNodeNames?: string[];
 };
 export type AnnotationResolvedAEPAttributes = {
     method: RESOLVE_METHOD;

package/dist/types-ts4.5/types/feature-flags.d.ts

@@ -285,6 +285,14 @@ export type FeatureFlags = {
      * @default false
      */
     commentsOnMediaAnalytics?: boolean;
+    /**
+     * @description
+     * Enables block elements drag and drop
+     *
+     * @see https://product-fabric.atlassian.net/browse/ED-22939
+     * @default false
+     */
+    elementDragAndDrop?: boolean;
 };
 export type FeatureFlagKey = keyof FeatureFlags;
 export type GetEditorFeatureFlags = () => FeatureFlags;

package/dist/types-ts4.5/ui-color/ColorPalette/Color/index.d.ts

@@ -1,5 +1,5 @@
 /** @jsx jsx */
-import React, { PureComponent } from 'react';
+import React, { PureComponent, type ReactElement } from 'react';
 import { jsx } from '@emotion/react';
 export interface Props {
     value: string;
@@ -11,10 +11,13 @@ export interface Props {
     checkMarkColor?: string;
     autoFocus?: boolean;
     hexToPaletteColor?: (hexColor: string) => string | undefined;
+    decorator?: ReactElement;
 }
-declare class Color extends PureComponent<Props> {
+declare function FunctionalComponentColor(props: Props): jsx.JSX.Element;
+declare class ClassComponentColor extends PureComponent<Props> {
     render(): jsx.JSX.Element;
     onMouseDown: (e: React.MouseEvent<{}>) => void;
     onClick: (e: React.MouseEvent<{}>) => void;
 }
+declare const Color: typeof ClassComponentColor | typeof FunctionalComponentColor;
 export default Color;

package/dist/types-ts4.5/ui-color/ColorPalette/Palettes/highlightColorPalette.d.ts

@@ -1,3 +1,6 @@
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
 import type { PaletteColor } from './type';
 export declare const REMOVE_HIGHLIGHT_COLOR = "#00000000";
+export declare const EditorDiagonalLineIcon: () => jsx.JSX.Element;
 export declare const highlightColorPalette: Array<PaletteColor>;

package/dist/types-ts4.5/ui-color/ColorPalette/Palettes/type.d.ts

@@ -1,9 +1,11 @@
+import { type ReactElement } from 'react';
 import { type MessageDescriptor } from 'react-intl-next';
 export interface PaletteColor {
     value: string;
     label: string;
     border: string;
     message?: MessageDescriptor;
+    decorator?: ReactElement;
 }
 export type Palette = Array<PaletteColor>;
 export type PaletteTooltipMessages = {

package/dist/types-ts4.5/utils/annotation/index.d.ts

@@ -8,4 +8,14 @@ export declare const canApplyAnnotationOnRange: (rangeSelection: Range, doc: PMN
 export declare const getAnnotationIdsFromRange: (rangeSelection: Range, doc: PMNode, schema: Schema) => string[];
 export declare function hasAnnotationMark(node: PMNode, state: EditorState): boolean;
 export declare function containsAnyAnnotations(slice: Slice, state: EditorState): boolean;
+/**
+ * This returns a list of node names that are inline nodes in the range.
+ */
+export declare function getRangeInlineNodeNames({ doc, pos, }: {
+    doc: PMNode;
+    pos: {
+        from: number;
+        to: number;
+    };
+}): string[] | undefined;
 export {};

package/dist/types-ts4.5/utils/index.d.ts

@@ -2,7 +2,7 @@ import type { Node as PMNode, ResolvedPos, Schema } from '@atlaskit/editor-prose
 import type { EditorState, Selection } from '@atlaskit/editor-prosemirror/state';
 import type { ContentNodeWithPos } from '@atlaskit/editor-prosemirror/utils';
 export { shouldAutoLinkifyMatch } from './should-auto-linkify-tld';
-export { canApplyAnnotationOnRange, containsAnyAnnotations, getAnnotationIdsFromRange, hasAnnotationMark, } from './annotation';
+export { canApplyAnnotationOnRange, containsAnyAnnotations, getAnnotationIdsFromRange, hasAnnotationMark, getRangeInlineNodeNames, } from './annotation';
 export { getExtensionLozengeData } from './macro';
 export type { Params } from './macro';
 export { default as browser } from './browser';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-common",
-  "version": "82.2.2",
+  "version": "82.3.0",
   "description": "A package that contains common classes and components for editor and renderer",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -136,7 +136,7 @@
     "@atlaskit/task-decision": "^17.10.0",
     "@atlaskit/textfield": "^6.3.0",
     "@atlaskit/theme": "^12.9.0",
-    "@atlaskit/tokens": "^1.49.0",
+    "@atlaskit/tokens": "^1.50.0",
     "@atlaskit/tooltip": "^18.4.0",
     "@atlaskit/ufo": "^0.2.0",
     "@atlaskit/width-detector": "^4.2.0",
@@ -256,6 +256,9 @@
     },
     "platform.editor.a11y-element-browser": {
       "type": "boolean"
+    },
+    "platform.editor.transparent-diagonal-decorator": {
+      "type": "boolean"
     }
   }
 }