@atlaskit/editor-common 74.1.1 → 74.2.0

package/dist/esm/i18n/pt_BR.js

@@ -81,14 +81,14 @@ export default {
   'fabric.editor.visit': 'Abrir link em uma nova janela',
   'fabric.theme.blue': 'Blue',
   'fabric.theme.bold-blue': 'Azul-escuro',
-  'fabric.theme.bold-gray': 'Cinza forte',
+  'fabric.theme.bold-gray': 'Cinza vibrante',
   'fabric.theme.bold-green': 'Verde-escuro',
   'fabric.theme.bold-magenta': 'Magenta vibrante',
   'fabric.theme.bold-orange': 'Laranja-escuro',
   'fabric.theme.bold-purple': 'Roxo-escuro',
   'fabric.theme.bold-red': 'Vermelho-escuro',
   'fabric.theme.bold-teal': 'Verde-azulado-escuro',
-  'fabric.theme.bold-yellow': 'Amarelo forte',
+  'fabric.theme.bold-yellow': 'Amarelo vibrante',
   'fabric.theme.bolder-blue': 'Azul mais vibrante',
   'fabric.theme.bolder-gray': 'Cinza mais vibrante',
   'fabric.theme.bolder-green': 'Verde mais vibrante',

package/dist/esm/i18n/uk.js

@@ -81,23 +81,23 @@ export default {
   'fabric.editor.visit': 'Відкрити посилання в новому вікні',
   'fabric.theme.blue': 'Синій',
   'fabric.theme.bold-blue': 'Яскраво-синій',
-  'fabric.theme.bold-gray': 'Яскраво-сірий',
+  'fabric.theme.bold-gray': 'Насичений сірий',
   'fabric.theme.bold-green': 'Яскраво-зелений',
-  'fabric.theme.bold-magenta': 'Яскраво-пурпурний',
+  'fabric.theme.bold-magenta': 'Насичений пурпурний',
   'fabric.theme.bold-orange': 'Яскраво-помаранчевий',
   'fabric.theme.bold-purple': 'Яскраво-фіолетовий',
   'fabric.theme.bold-red': 'Яскраво-червоний',
   'fabric.theme.bold-teal': 'Яскраво-бірюзовий',
-  'fabric.theme.bold-yellow': 'Яскраво-жовтий',
-  'fabric.theme.bolder-blue': 'Дуже яскравий синій',
-  'fabric.theme.bolder-gray': 'Дуже яскравий сірий',
-  'fabric.theme.bolder-green': 'Дуже яскравий зелений',
-  'fabric.theme.bolder-magenta': 'Дуже яскравий пурпурний',
-  'fabric.theme.bolder-orange': 'Дуже яскравий помаранчевий',
-  'fabric.theme.bolder-purple': 'Дуже яскравий фіолетовий',
-  'fabric.theme.bolder-red': 'Дуже яскравий червоний',
+  'fabric.theme.bold-yellow': 'Насичений жовтий',
+  'fabric.theme.bolder-blue': 'Дуже насичений синій',
+  'fabric.theme.bolder-gray': 'Дуже насичений сірий',
+  'fabric.theme.bolder-green': 'Дуже насичений зелений',
+  'fabric.theme.bolder-magenta': 'Дуже насичений пурпурний',
+  'fabric.theme.bolder-orange': 'Дуже насичений помаранчевий',
+  'fabric.theme.bolder-purple': 'Дуже насичений фіолетовий',
+  'fabric.theme.bolder-red': 'Дуже насичений червоний',
   'fabric.theme.bolder-teal': 'Дуже яскравий синьо-зелений',
-  'fabric.theme.bolder-yellow': 'Дуже яскравий жовтий',
+  'fabric.theme.bolder-yellow': 'Дуже насичений жовтий',
   'fabric.theme.dark-blue': 'Темно-синій',
   'fabric.theme.dark-gray': 'Темно-сірий',
   'fabric.theme.dark-green': 'Темно-зелений',

package/dist/esm/i18n/zh.js

@@ -81,14 +81,14 @@ export default {
   'fabric.editor.visit': '在新窗口中打开链接',
   'fabric.theme.blue': '蓝色',
   'fabric.theme.bold-blue': '深蓝色',
-  'fabric.theme.bold-gray': '深灰色',
+  'fabric.theme.bold-gray': '深灰',
   'fabric.theme.bold-green': '深绿色',
   'fabric.theme.bold-magenta': '暖洋红',
   'fabric.theme.bold-orange': '深橙色',
   'fabric.theme.bold-purple': '深紫色',
   'fabric.theme.bold-red': '深红色',
   'fabric.theme.bold-teal': '深蓝绿色',
-  'fabric.theme.bold-yellow': '金黄色',
+  'fabric.theme.bold-yellow': '金黄',
   'fabric.theme.bolder-blue': '亮蓝',
   'fabric.theme.bolder-gray': '亮灰',
   'fabric.theme.bolder-green': '亮绿',
@@ -120,7 +120,7 @@ export default {
   'fabric.theme.purple': '紫色',
   'fabric.theme.red': '红色',
   'fabric.theme.subtle-blue': '浅蓝色',
-  'fabric.theme.subtle-gray': '浅灰色',
+  'fabric.theme.subtle-gray': '浅灰',
   'fabric.theme.subtle-green': '浅绿色',
   'fabric.theme.subtle-magenta': '浅洋红',
   'fabric.theme.subtle-orange': '浅橙',

package/dist/esm/index.js

@@ -1,2 +1,2 @@
-// DO NOT EMPORT ANYTHING FROM THIS FILE. USE CHILD ENTRY POINTS.
+// DO NOT EXPORT ANYTHING FROM THIS FILE. USE CHILD ENTRY POINTS.
 export {};

package/dist/esm/monitoring/error.js

@@ -6,7 +6,7 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 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 = "74.1.1";
+var packageVersion = "74.2.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/styles/index.js

@@ -22,4 +22,5 @@ export { DropdownMenuSharedCssClassName } from './shared/dropdown-menu';
 export { CodeBlockSharedCssClassName, codeBlockSharedStyles, codeBlockInListSafariFix } from './shared/code-block';
 export { LAYOUT_SECTION_MARGIN, LAYOUT_COLUMN_PADDING } from './shared/layout';
 export { EXTENSION_PADDING, BODIED_EXT_PADDING } from './shared/extension';
-export { resizerStyles } from './shared/resizer';
+export { resizerStyles } from './shared/resizer';
+export { gridStyles, GRID_GUTTER } from './shared/grid';

package/dist/esm/styles/shared/grid.js

@@ -0,0 +1,7 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+var _templateObject;
+import { css } from '@emotion/react';
+import { akEditorGridLineZIndex } from '@atlaskit/editor-shared-styles';
+import { B200, N30A } from '@atlaskit/theme/colors';
+export var GRID_GUTTER = 12;
+export var gridStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .gridParent {\n    width: calc(100% + ", "px);\n    margin-left: -", "px;\n    margin-right: -", "px;\n    transform: scale(1);\n    z-index: ", ";\n  }\n\n  .gridContainer {\n    position: fixed;\n    height: 100vh;\n    width: 100%;\n    pointer-events: none;\n  }\n\n  // TODO: https://product-fabric.atlassian.net/browse/DSP-4352\n  .gridLine {\n    border-left: 1px solid ", ";\n    display: inline-block;\n    box-sizing: border-box;\n    height: 100%;\n    margin-left: -1px;\n\n    transition: border-color 0.15s linear;\n    z-index: 0;\n  }\n\n  .highlight {\n    border-left: 1px solid ", ";\n  }\n"])), GRID_GUTTER * 2, GRID_GUTTER, GRID_GUTTER, akEditorGridLineZIndex, "var(--ds-border, ".concat(N30A, ")"), "var(--ds-border-focused, ".concat(B200, ")"));

package/dist/esm/styles/shared/resizer.js

@@ -15,4 +15,12 @@ export var resizerHandleLeftClassName = 'resizer-handle-left';
 var akEditorSelectedNodeClassName = 'ak-editor-selected-node';
 export var resizerHandlePadding = 13;
 export var resizerHandleZIndex = 99;
-export var resizerStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .", " {\n    background: ", ";\n  }\n\n  .", ", .", " {\n    display: flex;\n    flex-direction: column;\n\n    /* vertical align */\n    justify-content: center;\n  }\n\n  .", " {\n    align-items: flex-end;\n    /* padding-right: 12px; */\n    /* margin-right: -", "px; */\n  }\n\n  .", " {\n    align-items: flex-start;\n    /* padding-left: 12px; */\n    /* margin-left: -", "px; */\n  }\n\n  .", "::after,\n    .", "::after {\n    content: ' ';\n    display: flex;\n    width: 3px;\n    height: 64px;\n\n    border-radius: 6px;\n  }\n\n  .", ":hover\n    .", "::after,\n    .", ":hover\n    .", "::after {\n    background: ", ";\n  }\n\n  .", "\n    .", "::after,\n    .", "\n    .", "::after,\n    .", "\n    .", ":hover::after,\n    .", "\n    .", ":hover::after,\n    .", ".is-resizing\n    .", "::after,\n    .", ".is-resizing\n    .", "::after {\n    background: ", ";\n  }\n"])), resizerItemClassName, "var(--ds-border-focused, ".concat(B200, ")"), resizerHandleRightClassName, resizerHandleLeftClassName, resizerHandleRightClassName, resizerHandlePadding, resizerHandleLeftClassName, resizerHandlePadding, resizerHandleRightClassName, resizerHandleLeftClassName, resizerItemClassName, resizerHandleLeftClassName, resizerItemClassName, resizerHandleRightClassName, "var(--ds-border, ".concat(N60, ")"), akEditorSelectedNodeClassName, resizerHandleRightClassName, akEditorSelectedNodeClassName, resizerHandleLeftClassName, resizerItemClassName, resizerHandleRightClassName, resizerItemClassName, resizerHandleLeftClassName, resizerItemClassName, resizerHandleRightClassName, resizerItemClassName, resizerHandleLeftClassName, "var(--ds-border-focused, ".concat(B200, ")"));
+export var resizerHandlerSmallClassName = 'resizer-handler-small';
+export var resizerHandlerMediumClassName = 'resizer-handler-medium';
+export var resizerHandlerLargeClassName = 'resizer-handler-large';
+export var resizerHandlerClassName = {
+  small: resizerHandlerSmallClassName,
+  medium: resizerHandlerMediumClassName,
+  large: resizerHandlerLargeClassName
+};
+export var resizerStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .", " {\n    background: ", ";\n  }\n\n  .", ", .", " {\n    display: flex;\n    flex-direction: column;\n\n    /* vertical align */\n    justify-content: center;\n  }\n\n  .", " {\n    align-items: flex-end;\n    /* padding-right: 12px; */\n    /* margin-right: -", "px; */\n  }\n\n  .", " {\n    align-items: flex-start;\n    /* padding-left: 12px; */\n    /* margin-left: -", "px; */\n  }\n\n  .", "::after,\n    .", "::after {\n    content: ' ';\n    display: flex;\n    width: 3px;\n    height: 64px;\n\n    border-radius: 6px;\n  }\n\n  .", ":hover\n    .", "::after,\n    .", ":hover\n    .", "::after {\n    background: ", ";\n  }\n\n  .", "\n    .", "::after,\n    .", "\n    .", "::after,\n    .", "\n    .", ":hover::after,\n    .", "\n    .", ":hover::after,\n    .", ".is-resizing\n    .", "::after,\n    .", ".is-resizing\n    .", "::after {\n    background: ", ";\n  }\n\n  .", ".", "::after,\n    .", ".", "::after {\n    height: 64px;\n  }\n\n  .", ".", "::after,\n    .", ".", "::after {\n    height: 43px;\n  }\n\n  .", ".", "::after,\n    .", ".", "::after {\n    height: 96px;\n  }\n"])), resizerItemClassName, "var(--ds-border-focused, ".concat(B200, ")"), resizerHandleRightClassName, resizerHandleLeftClassName, resizerHandleRightClassName, resizerHandlePadding, resizerHandleLeftClassName, resizerHandlePadding, resizerHandleRightClassName, resizerHandleLeftClassName, resizerItemClassName, resizerHandleLeftClassName, resizerItemClassName, resizerHandleRightClassName, "var(--ds-border, ".concat(N60, ")"), akEditorSelectedNodeClassName, resizerHandleRightClassName, akEditorSelectedNodeClassName, resizerHandleLeftClassName, resizerItemClassName, resizerHandleRightClassName, resizerItemClassName, resizerHandleLeftClassName, resizerItemClassName, resizerHandleRightClassName, resizerItemClassName, resizerHandleLeftClassName, "var(--ds-border-focused, ".concat(B200, ")"), resizerHandleRightClassName, resizerHandlerClassName.medium, resizerHandleLeftClassName, resizerHandlerClassName.medium, resizerHandleRightClassName, resizerHandlerClassName.small, resizerHandleLeftClassName, resizerHandlerClassName.small, resizerHandleRightClassName, resizerHandlerClassName.large, resizerHandleLeftClassName, resizerHandlerClassName.large);

package/dist/esm/ui/ContextPanel/context.js

@@ -0,0 +1,79 @@
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(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; } }
+import React from 'react';
+
+// React context to communicate the active context panel width up and down the tree.
+//
+// We need the width prop from the ContextPanel component.
+//
+// However, the actual <ContextPanel /> component might be deeply nested inside the contextPanel.
+// For example, in the template context panel storybook, we wrap it in 2 higher order components.
+//
+// Changing the max-width on the main editor container happens above where the <ContextPanel /> gets rendered.
+//
+// To subtract the context panel width from the available real estate, we use the Provider and Consumer.
+//
+// positionedOverEditor is used to determine whether the context panel is positioned over the Editor so we are
+// able to position and add margins to handle certain elements like inline comment dialogues overlapping the context
+// panel
+export var ContextPanel = /*#__PURE__*/React.createContext({
+  width: 0,
+  positionedOverEditor: false,
+  broadcastWidth: function broadcastWidth() {},
+  broadcastPosition: function broadcastPosition() {}
+});
+export var ContextPanelWidthProvider = /*#__PURE__*/function (_React$Component) {
+  _inherits(ContextPanelWidthProvider, _React$Component);
+  var _super = _createSuper(ContextPanelWidthProvider);
+  function ContextPanelWidthProvider(props) {
+    var _this;
+    _classCallCheck(this, ContextPanelWidthProvider);
+    _this = _super.call(this, props);
+    _defineProperty(_assertThisInitialized(_this), "state", {
+      width: 0,
+      positionedOverEditor: false
+    });
+    _defineProperty(_assertThisInitialized(_this), "broadcastSidebarWidth", function (width) {
+      if (width !== _this.state.width) {
+        _this.setState({
+          width: width
+        });
+      }
+    });
+    _defineProperty(_assertThisInitialized(_this), "broadcastPosition", function (positionedOverEditor) {
+      if (positionedOverEditor !== _this.state.positionedOverEditor) {
+        _this.setState({
+          positionedOverEditor: positionedOverEditor
+        });
+      }
+    });
+    return _this;
+  }
+  _createClass(ContextPanelWidthProvider, [{
+    key: "render",
+    value: function render() {
+      var _this$state = this.state,
+        width = _this$state.width,
+        positionedOverEditor = _this$state.positionedOverEditor;
+      return /*#__PURE__*/React.createElement(Provider, {
+        value: {
+          width: width,
+          positionedOverEditor: positionedOverEditor,
+          broadcastWidth: this.broadcastSidebarWidth,
+          broadcastPosition: this.broadcastPosition
+        }
+      }, this.props.children);
+    }
+  }]);
+  return ContextPanelWidthProvider;
+}(React.Component);
+var Provider = ContextPanel.Provider,
+  Consumer = ContextPanel.Consumer;
+export { Provider as ContextPanelProvider, Consumer as ContextPanelConsumer };

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

@@ -19,7 +19,7 @@ import { themed } from '@atlaskit/theme/components';
 import { borderRadius, gridSize } from '@atlaskit/theme/constants';
 import Layer from '../Layer';
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "74.1.1";
+var packageVersion = "74.2.0";
 var halfFocusRing = 1;
 // TODO: Migrate away from gridSize
 // Recommendation: Replace gridSize with token('space.100', '8px') after verfiying Popper can accept this
@@ -38,13 +38,13 @@ var DropList = /*#__PURE__*/function (_Component) {
     _defineProperty(_assertThisInitialized(_this), "triggerStyles", css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    transition-duration: 0.2s;\n    transition: box-shadow 0.15s cubic-bezier(0.47, 0.03, 0.49, 1.38);\n    ", "\n  "])), _this.props.shouldFitContainer ? 'display: block; box-sizing: border-box;' : 'display: inline-flex;'));
     /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
     _defineProperty(_assertThisInitialized(_this), "menuWrapper", function (theme) {
-      return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      color: ", ";\n      background-color: ", ";\n      border-radius: ", "px;\n      box-shadow: 0 ", " ", "\n          calc(-1 * ", ") ", ",\n        0 0 1px ", ";\n      box-sizing: border-box;\n      overflow: auto;\n      padding: ", " 0;\n      max-height: 90vh;\n    "])), themed({
+      return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      color: ", ";\n      background-color: ", ";\n      border-radius: ", "px;\n      box-shadow: ", ";\n      box-sizing: border-box;\n      overflow: auto;\n      padding: ", " 0;\n      max-height: 90vh;\n    "])), themed({
         light: "var(--ds-text, ".concat(N900, ")"),
         dark: "var(--ds-text, ".concat(DN600, ")")
       })(theme), themed({
         light: "var(--ds-surface-overlay, ".concat(N0, ")"),
         dark: "var(--ds-surface-overlay, ".concat(DN50, ")")
-      })(theme), borderRadius(), "var(--ds-space-050, 4px)", "var(--ds-space-100, 8px)", "var(--ds-space-025, 2px)", N50A, N60A, "var(--ds-space-050, 4px)");
+      })(theme), borderRadius(), "var(--ds-shadow-overlay, ".concat("0 4px 8px calc(-1 * 2px) ".concat(N50A, ", 0 0 1px ").concat(N60A), ")"), "var(--ds-space-050, 4px)");
     });
     _defineProperty(_assertThisInitialized(_this), "componentDidMount", function () {
       _this.setContentWidth();

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

@@ -1,13 +1,15 @@
 import React from 'react';
 import classnames from 'classnames';
 import { Resizable } from 're-resizable';
-import { resizerHandleLeftClassName, resizerHandlePadding, resizerHandleRightClassName, resizerHandleZIndex, resizerItemClassName } from '../../styles/shared/resizer';
+import { resizerHandleLeftClassName, resizerHandlePadding, resizerHandlerClassName, resizerHandleRightClassName, resizerHandleZIndex, resizerItemClassName } from '../../styles/shared/resizer';
 import { handleSides } from './utils';
 export default function ResizerNext(props) {
   var resizable = React.useRef(null);
   var handleResize = props.handleResize,
     handleResizeStart = props.handleResizeStart,
-    handleResizeStop = props.handleResizeStop;
+    handleResizeStop = props.handleResizeStop,
+    _props$handlerHeightS = props.handlerHeightSize,
+    handlerHeightSize = _props$handlerHeightS === void 0 ? 'medium' : _props$handlerHeightS;
   var onResizeStart = React.useCallback(function (event) {
     // prevent creating a drag event on Firefox
     event.preventDefault();
@@ -50,6 +52,11 @@ export default function ResizerNext(props) {
       right: resizerHandleRightClassName
     };
   }
+
+  // add handler height size classname to handleClasses
+  Object.keys(handles).forEach(function (key) {
+    handles[key] = classnames(handles[key], resizerHandlerClassName[handlerHeightSize]);
+  });
   var innerPadding = props.innerPadding || resizerHandlePadding;
   var handleStyles = {
     left: {

package/dist/esm/ui/index.js

@@ -17,4 +17,5 @@ export { ErrorMessage, HelperMessage, ValidMessage } from './Messages';
 export { clearNextSiblingMarginTopStyle, clearNextSiblingBlockMarkMarginTopStyle } from './clear-next-sibling-margin-top';
 export { IntlErrorBoundary, REACT_INTL_ERROR_MESSAGE } from './IntlErrorBoundary';
 export { default as IntlProviderIfMissingWrapper } from './IntlProviderIfMissingWrapper';
-export { default as FloatingToolbarButton } from './FloatingToolbar/Button';
+export { default as FloatingToolbarButton } from './FloatingToolbar/Button';
+export { ContextPanelProvider, ContextPanelWidthProvider, ContextPanelConsumer, ContextPanel } from './ContextPanel/context';

package/dist/esm/utils/grid.js

@@ -0,0 +1,3 @@
+export var gridTypeForLayout = function gridTypeForLayout(layout) {
+  return layout === 'wrap-left' || layout === 'wrap-right' ? 'wrapped' : 'full';
+};

package/dist/esm/utils/index.js

@@ -38,4 +38,5 @@ export { getItemCounterDigitsSize, getOrderFromOrderedListNode, resolveOrder, is
 export { isFromCurrentDomain, LinkMatcher, normalizeUrl, linkifyContent, getLinkDomain, findFilepaths, isLinkInMatches, FILEPATH_REGEXP, DONTLINKIFY_REGEXP, getLinkCreationAnalyticsEvent } from './hyperlink';
 
 // prosemirror-history does not export its plugin key
-export var pmHistoryPluginKey = 'history$';
+export var pmHistoryPluginKey = 'history$';
+export { gridTypeForLayout } from './grid';

package/dist/esm/utils/validator.js

@@ -656,7 +656,8 @@ export var getValidNode = function getValidNode(originalNode) {
                 type: type,
                 content: content,
                 attrs: _objectSpread(_objectSpread({}, attrs), {}, {
-                  localId: (attrs === null || attrs === void 0 ? void 0 : attrs.localId) || uuid()
+                  localId: (attrs === null || attrs === void 0 ? void 0 : attrs.localId) || uuid(),
+                  width: (attrs === null || attrs === void 0 ? void 0 : attrs.width) || null
                 })
               };
             }

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "74.1.1",
+	"version": "74.2.0",
 	"sideEffects": false
 }

package/dist/types/analytics/types/events.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import type { EditorState, PluginKey } from 'prosemirror-state';
 import { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
-import type { NewCollabSyncUpErrorAttributes } from '../../types';
+import type { NewCollabSyncUpErrorAttributes } from '@atlaskit/collab-provider/types';
 import type { UnsupportedContentPayload, UnsupportedContentTooltipPayload, UserBrowserExtensionResults } from '../../utils';
 import type { AvatarEventPayload } from './avatar';
 import type { ConfigPanelEventPayload } from './config-panel-events';

package/dist/types/i18n/en_ZZ.d.ts

@@ -7,7 +7,6 @@
 declare const _default: {
     'fabric.editor.action': string;
     'fabric.editor.action.description': string;
-    'fabric.editor.addMediaFiles': string;
     'fabric.editor.alignImageCenter': string;
     'fabric.editor.alignImageLeft': string;
     'fabric.editor.alignImageRight': string;
@@ -36,6 +35,8 @@ declare const _default: {
     'fabric.editor.expandPlaceholder': string;
     'fabric.editor.feedbackDialog': string;
     'fabric.editor.feedbackDialog.description': string;
+    'fabric.editor.filesAndImages': string;
+    'fabric.editor.filesAndImages.description': string;
     'fabric.editor.help': string;
     'fabric.editor.help.description': string;
     'fabric.editor.horizontalRule': string;
@@ -47,8 +48,6 @@ declare const _default: {
     'fabric.editor.layoutWide': string;
     'fabric.editor.link': string;
     'fabric.editor.link.description': string;
-    'fabric.editor.mediaFiles': string;
-    'fabric.editor.mediaFiles.description': string;
     'fabric.editor.mention': string;
     'fabric.editor.mention.description': string;
     'fabric.editor.openLink': string;
@@ -76,20 +75,12 @@ declare const _default: {
     'fabric.editor.viewMore': string;
     'fabric.editor.visit': string;
     'fabric.theme.blue': string;
-    'fabric.theme.bold-blue': string;
-    'fabric.theme.bold-green': string;
-    'fabric.theme.bold-orange': string;
-    'fabric.theme.bold-purple': string;
-    'fabric.theme.bold-red': string;
-    'fabric.theme.bold-teal': string;
     'fabric.theme.dark-blue': string;
-    'fabric.theme.dark-gray': string;
     'fabric.theme.dark-green': string;
     'fabric.theme.dark-purple': string;
     'fabric.theme.dark-red': string;
     'fabric.theme.dark-teal': string;
     'fabric.theme.dark-yellow': string;
-    'fabric.theme.default': string;
     'fabric.theme.gray': string;
     'fabric.theme.green': string;
     'fabric.theme.light-blue': string;
@@ -102,12 +93,6 @@ declare const _default: {
     'fabric.theme.orange': string;
     'fabric.theme.purple': string;
     'fabric.theme.red': string;
-    'fabric.theme.subtle-blue': string;
-    'fabric.theme.subtle-green': string;
-    'fabric.theme.subtle-purple': string;
-    'fabric.theme.subtle-red': string;
-    'fabric.theme.subtle-teal': string;
-    'fabric.theme.subtle-yellow': string;
     'fabric.theme.teal': string;
     'fabric.theme.white': string;
     'fabric.theme.yellow': string;

package/dist/types/provider-factory/types.d.ts

@@ -1,8 +1,8 @@
 import { ActivityProvider } from '@atlaskit/activity-provider';
+import type { CollabEditProvider } from '@atlaskit/collab-provider';
 import type { EmojiProvider } from '@atlaskit/emoji/types';
 import { MentionProvider } from '@atlaskit/mention/types';
 import { TaskDecisionProvider } from '@atlaskit/task-decision/types';
-import { CollabEditProvider } from '../collab/types';
 import { ExtensionProvider } from '../extensions/types';
 import { AutoformattingProvider } from './autoformatting-provider';
 import { CardProvider } from './card-provider';

package/dist/types/resizer.d.ts

@@ -1 +1,2 @@
 export { default as ResizerNext } from './ui/Resizer';
+export type { HandlerHeightSizeType, EnabledHandles } from './ui/Resizer/types';

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

@@ -23,3 +23,4 @@ export { CodeBlockSharedCssClassName, codeBlockSharedStyles, codeBlockInListSafa
 export { LAYOUT_SECTION_MARGIN, LAYOUT_COLUMN_PADDING } from './shared/layout';
 export { EXTENSION_PADDING, BODIED_EXT_PADDING } from './shared/extension';
 export { resizerStyles } from './shared/resizer';
+export { gridStyles, GRID_GUTTER } from './shared/grid';

package/dist/types/styles/shared/grid.d.ts

@@ -0,0 +1,2 @@
+export declare const GRID_GUTTER = 12;
+export declare const gridStyles: import("@emotion/react").SerializedStyles;

package/dist/types/styles/shared/resizer.d.ts

@@ -3,4 +3,12 @@ export declare const resizerHandleRightClassName = "resizer-handle-right";
 export declare const resizerHandleLeftClassName = "resizer-handle-left";
 export declare const resizerHandlePadding = 13;
 export declare const resizerHandleZIndex = 99;
+export declare const resizerHandlerSmallClassName = "resizer-handler-small";
+export declare const resizerHandlerMediumClassName = "resizer-handler-medium";
+export declare const resizerHandlerLargeClassName = "resizer-handler-large";
+export declare const resizerHandlerClassName: {
+    small: string;
+    medium: string;
+    large: string;
+};
 export declare const resizerStyles: import("@emotion/react").SerializedStyles;

package/dist/types/types/editor-actions.d.ts

@@ -1,7 +1,7 @@
 import { Node } from 'prosemirror-model';
 import { EditorView } from 'prosemirror-view';
+import type { ResolvedEditorState } from '@atlaskit/collab-provider/types';
 import { JSONDocNode } from '@atlaskit/editor-json-transformer';
-import { ResolvedEditorState } from '../collab';
 import { EventDispatcher } from '../event-dispatcher';
 export type ContextUpdateHandler = (editorView: EditorView, eventDispatcher: EventDispatcher) => void;
 export type ReplaceRawValue = Node | object | string;

package/dist/types/types/grid.d.ts

@@ -0,0 +1 @@
+export type GridType = 'full' | 'wrapped';

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

@@ -12,7 +12,6 @@ export { AnnotationUpdateEmitter, AnnotationUpdateEvent } from './annotation';
 export type { AnnotationState, AnnotationProviders, AnnotationUpdateEventPayloads, InlineCommentSelectionComponentProps, InlineCommentViewComponentProps, InlineCommentAnnotationProvider, OnAnnotationClickPayload, AnnotationByMatches, AnnotationActionResult, } from './annotation';
 export type { ContextUpdateHandler, EditorActionsOptions, ReplaceRawValue, } from './editor-actions';
 export type { TypeAheadStats, TypeAheadItemRenderProps, TypeAheadInsert, TypeAheadSelectItem, TypeAheadItem, TypeAheadForceSelect, TypeAheadHandler, } from './type-ahead';
-export type { NewCollabSyncUpErrorAttributes, SyncUpErrorFunction, } from './collab';
 export type { CommandDispatch, Command, HigherOrderCommand } from './command';
 export type { FeatureFlags, FeatureFlagKey, GetEditorFeatureFlags, } from './feature-flags';
 export type { Browsers, Range, DisableSpellcheckByBrowser, } from './supported-browsers';
@@ -29,8 +28,9 @@ export type { EditorReactContext } from './editor-react-context';
 export type { PMPluginFactoryParams, PMPluginFactory, PMPlugin, } from './plugin-factory';
 export type { NodeConfig, MarkConfig, NodeViewConfig, } from './prosemirror-config';
 export type { PluginsOptions, EditorPlugin, getPosHandler, getPosHandlerNode, } from './editor-plugin';
-export type { NextEditorPlugin, AllEditorPresetPluginTypes, PluginDependenciesAPI, ExtractPluginNameFromAllBuilderPlugins, SafePresetCheck, DefaultEditorPlugin, OptionalPlugin, PluginInjectionAPI, CreatePluginDependenciesAPI, NextEditorPluginMetadata, ExtractInjectionAPI, ExtractPluginActions, } from './next-editor-plugin';
+export type { NextEditorPlugin, AllEditorPresetPluginTypes, PluginDependenciesAPI, ExtractPluginNameFromAllBuilderPlugins, SafePresetCheck, DefaultEditorPlugin, OptionalPlugin, PluginInjectionAPI, CreatePluginDependenciesAPI, NextEditorPluginMetadata, ExtractInjectionAPI, ExtractPluginActions, PluginInjectionAPIWithDependency, } from './next-editor-plugin';
 export type IconProps = {
     label?: string;
 };
 export type { TTITracking, TransactionTracking, UITracking, CatchAllTracking, NodeViewTracking, BrowserFreezetracking, ProseMirrorRenderedTracking, InputTracking, ContentRetrievalTracking, OnChangeCallbackTracking, OnEditorReadyCallbackTracking, PasteTracking, RenderTracking, PerformanceTracking, } from './performance-tracking';
+export type { GridType } from './grid';

package/dist/types/types/next-editor-plugin.d.ts

@@ -32,6 +32,11 @@ export type PluginInjectionAPI<Name extends string, Metadata extends NextEditorP
         ...ExtractPluginDependenciesFromMetadata<Metadata>
     ]>;
 };
+export type PluginInjectionAPIWithDependency<Plugin> = Plugin extends NextEditorPlugin<infer Name, infer Metadata> ? {
+    dependencies: CreatePluginDependenciesAPI<[
+        NextEditorPlugin<Name, Metadata>
+    ]>;
+} : never;
 type NextEditorPluginFunctionDefinition<Name extends string, Metadata extends NextEditorPluginMetadata, Configuration> = (config: Configuration, api?: PluginInjectionAPI<Name, Metadata>) => DefaultEditorPlugin<Name, Metadata>;
 type NextEditorPluginFunctionOptionalConfigDefinition<Name extends string, Metadata extends NextEditorPluginMetadata, Configuration = undefined> = (config?: Configuration, api?: PluginInjectionAPI<Name, Metadata>) => DefaultEditorPlugin<Name, Metadata>;
 type OptionalPrivateProperty = {

package/dist/types/ui/ContextPanel/context.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+export type ContextPanelContext = {
+    width: number;
+    positionedOverEditor: boolean;
+    broadcastWidth: (width: number) => void;
+    broadcastPosition: (positionedOverEditor: boolean) => void;
+};
+export declare const ContextPanel: React.Context<ContextPanelContext>;
+export type ContextPanelProviderState = {
+    width?: number;
+    positionedOverEditor?: boolean;
+};
+export declare class ContextPanelWidthProvider extends React.Component<any, ContextPanelProviderState> {
+    state: {
+        width: number;
+        positionedOverEditor: boolean;
+    };
+    constructor(props: any);
+    broadcastSidebarWidth: (width: number) => void;
+    broadcastPosition: (positionedOverEditor: boolean) => void;
+    render(): JSX.Element;
+}
+declare const Provider: React.Provider<ContextPanelContext>, Consumer: React.Consumer<ContextPanelContext>;
+export { Provider as ContextPanelProvider, Consumer as ContextPanelConsumer };

package/dist/types/ui/DropList/index.d.ts

@@ -16,5 +16,5 @@ export type OpenChangedEvent = {
     isOpen: boolean;
     event: MouseEvent | KeyboardEvent;
 };
-declare const _default: import("react").ForwardRefExoticComponent<Pick<Omit<Props, keyof WithAnalyticsEventsProps> & import("react").RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "key" | "id" | "children" | "position" | "trigger" | "testId" | "analyticsContext" | "isOpen" | "shouldFitContainer" | "onPositioned" | "onOpenChange"> & import("react").RefAttributes<any>>;
+declare const _default: import("react").ForwardRefExoticComponent<Pick<Omit<Props, keyof WithAnalyticsEventsProps> & import("react").RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "key" | "children" | "id" | "position" | "trigger" | "testId" | "analyticsContext" | "isOpen" | "shouldFitContainer" | "onPositioned" | "onOpenChange"> & import("react").RefAttributes<any>>;
 export default _default;

package/dist/types/ui/Resizer/index.d.ts

@@ -1,6 +1,6 @@
 import React, { PropsWithChildren } from 'react';
 import { HandleComponent } from 're-resizable';
-import { EnabledHandles, HandleResize } from './types';
+import { EnabledHandles, HandleResize, HandlerHeightSizeType } from './types';
 export interface ResizableNumberSize {
     width: number;
     height: number;
@@ -18,5 +18,6 @@ export type ResizerProps = {
     maxWidth?: number;
     handleWrapperStyle?: React.CSSProperties;
     handleComponent?: HandleComponent;
+    handlerHeightSize?: HandlerHeightSizeType;
 };
 export default function ResizerNext(props: PropsWithChildren<ResizerProps>): JSX.Element;

package/dist/types/ui/Resizer/types.d.ts

@@ -16,3 +16,4 @@ export type HandleStyles = {
     right?: React.CSSProperties;
     left?: React.CSSProperties;
 };
+export type HandlerHeightSizeType = 'small' | 'medium' | 'large';

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

@@ -26,3 +26,4 @@ export { clearNextSiblingMarginTopStyle, clearNextSiblingBlockMarkMarginTopStyle
 export { IntlErrorBoundary, REACT_INTL_ERROR_MESSAGE, } from './IntlErrorBoundary';
 export { default as IntlProviderIfMissingWrapper } from './IntlProviderIfMissingWrapper';
 export { default as FloatingToolbarButton } from './FloatingToolbar/Button';
+export { ContextPanelProvider, ContextPanelWidthProvider, ContextPanelConsumer, ContextPanel, } from './ContextPanel/context';

package/dist/types/ui-menu/ToolbarButton/index.d.ts

@@ -42,7 +42,7 @@ declare const ToolbarButton: React.ForwardRefExoticComponent<{
     onItemClick?: ((item: MenuItem) => void) | undefined;
     onKeyDown?: ((event: React.KeyboardEvent<HTMLElement>) => void) | undefined;
     selected?: boolean | undefined;
-    spacing?: "none" | "default" | "compact" | undefined;
+    spacing?: "default" | "none" | "compact" | undefined;
     target?: string | undefined;
     title?: React.ReactNode;
     titlePosition?: PositionType | undefined;

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

@@ -0,0 +1,3 @@
+import type { RichMediaLayout as MediaSingleLayout } from '@atlaskit/adf-schema';
+import type { GridType } from '../types';
+export declare const gridTypeForLayout: (layout: MediaSingleLayout) => GridType;

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

@@ -49,3 +49,4 @@ export { isReferencedSource, removeConnectedNodes, getChildrenInfo, getNodeName,
 export { getItemCounterDigitsSize, getOrderFromOrderedListNode, resolveOrder, isListNode, isParagraphNode, isListItemNode, isBulletList, } from './list';
 export { isFromCurrentDomain, LinkMatcher, normalizeUrl, linkifyContent, getLinkDomain, findFilepaths, isLinkInMatches, FILEPATH_REGEXP, DONTLINKIFY_REGEXP, getLinkCreationAnalyticsEvent, } from './hyperlink';
 export declare const pmHistoryPluginKey = "history$";
+export { gridTypeForLayout } from './grid';

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import type { EditorState, PluginKey } from 'prosemirror-state';
 import { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
-import type { NewCollabSyncUpErrorAttributes } from '../../types';
+import type { NewCollabSyncUpErrorAttributes } from '@atlaskit/collab-provider/types';
 import type { UnsupportedContentPayload, UnsupportedContentTooltipPayload, UserBrowserExtensionResults } from '../../utils';
 import type { AvatarEventPayload } from './avatar';
 import type { ConfigPanelEventPayload } from './config-panel-events';