@atlaskit/editor-common 110.2.0 → 110.2.2

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @atlaskit/editor-common
 
+## 110.2.2
+
+### Patch Changes
+
+- [`5a35ce1c7b07a`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/5a35ce1c7b07a) -
+  Clean up nested border style fg
+
+## 110.2.1
+
+### Patch Changes
+
+- [`9cf29da7572b3`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/9cf29da7572b3) -
+  [ux] Fires Element converted event when Turn into menu is used to transform a node from one node
+  type to another.
+- [`6e2b6f72d4bc2`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/6e2b6f72d4bc2) -
+  Added floating toolbar for sync block
+- Updated dependencies
+
 ## 110.2.0
 
 ### Minor Changes

package/dist/cjs/messages/index.js

@@ -196,6 +196,12 @@ Object.defineProperty(exports, "statusMessages", {
     return _status.messages;
   }
 });
+Object.defineProperty(exports, "syncBlockMessages", {
+  enumerable: true,
+  get: function get() {
+    return _syncBlock.syncBlockMessages;
+  }
+});
 Object.defineProperty(exports, "tableMessages", {
   enumerable: true,
   get: function get() {
@@ -285,6 +291,7 @@ var _selectionExtension = require("./selection-extension");
 var _selectionToolbar = require("./selection-toolbar");
 var _contextPanel = require("./context-panel");
 var _trackChanges = require("./track-changes");
+var _syncBlock = require("./syncBlock");
 // Disable no-re-export rule for entry point files
 /* eslint-disable @atlaskit/editor/no-re-export */
 var _default = exports.default = (0, _reactIntlNext.defineMessages)({

package/dist/cjs/messages/syncBlock.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.syncBlockMessages = void 0;
+var _reactIntlNext = require("react-intl-next");
+var syncBlockMessages = exports.syncBlockMessages = (0, _reactIntlNext.defineMessages)({
+  copySyncBlockLabel: {
+    id: 'fabric.editor.copySyncBlock',
+    defaultMessage: 'Copy',
+    description: 'Button label for copying the reference of sync block element to your clipboard'
+  },
+  copySyncBlockTooltip: {
+    id: 'fabric.editor.copySyncBlockTooltip',
+    defaultMessage: 'Copy reference to clipboard',
+    description: 'Tooltip for the button to copy the reference of sync block element to your clipboard'
+  },
+  editSourceLabel: {
+    id: 'fabric.editor.editSourceLabel',
+    defaultMessage: 'Edit source',
+    description: 'Button label for editing the source of sync block element'
+  },
+  editSourceTooltip: {
+    id: 'fabric.editor.editSourceTooltip',
+    defaultMessage: 'Navigate to source page of the sync block',
+    description: 'Tooltip for the button to navigate to the source page of the sync block element'
+  },
+  syncBlockGroup: {
+    id: 'fabric.editor.syncBlockGroup',
+    defaultMessage: 'Sync Block Types',
+    description: 'aria-label for group of sync block the floating toolbar'
+  }
+});

package/dist/cjs/monitoring/error.js

@@ -16,7 +16,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 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 = "110.1.0";
+var packageVersion = "110.2.1";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007

package/dist/cjs/styles/shared/panel.js

@@ -152,7 +152,7 @@ var mainDynamicStyles = function mainDynamicStyles(panelType) {
 
 // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- Safe to autofix with a tiny tweak to `mainDynamicStyles` being an object, but holding off…
 var panelSharedStylesWithoutPrefix = exports.panelSharedStylesWithoutPrefix = function panelSharedStylesWithoutPrefix() {
-  return (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\tborder-radius: ", ";\n\tmargin: ", " 0 0;\n\tpadding-top: ", ";\n\tpadding-right: ", ";\n\tpadding-bottom: ", ";\n\tpadding-left: ", ";\n\tmin-width: ", "px;\n\tdisplay: flex;\n\tposition: relative;\n\talign-items: normal;\n\tword-break: break-word;\n\n\t", "\n\n\t.", " {\n\t\tflex-shrink: 0;\n\t\theight: ", ";\n\t\twidth: ", ";\n\t\tbox-sizing: content-box;\n\t\tpadding-right: ", ";\n\t\ttext-align: center;\n\t\tuser-select: none;\n\t\t-moz-user-select: none;\n\t\t-webkit-user-select: none;\n\t\t-ms-user-select: none;\n\t\tmargin-top: 0.1em;\n\n\t\t> span {\n\t\t\tvertical-align: middle;\n\t\t\tdisplay: inline-flex;\n\t\t}\n\n\t\t.", " {\n\t\t\tvertical-align: ", "px;\n\t\t}\n\n\t\t.", " {\n\t\t\tvertical-align: ", "px;\n\n\t\t\t/* Vertical align only works for inline-block elements in Firefox */\n\t\t\t@-moz-document url-prefix() {\n\t\t\t\timg {\n\t\t\t\t\tdisplay: inline-block;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t.ak-editor-panel__content {\n\t\tmargin: ", " 0 ", ";\n\t\tflex: 1 0 0;\n\t\t/*\n      https://ishadeed.com/article/min-max-css/#setting-min-width-to-zero-with-flexbox\n      The default value for min-width is auto, which is computed to zero. When an element is a flex item, the value of min-width doesn\u2019t compute to zero. The minimum size of a flex item is equal to the size of its contents.\n    */\n\t\tmin-width: 0;\n\t}\n\n\t/* support nested panel */\n\t", "\n\n\t&[data-panel-type='", "'] {\n\t\t", "\n\t}\n\n\t&[data-panel-type='", "'] {\n\t\t", "\n\t\t", "\n\t}\n\n\t&[data-panel-type='", "'] {\n\t\t", "\n\t\t", "\n\t}\n\n\t&[data-panel-type='", "'] {\n\t\t", "\n\t\t", "\n\t}\n\n\t&[data-panel-type='", "'] {\n\t\t", "\n\t\t", "\n\t}\n\n\t&[data-panel-type='", "'] {\n\t\t", "\n\t\t", "\n\t}\n\n\t", "\n"])), "var(--ds-radius-small, 3px)", _editorSharedStyles.blockNodesVerticalMargin, "var(--ds-space-100, 8px)", "var(--ds-space-200, 16px)", "var(--ds-space-100, 8px)", "var(--ds-space-100, 8px)", _editorSharedStyles.akEditorTableCellMinWidth, mainDynamicStyles(_adfSchema.PanelType.INFO), PanelSharedCssClassName.icon, "var(--ds-space-300, 24px)", "var(--ds-space-300, 24px)", "var(--ds-space-100, 8px)", _emoji.emojiSprite, panelEmojiSpriteVerticalAlignment, _emoji.emojiImage, panelEmojiImageVerticalAlignment, "var(--ds-space-025, 2px)", "var(--ds-space-025, 2px)", (0, _platformFeatureFlags.fg)('platform_editor_add_border_for_nested_panel') ? ".".concat(PanelSharedCssClassName.content, " .").concat(prefix, " {\n\t\t\tborder: 1px solid ", "var(--ds-border, #091E42)", ";\n\t\t}") : '', _adfSchema.PanelType.INFO, getIconStyles(_adfSchema.PanelType.INFO), _adfSchema.PanelType.NOTE, mainDynamicStyles(_adfSchema.PanelType.NOTE), getIconStyles(_adfSchema.PanelType.NOTE), _adfSchema.PanelType.TIP, mainDynamicStyles(_adfSchema.PanelType.TIP), getIconStyles(_adfSchema.PanelType.TIP), _adfSchema.PanelType.WARNING, mainDynamicStyles(_adfSchema.PanelType.WARNING), getIconStyles(_adfSchema.PanelType.WARNING), _adfSchema.PanelType.ERROR, mainDynamicStyles(_adfSchema.PanelType.ERROR), getIconStyles(_adfSchema.PanelType.ERROR), _adfSchema.PanelType.SUCCESS, mainDynamicStyles(_adfSchema.PanelType.SUCCESS), getIconStyles(_adfSchema.PanelType.SUCCESS), (0, _platformFeatureFlags.fg)('platform_editor_nested_dnd_styles_changes') ? "&.".concat(PanelSharedCssClassName.noIcon, " {\n\t\t\tpadding-right: ", "var(--ds-space-150, 12px)", ";\n\t\t\tpadding-left: ", "var(--ds-space-150, 12px)", ";\n\t\t}") : '');
+  return (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\tborder-radius: ", ";\n\tmargin: ", " 0 0;\n\tpadding-top: ", ";\n\tpadding-right: ", ";\n\tpadding-bottom: ", ";\n\tpadding-left: ", ";\n\tmin-width: ", "px;\n\tdisplay: flex;\n\tposition: relative;\n\talign-items: normal;\n\tword-break: break-word;\n\n\t", "\n\n\t.", " {\n\t\tflex-shrink: 0;\n\t\theight: ", ";\n\t\twidth: ", ";\n\t\tbox-sizing: content-box;\n\t\tpadding-right: ", ";\n\t\ttext-align: center;\n\t\tuser-select: none;\n\t\t-moz-user-select: none;\n\t\t-webkit-user-select: none;\n\t\t-ms-user-select: none;\n\t\tmargin-top: 0.1em;\n\n\t\t> span {\n\t\t\tvertical-align: middle;\n\t\t\tdisplay: inline-flex;\n\t\t}\n\n\t\t.", " {\n\t\t\tvertical-align: ", "px;\n\t\t}\n\n\t\t.", " {\n\t\t\tvertical-align: ", "px;\n\n\t\t\t/* Vertical align only works for inline-block elements in Firefox */\n\t\t\t@-moz-document url-prefix() {\n\t\t\t\timg {\n\t\t\t\t\tdisplay: inline-block;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t.ak-editor-panel__content {\n\t\tmargin: ", " 0 ", ";\n\t\tflex: 1 0 0;\n\t\t/*\n      https://ishadeed.com/article/min-max-css/#setting-min-width-to-zero-with-flexbox\n      The default value for min-width is auto, which is computed to zero. When an element is a flex item, the value of min-width doesn\u2019t compute to zero. The minimum size of a flex item is equal to the size of its contents.\n    */\n\t\tmin-width: 0;\n\t}\n\n\t/* support nested panel */\n\t.", " .", " {\n\t\tborder: 1px solid ", ";\n\t}\n\n\t&[data-panel-type='", "'] {\n\t\t", "\n\t}\n\n\t&[data-panel-type='", "'] {\n\t\t", "\n\t\t", "\n\t}\n\n\t&[data-panel-type='", "'] {\n\t\t", "\n\t\t", "\n\t}\n\n\t&[data-panel-type='", "'] {\n\t\t", "\n\t\t", "\n\t}\n\n\t&[data-panel-type='", "'] {\n\t\t", "\n\t\t", "\n\t}\n\n\t&[data-panel-type='", "'] {\n\t\t", "\n\t\t", "\n\t}\n\n\t", "\n"])), "var(--ds-radius-small, 3px)", _editorSharedStyles.blockNodesVerticalMargin, "var(--ds-space-100, 8px)", "var(--ds-space-200, 16px)", "var(--ds-space-100, 8px)", "var(--ds-space-100, 8px)", _editorSharedStyles.akEditorTableCellMinWidth, mainDynamicStyles(_adfSchema.PanelType.INFO), PanelSharedCssClassName.icon, "var(--ds-space-300, 24px)", "var(--ds-space-300, 24px)", "var(--ds-space-100, 8px)", _emoji.emojiSprite, panelEmojiSpriteVerticalAlignment, _emoji.emojiImage, panelEmojiImageVerticalAlignment, "var(--ds-space-025, 2px)", "var(--ds-space-025, 2px)", PanelSharedCssClassName.content, prefix, "var(--ds-border, #091E42)", _adfSchema.PanelType.INFO, getIconStyles(_adfSchema.PanelType.INFO), _adfSchema.PanelType.NOTE, mainDynamicStyles(_adfSchema.PanelType.NOTE), getIconStyles(_adfSchema.PanelType.NOTE), _adfSchema.PanelType.TIP, mainDynamicStyles(_adfSchema.PanelType.TIP), getIconStyles(_adfSchema.PanelType.TIP), _adfSchema.PanelType.WARNING, mainDynamicStyles(_adfSchema.PanelType.WARNING), getIconStyles(_adfSchema.PanelType.WARNING), _adfSchema.PanelType.ERROR, mainDynamicStyles(_adfSchema.PanelType.ERROR), getIconStyles(_adfSchema.PanelType.ERROR), _adfSchema.PanelType.SUCCESS, mainDynamicStyles(_adfSchema.PanelType.SUCCESS), getIconStyles(_adfSchema.PanelType.SUCCESS), (0, _platformFeatureFlags.fg)('platform_editor_nested_dnd_styles_changes') ? "&.".concat(PanelSharedCssClassName.noIcon, " {\n\t\t\tpadding-right: ", "var(--ds-space-150, 12px)", ";\n\t\t\tpadding-left: ", "var(--ds-space-150, 12px)", ";\n\t\t}") : '');
 };
 var panelSharedStyles = exports.panelSharedStyles = function panelSharedStyles() {
   return (0, _react.css)((0, _defineProperty2.default)({}, ".".concat(PanelSharedCssClassName.prefix), panelSharedStylesWithoutPrefix()));

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

@@ -24,7 +24,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
  * @jsx jsx
  */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "110.1.0";
+var packageVersion = "110.2.1";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var fadeIn = (0, _react2.keyframes)({

package/dist/es2019/messages/index.js

@@ -42,6 +42,7 @@ export { selectionExtensionMessages } from './selection-extension';
 export { selectionToolbarMessages } from './selection-toolbar';
 export { contextPanelMessages } from './context-panel';
 export { trackChangesMessages } from './track-changes';
+export { syncBlockMessages } from './syncBlock';
 export default defineMessages({
   layoutFixedWidth: {
     id: 'fabric.editor.layoutFixedWidth',

package/dist/es2019/messages/syncBlock.js

@@ -0,0 +1,28 @@
+import { defineMessages } from 'react-intl-next';
+export const syncBlockMessages = defineMessages({
+  copySyncBlockLabel: {
+    id: 'fabric.editor.copySyncBlock',
+    defaultMessage: 'Copy',
+    description: 'Button label for copying the reference of sync block element to your clipboard'
+  },
+  copySyncBlockTooltip: {
+    id: 'fabric.editor.copySyncBlockTooltip',
+    defaultMessage: 'Copy reference to clipboard',
+    description: 'Tooltip for the button to copy the reference of sync block element to your clipboard'
+  },
+  editSourceLabel: {
+    id: 'fabric.editor.editSourceLabel',
+    defaultMessage: 'Edit source',
+    description: 'Button label for editing the source of sync block element'
+  },
+  editSourceTooltip: {
+    id: 'fabric.editor.editSourceTooltip',
+    defaultMessage: 'Navigate to source page of the sync block',
+    description: 'Tooltip for the button to navigate to the source page of the sync block element'
+  },
+  syncBlockGroup: {
+    id: 'fabric.editor.syncBlockGroup',
+    defaultMessage: 'Sync Block Types',
+    description: 'aria-label for group of sync block the floating toolbar'
+  }
+});

package/dist/es2019/monitoring/error.js

@@ -1,7 +1,7 @@
 import { isFedRamp } from './environment';
 const SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 const packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-const packageVersion = "110.1.0";
+const packageVersion = "110.2.1";
 const sanitiseSentryEvents = (data, _hint) => {
   // Remove URL as it has UGC
   // Ignored via go/ees007

package/dist/es2019/styles/shared/panel.js

@@ -207,9 +207,9 @@ export const panelSharedStylesWithoutPrefix = () => css`
 	}
 
 	/* support nested panel */
-	${fg('platform_editor_add_border_for_nested_panel') ? `.${PanelSharedCssClassName.content} .${prefix} {
-			border: 1px solid ${"var(--ds-border, #091E42)"};
-		}` : ''}
+	.${PanelSharedCssClassName.content} .${prefix} {
+		border: 1px solid ${"var(--ds-border, #091E42)"};
+	}
 
 	&[data-panel-type='${PanelType.INFO}'] {
 		${getIconStyles(PanelType.INFO)}

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

@@ -14,7 +14,7 @@ import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import { fg } from '@atlaskit/platform-feature-flags';
 import Layer from '../Layer';
 const packageName = "@atlaskit/editor-common";
-const packageVersion = "110.1.0";
+const packageVersion = "110.2.1";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 const fadeIn = keyframes({

package/dist/esm/messages/index.js

@@ -42,6 +42,7 @@ export { selectionExtensionMessages } from './selection-extension';
 export { selectionToolbarMessages } from './selection-toolbar';
 export { contextPanelMessages } from './context-panel';
 export { trackChangesMessages } from './track-changes';
+export { syncBlockMessages } from './syncBlock';
 export default defineMessages({
   layoutFixedWidth: {
     id: 'fabric.editor.layoutFixedWidth',

package/dist/esm/messages/syncBlock.js

@@ -0,0 +1,28 @@
+import { defineMessages } from 'react-intl-next';
+export var syncBlockMessages = defineMessages({
+  copySyncBlockLabel: {
+    id: 'fabric.editor.copySyncBlock',
+    defaultMessage: 'Copy',
+    description: 'Button label for copying the reference of sync block element to your clipboard'
+  },
+  copySyncBlockTooltip: {
+    id: 'fabric.editor.copySyncBlockTooltip',
+    defaultMessage: 'Copy reference to clipboard',
+    description: 'Tooltip for the button to copy the reference of sync block element to your clipboard'
+  },
+  editSourceLabel: {
+    id: 'fabric.editor.editSourceLabel',
+    defaultMessage: 'Edit source',
+    description: 'Button label for editing the source of sync block element'
+  },
+  editSourceTooltip: {
+    id: 'fabric.editor.editSourceTooltip',
+    defaultMessage: 'Navigate to source page of the sync block',
+    description: 'Tooltip for the button to navigate to the source page of the sync block element'
+  },
+  syncBlockGroup: {
+    id: 'fabric.editor.syncBlockGroup',
+    defaultMessage: 'Sync Block Types',
+    description: 'aria-label for group of sync block the floating toolbar'
+  }
+});

package/dist/esm/monitoring/error.js

@@ -7,7 +7,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import { isFedRamp } from './environment';
 var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-var packageVersion = "110.1.0";
+var packageVersion = "110.2.1";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007

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

@@ -143,7 +143,7 @@ var mainDynamicStyles = function mainDynamicStyles(panelType) {
 
 // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- Safe to autofix with a tiny tweak to `mainDynamicStyles` being an object, but holding off…
 export var panelSharedStylesWithoutPrefix = function panelSharedStylesWithoutPrefix() {
-  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\tborder-radius: ", ";\n\tmargin: ", " 0 0;\n\tpadding-top: ", ";\n\tpadding-right: ", ";\n\tpadding-bottom: ", ";\n\tpadding-left: ", ";\n\tmin-width: ", "px;\n\tdisplay: flex;\n\tposition: relative;\n\talign-items: normal;\n\tword-break: break-word;\n\n\t", "\n\n\t.", " {\n\t\tflex-shrink: 0;\n\t\theight: ", ";\n\t\twidth: ", ";\n\t\tbox-sizing: content-box;\n\t\tpadding-right: ", ";\n\t\ttext-align: center;\n\t\tuser-select: none;\n\t\t-moz-user-select: none;\n\t\t-webkit-user-select: none;\n\t\t-ms-user-select: none;\n\t\tmargin-top: 0.1em;\n\n\t\t> span {\n\t\t\tvertical-align: middle;\n\t\t\tdisplay: inline-flex;\n\t\t}\n\n\t\t.", " {\n\t\t\tvertical-align: ", "px;\n\t\t}\n\n\t\t.", " {\n\t\t\tvertical-align: ", "px;\n\n\t\t\t/* Vertical align only works for inline-block elements in Firefox */\n\t\t\t@-moz-document url-prefix() {\n\t\t\t\timg {\n\t\t\t\t\tdisplay: inline-block;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t.ak-editor-panel__content {\n\t\tmargin: ", " 0 ", ";\n\t\tflex: 1 0 0;\n\t\t/*\n      https://ishadeed.com/article/min-max-css/#setting-min-width-to-zero-with-flexbox\n      The default value for min-width is auto, which is computed to zero. When an element is a flex item, the value of min-width doesn\u2019t compute to zero. The minimum size of a flex item is equal to the size of its contents.\n    */\n\t\tmin-width: 0;\n\t}\n\n\t/* support nested panel */\n\t", "\n\n\t&[data-panel-type='", "'] {\n\t\t", "\n\t}\n\n\t&[data-panel-type='", "'] {\n\t\t", "\n\t\t", "\n\t}\n\n\t&[data-panel-type='", "'] {\n\t\t", "\n\t\t", "\n\t}\n\n\t&[data-panel-type='", "'] {\n\t\t", "\n\t\t", "\n\t}\n\n\t&[data-panel-type='", "'] {\n\t\t", "\n\t\t", "\n\t}\n\n\t&[data-panel-type='", "'] {\n\t\t", "\n\t\t", "\n\t}\n\n\t", "\n"])), "var(--ds-radius-small, 3px)", blockNodesVerticalMargin, "var(--ds-space-100, 8px)", "var(--ds-space-200, 16px)", "var(--ds-space-100, 8px)", "var(--ds-space-100, 8px)", akEditorTableCellMinWidth, mainDynamicStyles(PanelType.INFO), PanelSharedCssClassName.icon, "var(--ds-space-300, 24px)", "var(--ds-space-300, 24px)", "var(--ds-space-100, 8px)", emojiSprite, panelEmojiSpriteVerticalAlignment, emojiImage, panelEmojiImageVerticalAlignment, "var(--ds-space-025, 2px)", "var(--ds-space-025, 2px)", fg('platform_editor_add_border_for_nested_panel') ? ".".concat(PanelSharedCssClassName.content, " .").concat(prefix, " {\n\t\t\tborder: 1px solid ", "var(--ds-border, #091E42)", ";\n\t\t}") : '', PanelType.INFO, getIconStyles(PanelType.INFO), PanelType.NOTE, mainDynamicStyles(PanelType.NOTE), getIconStyles(PanelType.NOTE), PanelType.TIP, mainDynamicStyles(PanelType.TIP), getIconStyles(PanelType.TIP), PanelType.WARNING, mainDynamicStyles(PanelType.WARNING), getIconStyles(PanelType.WARNING), PanelType.ERROR, mainDynamicStyles(PanelType.ERROR), getIconStyles(PanelType.ERROR), PanelType.SUCCESS, mainDynamicStyles(PanelType.SUCCESS), getIconStyles(PanelType.SUCCESS), fg('platform_editor_nested_dnd_styles_changes') ? "&.".concat(PanelSharedCssClassName.noIcon, " {\n\t\t\tpadding-right: ", "var(--ds-space-150, 12px)", ";\n\t\t\tpadding-left: ", "var(--ds-space-150, 12px)", ";\n\t\t}") : '');
+  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\tborder-radius: ", ";\n\tmargin: ", " 0 0;\n\tpadding-top: ", ";\n\tpadding-right: ", ";\n\tpadding-bottom: ", ";\n\tpadding-left: ", ";\n\tmin-width: ", "px;\n\tdisplay: flex;\n\tposition: relative;\n\talign-items: normal;\n\tword-break: break-word;\n\n\t", "\n\n\t.", " {\n\t\tflex-shrink: 0;\n\t\theight: ", ";\n\t\twidth: ", ";\n\t\tbox-sizing: content-box;\n\t\tpadding-right: ", ";\n\t\ttext-align: center;\n\t\tuser-select: none;\n\t\t-moz-user-select: none;\n\t\t-webkit-user-select: none;\n\t\t-ms-user-select: none;\n\t\tmargin-top: 0.1em;\n\n\t\t> span {\n\t\t\tvertical-align: middle;\n\t\t\tdisplay: inline-flex;\n\t\t}\n\n\t\t.", " {\n\t\t\tvertical-align: ", "px;\n\t\t}\n\n\t\t.", " {\n\t\t\tvertical-align: ", "px;\n\n\t\t\t/* Vertical align only works for inline-block elements in Firefox */\n\t\t\t@-moz-document url-prefix() {\n\t\t\t\timg {\n\t\t\t\t\tdisplay: inline-block;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t.ak-editor-panel__content {\n\t\tmargin: ", " 0 ", ";\n\t\tflex: 1 0 0;\n\t\t/*\n      https://ishadeed.com/article/min-max-css/#setting-min-width-to-zero-with-flexbox\n      The default value for min-width is auto, which is computed to zero. When an element is a flex item, the value of min-width doesn\u2019t compute to zero. The minimum size of a flex item is equal to the size of its contents.\n    */\n\t\tmin-width: 0;\n\t}\n\n\t/* support nested panel */\n\t.", " .", " {\n\t\tborder: 1px solid ", ";\n\t}\n\n\t&[data-panel-type='", "'] {\n\t\t", "\n\t}\n\n\t&[data-panel-type='", "'] {\n\t\t", "\n\t\t", "\n\t}\n\n\t&[data-panel-type='", "'] {\n\t\t", "\n\t\t", "\n\t}\n\n\t&[data-panel-type='", "'] {\n\t\t", "\n\t\t", "\n\t}\n\n\t&[data-panel-type='", "'] {\n\t\t", "\n\t\t", "\n\t}\n\n\t&[data-panel-type='", "'] {\n\t\t", "\n\t\t", "\n\t}\n\n\t", "\n"])), "var(--ds-radius-small, 3px)", blockNodesVerticalMargin, "var(--ds-space-100, 8px)", "var(--ds-space-200, 16px)", "var(--ds-space-100, 8px)", "var(--ds-space-100, 8px)", akEditorTableCellMinWidth, mainDynamicStyles(PanelType.INFO), PanelSharedCssClassName.icon, "var(--ds-space-300, 24px)", "var(--ds-space-300, 24px)", "var(--ds-space-100, 8px)", emojiSprite, panelEmojiSpriteVerticalAlignment, emojiImage, panelEmojiImageVerticalAlignment, "var(--ds-space-025, 2px)", "var(--ds-space-025, 2px)", PanelSharedCssClassName.content, prefix, "var(--ds-border, #091E42)", PanelType.INFO, getIconStyles(PanelType.INFO), PanelType.NOTE, mainDynamicStyles(PanelType.NOTE), getIconStyles(PanelType.NOTE), PanelType.TIP, mainDynamicStyles(PanelType.TIP), getIconStyles(PanelType.TIP), PanelType.WARNING, mainDynamicStyles(PanelType.WARNING), getIconStyles(PanelType.WARNING), PanelType.ERROR, mainDynamicStyles(PanelType.ERROR), getIconStyles(PanelType.ERROR), PanelType.SUCCESS, mainDynamicStyles(PanelType.SUCCESS), getIconStyles(PanelType.SUCCESS), fg('platform_editor_nested_dnd_styles_changes') ? "&.".concat(PanelSharedCssClassName.noIcon, " {\n\t\t\tpadding-right: ", "var(--ds-space-150, 12px)", ";\n\t\t\tpadding-left: ", "var(--ds-space-150, 12px)", ";\n\t\t}") : '');
 };
 export var panelSharedStyles = function panelSharedStyles() {
   return css(_defineProperty({}, ".".concat(PanelSharedCssClassName.prefix), panelSharedStylesWithoutPrefix()));

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

@@ -21,7 +21,7 @@ import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import { fg } from '@atlaskit/platform-feature-flags';
 import Layer from '../Layer';
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "110.1.0";
+var packageVersion = "110.2.1";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var fadeIn = keyframes({

package/dist/types/analytics/types/block-menu-events.d.ts

@@ -1,5 +1,5 @@
 import type { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, INPUT_METHOD } from './enums';
-import type { UIAEP } from './utils';
+import type { UIAEP, TrackAEP } from './utils';
 export type BlockMenuActionSubjectId = ACTION_SUBJECT_ID.COPY_LINK_TO_BLOCK | ACTION_SUBJECT_ID.MOVE_UP_BLOCK | ACTION_SUBJECT_ID.MOVE_DOWN_BLOCK | ACTION_SUBJECT_ID.DELETE_BLOCK | ACTION_SUBJECT_ID.COPY_BLOCK | ACTION_SUBJECT_ID.FORMAT_MENU;
 export type BlockMenuOpenedAEP = UIAEP<ACTION.OPENED, ACTION_SUBJECT.BLOCK_MENU, undefined, {
     inputMethod: INPUT_METHOD.MOUSE | INPUT_METHOD.KEYBOARD;
@@ -7,4 +7,11 @@ export type BlockMenuOpenedAEP = UIAEP<ACTION.OPENED, ACTION_SUBJECT.BLOCK_MENU,
 export type BlockMenuItemClickedAEP = UIAEP<ACTION.CLICKED, ACTION_SUBJECT.BLOCK_MENU_ITEM, BlockMenuActionSubjectId, {
     inputMethod: INPUT_METHOD.MOUSE | INPUT_METHOD.KEYBOARD;
 }, undefined>;
-export type BlockMenuEventPayload = BlockMenuOpenedAEP | BlockMenuItemClickedAEP;
+interface ElementConvertedAttr {
+    from: string;
+    to: string;
+    inputMethod: INPUT_METHOD.BLOCK_MENU;
+}
+type ElementConvertedAEP = TrackAEP<ACTION.CONVERTED, ACTION_SUBJECT.ELEMENT, undefined, ElementConvertedAttr, undefined>;
+export type BlockMenuEventPayload = BlockMenuOpenedAEP | BlockMenuItemClickedAEP | ElementConvertedAEP;
+export {};

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

@@ -63,7 +63,7 @@ export type SimplifiedNode = {
     pos: number;
     type: string;
 };
-export type AnalyticsEventPayload<T = void> = AvatarEventPayload | GeneralEventPayload<T> | FormatEventPayload | SubstituteEventPayload | InsertEventPayload | NodeEventPayload | MoveContentEventPayload | MediaEventPayload | TableEventPayload | PasteEventPayload | CutCopyEventPayload | ErrorEventPayload | TextColorEventPayload | FindReplaceEventPayload | DateEventPayload | SelectionEventPayload | ListEventPayload | ConfigPanelEventPayload | ElementBrowserEventPayload | CreateLinkInlineDialogEventPayload | HighlightActionsEventPayload | UnsupportedContentPayload | ExtensionEventPayload | TransactionEventPayload | TypeAheadPayload | UnlinkToolbarAEP | EditLinkToolbarAEP | PreviewItemClickedAEP | OpenSettingsToolbarAEP | CustomPanelEventPayload | FeatureExposureAEP | NewCollabSyncUpErrorAEP | UnsupportedContentTooltipPayload | ReferentialityEventPayload | LoomEventPayload | MBEEventPayload | HighlightEventPayload | DatasourceClickedPayload | ElementEventPayload | VisitedLinkAEP | ViewEventPayload | MediaUploadEventPayload | MentionEventPayload | EngagementPlatformEventPayload | NestedTableActionsEventPayload | AICommandPaletteEventPayload | AIDefinitionsEventPayload | AIEventPayload | AIStreamingEventPayload | AIProactiveEventPayload | AIUnifiedEventPayload | BreakoutEventPayload | ActiveSessionEventPayload | AIInlineSuggestionPayload | SelectionExtensionEventPayload | TelepointerClickPayload | SelectionToolbarEventPayload | AlignmentEventPayload | UndoRedoAEP | OfflineEditingEventPayload | NcsSessionStepEventAEP | FloatingToolbarOverflowEventPayload | BlockMenuEventPayload;
+export type AnalyticsEventPayload<T = void> = AvatarEventPayload | GeneralEventPayload<T> | FormatEventPayload | SubstituteEventPayload | InsertEventPayload | NodeEventPayload | MoveContentEventPayload | MediaEventPayload | TableEventPayload | PasteEventPayload | CutCopyEventPayload | ErrorEventPayload | TextColorEventPayload | FindReplaceEventPayload | DateEventPayload | SelectionEventPayload | ListEventPayload | ConfigPanelEventPayload | ElementBrowserEventPayload | CreateLinkInlineDialogEventPayload | HighlightActionsEventPayload | UnsupportedContentPayload | ExtensionEventPayload | TransactionEventPayload | TypeAheadPayload | UnlinkToolbarAEP | EditLinkToolbarAEP | PreviewItemClickedAEP | OpenSettingsToolbarAEP | CustomPanelEventPayload | FeatureExposureAEP | NewCollabSyncUpErrorAEP | UnsupportedContentTooltipPayload | ReferentialityEventPayload | LoomEventPayload | MBEEventPayload | HighlightEventPayload | DatasourceClickedPayload | ElementEventPayload | VisitedLinkAEP | ViewEventPayload | MediaUploadEventPayload | MentionEventPayload | EngagementPlatformEventPayload | NestedTableActionsEventPayload | AICommandPaletteEventPayload | AIDefinitionsEventPayload | AIEventPayload | AIStreamingEventPayload | AIProactiveEventPayload | AIUnifiedEventPayload | BreakoutEventPayload | BlockMenuEventPayload | ActiveSessionEventPayload | AIInlineSuggestionPayload | SelectionExtensionEventPayload | TelepointerClickPayload | SelectionToolbarEventPayload | AlignmentEventPayload | UndoRedoAEP | OfflineEditingEventPayload | NcsSessionStepEventAEP | FloatingToolbarOverflowEventPayload;
 type CustomPanelEventPayload = TrackAEP<ACTION.CHANGED_BACKGROUND_COLOR | ACTION.CHANGED_ICON | ACTION.REMOVE_ICON, ACTION_SUBJECT.PANEL, ACTION_SUBJECT_ID.PANEL, {
     newColor: string;
     previousColor: string;

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

@@ -38,6 +38,7 @@ export { selectionExtensionMessages } from './selection-extension';
 export { selectionToolbarMessages } from './selection-toolbar';
 export { contextPanelMessages } from './context-panel';
 export { trackChangesMessages } from './track-changes';
+export { syncBlockMessages } from './syncBlock';
 declare const _default: {
     layoutFixedWidth: {
         id: string;

package/dist/types/messages/syncBlock.d.ts

@@ -0,0 +1,27 @@
+export declare const syncBlockMessages: {
+    copySyncBlockLabel: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    copySyncBlockTooltip: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    editSourceLabel: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    editSourceTooltip: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    syncBlockGroup: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+};

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

@@ -1,5 +1,5 @@
 import type { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, INPUT_METHOD } from './enums';
-import type { UIAEP } from './utils';
+import type { UIAEP, TrackAEP } from './utils';
 export type BlockMenuActionSubjectId = ACTION_SUBJECT_ID.COPY_LINK_TO_BLOCK | ACTION_SUBJECT_ID.MOVE_UP_BLOCK | ACTION_SUBJECT_ID.MOVE_DOWN_BLOCK | ACTION_SUBJECT_ID.DELETE_BLOCK | ACTION_SUBJECT_ID.COPY_BLOCK | ACTION_SUBJECT_ID.FORMAT_MENU;
 export type BlockMenuOpenedAEP = UIAEP<ACTION.OPENED, ACTION_SUBJECT.BLOCK_MENU, undefined, {
     inputMethod: INPUT_METHOD.MOUSE | INPUT_METHOD.KEYBOARD;
@@ -7,4 +7,11 @@ export type BlockMenuOpenedAEP = UIAEP<ACTION.OPENED, ACTION_SUBJECT.BLOCK_MENU,
 export type BlockMenuItemClickedAEP = UIAEP<ACTION.CLICKED, ACTION_SUBJECT.BLOCK_MENU_ITEM, BlockMenuActionSubjectId, {
     inputMethod: INPUT_METHOD.MOUSE | INPUT_METHOD.KEYBOARD;
 }, undefined>;
-export type BlockMenuEventPayload = BlockMenuOpenedAEP | BlockMenuItemClickedAEP;
+interface ElementConvertedAttr {
+    from: string;
+    to: string;
+    inputMethod: INPUT_METHOD.BLOCK_MENU;
+}
+type ElementConvertedAEP = TrackAEP<ACTION.CONVERTED, ACTION_SUBJECT.ELEMENT, undefined, ElementConvertedAttr, undefined>;
+export type BlockMenuEventPayload = BlockMenuOpenedAEP | BlockMenuItemClickedAEP | ElementConvertedAEP;
+export {};

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

@@ -63,7 +63,7 @@ export type SimplifiedNode = {
     pos: number;
     type: string;
 };
-export type AnalyticsEventPayload<T = void> = AvatarEventPayload | GeneralEventPayload<T> | FormatEventPayload | SubstituteEventPayload | InsertEventPayload | NodeEventPayload | MoveContentEventPayload | MediaEventPayload | TableEventPayload | PasteEventPayload | CutCopyEventPayload | ErrorEventPayload | TextColorEventPayload | FindReplaceEventPayload | DateEventPayload | SelectionEventPayload | ListEventPayload | ConfigPanelEventPayload | ElementBrowserEventPayload | CreateLinkInlineDialogEventPayload | HighlightActionsEventPayload | UnsupportedContentPayload | ExtensionEventPayload | TransactionEventPayload | TypeAheadPayload | UnlinkToolbarAEP | EditLinkToolbarAEP | PreviewItemClickedAEP | OpenSettingsToolbarAEP | CustomPanelEventPayload | FeatureExposureAEP | NewCollabSyncUpErrorAEP | UnsupportedContentTooltipPayload | ReferentialityEventPayload | LoomEventPayload | MBEEventPayload | HighlightEventPayload | DatasourceClickedPayload | ElementEventPayload | VisitedLinkAEP | ViewEventPayload | MediaUploadEventPayload | MentionEventPayload | EngagementPlatformEventPayload | NestedTableActionsEventPayload | AICommandPaletteEventPayload | AIDefinitionsEventPayload | AIEventPayload | AIStreamingEventPayload | AIProactiveEventPayload | AIUnifiedEventPayload | BreakoutEventPayload | ActiveSessionEventPayload | AIInlineSuggestionPayload | SelectionExtensionEventPayload | TelepointerClickPayload | SelectionToolbarEventPayload | AlignmentEventPayload | UndoRedoAEP | OfflineEditingEventPayload | NcsSessionStepEventAEP | FloatingToolbarOverflowEventPayload | BlockMenuEventPayload;
+export type AnalyticsEventPayload<T = void> = AvatarEventPayload | GeneralEventPayload<T> | FormatEventPayload | SubstituteEventPayload | InsertEventPayload | NodeEventPayload | MoveContentEventPayload | MediaEventPayload | TableEventPayload | PasteEventPayload | CutCopyEventPayload | ErrorEventPayload | TextColorEventPayload | FindReplaceEventPayload | DateEventPayload | SelectionEventPayload | ListEventPayload | ConfigPanelEventPayload | ElementBrowserEventPayload | CreateLinkInlineDialogEventPayload | HighlightActionsEventPayload | UnsupportedContentPayload | ExtensionEventPayload | TransactionEventPayload | TypeAheadPayload | UnlinkToolbarAEP | EditLinkToolbarAEP | PreviewItemClickedAEP | OpenSettingsToolbarAEP | CustomPanelEventPayload | FeatureExposureAEP | NewCollabSyncUpErrorAEP | UnsupportedContentTooltipPayload | ReferentialityEventPayload | LoomEventPayload | MBEEventPayload | HighlightEventPayload | DatasourceClickedPayload | ElementEventPayload | VisitedLinkAEP | ViewEventPayload | MediaUploadEventPayload | MentionEventPayload | EngagementPlatformEventPayload | NestedTableActionsEventPayload | AICommandPaletteEventPayload | AIDefinitionsEventPayload | AIEventPayload | AIStreamingEventPayload | AIProactiveEventPayload | AIUnifiedEventPayload | BreakoutEventPayload | BlockMenuEventPayload | ActiveSessionEventPayload | AIInlineSuggestionPayload | SelectionExtensionEventPayload | TelepointerClickPayload | SelectionToolbarEventPayload | AlignmentEventPayload | UndoRedoAEP | OfflineEditingEventPayload | NcsSessionStepEventAEP | FloatingToolbarOverflowEventPayload;
 type CustomPanelEventPayload = TrackAEP<ACTION.CHANGED_BACKGROUND_COLOR | ACTION.CHANGED_ICON | ACTION.REMOVE_ICON, ACTION_SUBJECT.PANEL, ACTION_SUBJECT_ID.PANEL, {
     newColor: string;
     previousColor: string;

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

@@ -38,6 +38,7 @@ export { selectionExtensionMessages } from './selection-extension';
 export { selectionToolbarMessages } from './selection-toolbar';
 export { contextPanelMessages } from './context-panel';
 export { trackChangesMessages } from './track-changes';
+export { syncBlockMessages } from './syncBlock';
 declare const _default: {
     layoutFixedWidth: {
         id: string;

package/dist/types-ts4.5/messages/syncBlock.d.ts

@@ -0,0 +1,27 @@
+export declare const syncBlockMessages: {
+    copySyncBlockLabel: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    copySyncBlockTooltip: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    editSourceLabel: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    editSourceTooltip: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    syncBlockGroup: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "110.2.0",
+	"version": "110.2.2",
 	"description": "A package that contains common classes and components for editor and renderer",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -82,8 +82,8 @@
 		"@atlaskit/textfield": "^8.0.0",
 		"@atlaskit/theme": "^21.0.0",
 		"@atlaskit/tmp-editor-statsig": "^12.32.0",
-		"@atlaskit/tokens": "^6.3.0",
-		"@atlaskit/tooltip": "^20.4.0",
+		"@atlaskit/tokens": "^6.4.0",
+		"@atlaskit/tooltip": "^20.5.0",
 		"@atlaskit/width-detector": "^5.0.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.18.3",