@atlaskit/editor-common 107.28.2 → 107.30.0

package/CHANGELOG.md

@@ -1,5 +1,32 @@
 # @atlaskit/editor-common
 
+## 107.30.0
+
+### Minor Changes
+
+- [`0ff4a6c7a39ef`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/0ff4a6c7a39ef) -
+  Creates global fold state to retain folds after breakouts and page resizing
+
+### Patch Changes
+
+- Updated dependencies
+
+## 107.29.0
+
+### Minor Changes
+
+- [`f0b0ea63f59bc`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f0b0ea63f59bc) -
+  [ux] ED-28803 Register Delete Button in block menu and add delete functionality and hover styles
+
+### Patch Changes
+
+- [`e229628ac96dd`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/e229628ac96dd) -
+  [ED-28430] clean up FG platform_editor_find_and_replace_improvements_1 for find & replace
+  additional fixes
+- [`0fdcb6f2f96fd`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/0fdcb6f2f96fd) -
+  Sorted type and interface props to improve Atlaskit docs
+- Updated dependencies
+
 ## 107.28.2
 
 ### Patch Changes

package/afm-cc/tsconfig.json

@@ -3,11 +3,14 @@
 	"compilerOptions": {
 		"declaration": true,
 		"target": "es5",
-		"composite": true,
 		"outDir": "../../../../../confluence/tsDist/@atlaskit__editor-common",
-		"rootDir": "../"
+		"rootDir": "../",
+		"composite": true
 	},
-	"include": ["../src/**/*.ts", "../src/**/*.tsx"],
+	"include": [
+		"../src/**/*.ts",
+		"../src/**/*.tsx"
+	],
 	"exclude": [
 		"../src/**/__tests__/*",
 		"../src/**/*.test.*",
@@ -183,4 +186,4 @@
 			"path": "../../../media/media-core/afm-cc/tsconfig.json"
 		}
 	]
-}
+}

package/dist/cjs/block-menu/messages.js

@@ -8,7 +8,12 @@ var _reactIntlNext = require("react-intl-next");
 var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
   copyBlock: {
     id: 'fabric.editor.block.menu.copy.block',
-    defaultMessage: 'Copy Block',
+    defaultMessage: 'Copy block',
     description: 'Copy the selected block to the clipboard'
+  },
+  deleteBlock: {
+    id: 'fabric.editor.block.menu.delete.block',
+    defaultMessage: 'Delete',
+    description: 'Delete the selected block'
   }
 });

package/dist/cjs/code-block/index.js

@@ -3,20 +3,36 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.updateCodeBlockWrappedStateNodeKeys = exports.transferCodeBlockWrappedValue = exports.isCodeBlockWordWrapEnabled = exports.defaultWordWrapState = exports.codeBlockWrappedStates = void 0;
+exports.updateCodeBlockWrappedStateNodeKeys = exports.transferCodeBlockWrappedValue = exports.setCodeBlockFoldState = exports.isCodeBlockWordWrapEnabled = exports.getCodeBlockFoldState = exports.defaultWordWrapState = exports.codeBlockWrappedStates = void 0;
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 /* eslint-disable @atlaskit/platform/ensure-feature-flag-prefix */
 
 var defaultWordWrapState = exports.defaultWordWrapState = false;
 var codeBlockWrappedStates = exports.codeBlockWrappedStates = new WeakMap();
+
+// Code folding state management - similar to word wrapping
+
+var codeBlockFoldStates = new WeakMap();
 var isCodeBlockWordWrapEnabled = exports.isCodeBlockWordWrapEnabled = function isCodeBlockWordWrapEnabled(codeBlockNode) {
   var currentNodeWordWrapState = codeBlockWrappedStates.get(codeBlockNode);
   return currentNodeWordWrapState !== undefined ? currentNodeWordWrapState : defaultWordWrapState;
 };
+var getCodeBlockFoldState = exports.getCodeBlockFoldState = function getCodeBlockFoldState(codeBlockNode) {
+  var currentNodeFoldState = codeBlockFoldStates.get(codeBlockNode);
+  return currentNodeFoldState || [];
+};
+var setCodeBlockFoldState = exports.setCodeBlockFoldState = function setCodeBlockFoldState(codeBlockNode, foldRanges) {
+  codeBlockFoldStates.set(codeBlockNode, foldRanges);
+};
 
 /**
  * Swap the old node key with the new node key in the wrapped states WeakMap.
  */
 var transferCodeBlockWrappedValue = exports.transferCodeBlockWrappedValue = function transferCodeBlockWrappedValue(oldCodeBlockNode, newCodeBlockNode) {
+  if ((0, _expValEquals.expValEquals)('platform_editor_code_block_fold_gutter', 'isEnabled', true)) {
+    transferCodeBlockFoldValue(oldCodeBlockNode, newCodeBlockNode);
+  }
+
   // Don't overwrite the value for the new node if it already exists.
   // This can happen when a drag&drop is swapping nodes.
   if (codeBlockWrappedStates.has(newCodeBlockNode)) {
@@ -27,6 +43,20 @@ var transferCodeBlockWrappedValue = exports.transferCodeBlockWrappedValue = func
   codeBlockWrappedStates.delete(oldCodeBlockNode);
 };
 
+/**
+ * Swap the old node key with the new node key in the fold states WeakMap.
+ */
+var transferCodeBlockFoldValue = function transferCodeBlockFoldValue(oldCodeBlockNode, newCodeBlockNode) {
+  // Don't overwrite the value for the new node if it already exists.
+  // This can happen when a drag&drop is swapping nodes.
+  if (codeBlockFoldStates.has(newCodeBlockNode)) {
+    return;
+  }
+  var previousValue = getCodeBlockFoldState(oldCodeBlockNode);
+  codeBlockFoldStates.set(newCodeBlockNode, previousValue);
+  codeBlockFoldStates.delete(oldCodeBlockNode);
+};
+
 /**
  * As the code block node is used as the wrapped state key, there is instances where the node will be destroyed & recreated and is no longer a valid key.
  * In these instances, we must get the value from that old node and set it to the value of the new node.
@@ -34,6 +64,9 @@ var transferCodeBlockWrappedValue = exports.transferCodeBlockWrappedValue = func
  */
 var updateCodeBlockWrappedStateNodeKeys = exports.updateCodeBlockWrappedStateNodeKeys = function updateCodeBlockWrappedStateNodeKeys(newCodeBlockNodes, oldState) {
   newCodeBlockNodes.forEach(function (newCodeBlockNode) {
+    if ((0, _expValEquals.expValEquals)('platform_editor_code_block_fold_gutter', 'isEnabled', true)) {
+      updateCodeBlockFoldStateNodeKeys(newCodeBlockNode, oldState);
+    }
     // Don't overwrite the value for the new node if it already exists.
     // This can happen when a drag&drop is swapping nodes.
     if (codeBlockWrappedStates.has(newCodeBlockNode.node)) {
@@ -51,4 +84,28 @@ var updateCodeBlockWrappedStateNodeKeys = exports.updateCodeBlockWrappedStateNod
     var previousValue = isCodeBlockWordWrapEnabled(oldCodeBlockNode);
     codeBlockWrappedStates.set(newCodeBlockNode.node, previousValue);
   });
+};
+
+/**
+ * As the code block node is used as the fold state key, there is instances where the node will be destroyed & recreated and is no longer a valid key.
+ * In these instances, we must get the value from that old node and set it to the value of the new node.
+ * This function takes all the given nodes, finds their old nodes from the old state and updates these old node keys.
+ */
+var updateCodeBlockFoldStateNodeKeys = function updateCodeBlockFoldStateNodeKeys(newCodeBlockNode, oldState) {
+  // Don't overwrite the value for the new node if it already exists.
+  // This can happen when a drag&drop is swapping nodes.
+  if (codeBlockFoldStates.has(newCodeBlockNode.node)) {
+    return;
+  }
+
+  // Do not go out of range on the oldState doc. Happens on initial load.
+  if (oldState.doc.content.size <= newCodeBlockNode.pos) {
+    return;
+  }
+  var oldCodeBlockNode = oldState.doc.nodeAt(newCodeBlockNode.pos);
+  if (!oldCodeBlockNode || oldCodeBlockNode.type !== oldState.schema.nodes.codeBlock) {
+    return;
+  }
+  var previousValue = getCodeBlockFoldState(oldCodeBlockNode);
+  codeBlockFoldStates.set(newCodeBlockNode.node, previousValue);
 };

package/dist/cjs/messages/block-menu.js

@@ -8,17 +8,17 @@ var _reactIntlNext = require("react-intl-next");
 var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
   copyBlock: {
     id: 'fabric.editor.block.menu.copy.block',
-    defaultMessage: 'Copy Block',
+    defaultMessage: 'Copy block',
     description: 'Copy the selected block to the clipboard'
   },
   moveUpBlock: {
     id: 'fabric.editor.block.menu.move.up',
-    defaultMessage: 'Move Up',
+    defaultMessage: 'Move up',
     description: 'Move the selected block up'
   },
   moveDownBlock: {
     id: 'fabric.editor.block.menu.move.down',
-    defaultMessage: 'Move Down',
+    defaultMessage: 'Move down',
     description: 'Move the selected block down'
   },
   copyLink: {

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 = "107.28.1";
+var packageVersion = "107.29.0";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007

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

@@ -18,5 +18,5 @@ var FLOATING_TOOLBAR_LINKPICKER_CLASSNAME = exports.FLOATING_TOOLBAR_LINKPICKER_
 
 // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 var smartCardStyles = exports.smartCardStyles = function smartCardStyles() {
-  return (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\t.", " {\n\t\tmax-width: calc(100% - 20px);\n\t\tvertical-align: top;\n\t\tword-break: break-all;\n\t\t", "\n\t\t.card {\n\t\t\tpadding-left: ", ";\n\t\t\tpadding-right: ", ";\n\t\t\tpadding-top: 0.5em;\n\t\t\tpadding-bottom: 0.5em;\n\t\t\tmargin-bottom: -0.5em;\n\n\t\t\t.", " > a:focus {\n\t\t\t\t", "\n\t\t\t}\n\t\t}\n\n\t\t", "\n\n\t\t", "\n\t\t.", " > a {\n\t\t\t/* EDM-1717: box-shadow Safari fix start */\n\t\t\tz-index: 1;\n\t\t\tposition: relative;\n\t\t\t/* EDM-1717: box-shadow Safari fix end */\n\t\t}\n\n\t\t&.danger {\n\t\t\t.", " > a {\n\t\t\t\tbox-shadow: 0 0 0 1px ", ";\n\t\t\t\t/* EDM-1717: box-shadow Safari fix start */\n\t\t\t\tz-index: 2;\n\t\t\t\t/* EDM-1717: box-shadow Safari fix end */\n\t\t\t}\n\t\t}\n\t}\n\n\t.", " {\n\t\t.", " > div {\n\t\t\tcursor: pointer;\n\n\t\t\ta {\n\t\t\t\tcursor: auto;\n\t\t\t}\n\t\t}\n\n\t\t&.", " .", " > div {\n\t\t\t", "\n\t\t\tborder-radius: ", ";\n\t\t}\n\n\t\t&.danger {\n\t\t\t.", " > div {\n\t\t\t\tbox-shadow: 0 0 0 1px ", " !important;\n\t\t\t}\n\t\t}\n\t}\n\n\t.", ".", " {\n\t\tmax-width: 100%;\n\t\tdisplay: flex;\n\t\tjustify-content: center;\n\n\t\t.", " {\n\t\t\tcursor: pointer;\n\t\t\tbackground-color: ", ";\n\t\t\tborder-radius: ", ";\n\t\t\tborder: 1px solid ", ";\n\t\t\toverflow: hidden;\n\t\t}\n\n\t\t&.", " {\n\t\t\t.", " {\n\t\t\t\t", "\n\n\t\t\t\tinput::selection {\n\t\t\t\t\tbackground-color: ", ";\n\t\t\t\t}\n\t\t\t\tinput::-moz-selection {\n\t\t\t\t\tbackground-color: ", ";\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&.danger {\n\t\t\t.", " {\n\t\t\t\tbox-shadow: 0 0 0 1px ", ";\n\t\t\t}\n\t\t}\n\t}\n\n\t.", " {\n\t\t.", " > div {\n\t\t\tcursor: pointer;\n\t\t\ta {\n\t\t\t\tcursor: auto;\n\t\t\t}\n\t\t\t&::after {\n\t\t\t\ttransition: box-shadow 0s;\n\t\t\t}\n\t\t}\n\n\t\t", "\n\n\t\t&.danger {\n\t\t\t.media-card-frame::after {\n\t\t\t\tbox-shadow: 0 0 0 1px ", " !important;\n\t\t\t\tbackground: ", " !important;\n\t\t\t}\n\t\t\t.richMedia-resize-handle-right::after,\n\t\t\t.richMedia-resize-handle-left::after {\n\t\t\t\tbackground: ", ";\n\t\t\t}\n\t\t}\n\t}\n\n\t.", " {\n\t\tpadding: 0;\n\t}\n"])), _smartCard.SmartCardSharedCssClassName.INLINE_CARD_CONTAINER, (0, _platformFeatureFlags.fg)('editor_inline_comments_on_inline_nodes') ? ".card-with-comment {\n          background: ".concat("var(--ds-background-accent-yellow-subtler, #F8E6A0)", ";\n          border-bottom: 2px solid ", "var(--ds-border-accent-yellow, #B38600)", ";\n          box-shadow: ", "var(--ds-shadow-overlay, 0px 8px 12px #091E4226, 0px 0px 1px #091E424f)", ";\n        }") : '', "var(--ds-space-025, 2px)", "var(--ds-space-025, 2px)", _smartCard.SmartCardSharedCssClassName.LOADER_WRAPPER, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.BoxShadow]), (0, _experiments.editorExperiment)('platform_editor_controls', 'variant1') || (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_preview_panel_linking_exp', 'isEnabled', true) ? "[data-inlinecard-button-overlay='icon-wrapper-line-height'] span {\n\t\t\t\tline-height: 0;\n\t\t\t}" : '', (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_find_and_replace_improvements', 'isEnabled', true) && (0, _platformFeatureFlags.fg)('platform_editor_find_and_replace_improvements_1') ? "\n\t\t\t\t&.".concat(_editorSharedStyles.akEditorSelectedNodeClassName, ":not(.search-match-block) .").concat(_smartCard.SmartCardSharedCssClassName.LOADER_WRAPPER, " > a {\n\t\t\t\t").concat((0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.BoxShadow]), "\n\t\t\t}") : "\n\t\t\t\t&.".concat(_editorSharedStyles.akEditorSelectedNodeClassName, " .").concat(_smartCard.SmartCardSharedCssClassName.LOADER_WRAPPER, " > a {\n\t\t\t\t").concat((0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.BoxShadow]), "\n\t\t\t}"), _smartCard.SmartCardSharedCssClassName.LOADER_WRAPPER, _smartCard.SmartCardSharedCssClassName.LOADER_WRAPPER, "var(--ds-border-danger, ".concat(_editorSharedStyles.akEditorDeleteBorder, ")"), _smartCard.SmartCardSharedCssClassName.BLOCK_CARD_CONTAINER, _smartCard.SmartCardSharedCssClassName.LOADER_WRAPPER, _editorSharedStyles.akEditorSelectedNodeClassName, _smartCard.SmartCardSharedCssClassName.LOADER_WRAPPER, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.BoxShadow]), "var(--ds-border-radius-200, 8px)", _smartCard.SmartCardSharedCssClassName.LOADER_WRAPPER, "var(--ds-border-danger, ".concat(_editorSharedStyles.akEditorDeleteBorder, ")"), _smartCard.SmartCardSharedCssClassName.DATASOURCE_CONTAINER, _smartCard.SmartCardSharedCssClassName.BLOCK_CARD_CONTAINER, DATASOURCE_INNER_CONTAINER_CLASSNAME, "var(--ds-background-neutral-subtle, #00000000)", "var(--ds-border-radius-200, 8px)", "var(--ds-border, #091E4224)", _editorSharedStyles.akEditorSelectedNodeClassName, DATASOURCE_INNER_CONTAINER_CLASSNAME, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.BoxShadow]), "var(--ds-background-selected-hovered, #CCE0FF)", "var(--ds-background-selected-hovered, #CCE0FF)", DATASOURCE_INNER_CONTAINER_CLASSNAME, "var(--ds-border-danger, ".concat(_editorSharedStyles.akEditorDeleteBorder, ")"), _smartCard.SmartCardSharedCssClassName.EMBED_CARD_CONTAINER, _smartCard.SmartCardSharedCssClassName.LOADER_WRAPPER, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_find_and_replace_improvements', 'isEnabled', true) && (0, _platformFeatureFlags.fg)('platform_editor_find_and_replace_improvements_1') ? "\n\t\t\t\t&.".concat(_editorSharedStyles.akEditorSelectedNodeClassName, ":not(.search-match-block) .").concat(_smartCard.SmartCardSharedCssClassName.LOADER_WRAPPER, " > div::after {\n\t\t\t\t\t").concat((0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.BoxShadow]), "\n\t\t\t\t}\n\t\t\t") : "\n\t\t\t\t&.".concat(_editorSharedStyles.akEditorSelectedNodeClassName, " .").concat(_smartCard.SmartCardSharedCssClassName.LOADER_WRAPPER, " > div::after {\n\t\t\t\t\t").concat((0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.BoxShadow]), "\n\t\t\t\t}\n\t\t\t"), "var(--ds-border-danger, ".concat(_editorSharedStyles.akEditorDeleteBorder, ")"), "var(--ds-background-danger, ".concat(_editorSharedStyles.akEditorDeleteBackground, ")"), "var(--ds-border-danger, ".concat(_editorSharedStyles.akEditorDeleteBorder, ")"), FLOATING_TOOLBAR_LINKPICKER_CLASSNAME);
+  return (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\t.", " {\n\t\tmax-width: calc(100% - 20px);\n\t\tvertical-align: top;\n\t\tword-break: break-all;\n\t\t", "\n\t\t.card {\n\t\t\tpadding-left: ", ";\n\t\t\tpadding-right: ", ";\n\t\t\tpadding-top: 0.5em;\n\t\t\tpadding-bottom: 0.5em;\n\t\t\tmargin-bottom: -0.5em;\n\n\t\t\t.", " > a:focus {\n\t\t\t\t", "\n\t\t\t}\n\t\t}\n\n\t\t", "\n\n\t\t", "\n\t\t.", " > a {\n\t\t\t/* EDM-1717: box-shadow Safari fix start */\n\t\t\tz-index: 1;\n\t\t\tposition: relative;\n\t\t\t/* EDM-1717: box-shadow Safari fix end */\n\t\t}\n\n\t\t&.danger {\n\t\t\t.", " > a {\n\t\t\t\tbox-shadow: 0 0 0 1px ", ";\n\t\t\t\t/* EDM-1717: box-shadow Safari fix start */\n\t\t\t\tz-index: 2;\n\t\t\t\t/* EDM-1717: box-shadow Safari fix end */\n\t\t\t}\n\t\t}\n\t}\n\n\t.", " {\n\t\t.", " > div {\n\t\t\tcursor: pointer;\n\n\t\t\ta {\n\t\t\t\tcursor: auto;\n\t\t\t}\n\t\t}\n\n\t\t&.", " .", " > div {\n\t\t\t", "\n\t\t\tborder-radius: ", ";\n\t\t}\n\n\t\t&.danger {\n\t\t\t.", " > div {\n\t\t\t\tbox-shadow: 0 0 0 1px ", " !important;\n\t\t\t}\n\t\t}\n\t}\n\n\t.", ".", " {\n\t\tmax-width: 100%;\n\t\tdisplay: flex;\n\t\tjustify-content: center;\n\n\t\t.", " {\n\t\t\tcursor: pointer;\n\t\t\tbackground-color: ", ";\n\t\t\tborder-radius: ", ";\n\t\t\tborder: 1px solid ", ";\n\t\t\toverflow: hidden;\n\t\t}\n\n\t\t&.", " {\n\t\t\t.", " {\n\t\t\t\t", "\n\n\t\t\t\tinput::selection {\n\t\t\t\t\tbackground-color: ", ";\n\t\t\t\t}\n\t\t\t\tinput::-moz-selection {\n\t\t\t\t\tbackground-color: ", ";\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&.danger {\n\t\t\t.", " {\n\t\t\t\tbox-shadow: 0 0 0 1px ", ";\n\t\t\t}\n\t\t}\n\t}\n\n\t.", " {\n\t\t.", " > div {\n\t\t\tcursor: pointer;\n\t\t\ta {\n\t\t\t\tcursor: auto;\n\t\t\t}\n\t\t\t&::after {\n\t\t\t\ttransition: box-shadow 0s;\n\t\t\t}\n\t\t}\n\n\t\t", "\n\n\t\t&.danger {\n\t\t\t.media-card-frame::after {\n\t\t\t\tbox-shadow: 0 0 0 1px ", " !important;\n\t\t\t\tbackground: ", " !important;\n\t\t\t}\n\t\t\t.richMedia-resize-handle-right::after,\n\t\t\t.richMedia-resize-handle-left::after {\n\t\t\t\tbackground: ", ";\n\t\t\t}\n\t\t}\n\t}\n\n\t.", " {\n\t\tpadding: 0;\n\t}\n"])), _smartCard.SmartCardSharedCssClassName.INLINE_CARD_CONTAINER, (0, _platformFeatureFlags.fg)('editor_inline_comments_on_inline_nodes') ? ".card-with-comment {\n          background: ".concat("var(--ds-background-accent-yellow-subtler, #F8E6A0)", ";\n          border-bottom: 2px solid ", "var(--ds-border-accent-yellow, #B38600)", ";\n          box-shadow: ", "var(--ds-shadow-overlay, 0px 8px 12px #091E4226, 0px 0px 1px #091E424f)", ";\n        }") : '', "var(--ds-space-025, 2px)", "var(--ds-space-025, 2px)", _smartCard.SmartCardSharedCssClassName.LOADER_WRAPPER, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.BoxShadow]), (0, _experiments.editorExperiment)('platform_editor_controls', 'variant1') || (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_preview_panel_linking_exp', 'isEnabled', true) ? "[data-inlinecard-button-overlay='icon-wrapper-line-height'] span {\n\t\t\t\tline-height: 0;\n\t\t\t}" : '', (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? "\n\t\t\t\t&.".concat(_editorSharedStyles.akEditorSelectedNodeClassName, ":not(.search-match-block) .").concat(_smartCard.SmartCardSharedCssClassName.LOADER_WRAPPER, " > a {\n\t\t\t\t").concat((0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.BoxShadow]), "\n\t\t\t}") : "\n\t\t\t\t&.".concat(_editorSharedStyles.akEditorSelectedNodeClassName, " .").concat(_smartCard.SmartCardSharedCssClassName.LOADER_WRAPPER, " > a {\n\t\t\t\t").concat((0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.BoxShadow]), "\n\t\t\t}"), _smartCard.SmartCardSharedCssClassName.LOADER_WRAPPER, _smartCard.SmartCardSharedCssClassName.LOADER_WRAPPER, "var(--ds-border-danger, ".concat(_editorSharedStyles.akEditorDeleteBorder, ")"), _smartCard.SmartCardSharedCssClassName.BLOCK_CARD_CONTAINER, _smartCard.SmartCardSharedCssClassName.LOADER_WRAPPER, _editorSharedStyles.akEditorSelectedNodeClassName, _smartCard.SmartCardSharedCssClassName.LOADER_WRAPPER, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.BoxShadow]), "var(--ds-border-radius-200, 8px)", _smartCard.SmartCardSharedCssClassName.LOADER_WRAPPER, "var(--ds-border-danger, ".concat(_editorSharedStyles.akEditorDeleteBorder, ")"), _smartCard.SmartCardSharedCssClassName.DATASOURCE_CONTAINER, _smartCard.SmartCardSharedCssClassName.BLOCK_CARD_CONTAINER, DATASOURCE_INNER_CONTAINER_CLASSNAME, "var(--ds-background-neutral-subtle, #00000000)", "var(--ds-border-radius-200, 8px)", "var(--ds-border, #091E4224)", _editorSharedStyles.akEditorSelectedNodeClassName, DATASOURCE_INNER_CONTAINER_CLASSNAME, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.BoxShadow]), "var(--ds-background-selected-hovered, #CCE0FF)", "var(--ds-background-selected-hovered, #CCE0FF)", DATASOURCE_INNER_CONTAINER_CLASSNAME, "var(--ds-border-danger, ".concat(_editorSharedStyles.akEditorDeleteBorder, ")"), _smartCard.SmartCardSharedCssClassName.EMBED_CARD_CONTAINER, _smartCard.SmartCardSharedCssClassName.LOADER_WRAPPER, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? "\n\t\t\t\t&.".concat(_editorSharedStyles.akEditorSelectedNodeClassName, ":not(.search-match-block) .").concat(_smartCard.SmartCardSharedCssClassName.LOADER_WRAPPER, " > div::after {\n\t\t\t\t\t").concat((0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.BoxShadow]), "\n\t\t\t\t}\n\t\t\t") : "\n\t\t\t\t&.".concat(_editorSharedStyles.akEditorSelectedNodeClassName, " .").concat(_smartCard.SmartCardSharedCssClassName.LOADER_WRAPPER, " > div::after {\n\t\t\t\t\t").concat((0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.BoxShadow]), "\n\t\t\t\t}\n\t\t\t"), "var(--ds-border-danger, ".concat(_editorSharedStyles.akEditorDeleteBorder, ")"), "var(--ds-background-danger, ".concat(_editorSharedStyles.akEditorDeleteBackground, ")"), "var(--ds-border-danger, ".concat(_editorSharedStyles.akEditorDeleteBorder, ")"), FLOATING_TOOLBAR_LINKPICKER_CLASSNAME);
 };

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 = "107.28.1";
+var packageVersion = "107.29.0";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var fadeIn = (0, _react2.keyframes)({

package/dist/es2019/block-menu/messages.js

@@ -2,7 +2,12 @@ import { defineMessages } from 'react-intl-next';
 export const messages = defineMessages({
   copyBlock: {
     id: 'fabric.editor.block.menu.copy.block',
-    defaultMessage: 'Copy Block',
+    defaultMessage: 'Copy block',
     description: 'Copy the selected block to the clipboard'
+  },
+  deleteBlock: {
+    id: 'fabric.editor.block.menu.delete.block',
+    defaultMessage: 'Delete',
+    description: 'Delete the selected block'
   }
 });

package/dist/es2019/code-block/index.js

@@ -1,16 +1,32 @@
 /* eslint-disable @atlaskit/platform/ensure-feature-flag-prefix */
 
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 export const defaultWordWrapState = false;
 export const codeBlockWrappedStates = new WeakMap();
+
+// Code folding state management - similar to word wrapping
+
+const codeBlockFoldStates = new WeakMap();
 export const isCodeBlockWordWrapEnabled = codeBlockNode => {
   const currentNodeWordWrapState = codeBlockWrappedStates.get(codeBlockNode);
   return currentNodeWordWrapState !== undefined ? currentNodeWordWrapState : defaultWordWrapState;
 };
+export const getCodeBlockFoldState = codeBlockNode => {
+  const currentNodeFoldState = codeBlockFoldStates.get(codeBlockNode);
+  return currentNodeFoldState || [];
+};
+export const setCodeBlockFoldState = (codeBlockNode, foldRanges) => {
+  codeBlockFoldStates.set(codeBlockNode, foldRanges);
+};
 
 /**
  * Swap the old node key with the new node key in the wrapped states WeakMap.
  */
 export const transferCodeBlockWrappedValue = (oldCodeBlockNode, newCodeBlockNode) => {
+  if (expValEquals('platform_editor_code_block_fold_gutter', 'isEnabled', true)) {
+    transferCodeBlockFoldValue(oldCodeBlockNode, newCodeBlockNode);
+  }
+
   // Don't overwrite the value for the new node if it already exists.
   // This can happen when a drag&drop is swapping nodes.
   if (codeBlockWrappedStates.has(newCodeBlockNode)) {
@@ -21,6 +37,20 @@ export const transferCodeBlockWrappedValue = (oldCodeBlockNode, newCodeBlockNode
   codeBlockWrappedStates.delete(oldCodeBlockNode);
 };
 
+/**
+ * Swap the old node key with the new node key in the fold states WeakMap.
+ */
+const transferCodeBlockFoldValue = (oldCodeBlockNode, newCodeBlockNode) => {
+  // Don't overwrite the value for the new node if it already exists.
+  // This can happen when a drag&drop is swapping nodes.
+  if (codeBlockFoldStates.has(newCodeBlockNode)) {
+    return;
+  }
+  const previousValue = getCodeBlockFoldState(oldCodeBlockNode);
+  codeBlockFoldStates.set(newCodeBlockNode, previousValue);
+  codeBlockFoldStates.delete(oldCodeBlockNode);
+};
+
 /**
  * As the code block node is used as the wrapped state key, there is instances where the node will be destroyed & recreated and is no longer a valid key.
  * In these instances, we must get the value from that old node and set it to the value of the new node.
@@ -28,6 +58,9 @@ export const transferCodeBlockWrappedValue = (oldCodeBlockNode, newCodeBlockNode
  */
 export const updateCodeBlockWrappedStateNodeKeys = (newCodeBlockNodes, oldState) => {
   newCodeBlockNodes.forEach(newCodeBlockNode => {
+    if (expValEquals('platform_editor_code_block_fold_gutter', 'isEnabled', true)) {
+      updateCodeBlockFoldStateNodeKeys(newCodeBlockNode, oldState);
+    }
     // Don't overwrite the value for the new node if it already exists.
     // This can happen when a drag&drop is swapping nodes.
     if (codeBlockWrappedStates.has(newCodeBlockNode.node)) {
@@ -45,4 +78,28 @@ export const updateCodeBlockWrappedStateNodeKeys = (newCodeBlockNodes, oldState)
     const previousValue = isCodeBlockWordWrapEnabled(oldCodeBlockNode);
     codeBlockWrappedStates.set(newCodeBlockNode.node, previousValue);
   });
+};
+
+/**
+ * As the code block node is used as the fold state key, there is instances where the node will be destroyed & recreated and is no longer a valid key.
+ * In these instances, we must get the value from that old node and set it to the value of the new node.
+ * This function takes all the given nodes, finds their old nodes from the old state and updates these old node keys.
+ */
+const updateCodeBlockFoldStateNodeKeys = (newCodeBlockNode, oldState) => {
+  // Don't overwrite the value for the new node if it already exists.
+  // This can happen when a drag&drop is swapping nodes.
+  if (codeBlockFoldStates.has(newCodeBlockNode.node)) {
+    return;
+  }
+
+  // Do not go out of range on the oldState doc. Happens on initial load.
+  if (oldState.doc.content.size <= newCodeBlockNode.pos) {
+    return;
+  }
+  const oldCodeBlockNode = oldState.doc.nodeAt(newCodeBlockNode.pos);
+  if (!oldCodeBlockNode || oldCodeBlockNode.type !== oldState.schema.nodes.codeBlock) {
+    return;
+  }
+  const previousValue = getCodeBlockFoldState(oldCodeBlockNode);
+  codeBlockFoldStates.set(newCodeBlockNode.node, previousValue);
 };

package/dist/es2019/messages/block-menu.js

@@ -2,17 +2,17 @@ import { defineMessages } from 'react-intl-next';
 export const messages = defineMessages({
   copyBlock: {
     id: 'fabric.editor.block.menu.copy.block',
-    defaultMessage: 'Copy Block',
+    defaultMessage: 'Copy block',
     description: 'Copy the selected block to the clipboard'
   },
   moveUpBlock: {
     id: 'fabric.editor.block.menu.move.up',
-    defaultMessage: 'Move Up',
+    defaultMessage: 'Move up',
     description: 'Move the selected block up'
   },
   moveDownBlock: {
     id: 'fabric.editor.block.menu.move.down',
-    defaultMessage: 'Move Down',
+    defaultMessage: 'Move down',
     description: 'Move the selected block down'
   },
   copyLink: {

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 = "107.28.1";
+const packageVersion = "107.29.0";
 const sanitiseSentryEvents = (data, _hint) => {
   // Remove URL as it has UGC
   // Ignored via go/ees007

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

@@ -35,7 +35,7 @@ export const smartCardStyles = () => css`
 				line-height: 0;
 			}` : ''}
 
-		${expValEqualsNoExposure('platform_editor_find_and_replace_improvements', 'isEnabled', true) && fg('platform_editor_find_and_replace_improvements_1') ? `
+		${expValEqualsNoExposure('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? `
 				&.${akEditorSelectedNodeClassName}:not(.search-match-block) .${SmartCardSharedCssClassName.LOADER_WRAPPER} > a {
 				${getSelectionStyles([SelectionStyle.BoxShadow])}
 			}` : `
@@ -124,7 +124,7 @@ export const smartCardStyles = () => css`
 			}
 		}
 
-		${expValEqualsNoExposure('platform_editor_find_and_replace_improvements', 'isEnabled', true) && fg('platform_editor_find_and_replace_improvements_1') ? `
+		${expValEqualsNoExposure('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? `
 				&.${akEditorSelectedNodeClassName}:not(.search-match-block) .${SmartCardSharedCssClassName.LOADER_WRAPPER} > div::after {
 					${getSelectionStyles([SelectionStyle.BoxShadow])}
 				}

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 = "107.28.1";
+const packageVersion = "107.29.0";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 const fadeIn = keyframes({

package/dist/esm/block-menu/messages.js

@@ -2,7 +2,12 @@ import { defineMessages } from 'react-intl-next';
 export var messages = defineMessages({
   copyBlock: {
     id: 'fabric.editor.block.menu.copy.block',
-    defaultMessage: 'Copy Block',
+    defaultMessage: 'Copy block',
     description: 'Copy the selected block to the clipboard'
+  },
+  deleteBlock: {
+    id: 'fabric.editor.block.menu.delete.block',
+    defaultMessage: 'Delete',
+    description: 'Delete the selected block'
   }
 });

package/dist/esm/code-block/index.js

@@ -1,16 +1,32 @@
 /* eslint-disable @atlaskit/platform/ensure-feature-flag-prefix */
 
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 export var defaultWordWrapState = false;
 export var codeBlockWrappedStates = new WeakMap();
+
+// Code folding state management - similar to word wrapping
+
+var codeBlockFoldStates = new WeakMap();
 export var isCodeBlockWordWrapEnabled = function isCodeBlockWordWrapEnabled(codeBlockNode) {
   var currentNodeWordWrapState = codeBlockWrappedStates.get(codeBlockNode);
   return currentNodeWordWrapState !== undefined ? currentNodeWordWrapState : defaultWordWrapState;
 };
+export var getCodeBlockFoldState = function getCodeBlockFoldState(codeBlockNode) {
+  var currentNodeFoldState = codeBlockFoldStates.get(codeBlockNode);
+  return currentNodeFoldState || [];
+};
+export var setCodeBlockFoldState = function setCodeBlockFoldState(codeBlockNode, foldRanges) {
+  codeBlockFoldStates.set(codeBlockNode, foldRanges);
+};
 
 /**
  * Swap the old node key with the new node key in the wrapped states WeakMap.
  */
 export var transferCodeBlockWrappedValue = function transferCodeBlockWrappedValue(oldCodeBlockNode, newCodeBlockNode) {
+  if (expValEquals('platform_editor_code_block_fold_gutter', 'isEnabled', true)) {
+    transferCodeBlockFoldValue(oldCodeBlockNode, newCodeBlockNode);
+  }
+
   // Don't overwrite the value for the new node if it already exists.
   // This can happen when a drag&drop is swapping nodes.
   if (codeBlockWrappedStates.has(newCodeBlockNode)) {
@@ -21,6 +37,20 @@ export var transferCodeBlockWrappedValue = function transferCodeBlockWrappedValu
   codeBlockWrappedStates.delete(oldCodeBlockNode);
 };
 
+/**
+ * Swap the old node key with the new node key in the fold states WeakMap.
+ */
+var transferCodeBlockFoldValue = function transferCodeBlockFoldValue(oldCodeBlockNode, newCodeBlockNode) {
+  // Don't overwrite the value for the new node if it already exists.
+  // This can happen when a drag&drop is swapping nodes.
+  if (codeBlockFoldStates.has(newCodeBlockNode)) {
+    return;
+  }
+  var previousValue = getCodeBlockFoldState(oldCodeBlockNode);
+  codeBlockFoldStates.set(newCodeBlockNode, previousValue);
+  codeBlockFoldStates.delete(oldCodeBlockNode);
+};
+
 /**
  * As the code block node is used as the wrapped state key, there is instances where the node will be destroyed & recreated and is no longer a valid key.
  * In these instances, we must get the value from that old node and set it to the value of the new node.
@@ -28,6 +58,9 @@ export var transferCodeBlockWrappedValue = function transferCodeBlockWrappedValu
  */
 export var updateCodeBlockWrappedStateNodeKeys = function updateCodeBlockWrappedStateNodeKeys(newCodeBlockNodes, oldState) {
   newCodeBlockNodes.forEach(function (newCodeBlockNode) {
+    if (expValEquals('platform_editor_code_block_fold_gutter', 'isEnabled', true)) {
+      updateCodeBlockFoldStateNodeKeys(newCodeBlockNode, oldState);
+    }
     // Don't overwrite the value for the new node if it already exists.
     // This can happen when a drag&drop is swapping nodes.
     if (codeBlockWrappedStates.has(newCodeBlockNode.node)) {
@@ -45,4 +78,28 @@ export var updateCodeBlockWrappedStateNodeKeys = function updateCodeBlockWrapped
     var previousValue = isCodeBlockWordWrapEnabled(oldCodeBlockNode);
     codeBlockWrappedStates.set(newCodeBlockNode.node, previousValue);
   });
+};
+
+/**
+ * As the code block node is used as the fold state key, there is instances where the node will be destroyed & recreated and is no longer a valid key.
+ * In these instances, we must get the value from that old node and set it to the value of the new node.
+ * This function takes all the given nodes, finds their old nodes from the old state and updates these old node keys.
+ */
+var updateCodeBlockFoldStateNodeKeys = function updateCodeBlockFoldStateNodeKeys(newCodeBlockNode, oldState) {
+  // Don't overwrite the value for the new node if it already exists.
+  // This can happen when a drag&drop is swapping nodes.
+  if (codeBlockFoldStates.has(newCodeBlockNode.node)) {
+    return;
+  }
+
+  // Do not go out of range on the oldState doc. Happens on initial load.
+  if (oldState.doc.content.size <= newCodeBlockNode.pos) {
+    return;
+  }
+  var oldCodeBlockNode = oldState.doc.nodeAt(newCodeBlockNode.pos);
+  if (!oldCodeBlockNode || oldCodeBlockNode.type !== oldState.schema.nodes.codeBlock) {
+    return;
+  }
+  var previousValue = getCodeBlockFoldState(oldCodeBlockNode);
+  codeBlockFoldStates.set(newCodeBlockNode.node, previousValue);
 };

package/dist/esm/messages/block-menu.js

@@ -2,17 +2,17 @@ import { defineMessages } from 'react-intl-next';
 export var messages = defineMessages({
   copyBlock: {
     id: 'fabric.editor.block.menu.copy.block',
-    defaultMessage: 'Copy Block',
+    defaultMessage: 'Copy block',
     description: 'Copy the selected block to the clipboard'
   },
   moveUpBlock: {
     id: 'fabric.editor.block.menu.move.up',
-    defaultMessage: 'Move Up',
+    defaultMessage: 'Move up',
     description: 'Move the selected block up'
   },
   moveDownBlock: {
     id: 'fabric.editor.block.menu.move.down',
-    defaultMessage: 'Move Down',
+    defaultMessage: 'Move down',
     description: 'Move the selected block down'
   },
   copyLink: {

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 = "107.28.1";
+var packageVersion = "107.29.0";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007

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

@@ -12,5 +12,5 @@ export var FLOATING_TOOLBAR_LINKPICKER_CLASSNAME = 'card-floating-toolbar--link-
 
 // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export var smartCardStyles = function smartCardStyles() {
-  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\t.", " {\n\t\tmax-width: calc(100% - 20px);\n\t\tvertical-align: top;\n\t\tword-break: break-all;\n\t\t", "\n\t\t.card {\n\t\t\tpadding-left: ", ";\n\t\t\tpadding-right: ", ";\n\t\t\tpadding-top: 0.5em;\n\t\t\tpadding-bottom: 0.5em;\n\t\t\tmargin-bottom: -0.5em;\n\n\t\t\t.", " > a:focus {\n\t\t\t\t", "\n\t\t\t}\n\t\t}\n\n\t\t", "\n\n\t\t", "\n\t\t.", " > a {\n\t\t\t/* EDM-1717: box-shadow Safari fix start */\n\t\t\tz-index: 1;\n\t\t\tposition: relative;\n\t\t\t/* EDM-1717: box-shadow Safari fix end */\n\t\t}\n\n\t\t&.danger {\n\t\t\t.", " > a {\n\t\t\t\tbox-shadow: 0 0 0 1px ", ";\n\t\t\t\t/* EDM-1717: box-shadow Safari fix start */\n\t\t\t\tz-index: 2;\n\t\t\t\t/* EDM-1717: box-shadow Safari fix end */\n\t\t\t}\n\t\t}\n\t}\n\n\t.", " {\n\t\t.", " > div {\n\t\t\tcursor: pointer;\n\n\t\t\ta {\n\t\t\t\tcursor: auto;\n\t\t\t}\n\t\t}\n\n\t\t&.", " .", " > div {\n\t\t\t", "\n\t\t\tborder-radius: ", ";\n\t\t}\n\n\t\t&.danger {\n\t\t\t.", " > div {\n\t\t\t\tbox-shadow: 0 0 0 1px ", " !important;\n\t\t\t}\n\t\t}\n\t}\n\n\t.", ".", " {\n\t\tmax-width: 100%;\n\t\tdisplay: flex;\n\t\tjustify-content: center;\n\n\t\t.", " {\n\t\t\tcursor: pointer;\n\t\t\tbackground-color: ", ";\n\t\t\tborder-radius: ", ";\n\t\t\tborder: 1px solid ", ";\n\t\t\toverflow: hidden;\n\t\t}\n\n\t\t&.", " {\n\t\t\t.", " {\n\t\t\t\t", "\n\n\t\t\t\tinput::selection {\n\t\t\t\t\tbackground-color: ", ";\n\t\t\t\t}\n\t\t\t\tinput::-moz-selection {\n\t\t\t\t\tbackground-color: ", ";\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&.danger {\n\t\t\t.", " {\n\t\t\t\tbox-shadow: 0 0 0 1px ", ";\n\t\t\t}\n\t\t}\n\t}\n\n\t.", " {\n\t\t.", " > div {\n\t\t\tcursor: pointer;\n\t\t\ta {\n\t\t\t\tcursor: auto;\n\t\t\t}\n\t\t\t&::after {\n\t\t\t\ttransition: box-shadow 0s;\n\t\t\t}\n\t\t}\n\n\t\t", "\n\n\t\t&.danger {\n\t\t\t.media-card-frame::after {\n\t\t\t\tbox-shadow: 0 0 0 1px ", " !important;\n\t\t\t\tbackground: ", " !important;\n\t\t\t}\n\t\t\t.richMedia-resize-handle-right::after,\n\t\t\t.richMedia-resize-handle-left::after {\n\t\t\t\tbackground: ", ";\n\t\t\t}\n\t\t}\n\t}\n\n\t.", " {\n\t\tpadding: 0;\n\t}\n"])), SmartCardSharedCssClassName.INLINE_CARD_CONTAINER, fg('editor_inline_comments_on_inline_nodes') ? ".card-with-comment {\n          background: ".concat("var(--ds-background-accent-yellow-subtler, #F8E6A0)", ";\n          border-bottom: 2px solid ", "var(--ds-border-accent-yellow, #B38600)", ";\n          box-shadow: ", "var(--ds-shadow-overlay, 0px 8px 12px #091E4226, 0px 0px 1px #091E424f)", ";\n        }") : '', "var(--ds-space-025, 2px)", "var(--ds-space-025, 2px)", SmartCardSharedCssClassName.LOADER_WRAPPER, getSelectionStyles([SelectionStyle.BoxShadow]), editorExperiment('platform_editor_controls', 'variant1') || expValEqualsNoExposure('platform_editor_preview_panel_linking_exp', 'isEnabled', true) ? "[data-inlinecard-button-overlay='icon-wrapper-line-height'] span {\n\t\t\t\tline-height: 0;\n\t\t\t}" : '', expValEqualsNoExposure('platform_editor_find_and_replace_improvements', 'isEnabled', true) && fg('platform_editor_find_and_replace_improvements_1') ? "\n\t\t\t\t&.".concat(akEditorSelectedNodeClassName, ":not(.search-match-block) .").concat(SmartCardSharedCssClassName.LOADER_WRAPPER, " > a {\n\t\t\t\t").concat(getSelectionStyles([SelectionStyle.BoxShadow]), "\n\t\t\t}") : "\n\t\t\t\t&.".concat(akEditorSelectedNodeClassName, " .").concat(SmartCardSharedCssClassName.LOADER_WRAPPER, " > a {\n\t\t\t\t").concat(getSelectionStyles([SelectionStyle.BoxShadow]), "\n\t\t\t}"), SmartCardSharedCssClassName.LOADER_WRAPPER, SmartCardSharedCssClassName.LOADER_WRAPPER, "var(--ds-border-danger, ".concat(akEditorDeleteBorder, ")"), SmartCardSharedCssClassName.BLOCK_CARD_CONTAINER, SmartCardSharedCssClassName.LOADER_WRAPPER, akEditorSelectedNodeClassName, SmartCardSharedCssClassName.LOADER_WRAPPER, getSelectionStyles([SelectionStyle.BoxShadow]), "var(--ds-border-radius-200, 8px)", SmartCardSharedCssClassName.LOADER_WRAPPER, "var(--ds-border-danger, ".concat(akEditorDeleteBorder, ")"), SmartCardSharedCssClassName.DATASOURCE_CONTAINER, SmartCardSharedCssClassName.BLOCK_CARD_CONTAINER, DATASOURCE_INNER_CONTAINER_CLASSNAME, "var(--ds-background-neutral-subtle, #00000000)", "var(--ds-border-radius-200, 8px)", "var(--ds-border, #091E4224)", akEditorSelectedNodeClassName, DATASOURCE_INNER_CONTAINER_CLASSNAME, getSelectionStyles([SelectionStyle.BoxShadow]), "var(--ds-background-selected-hovered, #CCE0FF)", "var(--ds-background-selected-hovered, #CCE0FF)", DATASOURCE_INNER_CONTAINER_CLASSNAME, "var(--ds-border-danger, ".concat(akEditorDeleteBorder, ")"), SmartCardSharedCssClassName.EMBED_CARD_CONTAINER, SmartCardSharedCssClassName.LOADER_WRAPPER, expValEqualsNoExposure('platform_editor_find_and_replace_improvements', 'isEnabled', true) && fg('platform_editor_find_and_replace_improvements_1') ? "\n\t\t\t\t&.".concat(akEditorSelectedNodeClassName, ":not(.search-match-block) .").concat(SmartCardSharedCssClassName.LOADER_WRAPPER, " > div::after {\n\t\t\t\t\t").concat(getSelectionStyles([SelectionStyle.BoxShadow]), "\n\t\t\t\t}\n\t\t\t") : "\n\t\t\t\t&.".concat(akEditorSelectedNodeClassName, " .").concat(SmartCardSharedCssClassName.LOADER_WRAPPER, " > div::after {\n\t\t\t\t\t").concat(getSelectionStyles([SelectionStyle.BoxShadow]), "\n\t\t\t\t}\n\t\t\t"), "var(--ds-border-danger, ".concat(akEditorDeleteBorder, ")"), "var(--ds-background-danger, ".concat(akEditorDeleteBackground, ")"), "var(--ds-border-danger, ".concat(akEditorDeleteBorder, ")"), FLOATING_TOOLBAR_LINKPICKER_CLASSNAME);
+  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\t.", " {\n\t\tmax-width: calc(100% - 20px);\n\t\tvertical-align: top;\n\t\tword-break: break-all;\n\t\t", "\n\t\t.card {\n\t\t\tpadding-left: ", ";\n\t\t\tpadding-right: ", ";\n\t\t\tpadding-top: 0.5em;\n\t\t\tpadding-bottom: 0.5em;\n\t\t\tmargin-bottom: -0.5em;\n\n\t\t\t.", " > a:focus {\n\t\t\t\t", "\n\t\t\t}\n\t\t}\n\n\t\t", "\n\n\t\t", "\n\t\t.", " > a {\n\t\t\t/* EDM-1717: box-shadow Safari fix start */\n\t\t\tz-index: 1;\n\t\t\tposition: relative;\n\t\t\t/* EDM-1717: box-shadow Safari fix end */\n\t\t}\n\n\t\t&.danger {\n\t\t\t.", " > a {\n\t\t\t\tbox-shadow: 0 0 0 1px ", ";\n\t\t\t\t/* EDM-1717: box-shadow Safari fix start */\n\t\t\t\tz-index: 2;\n\t\t\t\t/* EDM-1717: box-shadow Safari fix end */\n\t\t\t}\n\t\t}\n\t}\n\n\t.", " {\n\t\t.", " > div {\n\t\t\tcursor: pointer;\n\n\t\t\ta {\n\t\t\t\tcursor: auto;\n\t\t\t}\n\t\t}\n\n\t\t&.", " .", " > div {\n\t\t\t", "\n\t\t\tborder-radius: ", ";\n\t\t}\n\n\t\t&.danger {\n\t\t\t.", " > div {\n\t\t\t\tbox-shadow: 0 0 0 1px ", " !important;\n\t\t\t}\n\t\t}\n\t}\n\n\t.", ".", " {\n\t\tmax-width: 100%;\n\t\tdisplay: flex;\n\t\tjustify-content: center;\n\n\t\t.", " {\n\t\t\tcursor: pointer;\n\t\t\tbackground-color: ", ";\n\t\t\tborder-radius: ", ";\n\t\t\tborder: 1px solid ", ";\n\t\t\toverflow: hidden;\n\t\t}\n\n\t\t&.", " {\n\t\t\t.", " {\n\t\t\t\t", "\n\n\t\t\t\tinput::selection {\n\t\t\t\t\tbackground-color: ", ";\n\t\t\t\t}\n\t\t\t\tinput::-moz-selection {\n\t\t\t\t\tbackground-color: ", ";\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&.danger {\n\t\t\t.", " {\n\t\t\t\tbox-shadow: 0 0 0 1px ", ";\n\t\t\t}\n\t\t}\n\t}\n\n\t.", " {\n\t\t.", " > div {\n\t\t\tcursor: pointer;\n\t\t\ta {\n\t\t\t\tcursor: auto;\n\t\t\t}\n\t\t\t&::after {\n\t\t\t\ttransition: box-shadow 0s;\n\t\t\t}\n\t\t}\n\n\t\t", "\n\n\t\t&.danger {\n\t\t\t.media-card-frame::after {\n\t\t\t\tbox-shadow: 0 0 0 1px ", " !important;\n\t\t\t\tbackground: ", " !important;\n\t\t\t}\n\t\t\t.richMedia-resize-handle-right::after,\n\t\t\t.richMedia-resize-handle-left::after {\n\t\t\t\tbackground: ", ";\n\t\t\t}\n\t\t}\n\t}\n\n\t.", " {\n\t\tpadding: 0;\n\t}\n"])), SmartCardSharedCssClassName.INLINE_CARD_CONTAINER, fg('editor_inline_comments_on_inline_nodes') ? ".card-with-comment {\n          background: ".concat("var(--ds-background-accent-yellow-subtler, #F8E6A0)", ";\n          border-bottom: 2px solid ", "var(--ds-border-accent-yellow, #B38600)", ";\n          box-shadow: ", "var(--ds-shadow-overlay, 0px 8px 12px #091E4226, 0px 0px 1px #091E424f)", ";\n        }") : '', "var(--ds-space-025, 2px)", "var(--ds-space-025, 2px)", SmartCardSharedCssClassName.LOADER_WRAPPER, getSelectionStyles([SelectionStyle.BoxShadow]), editorExperiment('platform_editor_controls', 'variant1') || expValEqualsNoExposure('platform_editor_preview_panel_linking_exp', 'isEnabled', true) ? "[data-inlinecard-button-overlay='icon-wrapper-line-height'] span {\n\t\t\t\tline-height: 0;\n\t\t\t}" : '', expValEqualsNoExposure('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? "\n\t\t\t\t&.".concat(akEditorSelectedNodeClassName, ":not(.search-match-block) .").concat(SmartCardSharedCssClassName.LOADER_WRAPPER, " > a {\n\t\t\t\t").concat(getSelectionStyles([SelectionStyle.BoxShadow]), "\n\t\t\t}") : "\n\t\t\t\t&.".concat(akEditorSelectedNodeClassName, " .").concat(SmartCardSharedCssClassName.LOADER_WRAPPER, " > a {\n\t\t\t\t").concat(getSelectionStyles([SelectionStyle.BoxShadow]), "\n\t\t\t}"), SmartCardSharedCssClassName.LOADER_WRAPPER, SmartCardSharedCssClassName.LOADER_WRAPPER, "var(--ds-border-danger, ".concat(akEditorDeleteBorder, ")"), SmartCardSharedCssClassName.BLOCK_CARD_CONTAINER, SmartCardSharedCssClassName.LOADER_WRAPPER, akEditorSelectedNodeClassName, SmartCardSharedCssClassName.LOADER_WRAPPER, getSelectionStyles([SelectionStyle.BoxShadow]), "var(--ds-border-radius-200, 8px)", SmartCardSharedCssClassName.LOADER_WRAPPER, "var(--ds-border-danger, ".concat(akEditorDeleteBorder, ")"), SmartCardSharedCssClassName.DATASOURCE_CONTAINER, SmartCardSharedCssClassName.BLOCK_CARD_CONTAINER, DATASOURCE_INNER_CONTAINER_CLASSNAME, "var(--ds-background-neutral-subtle, #00000000)", "var(--ds-border-radius-200, 8px)", "var(--ds-border, #091E4224)", akEditorSelectedNodeClassName, DATASOURCE_INNER_CONTAINER_CLASSNAME, getSelectionStyles([SelectionStyle.BoxShadow]), "var(--ds-background-selected-hovered, #CCE0FF)", "var(--ds-background-selected-hovered, #CCE0FF)", DATASOURCE_INNER_CONTAINER_CLASSNAME, "var(--ds-border-danger, ".concat(akEditorDeleteBorder, ")"), SmartCardSharedCssClassName.EMBED_CARD_CONTAINER, SmartCardSharedCssClassName.LOADER_WRAPPER, expValEqualsNoExposure('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? "\n\t\t\t\t&.".concat(akEditorSelectedNodeClassName, ":not(.search-match-block) .").concat(SmartCardSharedCssClassName.LOADER_WRAPPER, " > div::after {\n\t\t\t\t\t").concat(getSelectionStyles([SelectionStyle.BoxShadow]), "\n\t\t\t\t}\n\t\t\t") : "\n\t\t\t\t&.".concat(akEditorSelectedNodeClassName, " .").concat(SmartCardSharedCssClassName.LOADER_WRAPPER, " > div::after {\n\t\t\t\t\t").concat(getSelectionStyles([SelectionStyle.BoxShadow]), "\n\t\t\t\t}\n\t\t\t"), "var(--ds-border-danger, ".concat(akEditorDeleteBorder, ")"), "var(--ds-background-danger, ".concat(akEditorDeleteBackground, ")"), "var(--ds-border-danger, ".concat(akEditorDeleteBorder, ")"), FLOATING_TOOLBAR_LINKPICKER_CLASSNAME);
 };

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 = "107.28.1";
+var packageVersion = "107.29.0";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var fadeIn = keyframes({

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

@@ -1,10 +1,10 @@
 import type { Transaction, Selection } from '@atlaskit/editor-prosemirror/state';
 import type { AnalyticsEventPayload } from './types/events';
 export type FireAnalyticsEventOptions = {
-    immediate?: boolean;
     context?: {
         selection: Selection;
     };
+    immediate?: boolean;
 };
 export type EditorAnalyticsAPI = {
     /**
@@ -13,7 +13,7 @@ export type EditorAnalyticsAPI = {
      * @param {AnalyticsEventPayload} payload - analytics payload
      * @param {string} [channel="editor"] - optional channel identifier
      * @param {Transaction} tr - a transaction
-     * @return {boolean} true if submitted successful, false if not submitted
+     * @returns {boolean} true if submitted successful, false if not submitted
      */
     attachAnalyticsEvent: (payload: AnalyticsEventPayload, channel?: string) => (tr: Transaction) => boolean;
     /**