@atlaskit/editor-core 189.3.13 → 189.3.15

package/dist/cjs/presets/universal.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = createUniversalPreset;
+exports.isExpandInsertionEnabled = isExpandInsertionEnabled;
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _plugins = require("../plugins");
@@ -13,6 +14,7 @@ var _editorPluginTextColor = require("@atlaskit/editor-plugin-text-color");
 var _editorPluginHistory = require("@atlaskit/editor-plugin-history");
 var _editorPluginStatus = require("@atlaskit/editor-plugin-status");
 var _editorPluginDate = require("@atlaskit/editor-plugin-date");
+var _editorPluginMaxContentSize = require("@atlaskit/editor-plugin-max-content-size");
 var _editorPluginCaption = require("@atlaskit/editor-plugin-caption");
 var _editorPluginBorder = require("@atlaskit/editor-plugin-border");
 var _editorPluginHelpDialog = require("@atlaskit/editor-plugin-help-dialog");
@@ -35,6 +37,7 @@ var _editorPluginSaveOnEnter = require("@atlaskit/editor-plugin-save-on-enter");
 var _editorPluginScrollIntoView = require("@atlaskit/editor-plugin-scroll-into-view");
 var _editorPluginMentions = require("@atlaskit/editor-plugin-mentions");
 var _editorPluginPlaceholderText = require("@atlaskit/editor-plugin-placeholder-text");
+var _editorPluginExpand = require("@atlaskit/editor-plugin-expand");
 var _isFullPage = require("../utils/is-full-page");
 var _mediaCommon = require("@atlaskit/media-common");
 var _default = require("./default");
@@ -94,10 +97,10 @@ function createUniversalPreset(appearance, props, featureFlags, prevAppearance,
       return builder.add(plugin);
     }
     return builder;
-  }).maybeAdd(_plugins.expandPlugin, function (plugin, builder) {
+  }).maybeAdd(_editorPluginExpand.expandPlugin, function (plugin, builder) {
     if (props.allowExpand) {
       return builder.add([plugin, {
-        allowInsertion: (0, _plugins.isExpandInsertionEnabled)(props),
+        allowInsertion: isExpandInsertionEnabled(props),
         useLongPressSelection: false,
         appearance: appearance
       }]);
@@ -234,7 +237,7 @@ function createUniversalPreset(appearance, props, featureFlags, prevAppearance,
       })]);
     }
     return builder;
-  }).maybeAdd(_plugins.maxContentSizePlugin, function (plugin, builder) {
+  }).maybeAdd(_editorPluginMaxContentSize.maxContentSizePlugin, function (plugin, builder) {
     if (props.maxContentSize) {
       return builder.add([plugin, props.maxContentSize]);
     }
@@ -361,7 +364,7 @@ function createUniversalPreset(appearance, props, featureFlags, prevAppearance,
     allowHeadingAndParagraphIndentation: !!props.allowIndentation
   }]).add([_plugins.insertBlockPlugin, {
     allowTables: !!props.allowTables,
-    allowExpand: (0, _plugins.isExpandInsertionEnabled)(props),
+    allowExpand: isExpandInsertionEnabled(props),
     insertMenuItems: props.insertMenuItems,
     horizontalRuleEnabled: props.allowRule,
     nativeStatusSupported: !statusMenuDisabled,
@@ -418,4 +421,11 @@ function createUniversalPreset(appearance, props, featureFlags, prevAppearance,
     appearance: appearance
   }]);
   return finalPreset;
+}
+function isExpandInsertionEnabled(_ref) {
+  var allowExpand = _ref.allowExpand;
+  if (allowExpand && (0, _typeof2.default)(allowExpand) === 'object') {
+    return !!allowExpand.allowInsertion;
+  }
+  return false;
 }

package/dist/cjs/ui/Appearance/Chromeless.js

@@ -1,6 +1,7 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -13,16 +14,18 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@emotion/react");
 var _PluginSlot = _interopRequireDefault(require("../PluginSlot"));
-var _WithPluginState = _interopRequireDefault(require("../WithPluginState"));
 var _ContentStyles = require("../ContentStyles");
-var _maxContentSize = require("../../plugins/max-content-size");
 var _styles = require("../styles");
 var _WithFlash = _interopRequireDefault(require("../WithFlash"));
+var _context = require("../../presets/context");
+var _hooks = require("@atlaskit/editor-common/hooks");
 var _templateObject, _templateObject2, _templateObject3;
 /** @jsx jsx */
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 var chromelessEditor = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  line-height: 20px;\n  height: auto;\n\n  overflow-x: hidden;\n  overflow-y: auto;\n  ", ";\n  max-width: inherit;\n  box-sizing: border-box;\n  word-wrap: break-word;\n\n  div > .ProseMirror {\n    outline: none;\n    white-space: pre-wrap;\n    padding: 0;\n    margin: 0;\n\n    & > :last-child {\n      padding-bottom: 0.5em;\n    }\n  }\n"])), _styles.scrollbarStyles);
@@ -94,14 +97,20 @@ var Editor = exports.default = /*#__PURE__*/function (_React$Component) {
   (0, _createClass2.default)(Editor, [{
     key: "render",
     value: function render() {
-      return (0, _react2.jsx)(_WithPluginState.default, {
-        plugins: {
-          maxContentSize: _maxContentSize.pluginKey
-        },
-        render: this.renderChrome
+      return (0, _react2.jsx)(RenderWithPluginState, {
+        renderChrome: this.renderChrome
       });
     }
   }]);
   return Editor;
 }(_react.default.Component);
-(0, _defineProperty2.default)(Editor, "displayName", 'ChromelessEditorAppearance');
+(0, _defineProperty2.default)(Editor, "displayName", 'ChromelessEditorAppearance');
+function RenderWithPluginState(_ref3) {
+  var renderChrome = _ref3.renderChrome;
+  var api = (0, _context.usePresetContext)();
+  var _useSharedPluginState = (0, _hooks.useSharedPluginState)(api, ['maxContentSize']),
+    maxContentSizeState = _useSharedPluginState.maxContentSizeState;
+  return (0, _react2.jsx)(_react.Fragment, null, renderChrome({
+    maxContentSize: maxContentSizeState
+  }));
+}

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

@@ -213,7 +213,7 @@ function RenderWithPluginState(_ref4) {
     maxContentSizeState = _useSharedPluginState.maxContentSizeState;
   return (0, _react2.jsx)(_react.Fragment, null, renderChrome({
     maxContentSize: maxContentSizeState,
-    mediaState: mediaState
+    mediaState: mediaState !== null && mediaState !== void 0 ? mediaState : undefined
   }));
 }
 var CommentEditorWithIntl = exports.CommentEditorWithIntl = (0, _reactIntlNext.injectIntl)(Editor);

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

@@ -24,7 +24,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 /** @jsx jsx */
 
 var EditorToolbar = exports.EditorToolbar = /*#__PURE__*/_react.default.memo(function (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;
   var _useState = (0, _react.useState)(false),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     shouldSplitToolbar = _useState2[0],
@@ -76,7 +76,8 @@ var EditorToolbar = exports.EditorToolbar = /*#__PURE__*/_react.default.memo(fun
     editorView: props.editorView,
     containerElement: props.containerElement,
     dispatchAnalyticsEvent: props.dispatchAnalyticsEvent,
-    featureFlags: props.featureFlags
+    featureFlags: props.featureFlags,
+    editorAnalyticsAPI: editorAPI === null || editorAPI === 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);
   (0, _react.useEffect)(function () {
     if (twoLineEditorToolbar) {

package/dist/cjs/ui/AppearanceComponents/Mobile.js

@@ -9,13 +9,11 @@ exports.MobileAppearance = void 0;
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@emotion/react");
-var _maxContentSize = require("../../plugins/max-content-size");
-var _pluginFactory = require("../../plugins/mobile-dimensions/plugin-factory");
-var _WithPluginState = _interopRequireDefault(require("../WithPluginState"));
 var _WithFlash = _interopRequireDefault(require("../WithFlash"));
 var _ContentStyles = require("../ContentStyles");
 var _Addon = require("../Addon");
 var _context = require("../../presets/context");
+var _hooks = require("@atlaskit/editor-common/hooks");
 var _templateObject;
 /** @jsx jsx */
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -31,6 +29,9 @@ var MobileAppearance = exports.MobileAppearance = /*#__PURE__*/(0, _react.forwar
     editorDisabled = _ref.editorDisabled,
     featureFlags = _ref.featureFlags;
   var api = (0, _context.usePresetContext)();
+  var _useSharedPluginState = (0, _hooks.useSharedPluginState)(api, ['maxContentSize', 'mobileDimensions']),
+    maxContentSizeState = _useSharedPluginState.maxContentSizeState,
+    mobileDimensionsState = _useSharedPluginState.mobileDimensionsState;
   var render = (0, _react.useCallback)(function (_ref2) {
     var maxContentSize = _ref2.maxContentSize,
       mobileDimensions = _ref2.mobileDimensions;
@@ -80,11 +81,8 @@ var MobileAppearance = exports.MobileAppearance = /*#__PURE__*/(0, _react.forwar
       className: "ak-editor-content-area"
     }, children)))));
   }, [children, editorView, persistScrollGutter, editorDisabled, ref, featureFlags, api === null || api === void 0 || (_api$base2 = api.base) === null || _api$base2 === void 0 ? void 0 : _api$base2.sharedState]);
-  return (0, _react2.jsx)(_WithPluginState.default, {
-    plugins: {
-      maxContentSize: _maxContentSize.pluginKey,
-      mobileDimensions: _pluginFactory.mobileDimensionsPluginKey
-    },
-    render: render
+  return render({
+    maxContentSize: maxContentSizeState,
+    mobileDimensions: mobileDimensionsState
   });
 });

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.13";
+var version = exports.version = "189.3.15";

package/dist/es2019/create-editor/ErrorBoundary.js

@@ -4,8 +4,6 @@ import uuid from 'uuid';
 import { ExperienceStore } from '@atlaskit/editor-common/ufo';
 import { IntlErrorBoundary } from '@atlaskit/editor-common/ui';
 import { sniffUserBrowserExtensions } from '@atlaskit/editor-common/utils';
-// eslint-disable-next-line import/no-extraneous-dependencies
-
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE, editorAnalyticsChannel } from '@atlaskit/editor-common/analytics';
 import { getDocStructure } from '../utils/document-logger';
 import { WithEditorView } from './WithEditorView';

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;