@atlaskit/editor-core 189.3.14 → 189.3.15

package/dist/cjs/{plugins/expand/ui/styles.js → ui/ContentStyles/expand.js}

@@ -7,17 +7,18 @@ Object.defineProperty(exports, "__esModule", {
 exports.expandStyles = void 0;
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = require("@emotion/react");
-var _components = require("@atlaskit/theme/components");
 var _colors = require("@atlaskit/theme/colors");
+var _components = require("@atlaskit/theme/components");
+var _styles = require("@atlaskit/editor-common/styles");
 var _ui = require("@atlaskit/editor-common/ui");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
-var _constants = require("../../breakout/constants");
-var _classNames = require("./class-names");
-var _templateObject, _templateObject2;
+var _templateObject, _templateObject2; // eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
 var EXPAND_SELECTED_BACKGROUND = (0, _components.themed)({
   light: "var(--ds-background-neutral-subtle, rgba(255, 255, 255, 0.6))",
   dark: "var(--ds-background-neutral-subtle, rgba(9, 10, 11, 0.29))"
 });
+
+/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
 var EXPAND_ICON_COLOR = function EXPAND_ICON_COLOR(props) {
   return (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  color: ", ";\n"])), (0, _components.themed)({
     light: "var(--ds-icon-subtle, ".concat(_colors.N80A, ")"),
@@ -46,17 +47,19 @@ var DANGER_STATE_BORDER_COLOR = (0, _components.themed)({
 var DANGER_STATE_BORDER_RADIUS = (0, _components.themed)({
   dark: '3px'
 });
+
+/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
 var expandStyles = exports.expandStyles = function expandStyles(props) {
-  return (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  .", " > div {\n    display: flex;\n  }\n\n  .", " {\n    ", "\n    overflow: hidden;\n    cursor: pointer;\n    box-sizing: border-box;\n\n    td > & {\n      margin-top: 0;\n    }\n\n    .", " svg {\n      ", ";\n      transform: rotate(90deg);\n    }\n\n    &.", ":not(.danger) {\n      ", "\n\n      ::after {\n        // Custom background color and borders (for dark theme).\n        background-color: ", ";\n        border: ", ";\n        border-radius: ", ";\n      }\n    }\n\n    &.danger {\n      background: ", ";\n      border: ", ";\n      border-color: ", ";\n      border-radius: ", ";\n    }\n  }\n\n  .ProseMirror\n    > .", ",\n    .", "\n    > .", " {\n    margin-left: -", "px;\n    margin-right: -", "px;\n  }\n\n  .", " {\n    ", "\n    cursor: text;\n    padding-top: 0px;\n  }\n\n  .", " {\n    ", "\n  }\n\n  .", " {\n    ", ";\n    align-items: center;\n    overflow: visible;\n  }\n\n  .", " {\n    background: ", ";\n    border-color: ", ";\n\n    .", " {\n      padding-top: ", ";\n    }\n  }\n\n  .", " {\n    width: 100%;\n  }\n\n  /* stylelint-disable property-no-unknown, value-keyword-case */\n  .", ":(.", ") {\n    .expand-content-wrapper {\n      height: auto;\n    }\n  }\n  /* stylelint-enable property-no-unknown, value-keyword-case */\n\n  .", ":not(.", ") {\n    .ak-editor-expand__content {\n      position: absolute;\n      height: 1px;\n      width: 1px;\n      overflow: hidden;\n      clip: rect(1px, 1px, 1px, 1px);\n      white-space: nowrap;\n    }\n\n    .", " svg {\n      ", ";\n      transform: rotate(0deg);\n    }\n\n    &:not(.", "):not(.danger) {\n      background: transparent;\n      border-color: transparent;\n\n      &:hover {\n        border-color: ", ";\n        background: ", ";\n      }\n    }\n  }\n"])), _classNames.expandClassNames.icon, _classNames.expandClassNames.prefix, _ui.sharedExpandStyles.containerStyles({
+  return (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  .", " > div {\n    display: flex;\n  }\n\n  .", " {\n    ", "\n    overflow: hidden;\n    cursor: pointer;\n    box-sizing: border-box;\n\n    td > & {\n      margin-top: 0;\n    }\n\n    .", " svg {\n      ", ";\n      transform: rotate(90deg);\n    }\n\n    &.", ":not(.danger) {\n      ", "\n\n      ::after {\n        // Custom background color and borders (for dark theme).\n        background-color: ", ";\n        border: ", ";\n        border-radius: ", ";\n      }\n    }\n\n    &.danger {\n      background: ", ";\n      border: ", ";\n      border-color: ", ";\n      border-radius: ", ";\n    }\n  }\n\n  .ProseMirror\n    > .", ",\n    .", "\n    > .", " {\n    margin-left: -", "px;\n    margin-right: -", "px;\n  }\n\n  .", " {\n    ", "\n    cursor: text;\n    padding-top: 0px;\n  }\n\n  .", " {\n    ", "\n  }\n\n  .", " {\n    ", ";\n    align-items: center;\n    overflow: visible;\n  }\n\n  .", " {\n    background: ", ";\n    border-color: ", ";\n\n    .", " {\n      padding-top: ", ";\n    }\n  }\n\n  .", " {\n    width: 100%;\n  }\n\n  /* stylelint-disable property-no-unknown, value-keyword-case */\n  .", ":(.", ") {\n    .expand-content-wrapper {\n      height: auto;\n    }\n  }\n  /* stylelint-enable property-no-unknown, value-keyword-case */\n\n  .", ":not(.", ") {\n    .ak-editor-expand__content {\n      position: absolute;\n      height: 1px;\n      width: 1px;\n      overflow: hidden;\n      clip: rect(1px, 1px, 1px, 1px);\n      white-space: nowrap;\n    }\n\n    .", " svg {\n      ", ";\n      transform: rotate(0deg);\n    }\n\n    &:not(.", "):not(.danger) {\n      background: transparent;\n      border-color: transparent;\n\n      &:hover {\n        border-color: ", ";\n        background: ", ";\n      }\n    }\n  }\n"])), _styles.expandClassNames.icon, _styles.expandClassNames.prefix, _ui.sharedExpandStyles.containerStyles({
     expanded: false,
     focused: false
-  })(props), _classNames.expandClassNames.iconContainer, EXPAND_ICON_COLOR(props), _editorSharedStyles.akEditorSelectedNodeClassName, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.Blanket, _editorSharedStyles.SelectionStyle.Border]), ACTIVE_STATE_BACKGROUND_COLOR(props), ACTIVE_STATE_BORDER(props), ACTIVE_STATE_BORDER_RADIUS(props), DANGER_STATE_BACKGROUND_COLOR(props), DANGER_STATE_BORDER(props), DANGER_STATE_BORDER_COLOR(props), DANGER_STATE_BORDER_RADIUS(props), _classNames.expandClassNames.type('expand'), _constants.BreakoutCssClassName.BREAKOUT_MARK_DOM, _classNames.expandClassNames.type('expand'), _editorSharedStyles.akLayoutGutterOffset, _editorSharedStyles.akLayoutGutterOffset, _classNames.expandClassNames.content, _ui.sharedExpandStyles.contentStyles({
+  })(props), _styles.expandClassNames.iconContainer, EXPAND_ICON_COLOR(props), _editorSharedStyles.akEditorSelectedNodeClassName, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.Blanket, _editorSharedStyles.SelectionStyle.Border]), ACTIVE_STATE_BACKGROUND_COLOR(props), ACTIVE_STATE_BORDER(props), ACTIVE_STATE_BORDER_RADIUS(props), DANGER_STATE_BACKGROUND_COLOR(props), DANGER_STATE_BORDER(props), DANGER_STATE_BORDER_COLOR(props), DANGER_STATE_BORDER_RADIUS(props), _styles.expandClassNames.type('expand'), _styles.BreakoutCssClassName.BREAKOUT_MARK_DOM, _styles.expandClassNames.type('expand'), _editorSharedStyles.akLayoutGutterOffset, _editorSharedStyles.akLayoutGutterOffset, _styles.expandClassNames.content, _ui.sharedExpandStyles.contentStyles({
     expanded: false,
     focused: false
-  })(props), _classNames.expandClassNames.titleInput, _ui.sharedExpandStyles.titleInputStyles(props), _classNames.expandClassNames.titleContainer, _ui.sharedExpandStyles.titleContainerStyles(props), _classNames.expandClassNames.expanded, EXPAND_SELECTED_BACKGROUND(props), (0, _components.themed)({
+  })(props), _styles.expandClassNames.titleInput, _ui.sharedExpandStyles.titleInputStyles(props), _styles.expandClassNames.titleContainer, _ui.sharedExpandStyles.titleContainerStyles(props), _styles.expandClassNames.expanded, EXPAND_SELECTED_BACKGROUND(props), (0, _components.themed)({
     light: "var(--ds-border, ".concat(_colors.N40A, ")"),
     dark: "var(--ds-border, ".concat(_colors.DN50, ")")
-  })(props), _classNames.expandClassNames.content, "var(--ds-space-100, 8px)", _classNames.expandClassNames.inputContainer, _classNames.expandClassNames.prefix, _classNames.expandClassNames.expanded, _classNames.expandClassNames.prefix, _classNames.expandClassNames.expanded, _classNames.expandClassNames.iconContainer, EXPAND_ICON_COLOR(props), _editorSharedStyles.akEditorSelectedNodeClassName, (0, _components.themed)({
+  })(props), _styles.expandClassNames.content, "var(--ds-space-100, 8px)", _styles.expandClassNames.inputContainer, _styles.expandClassNames.prefix, _styles.expandClassNames.expanded, _styles.expandClassNames.prefix, _styles.expandClassNames.expanded, _styles.expandClassNames.iconContainer, EXPAND_ICON_COLOR(props), _editorSharedStyles.akEditorSelectedNodeClassName, (0, _components.themed)({
     light: "var(--ds-border, ".concat(_colors.N50A, ")"),
     dark: "var(--ds-border, ".concat(_colors.DN50, ")")
   })(props), EXPAND_SELECTED_BACKGROUND(props));

package/dist/cjs/ui/ContentStyles/index.js

@@ -22,9 +22,9 @@ var _layout = require("./layout");
 var _panel = require("./panel");
 var _styles5 = require("@atlaskit/editor-plugin-placeholder-text/styles");
 var _styles6 = require("../../plugins/extension/ui/styles");
-var _styles7 = require("../../plugins/expand/ui/styles");
-var _styles8 = require("../../plugins/find-replace/styles");
-var _styles9 = require("../../plugins/tasks-and-decisions/styles");
+var _expand = require("./expand");
+var _styles7 = require("../../plugins/find-replace/styles");
+var _styles8 = require("../../plugins/tasks-and-decisions/styles");
 var _status = require("./status");
 var _date = require("./date");
 var _getInlineNodeViewProducer = require("../../nodeviews/getInlineNodeViewProducer.styles");
@@ -47,7 +47,7 @@ var placeholderStyles = exports.placeholderStyles = (0, _react2.css)(_templateOb
 var contentStyles = function contentStyles(props) {
   return (0, _react2.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n  .ProseMirror {\n    outline: none;\n    font-size: ", "px;\n    ", ";\n    ", ";\n    ", ";\n    ", ";\n    ", ";\n    ", ";\n  }\n\n  .ProseMirror[contenteditable='false'] .taskItemView-content-wrap {\n    pointer-events: none;\n    opacity: 0.7;\n  }\n\n  .ProseMirror-hideselection *::selection {\n    background: transparent;\n  }\n\n  .ProseMirror-hideselection *::-moz-selection {\n    background: transparent;\n  }\n\n  .ProseMirror-selectednode {\n    outline: none;\n  }\n\n  .ProseMirror-selectednode:empty {\n    outline: 2px solid ", ";\n  }\n\n  ", "\n  ", "\n  ", "\n\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", ";\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n\n  .panelView-content-wrap {\n    box-sizing: border-box;\n  }\n\n  .mediaGroupView-content-wrap ul {\n    padding: 0;\n  }\n\n  /** Needed to override any cleared floats, e.g. image wrapping */\n\n  div.fabric-editor-block-mark[class^='fabric-editor-align'] {\n    clear: none !important;\n  }\n\n  .fabric-editor-align-end {\n    text-align: right;\n  }\n\n  .fabric-editor-align-start {\n    text-align: left;\n  }\n\n  .fabric-editor-align-center {\n    text-align: center;\n  }\n\n  .pm-table-header-content-wrap :not(.fabric-editor-alignment),\n  .pm-table-header-content-wrap\n    :not(p, .fabric-editor-block-mark)\n    + div.fabric-editor-block-mark,\n  .pm-table-cell-content-wrap\n    :not(p, .fabric-editor-block-mark)\n    + div.fabric-editor-block-mark {\n    p:first-of-type {\n      margin-top: 0;\n    }\n  }\n\n  .hyperlink-floating-toolbar,\n  .", " {\n    padding: 0;\n  }\n\n  /* Link icon in the Atlaskit package\n     is bigger than the others\n  */\n  .hyperlink-open-link {\n    svg {\n      max-width: 18px;\n    }\n    &[href] {\n      padding: 0 4px;\n    }\n  }\n"])), (0, _editorSharedStyles.editorFontSize)({
     theme: props.theme
-  }), _styles.whitespaceSharedStyles, _styles.paragraphSharedStyles, _styles.listsSharedStyles, _styles.indentationSharedStyles, _styles.shadowSharedStyle, _getInlineNodeViewProducer.InlineNodeViewSharedStyles, "var(--ds-border-focused, #8cf)", _styles5.placeholderTextStyles, placeholderStyles, (0, _codeBlock.codeBlockStyles)(props), (0, _styles3.blocktypeStyles)(props), (0, _styles.codeMarkSharedStyles)(props), _styles.textColorStyles, listsStyles, ruleStyles(props), _media.mediaStyles, (0, _layout.layoutStyles)(props), _styles2.telepointerStyle, _selection.gapCursorStyles, (0, _commonStyles.tableStyles)(props), (0, _panel.panelStyles)(props), mentionsStyles, emojiStyles, _styles.tasksAndDecisionsStyles, _styles.gridStyles, linkStyles, _styles.blockMarksSharedStyles, _styles.dateSharedStyle, _styles6.extensionStyles, (0, _styles7.expandStyles)(props), _styles8.findReplaceStyles, _styles4.textHighlightStyle, _styles9.taskDecisionStyles, _status.statusStyles, (0, _styles.annotationSharedStyles)(props), _styles.smartCardStyles, _styles.smartCardSharedStyles, _date.dateStyles, _styles.embedCardStyles, _styles.unsupportedStyles, _styles.resizerStyles, _styles.MediaSharedClassNames.FLOATING_TOOLBAR_COMPONENT);
+  }), _styles.whitespaceSharedStyles, _styles.paragraphSharedStyles, _styles.listsSharedStyles, _styles.indentationSharedStyles, _styles.shadowSharedStyle, _getInlineNodeViewProducer.InlineNodeViewSharedStyles, "var(--ds-border-focused, #8cf)", _styles5.placeholderTextStyles, placeholderStyles, (0, _codeBlock.codeBlockStyles)(props), (0, _styles3.blocktypeStyles)(props), (0, _styles.codeMarkSharedStyles)(props), _styles.textColorStyles, listsStyles, ruleStyles(props), _media.mediaStyles, (0, _layout.layoutStyles)(props), _styles2.telepointerStyle, _selection.gapCursorStyles, (0, _commonStyles.tableStyles)(props), (0, _panel.panelStyles)(props), mentionsStyles, emojiStyles, _styles.tasksAndDecisionsStyles, _styles.gridStyles, linkStyles, _styles.blockMarksSharedStyles, _styles.dateSharedStyle, _styles6.extensionStyles, (0, _expand.expandStyles)(props), _styles7.findReplaceStyles, _styles4.textHighlightStyle, _styles8.taskDecisionStyles, _status.statusStyles, (0, _styles.annotationSharedStyles)(props), _styles.smartCardStyles, _styles.smartCardSharedStyles, _date.dateStyles, _styles.embedCardStyles, _styles.unsupportedStyles, _styles.resizerStyles, _styles.MediaSharedClassNames.FLOATING_TOOLBAR_COMPONENT);
 };
 var createEditorContentStyle = exports.createEditorContentStyle = function createEditorContentStyle(styles) {
   return /*#__PURE__*/_react.default.forwardRef(function (props, ref) {

package/dist/cjs/ui/ToolbarFeedback/index.js

@@ -108,7 +108,7 @@ var ToolbarFeedbackInternal = /*#__PURE__*/function (_PureComponent) {
               jiraIssueCollectorScriptLoading: true,
               showOptOutOption: false
             });
-            basePluginState = (_this$props$api = _this.props.api) === null || _this$props$api === void 0 ? void 0 : _this$props$api.base.sharedState.currentState();
+            basePluginState = (_this$props$api = _this.props.api) === null || _this$props$api === void 0 || (_this$props$api = _this$props$api.base) === null || _this$props$api === void 0 ? void 0 : _this$props$api.sharedState.currentState();
             sessionId = (_window$localStorage$ = window.localStorage.getItem('awc.session.id')) === null || _window$localStorage$ === void 0 ? void 0 : _window$localStorage$.toString();
             contentId = basePluginState === null || basePluginState === void 0 || (_basePluginState$cont = basePluginState.contextIdentifier) === null || _basePluginState$cont === void 0 ? void 0 : _basePluginState$cont.objectId;
             tabId = window.sessionStorage['awc.tab.id'];

package/dist/cjs/use-preset.js

@@ -41,7 +41,6 @@ var _context = require("./presets/context");
  */
 function usePreset(createPreset, dependencies) {
   var editorApi = (0, _context.usePresetContext)();
-
   // eslint-disable-next-line react-hooks/exhaustive-deps
   var preset = (0, _react.useMemo)(createPreset, dependencies);
   return {

package/dist/cjs/version-wrapper.js

@@ -5,4 +5,4 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.version = exports.name = void 0;
 var name = exports.name = "@atlaskit/editor-core";
-var version = exports.version = "189.3.14";
+var version = exports.version = "189.3.15";

package/dist/es2019/nodeviews/getInlineNodeViewProducer.styles.js

@@ -15,7 +15,7 @@ export const InlineNodeViewSharedStyles = css`
     white-space: nowrap;
     /* Then reset to the Editor default so we don't interfere
     with any component styling. */
-    & > *:not(span[aria-hidden='true'].zeroWidthSpaceContainer) {
+    & > *:not(.zeroWidthSpaceContainer) {
       white-space: pre-wrap;
     }
     // Prevent visually hidden assistive text from being selected.

package/dist/es2019/plugins/analytics/index.js

@@ -1,3 +1,3 @@
 import analyticsPlugin from './plugin';
-export { withAnalytics, addAnalytics } from './utils';
+export { addAnalytics } from './utils';
 export default analyticsPlugin;

package/dist/es2019/plugins/analytics/utils.js

@@ -25,28 +25,4 @@ export function addAnalytics(state, tr, payload, channel = editorAnalyticsChanne
   }
   editorAnalyticsApi === null || editorAnalyticsApi === void 0 ? void 0 : editorAnalyticsApi.attachAnalyticsEvent(payload, channel)(tr);
   return tr;
-}
-// Below function has been copied to packages/editor/editor-plugin-ai/src/utils/analytics.ts
-// If changes are made to this function, please make the same update in the linked file.
-/**
- *
- * @private
- * @deprecated
- *
- * Do not use this anymore. Please use @atlaskit/editor-plugin-analytics
- *
- */
-export function withAnalytics(payload, channel) {
-  return command => (state, dispatch, view) => command(state, tr => {
-    if (dispatch) {
-      if (payload instanceof Function) {
-        const dynamicPayload = payload(state);
-        if (dynamicPayload) {
-          dispatch(addAnalytics(state, tr, dynamicPayload, channel));
-        }
-      } else {
-        dispatch(addAnalytics(state, tr, payload, channel));
-      }
-    }
-  }, view);
 }

package/dist/es2019/plugins/breakout/index.js

@@ -4,10 +4,10 @@ import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { breakout } from '@atlaskit/adf-schema';
 import { calcBreakoutWidthPx } from '@atlaskit/editor-common/utils';
 import LayoutButton from './ui/LayoutButton';
-import { BreakoutCssClassName } from './constants';
 import { pluginKey } from './plugin-key';
 import { findSupportedNodeForBreakout } from './utils/find-breakout-node';
 import { akEditorSwoopCubicBezier } from '@atlaskit/editor-shared-styles';
+import { BreakoutCssClassName } from '@atlaskit/editor-common/styles';
 import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
 class BreakoutView {
   constructor(

package/dist/es2019/plugins/breakout/ui/LayoutButton.js

@@ -12,7 +12,7 @@ import ToolbarButton from '../../../ui/ToolbarButton';
 import { getBreakoutMode } from '../utils/get-breakout-mode';
 import { setBreakoutMode } from '../commands/set-breakout-mode';
 import { removeBreakout } from '../commands/remove-breakout';
-import { BreakoutCssClassName } from '../constants';
+import { BreakoutCssClassName } from '@atlaskit/editor-common/styles';
 import { isBreakoutMarkAllowed } from '../utils/is-breakout-mark-allowed';
 import { getPluginState } from '../plugin-key';
 import { NodeSelection } from '@atlaskit/editor-prosemirror/state';

package/dist/es2019/plugins/find-replace/FindReplaceToolbarButtonWithState.js

@@ -5,17 +5,18 @@ import { cancelSearchWithAnalytics, replaceWithAnalytics, replaceAllWithAnalytic
 import { blur, toggleMatchCase } from './commands';
 import FindReplaceToolbarButton from './ui/FindReplaceToolbarButton';
 import { TRIGGER_METHOD } from '@atlaskit/editor-common/analytics';
-const FindReplaceToolbarButtonWithState = props => {
-  const {
-    popupsBoundariesElement,
-    popupsMountPoint,
-    popupsScrollableElement,
-    isToolbarReducedSpacing,
-    editorView,
-    containerElement,
-    dispatchAnalyticsEvent,
-    featureFlags
-  } = props;
+const FindReplaceToolbarButtonWithState = ({
+  popupsBoundariesElement,
+  popupsMountPoint,
+  popupsScrollableElement,
+  isToolbarReducedSpacing,
+  editorView,
+  containerElement,
+  dispatchAnalyticsEvent,
+  featureFlags,
+  editorAnalyticsAPI,
+  takeFullWidth
+}) => {
   if (!editorView) {
     return null;
   }
@@ -37,12 +38,12 @@ const FindReplaceToolbarButtonWithState = props => {
     cmd(state, dispatch);
   };
   const handleActivate = () => {
-    runWithEditorFocused(() => dispatchCommand(activateWithAnalytics({
+    runWithEditorFocused(() => dispatchCommand(activateWithAnalytics(editorAnalyticsAPI)({
       triggerMethod: TRIGGER_METHOD.TOOLBAR
     })));
   };
   const handleFind = keyword => {
-    runWithEditorFocused(() => dispatchCommand(findWithAnalytics({
+    runWithEditorFocused(() => dispatchCommand(findWithAnalytics(editorAnalyticsAPI)({
       editorView,
       containerElement,
       keyword
@@ -51,14 +52,14 @@ const FindReplaceToolbarButtonWithState = props => {
   const handleFindNext = ({
     triggerMethod
   }) => {
-    runWithEditorFocused(() => dispatchCommand(findNextWithAnalytics({
+    runWithEditorFocused(() => dispatchCommand(findNextWithAnalytics(editorAnalyticsAPI)({
       triggerMethod
     })));
   };
   const handleFindPrev = ({
     triggerMethod
   }) => {
-    runWithEditorFocused(() => dispatchCommand(findPrevWithAnalytics({
+    runWithEditorFocused(() => dispatchCommand(findPrevWithAnalytics(editorAnalyticsAPI)({
       triggerMethod
     })));
   };
@@ -66,7 +67,7 @@ const FindReplaceToolbarButtonWithState = props => {
     triggerMethod,
     replaceText
   }) => {
-    runWithEditorFocused(() => dispatchCommand(replaceWithAnalytics({
+    runWithEditorFocused(() => dispatchCommand(replaceWithAnalytics(editorAnalyticsAPI)({
       triggerMethod,
       replaceText
     })));
@@ -74,7 +75,7 @@ const FindReplaceToolbarButtonWithState = props => {
   const handleReplaceAll = ({
     replaceText
   }) => {
-    runWithEditorFocused(() => dispatchCommand(replaceAllWithAnalytics({
+    runWithEditorFocused(() => dispatchCommand(replaceAllWithAnalytics(editorAnalyticsAPI)({
       replaceText
     })));
   };
@@ -84,7 +85,7 @@ const FindReplaceToolbarButtonWithState = props => {
   const handleCancel = ({
     triggerMethod
   }) => {
-    dispatchCommand(cancelSearchWithAnalytics({
+    dispatchCommand(cancelSearchWithAnalytics(editorAnalyticsAPI)({
       triggerMethod
     }));
     editorView.focus();
@@ -129,7 +130,7 @@ const FindReplaceToolbarButtonWithState = props => {
         onFindPrev: handleFindPrev,
         onReplace: handleReplace,
         onReplaceAll: handleReplaceAll,
-        takeFullWidth: !!props.takeFullWidth
+        takeFullWidth: !!takeFullWidth
       });
     }
   });

package/dist/es2019/plugins/find-replace/commands-with-analytics.js

@@ -1,10 +1,10 @@
 import { TextSelection } from '@atlaskit/editor-prosemirror/state';
-import { withAnalytics } from '../analytics';
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
+import { withAnalytics } from '@atlaskit/editor-common/editor-analytics';
 import { activate, find, findNext, findPrevious, replace, replaceAll, cancelSearch } from './commands';
-export const activateWithAnalytics = ({
+export const activateWithAnalytics = editorAnalyticsAPI => ({
   triggerMethod
-}) => withAnalytics(state => ({
+}) => withAnalytics(editorAnalyticsAPI, state => ({
   eventType: EVENT_TYPE.UI,
   action: ACTION.ACTIVATED,
   actionSubject: ACTION_SUBJECT.FIND_REPLACE_DIALOG,
@@ -13,18 +13,18 @@ export const activateWithAnalytics = ({
     triggerMethod
   }
 }))(activate());
-export const findWithAnalytics = ({
+export const findWithAnalytics = editorAnalyticsAPI => ({
   editorView,
   containerElement,
   keyword
-}) => withAnalytics({
+}) => withAnalytics(editorAnalyticsAPI, {
   eventType: EVENT_TYPE.TRACK,
   action: ACTION.FIND_PERFORMED,
   actionSubject: ACTION_SUBJECT.TEXT
 })(find(editorView, containerElement, keyword));
-export const findNextWithAnalytics = ({
+export const findNextWithAnalytics = editorAnalyticsAPI => ({
   triggerMethod
-}) => withAnalytics({
+}) => withAnalytics(editorAnalyticsAPI, {
   eventType: EVENT_TYPE.TRACK,
   action: ACTION.FIND_NEXT_PERFORMED,
   actionSubject: ACTION_SUBJECT.TEXT,
@@ -32,9 +32,9 @@ export const findNextWithAnalytics = ({
     triggerMethod
   }
 })(findNext());
-export const findPrevWithAnalytics = ({
+export const findPrevWithAnalytics = editorAnalyticsAPI => ({
   triggerMethod
-}) => withAnalytics({
+}) => withAnalytics(editorAnalyticsAPI, {
   eventType: EVENT_TYPE.TRACK,
   action: ACTION.FIND_PREV_PERFORMED,
   actionSubject: ACTION_SUBJECT.TEXT,
@@ -42,10 +42,10 @@ export const findPrevWithAnalytics = ({
     triggerMethod
   }
 })(findPrevious());
-export const replaceWithAnalytics = ({
+export const replaceWithAnalytics = editorAnalyticsAPI => ({
   triggerMethod,
   replaceText
-}) => withAnalytics({
+}) => withAnalytics(editorAnalyticsAPI, {
   eventType: EVENT_TYPE.TRACK,
   action: ACTION.REPLACED_ONE,
   actionSubject: ACTION_SUBJECT.TEXT,
@@ -53,16 +53,16 @@ export const replaceWithAnalytics = ({
     triggerMethod
   }
 })(replace(replaceText));
-export const replaceAllWithAnalytics = ({
+export const replaceAllWithAnalytics = editorAnalyticsAPI => ({
   replaceText
-}) => withAnalytics({
+}) => withAnalytics(editorAnalyticsAPI, {
   eventType: EVENT_TYPE.TRACK,
   action: ACTION.REPLACED_ALL,
   actionSubject: ACTION_SUBJECT.TEXT
 })(replaceAll(replaceText));
-export const cancelSearchWithAnalytics = ({
+export const cancelSearchWithAnalytics = editorAnalyticsAPI => ({
   triggerMethod
-}) => withAnalytics({
+}) => withAnalytics(editorAnalyticsAPI, {
   eventType: EVENT_TYPE.UI,
   action: ACTION.DEACTIVATED,
   actionSubject: ACTION_SUBJECT.FIND_REPLACE_DIALOG,

package/dist/es2019/plugins/find-replace/index.js

@@ -18,7 +18,10 @@ export const findReplacePlugin = ({
         }) => createPlugin(dispatch)
       }, {
         name: 'findReplaceKeymap',
-        plugin: () => keymapPlugin()
+        plugin: () => {
+          var _api$analytics;
+          return keymapPlugin(api === null || api === void 0 ? void 0 : (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions);
+        }
       }];
     },
     primaryToolbarComponent({
@@ -33,6 +36,7 @@ export const findReplacePlugin = ({
       if (props !== null && props !== void 0 && props.twoLineEditorToolbar) {
         return null;
       } else {
+        var _api$analytics2;
         return /*#__PURE__*/React.createElement(FindReplaceToolbarButtonWithState, {
           popupsBoundariesElement: popupsBoundariesElement,
           popupsMountPoint: popupsMountPoint,
@@ -42,7 +46,8 @@ export const findReplacePlugin = ({
           containerElement: containerElement,
           dispatchAnalyticsEvent: dispatchAnalyticsEvent,
           takeFullWidth: props === null || props === void 0 ? void 0 : props.takeFullWidth,
-          featureFlags: featureFlags
+          featureFlags: featureFlags,
+          editorAnalyticsAPI: api === null || api === void 0 ? void 0 : (_api$analytics2 = api.analytics) === null || _api$analytics2 === void 0 ? void 0 : _api$analytics2.actions
         });
       }
     }

package/dist/es2019/plugins/find-replace/keymap.js

@@ -2,15 +2,15 @@ import { keymap } from '@atlaskit/editor-prosemirror/keymap';
 import { bindKeymapWithCommand, find as findKeymap } from '../../keymaps';
 import { activateWithAnalytics } from './commands-with-analytics';
 import { TRIGGER_METHOD } from '@atlaskit/editor-common/analytics';
-const activateFindReplace = () => (state, dispatch) => {
-  activateWithAnalytics({
+const activateFindReplace = editorAnalyticsAPI => (state, dispatch) => {
+  activateWithAnalytics(editorAnalyticsAPI)({
     triggerMethod: TRIGGER_METHOD.SHORTCUT
   })(state, dispatch);
   return true;
 };
-const keymapPlugin = () => {
+const keymapPlugin = editorAnalyticsAPI => {
   const list = {};
-  bindKeymapWithCommand(findKeymap.common, activateFindReplace(), list);
+  bindKeymapWithCommand(findKeymap.common, activateFindReplace(editorAnalyticsAPI), list);
   return keymap(list);
 };
 export default keymapPlugin;

package/dist/es2019/plugins/index.js

@@ -15,7 +15,6 @@ export { default as annotationPlugin } from './annotation';
 export { default as analyticsPlugin } from './analytics';
 export { default as customAutoformatPlugin } from './custom-autoformat';
 export { default as feedbackDialogPlugin } from './feedback-dialog';
-export { default as expandPlugin, isExpandInsertionEnabled } from './expand';
 export { default as mobileDimensionsPlugin } from './mobile-dimensions';
 export { default as findReplacePlugin } from './find-replace';
 export { default as mobileSelectionPlugin } from './mobile-selection';

package/dist/es2019/presets/context.js

@@ -11,12 +11,12 @@ export const PresetContextProvider = ({
     }
   }, children);
 };
-export const usePresetContext = () => {
+export function usePresetContext() {
   const {
     editorApi
   } = useContext(EditorAPIContext);
   return editorApi;
-};
+}
 export const useSetPresetContext = () => {
   const {
     setEditorApi

package/dist/es2019/presets/universal.js

@@ -1,4 +1,4 @@
-import { breakoutPlugin, collabEditPlugin, dataConsumerMarkPlugin, extensionPlugin, insertBlockPlugin, jiraIssuePlugin, toolbarListsIndentationPlugin, macroPlugin, tasksAndDecisionsPlugin, alignmentPlugin, indentationPlugin, customAutoformatPlugin, feedbackDialogPlugin, expandPlugin, isExpandInsertionEnabled, mobileDimensionsPlugin, findReplacePlugin, mobileSelectionPlugin, annotationPlugin, avatarGroupPlugin, viewUpdateSubscriptionPlugin, beforePrimaryToolbarPlugin, codeBidiWarningPlugin } from '../plugins';
+import { breakoutPlugin, collabEditPlugin, dataConsumerMarkPlugin, extensionPlugin, insertBlockPlugin, jiraIssuePlugin, toolbarListsIndentationPlugin, macroPlugin, tasksAndDecisionsPlugin, alignmentPlugin, indentationPlugin, customAutoformatPlugin, feedbackDialogPlugin, mobileDimensionsPlugin, findReplacePlugin, mobileSelectionPlugin, annotationPlugin, avatarGroupPlugin, viewUpdateSubscriptionPlugin, beforePrimaryToolbarPlugin, codeBidiWarningPlugin } from '../plugins';
 import { panelPlugin } from '@atlaskit/editor-plugin-panel';
 import { textColorPlugin } from '@atlaskit/editor-plugin-text-color';
 import { historyPlugin } from '@atlaskit/editor-plugin-history';
@@ -27,6 +27,7 @@ import { saveOnEnterPlugin } from '@atlaskit/editor-plugin-save-on-enter';
 import { scrollIntoViewPlugin } from '@atlaskit/editor-plugin-scroll-into-view';
 import { mentionsPlugin } from '@atlaskit/editor-plugin-mentions';
 import { placeholderTextPlugin } from '@atlaskit/editor-plugin-placeholder-text';
+import { expandPlugin } from '@atlaskit/editor-plugin-expand';
 import { isFullPage as fullPageCheck } from '../utils/is-full-page';
 import { getMediaFeatureFlag } from '@atlaskit/media-common';
 import { createDefaultPreset } from './default';
@@ -416,4 +417,12 @@ export default function createUniversalPreset(appearance, props, featureFlags, p
     appearance
   }]);
   return finalPreset;
+}
+export function isExpandInsertionEnabled({
+  allowExpand
+}) {
+  if (allowExpand && typeof allowExpand === 'object') {
+    return !!allowExpand.allowInsertion;
+  }
+  return false;
 }

package/dist/es2019/ui/Appearance/Comment/Comment.js

@@ -238,7 +238,7 @@ function RenderWithPluginState({
   } = useSharedPluginState(api, ['media', 'maxContentSize']);
   return jsx(Fragment, null, renderChrome({
     maxContentSize: maxContentSizeState,
-    mediaState
+    mediaState: mediaState !== null && mediaState !== void 0 ? mediaState : undefined
   }));
 }
 export const CommentEditorWithIntl = injectIntl(Editor);

package/dist/es2019/ui/Appearance/FullPage/FullPageToolbar.js

@@ -13,7 +13,7 @@ import { fullPageMessages as messages } from '@atlaskit/editor-common/messages';
 import { ToolbarArrowKeyNavigationProvider } from '@atlaskit/editor-common/ui-menu';
 import { usePresetContext } from '../../../presets/context';
 export const EditorToolbar = /*#__PURE__*/React.memo(props => {
-  var _props$featureFlags, _props$featureFlags2, _props$featureFlags3, _props$collabEdit, _props$collabEdit2, _props$collabEdit3;
+  var _props$featureFlags, _props$featureFlags2, _props$featureFlags3, _props$collabEdit, _props$collabEdit2, _props$collabEdit3, _editorAPI$analytics;
   const [shouldSplitToolbar, setShouldSplitToolbar] = useState(false);
   const editorAPI = usePresetContext();
 
@@ -62,7 +62,8 @@ export const EditorToolbar = /*#__PURE__*/React.memo(props => {
     editorView: props.editorView,
     containerElement: props.containerElement,
     dispatchAnalyticsEvent: props.dispatchAnalyticsEvent,
-    featureFlags: props.featureFlags
+    featureFlags: props.featureFlags,
+    editorAnalyticsAPI: editorAPI === null || editorAPI === void 0 ? void 0 : (_editorAPI$analytics = editorAPI.analytics) === null || _editorAPI$analytics === void 0 ? void 0 : _editorAPI$analytics.actions
   }) : null, !!props.customPrimaryToolbarComponents && 'after' in props.customPrimaryToolbarComponents ? props.customPrimaryToolbarComponents.after : props.customPrimaryToolbarComponents);
   useEffect(() => {
     if (twoLineEditorToolbar) {

package/dist/es2019/{plugins/expand/ui/styles.js → ui/ContentStyles/expand.js}

@@ -1,14 +1,17 @@
 import { css } from '@emotion/react';
+import { DN50, N40A, N50A, N80A, R200, R300, R50 } from '@atlaskit/theme/colors';
+// eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
 import { themed } from '@atlaskit/theme/components';
-import { R50, R300, N40A, N50A, N80A, DN50, R200 } from '@atlaskit/theme/colors';
+import { BreakoutCssClassName } from '@atlaskit/editor-common/styles';
 import { sharedExpandStyles } from '@atlaskit/editor-common/ui';
-import { SelectionStyle, getSelectionStyles, akLayoutGutterOffset, akEditorSelectedNodeClassName } from '@atlaskit/editor-shared-styles';
-import { BreakoutCssClassName } from '../../breakout/constants';
-import { expandClassNames } from './class-names';
+import { akEditorSelectedNodeClassName, akLayoutGutterOffset, getSelectionStyles, SelectionStyle } from '@atlaskit/editor-shared-styles';
+import { expandClassNames } from '@atlaskit/editor-common/styles';
 const EXPAND_SELECTED_BACKGROUND = themed({
   light: "var(--ds-background-neutral-subtle, rgba(255, 255, 255, 0.6))",
   dark: "var(--ds-background-neutral-subtle, rgba(9, 10, 11, 0.29))"
 });
+
+/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
 const EXPAND_ICON_COLOR = props => css`
   color: ${themed({
   light: `var(--ds-icon-subtle, ${N80A})`,
@@ -37,6 +40,8 @@ const DANGER_STATE_BORDER_COLOR = themed({
 const DANGER_STATE_BORDER_RADIUS = themed({
   dark: '3px'
 });
+
+/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
 export const expandStyles = props => css`
   .${expandClassNames.icon} > div {
     display: flex;

package/dist/es2019/ui/ContentStyles/index.js

@@ -14,7 +14,7 @@ import { layoutStyles } from './layout';
 import { panelStyles } from './panel';
 import { placeholderTextStyles } from '@atlaskit/editor-plugin-placeholder-text/styles';
 import { extensionStyles } from '../../plugins/extension/ui/styles';
-import { expandStyles } from '../../plugins/expand/ui/styles';
+import { expandStyles } from './expand';
 import { MediaSharedClassNames } from '@atlaskit/editor-common/styles';
 import { findReplaceStyles } from '../../plugins/find-replace/styles';
 import { taskDecisionStyles } from '../../plugins/tasks-and-decisions/styles';

package/dist/es2019/ui/ToolbarFeedback/index.js

@@ -71,12 +71,12 @@ class ToolbarFeedbackInternal extends PureComponent {
       });
     });
     _defineProperty(this, "openJiraIssueCollector", async () => {
-      var _this$props$api, _window$localStorage$, _basePluginState$cont;
+      var _this$props$api, _this$props$api$base, _window$localStorage$, _basePluginState$cont;
       this.setState({
         jiraIssueCollectorScriptLoading: true,
         showOptOutOption: false
       });
-      const basePluginState = (_this$props$api = this.props.api) === null || _this$props$api === void 0 ? void 0 : _this$props$api.base.sharedState.currentState();
+      const basePluginState = (_this$props$api = this.props.api) === null || _this$props$api === void 0 ? void 0 : (_this$props$api$base = _this$props$api.base) === null || _this$props$api$base === void 0 ? void 0 : _this$props$api$base.sharedState.currentState();
       const sessionId = (_window$localStorage$ = window.localStorage.getItem('awc.session.id')) === null || _window$localStorage$ === void 0 ? void 0 : _window$localStorage$.toString();
       const contentId = basePluginState === null || basePluginState === void 0 ? void 0 : (_basePluginState$cont = basePluginState.contextIdentifier) === null || _basePluginState$cont === void 0 ? void 0 : _basePluginState$cont.objectId;
       const tabId = window.sessionStorage['awc.tab.id'];

package/dist/es2019/use-preset.js

@@ -35,7 +35,6 @@ import { usePresetContext } from './presets/context';
  */
 export function usePreset(createPreset, dependencies) {
   const editorApi = usePresetContext();
-
   // eslint-disable-next-line react-hooks/exhaustive-deps
   const preset = useMemo(createPreset, dependencies);
   return {

package/dist/es2019/version-wrapper.js

@@ -1,2 +1,2 @@
 export const name = "@atlaskit/editor-core";
-export const version = "189.3.14";
+export const version = "189.3.15";

package/dist/esm/nodeviews/getInlineNodeViewProducer.styles.js

@@ -7,4 +7,4 @@ import { ZERO_WIDTH_SPACE } from '@atlaskit/editor-common/utils';
 // For reasoning behind styles, see comments in:
 // ./getInlineNodeViewProducer -> portalChildren()
 
-export var InlineNodeViewSharedStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .", " {\n    display: inline;\n    user-select: all;\n    /* Collapses zero width spaces inside the inline node view\n    to prevent the node from line breaking too early.\n    */\n    white-space: nowrap;\n    /* Then reset to the Editor default so we don't interfere\n    with any component styling. */\n    & > *:not(span[aria-hidden='true'].zeroWidthSpaceContainer) {\n      white-space: pre-wrap;\n    }\n    // Prevent visually hidden assistive text from being selected.\n    & > .assistive {\n      user-select: none;\n    }\n  }\n  /** Remove browser deafult selections style. This prevents\n    unexpected visual artefacts in Safari when navigating\n    with the keyboard or making range selections. */\n  &.ua-safari {\n    .", " {\n      ::selection,\n      *::selection {\n        background: transparent;\n      }\n    }\n  }\n\n  &.ua-chrome .", " > span {\n    user-select: none;\n  }\n\n  .", "AddZeroWidthSpace {\n    ::after {\n      content: '", "';\n    }\n  }\n"])), inlineNodeViewClassname, inlineNodeViewClassname, inlineNodeViewClassname, inlineNodeViewClassname, ZERO_WIDTH_SPACE);
+export var InlineNodeViewSharedStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .", " {\n    display: inline;\n    user-select: all;\n    /* Collapses zero width spaces inside the inline node view\n    to prevent the node from line breaking too early.\n    */\n    white-space: nowrap;\n    /* Then reset to the Editor default so we don't interfere\n    with any component styling. */\n    & > *:not(.zeroWidthSpaceContainer) {\n      white-space: pre-wrap;\n    }\n    // Prevent visually hidden assistive text from being selected.\n    & > .assistive {\n      user-select: none;\n    }\n  }\n  /** Remove browser deafult selections style. This prevents\n    unexpected visual artefacts in Safari when navigating\n    with the keyboard or making range selections. */\n  &.ua-safari {\n    .", " {\n      ::selection,\n      *::selection {\n        background: transparent;\n      }\n    }\n  }\n\n  &.ua-chrome .", " > span {\n    user-select: none;\n  }\n\n  .", "AddZeroWidthSpace {\n    ::after {\n      content: '", "';\n    }\n  }\n"])), inlineNodeViewClassname, inlineNodeViewClassname, inlineNodeViewClassname, inlineNodeViewClassname, ZERO_WIDTH_SPACE);

package/dist/esm/plugins/analytics/index.js

@@ -1,3 +1,3 @@
 import analyticsPlugin from './plugin';
-export { withAnalytics, addAnalytics } from './utils';
+export { addAnalytics } from './utils';
 export default analyticsPlugin;

package/dist/esm/plugins/analytics/utils.js

@@ -26,32 +26,4 @@ export function addAnalytics(state, tr, payload) {
   }
   editorAnalyticsApi === null || editorAnalyticsApi === void 0 || editorAnalyticsApi.attachAnalyticsEvent(payload, channel)(tr);
   return tr;
-}
-// Below function has been copied to packages/editor/editor-plugin-ai/src/utils/analytics.ts
-// If changes are made to this function, please make the same update in the linked file.
-/**
- *
- * @private
- * @deprecated
- *
- * Do not use this anymore. Please use @atlaskit/editor-plugin-analytics
- *
- */
-export function withAnalytics(payload, channel) {
-  return function (command) {
-    return function (state, dispatch, view) {
-      return command(state, function (tr) {
-        if (dispatch) {
-          if (payload instanceof Function) {
-            var dynamicPayload = payload(state);
-            if (dynamicPayload) {
-              dispatch(addAnalytics(state, tr, dynamicPayload, channel));
-            }
-          } else {
-            dispatch(addAnalytics(state, tr, payload, channel));
-          }
-        }
-      }, view);
-    };
-  };
 }