@atlaskit/editor-core 190.1.0 → 190.1.1

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/editor-core
 
+## 190.1.1
+
+### Patch Changes
+
+- [#61696](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/61696) [`fcc2b35ad97b`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/fcc2b35ad97b) - ED-21505: Added better selections and highlights for MBE nodes on Editor
+
 ## 190.1.0
 
 ### Minor Changes

package/dist/cjs/i18n/ja.js

@@ -33,6 +33,7 @@ var _default = exports.default = {
   'fabric.editor.configPanel.fieldTypeError.isMultipleAndRadio': '「isMultiple」と「style: radio」を組み合わせることはできません',
   'fabric.editor.configPanel.formType.addField': 'フィールドを追加',
   'fabric.editor.configPanel.formType.removeField': 'フィールドを削除',
+  'fabric.editor.configPanel.help': 'お困りですか？',
   'fabric.editor.configPanel.invalid': '無効なフィールド',
   'fabric.editor.configPanel.required': '必須フィールド',
   'fabric.editor.configPanel.submit': '送信',

package/dist/cjs/plugins/extension/pm-plugins/unique-id.js

@@ -51,8 +51,8 @@ var createPlugin = exports.createPlugin = function createPlugin() {
                 }));
               }
               /**
-               * If it's a bodiedExtension, we'll need to keep digging; since we
-               * can have more extension nodes within the contents of that
+               * If it's a multiBodiedExtension or bodiedExtension, we'll need to keep digging;
+               * since we can have more extension nodes within the contents of that
                */
               if ([multiBodiedExtension, bodiedExtension].includes(node.type)) {
                 return true;

package/dist/cjs/plugins/extension/toolbar.js

@@ -65,6 +65,16 @@ var isLayoutSupported = function isLayoutSupported(state, selectedExtNode) {
   }
   return !!((selectedExtNode.node.type === bodiedExtension || selectedExtNode.node.type === extension && !(0, _utils.hasParentNodeOfType)([bodiedExtension, table, expand].filter(Boolean))(selection)) && !(0, _utils.hasParentNodeOfType)([layoutSection])(selection));
 };
+
+// Edit is not supported for multiBodiedExtension
+var isEditSupported = function isEditSupported(state, selectedExtNode) {
+  var _selectedExtNode$node;
+  var multiBodiedExtension = state.schema.nodes.multiBodiedExtension;
+  if (!selectedExtNode || (selectedExtNode === null || selectedExtNode === void 0 || (_selectedExtNode$node = selectedExtNode.node) === null || _selectedExtNode$node === void 0 ? void 0 : _selectedExtNode$node.type) === multiBodiedExtension) {
+    return false;
+  }
+  return true;
+};
 var breakoutOptions = function breakoutOptions(state, formatMessage, extensionState, breakoutEnabled) {
   var nodeWithPos = (0, _utils2.getSelectedExtension)(state, true);
 
@@ -96,10 +106,15 @@ var breakoutOptions = function breakoutOptions(state, formatMessage, extensionSt
   }
   return [];
 };
-var editButton = function editButton(formatMessage, extensionState, applyChangeToContextPanel, editorAnalyticsAPI) {
+var editButton = function editButton(state, formatMessage, extensionState, applyChangeToContextPanel, editorAnalyticsAPI) {
+  var nodeWithPos = (0, _utils2.getSelectedExtension)(state, true);
   if (!extensionState.showEditButton) {
     return [];
   }
+  // For multiBodiedExtension case, edit is not supported
+  if (nodeWithPos && !isEditSupported(state, nodeWithPos)) {
+    return [];
+  }
   return [{
     id: 'editor.extension.edit',
     type: 'button',
@@ -129,7 +144,7 @@ var getToolbarConfig = exports.getToolbarConfig = function getToolbarConfig(_ref
     var extensionState = (0, _main.getPluginState)(state);
     if (extensionState && !extensionState.showContextPanel && extensionState.element) {
       var nodeType = [state.schema.nodes.extension, state.schema.nodes.inlineExtension, state.schema.nodes.bodiedExtension, state.schema.nodes.multiBodiedExtension];
-      var editButtonArray = editButton(formatMessage, extensionState, applyChangeToContextPanel, editorAnalyticsAPI);
+      var editButtonArray = editButton(state, formatMessage, extensionState, applyChangeToContextPanel, editorAnalyticsAPI);
       var breakoutButtonArray = breakoutOptions(state, formatMessage, extensionState, breakoutEnabled);
       var extensionObj = (0, _utils2.getSelectedExtension)(state, true);
 

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

@@ -10,4 +10,4 @@ var _react = require("@emotion/react");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _templateObject;
 // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
-var extensionStyles = exports.extensionStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  .multiBodiedExtensionView-content-wrap.", ":not(.danger) {\n    ", "\n  }\n\n  .extensionView-content-wrap,\n  .multiBodiedExtensionView-content-wrap,\n  .bodiedExtensionView-content-wrap {\n    margin: ", " 0;\n\n    &:first-of-type {\n      margin-top: 0;\n    }\n\n    &:last-of-type {\n      margin-bottom: 0;\n    }\n\n    &:not(.danger).", " {\n      & > span > .extension-container {\n        ", "\n      }\n    }\n\n    &.danger > span > .extension-container {\n      box-shadow: 0 0 0 ", "px\n        ", ";\n      background-color: ", ";\n    }\n\n    &.inline {\n      word-wrap: break-all;\n    }\n  }\n\n  .extensionView-content-wrap .extension-container {\n    overflow: hidden;\n  }\n\n  .bodiedExtensionView-content-wrap\n    .extensionView-content-wrap\n    .extension-container {\n    width: 100%;\n    max-width: 100%; // ensure width can't go over 100%;\n  }\n\n  [data-mark-type='fragment'] {\n    & > .extensionView-content-wrap,\n    & > .bodiedExtensionView-content-wrap {\n      margin: ", " 0;\n    }\n\n    & > [data-mark-type='dataConsumer'] {\n      & > .extensionView-content-wrap,\n      & > .bodiedExtensionView-content-wrap {\n        margin: ", " 0;\n      }\n    }\n\n    &:first-child {\n      & > .extensionView-content-wrap,\n      & > .bodiedExtensionView-content-wrap {\n        margin-top: 0;\n      }\n\n      & > [data-mark-type='dataConsumer'] {\n        & > .extensionView-content-wrap,\n        & > .bodiedExtensionView-content-wrap {\n          margin-top: 0;\n        }\n      }\n    }\n\n    &:nth-last-of-type(-n + 2):not(:first-of-type) {\n      & > .extensionView-content-wrap,\n      & > .bodiedExtensionView-content-wrap {\n        margin-bottom: 0;\n      }\n\n      & > [data-mark-type='dataConsumer'] {\n        & > .extensionView-content-wrap,\n        & > .bodiedExtensionView-content-wrap {\n          margin-bottom: 0;\n        }\n      }\n    }\n  }\n"])), _editorSharedStyles.akEditorSelectedNodeClassName, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.BoxShadow, _editorSharedStyles.SelectionStyle.Blanket]), _editorSharedStyles.blockNodesVerticalMargin, _editorSharedStyles.akEditorSelectedNodeClassName, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.BoxShadow]), _editorSharedStyles.akEditorSelectedBorderSize, "var(--ds-border-danger, ".concat(_editorSharedStyles.akEditorDeleteBorder, ")"), "var(--ds-background-danger, ".concat(_editorSharedStyles.akEditorDeleteBackground, ")"), _editorSharedStyles.blockNodesVerticalMargin, _editorSharedStyles.blockNodesVerticalMargin);
+var extensionStyles = exports.extensionStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  .multiBodiedExtensionView-content-wrap.", ":not(.danger) {\n    ", "\n  }\n\n  .multiBodiedExtensionView-content-wrap {\n    &.danger > span > .multiBodiedExtension--container {\n      box-shadow: 0 0 0 ", "px\n        ", ";\n      background-color: ", ";\n    }\n    .multiBodiedExtension--container {\n      width: 100%;\n      max-width: 100%; // ensure width can't go over 100%;\n    }\n  }\n\n  .extensionView-content-wrap,\n  .multiBodiedExtensionView-content-wrap,\n  .bodiedExtensionView-content-wrap {\n    margin: ", " 0;\n\n    &:first-of-type {\n      margin-top: 0;\n    }\n\n    &:last-of-type {\n      margin-bottom: 0;\n    }\n\n    &:not(.danger).", " {\n      & > span > .extension-container {\n        ", "\n      }\n    }\n\n    &.danger > span > .extension-container {\n      box-shadow: 0 0 0 ", "px\n        ", ";\n      background-color: ", ";\n    }\n\n    &.inline {\n      word-wrap: break-all;\n    }\n  }\n\n  .extensionView-content-wrap .extension-container {\n    overflow: hidden;\n  }\n\n  .bodiedExtensionView-content-wrap\n    .extensionView-content-wrap\n    .extension-container {\n    width: 100%;\n    max-width: 100%; // ensure width can't go over 100%;\n  }\n\n  [data-mark-type='fragment'] {\n    & > .extensionView-content-wrap,\n    & > .bodiedExtensionView-content-wrap {\n      margin: ", " 0;\n    }\n\n    & > [data-mark-type='dataConsumer'] {\n      & > .extensionView-content-wrap,\n      & > .bodiedExtensionView-content-wrap {\n        margin: ", " 0;\n      }\n    }\n\n    &:first-child {\n      & > .extensionView-content-wrap,\n      & > .bodiedExtensionView-content-wrap {\n        margin-top: 0;\n      }\n\n      & > [data-mark-type='dataConsumer'] {\n        & > .extensionView-content-wrap,\n        & > .bodiedExtensionView-content-wrap {\n          margin-top: 0;\n        }\n      }\n    }\n\n    &:nth-last-of-type(-n + 2):not(:first-of-type) {\n      & > .extensionView-content-wrap,\n      & > .bodiedExtensionView-content-wrap {\n        margin-bottom: 0;\n      }\n\n      & > [data-mark-type='dataConsumer'] {\n        & > .extensionView-content-wrap,\n        & > .bodiedExtensionView-content-wrap {\n          margin-bottom: 0;\n        }\n      }\n    }\n  }\n"])), _editorSharedStyles.akEditorSelectedNodeClassName, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.BoxShadow, _editorSharedStyles.SelectionStyle.Blanket]), _editorSharedStyles.akEditorSelectedBorderSize, "var(--ds-border-danger, ".concat(_editorSharedStyles.akEditorDeleteBorder, ")"), "var(--ds-background-danger, ".concat(_editorSharedStyles.akEditorDeleteBackground, ")"), _editorSharedStyles.blockNodesVerticalMargin, _editorSharedStyles.akEditorSelectedNodeClassName, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.BoxShadow]), _editorSharedStyles.akEditorSelectedBorderSize, "var(--ds-border-danger, ".concat(_editorSharedStyles.akEditorDeleteBorder, ")"), "var(--ds-background-danger, ".concat(_editorSharedStyles.akEditorDeleteBackground, ")"), _editorSharedStyles.blockNodesVerticalMargin, _editorSharedStyles.blockNodesVerticalMargin);

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

package/dist/es2019/i18n/ja.js

@@ -27,6 +27,7 @@ export default {
   'fabric.editor.configPanel.fieldTypeError.isMultipleAndRadio': '「isMultiple」と「style: radio」を組み合わせることはできません',
   'fabric.editor.configPanel.formType.addField': 'フィールドを追加',
   'fabric.editor.configPanel.formType.removeField': 'フィールドを削除',
+  'fabric.editor.configPanel.help': 'お困りですか？',
   'fabric.editor.configPanel.invalid': '無効なフィールド',
   'fabric.editor.configPanel.required': '必須フィールド',
   'fabric.editor.configPanel.submit': '送信',

package/dist/es2019/plugins/extension/pm-plugins/unique-id.js

@@ -40,8 +40,8 @@ const createPlugin = () => new SafePlugin({
               });
             }
             /**
-             * If it's a bodiedExtension, we'll need to keep digging; since we
-             * can have more extension nodes within the contents of that
+             * If it's a multiBodiedExtension or bodiedExtension, we'll need to keep digging;
+             * since we can have more extension nodes within the contents of that
              */
             if ([multiBodiedExtension, bodiedExtension].includes(node.type)) {
               return true;

package/dist/es2019/plugins/extension/toolbar.js

@@ -62,6 +62,22 @@ const isLayoutSupported = (state, selectedExtNode) => {
   }
   return !!((selectedExtNode.node.type === bodiedExtension || selectedExtNode.node.type === extension && !hasParentNodeOfType([bodiedExtension, table, expand].filter(Boolean))(selection)) && !hasParentNodeOfType([layoutSection])(selection));
 };
+
+// Edit is not supported for multiBodiedExtension
+const isEditSupported = (state, selectedExtNode) => {
+  var _selectedExtNode$node;
+  const {
+    schema: {
+      nodes: {
+        multiBodiedExtension
+      }
+    }
+  } = state;
+  if (!selectedExtNode || (selectedExtNode === null || selectedExtNode === void 0 ? void 0 : (_selectedExtNode$node = selectedExtNode.node) === null || _selectedExtNode$node === void 0 ? void 0 : _selectedExtNode$node.type) === multiBodiedExtension) {
+    return false;
+  }
+  return true;
+};
 const breakoutOptions = (state, formatMessage, extensionState, breakoutEnabled) => {
   const nodeWithPos = getSelectedExtension(state, true);
 
@@ -95,10 +111,15 @@ const breakoutOptions = (state, formatMessage, extensionState, breakoutEnabled)
   }
   return [];
 };
-const editButton = (formatMessage, extensionState, applyChangeToContextPanel, editorAnalyticsAPI) => {
+const editButton = (state, formatMessage, extensionState, applyChangeToContextPanel, editorAnalyticsAPI) => {
+  const nodeWithPos = getSelectedExtension(state, true);
   if (!extensionState.showEditButton) {
     return [];
   }
+  // For multiBodiedExtension case, edit is not supported
+  if (nodeWithPos && !isEditSupported(state, nodeWithPos)) {
+    return [];
+  }
   return [{
     id: 'editor.extension.edit',
     type: 'button',
@@ -130,7 +151,7 @@ export const getToolbarConfig = ({
   const extensionState = getPluginState(state);
   if (extensionState && !extensionState.showContextPanel && extensionState.element) {
     const nodeType = [state.schema.nodes.extension, state.schema.nodes.inlineExtension, state.schema.nodes.bodiedExtension, state.schema.nodes.multiBodiedExtension];
-    const editButtonArray = editButton(formatMessage, extensionState, applyChangeToContextPanel, editorAnalyticsAPI);
+    const editButtonArray = editButton(state, formatMessage, extensionState, applyChangeToContextPanel, editorAnalyticsAPI);
     const breakoutButtonArray = breakoutOptions(state, formatMessage, extensionState, breakoutEnabled);
     const extensionObj = getSelectedExtension(state, true);
 

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

@@ -6,6 +6,18 @@ export const extensionStyles = css`
     ${getSelectionStyles([SelectionStyle.BoxShadow, SelectionStyle.Blanket])}
   }
 
+  .multiBodiedExtensionView-content-wrap {
+    &.danger > span > .multiBodiedExtension--container {
+      box-shadow: 0 0 0 ${akEditorSelectedBorderSize}px
+        ${`var(--ds-border-danger, ${akEditorDeleteBorder})`};
+      background-color: ${`var(--ds-background-danger, ${akEditorDeleteBackground})`};
+    }
+    .multiBodiedExtension--container {
+      width: 100%;
+      max-width: 100%; // ensure width can't go over 100%;
+    }
+  }
+
   .extensionView-content-wrap,
   .multiBodiedExtensionView-content-wrap,
   .bodiedExtensionView-content-wrap {

package/dist/es2019/version-wrapper.js

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

package/dist/esm/i18n/ja.js

@@ -27,6 +27,7 @@ export default {
   'fabric.editor.configPanel.fieldTypeError.isMultipleAndRadio': '「isMultiple」と「style: radio」を組み合わせることはできません',
   'fabric.editor.configPanel.formType.addField': 'フィールドを追加',
   'fabric.editor.configPanel.formType.removeField': 'フィールドを削除',
+  'fabric.editor.configPanel.help': 'お困りですか？',
   'fabric.editor.configPanel.invalid': '無効なフィールド',
   'fabric.editor.configPanel.required': '必須フィールド',
   'fabric.editor.configPanel.submit': '送信',

package/dist/esm/plugins/extension/pm-plugins/unique-id.js

@@ -44,8 +44,8 @@ var createPlugin = function createPlugin() {
                 }));
               }
               /**
-               * If it's a bodiedExtension, we'll need to keep digging; since we
-               * can have more extension nodes within the contents of that
+               * If it's a multiBodiedExtension or bodiedExtension, we'll need to keep digging;
+               * since we can have more extension nodes within the contents of that
                */
               if ([multiBodiedExtension, bodiedExtension].includes(node.type)) {
                 return true;

package/dist/esm/plugins/extension/toolbar.js

@@ -58,6 +58,16 @@ var isLayoutSupported = function isLayoutSupported(state, selectedExtNode) {
   }
   return !!((selectedExtNode.node.type === bodiedExtension || selectedExtNode.node.type === extension && !hasParentNodeOfType([bodiedExtension, table, expand].filter(Boolean))(selection)) && !hasParentNodeOfType([layoutSection])(selection));
 };
+
+// Edit is not supported for multiBodiedExtension
+var isEditSupported = function isEditSupported(state, selectedExtNode) {
+  var _selectedExtNode$node;
+  var multiBodiedExtension = state.schema.nodes.multiBodiedExtension;
+  if (!selectedExtNode || (selectedExtNode === null || selectedExtNode === void 0 || (_selectedExtNode$node = selectedExtNode.node) === null || _selectedExtNode$node === void 0 ? void 0 : _selectedExtNode$node.type) === multiBodiedExtension) {
+    return false;
+  }
+  return true;
+};
 var breakoutOptions = function breakoutOptions(state, formatMessage, extensionState, breakoutEnabled) {
   var nodeWithPos = getSelectedExtension(state, true);
 
@@ -89,10 +99,15 @@ var breakoutOptions = function breakoutOptions(state, formatMessage, extensionSt
   }
   return [];
 };
-var editButton = function editButton(formatMessage, extensionState, applyChangeToContextPanel, editorAnalyticsAPI) {
+var editButton = function editButton(state, formatMessage, extensionState, applyChangeToContextPanel, editorAnalyticsAPI) {
+  var nodeWithPos = getSelectedExtension(state, true);
   if (!extensionState.showEditButton) {
     return [];
   }
+  // For multiBodiedExtension case, edit is not supported
+  if (nodeWithPos && !isEditSupported(state, nodeWithPos)) {
+    return [];
+  }
   return [{
     id: 'editor.extension.edit',
     type: 'button',
@@ -122,7 +137,7 @@ export var getToolbarConfig = function getToolbarConfig(_ref) {
     var extensionState = getPluginState(state);
     if (extensionState && !extensionState.showContextPanel && extensionState.element) {
       var nodeType = [state.schema.nodes.extension, state.schema.nodes.inlineExtension, state.schema.nodes.bodiedExtension, state.schema.nodes.multiBodiedExtension];
-      var editButtonArray = editButton(formatMessage, extensionState, applyChangeToContextPanel, editorAnalyticsAPI);
+      var editButtonArray = editButton(state, formatMessage, extensionState, applyChangeToContextPanel, editorAnalyticsAPI);
       var breakoutButtonArray = breakoutOptions(state, formatMessage, extensionState, breakoutEnabled);
       var extensionObj = getSelectedExtension(state, true);
 

package/dist/esm/ui/ContentStyles/extension.js

@@ -3,4 +3,4 @@ var _templateObject;
 import { css } from '@emotion/react';
 import { blockNodesVerticalMargin, akEditorSelectedBorderSize, akEditorDeleteBorder, akEditorDeleteBackground, SelectionStyle, getSelectionStyles, akEditorSelectedNodeClassName } from '@atlaskit/editor-shared-styles';
 // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
-export var extensionStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .multiBodiedExtensionView-content-wrap.", ":not(.danger) {\n    ", "\n  }\n\n  .extensionView-content-wrap,\n  .multiBodiedExtensionView-content-wrap,\n  .bodiedExtensionView-content-wrap {\n    margin: ", " 0;\n\n    &:first-of-type {\n      margin-top: 0;\n    }\n\n    &:last-of-type {\n      margin-bottom: 0;\n    }\n\n    &:not(.danger).", " {\n      & > span > .extension-container {\n        ", "\n      }\n    }\n\n    &.danger > span > .extension-container {\n      box-shadow: 0 0 0 ", "px\n        ", ";\n      background-color: ", ";\n    }\n\n    &.inline {\n      word-wrap: break-all;\n    }\n  }\n\n  .extensionView-content-wrap .extension-container {\n    overflow: hidden;\n  }\n\n  .bodiedExtensionView-content-wrap\n    .extensionView-content-wrap\n    .extension-container {\n    width: 100%;\n    max-width: 100%; // ensure width can't go over 100%;\n  }\n\n  [data-mark-type='fragment'] {\n    & > .extensionView-content-wrap,\n    & > .bodiedExtensionView-content-wrap {\n      margin: ", " 0;\n    }\n\n    & > [data-mark-type='dataConsumer'] {\n      & > .extensionView-content-wrap,\n      & > .bodiedExtensionView-content-wrap {\n        margin: ", " 0;\n      }\n    }\n\n    &:first-child {\n      & > .extensionView-content-wrap,\n      & > .bodiedExtensionView-content-wrap {\n        margin-top: 0;\n      }\n\n      & > [data-mark-type='dataConsumer'] {\n        & > .extensionView-content-wrap,\n        & > .bodiedExtensionView-content-wrap {\n          margin-top: 0;\n        }\n      }\n    }\n\n    &:nth-last-of-type(-n + 2):not(:first-of-type) {\n      & > .extensionView-content-wrap,\n      & > .bodiedExtensionView-content-wrap {\n        margin-bottom: 0;\n      }\n\n      & > [data-mark-type='dataConsumer'] {\n        & > .extensionView-content-wrap,\n        & > .bodiedExtensionView-content-wrap {\n          margin-bottom: 0;\n        }\n      }\n    }\n  }\n"])), akEditorSelectedNodeClassName, getSelectionStyles([SelectionStyle.BoxShadow, SelectionStyle.Blanket]), blockNodesVerticalMargin, akEditorSelectedNodeClassName, getSelectionStyles([SelectionStyle.BoxShadow]), akEditorSelectedBorderSize, "var(--ds-border-danger, ".concat(akEditorDeleteBorder, ")"), "var(--ds-background-danger, ".concat(akEditorDeleteBackground, ")"), blockNodesVerticalMargin, blockNodesVerticalMargin);
+export var extensionStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .multiBodiedExtensionView-content-wrap.", ":not(.danger) {\n    ", "\n  }\n\n  .multiBodiedExtensionView-content-wrap {\n    &.danger > span > .multiBodiedExtension--container {\n      box-shadow: 0 0 0 ", "px\n        ", ";\n      background-color: ", ";\n    }\n    .multiBodiedExtension--container {\n      width: 100%;\n      max-width: 100%; // ensure width can't go over 100%;\n    }\n  }\n\n  .extensionView-content-wrap,\n  .multiBodiedExtensionView-content-wrap,\n  .bodiedExtensionView-content-wrap {\n    margin: ", " 0;\n\n    &:first-of-type {\n      margin-top: 0;\n    }\n\n    &:last-of-type {\n      margin-bottom: 0;\n    }\n\n    &:not(.danger).", " {\n      & > span > .extension-container {\n        ", "\n      }\n    }\n\n    &.danger > span > .extension-container {\n      box-shadow: 0 0 0 ", "px\n        ", ";\n      background-color: ", ";\n    }\n\n    &.inline {\n      word-wrap: break-all;\n    }\n  }\n\n  .extensionView-content-wrap .extension-container {\n    overflow: hidden;\n  }\n\n  .bodiedExtensionView-content-wrap\n    .extensionView-content-wrap\n    .extension-container {\n    width: 100%;\n    max-width: 100%; // ensure width can't go over 100%;\n  }\n\n  [data-mark-type='fragment'] {\n    & > .extensionView-content-wrap,\n    & > .bodiedExtensionView-content-wrap {\n      margin: ", " 0;\n    }\n\n    & > [data-mark-type='dataConsumer'] {\n      & > .extensionView-content-wrap,\n      & > .bodiedExtensionView-content-wrap {\n        margin: ", " 0;\n      }\n    }\n\n    &:first-child {\n      & > .extensionView-content-wrap,\n      & > .bodiedExtensionView-content-wrap {\n        margin-top: 0;\n      }\n\n      & > [data-mark-type='dataConsumer'] {\n        & > .extensionView-content-wrap,\n        & > .bodiedExtensionView-content-wrap {\n          margin-top: 0;\n        }\n      }\n    }\n\n    &:nth-last-of-type(-n + 2):not(:first-of-type) {\n      & > .extensionView-content-wrap,\n      & > .bodiedExtensionView-content-wrap {\n        margin-bottom: 0;\n      }\n\n      & > [data-mark-type='dataConsumer'] {\n        & > .extensionView-content-wrap,\n        & > .bodiedExtensionView-content-wrap {\n          margin-bottom: 0;\n        }\n      }\n    }\n  }\n"])), akEditorSelectedNodeClassName, getSelectionStyles([SelectionStyle.BoxShadow, SelectionStyle.Blanket]), akEditorSelectedBorderSize, "var(--ds-border-danger, ".concat(akEditorDeleteBorder, ")"), "var(--ds-background-danger, ".concat(akEditorDeleteBackground, ")"), blockNodesVerticalMargin, akEditorSelectedNodeClassName, getSelectionStyles([SelectionStyle.BoxShadow]), akEditorSelectedBorderSize, "var(--ds-border-danger, ".concat(akEditorDeleteBorder, ")"), "var(--ds-background-danger, ".concat(akEditorDeleteBackground, ")"), blockNodesVerticalMargin, blockNodesVerticalMargin);

package/dist/esm/version-wrapper.js

@@ -1,2 +1,2 @@
 export var name = "@atlaskit/editor-core";
-export var version = "190.1.0";
+export var version = "190.1.1";

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

@@ -25,6 +25,7 @@ declare const _default: {
     'fabric.editor.configPanel.fieldTypeError.isMultipleAndRadio': string;
     'fabric.editor.configPanel.formType.addField': string;
     'fabric.editor.configPanel.formType.removeField': string;
+    'fabric.editor.configPanel.help': string;
     'fabric.editor.configPanel.invalid': string;
     'fabric.editor.configPanel.required': string;
     'fabric.editor.configPanel.submit': string;

package/dist/types-ts4.5/i18n/ja.d.ts

@@ -25,6 +25,7 @@ declare const _default: {
     'fabric.editor.configPanel.fieldTypeError.isMultipleAndRadio': string;
     'fabric.editor.configPanel.formType.addField': string;
     'fabric.editor.configPanel.formType.removeField': string;
+    'fabric.editor.configPanel.help': string;
     'fabric.editor.configPanel.invalid': string;
     'fabric.editor.configPanel.required': string;
     'fabric.editor.configPanel.submit': string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-core",
-  "version": "190.1.0",
+  "version": "190.1.1",
   "description": "A package contains Atlassian editor core functionality",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"