@atlaskit/editor-common 76.22.2 → 76.22.4

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @atlaskit/editor-common
 
+## 76.22.4
+
+### Patch Changes
+
+- [#43434](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/43434) [`3164f6d83de`](https://bitbucket.org/atlassian/atlassian-frontend/commits/3164f6d83de) - ED-20979 and ED-20878 scaffolding for inline image component
+- Updated dependencies
+
+## 76.22.3
+
+### Patch Changes
+
+- [#43419](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/43419) [`27726a80705`](https://bitbucket.org/atlassian/atlassian-frontend/commits/27726a80705) - [ux] Updated borders and added grid lines in datasource tables.
+- [#43436](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/43436) [`6bf14e25965`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6bf14e25965) - Revert "Resize media for the keyboard users"
+- [#43176](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/43176) [`08ef3d55edb`](https://bitbucket.org/atlassian/atlassian-frontend/commits/08ef3d55edb) - [ux] Updates message shown in the tooltip of insert row/column button for table with drag and drop enabled.
+
 ## 76.22.2
 
 ### Patch Changes

package/dist/cjs/keymaps/index.js

@@ -81,14 +81,14 @@ Object.defineProperty(exports, "UP", {
 exports.backspace = exports.altPaste = exports.alignLeft = exports.addRowBefore = exports.addRowAfter = exports.addLink = exports.addInlineComment = exports.addColumnBefore = exports.addColumnAfter = exports.addAltText = void 0;
 exports.bindKeymapWithCommand = bindKeymapWithCommand;
 exports.bindKeymapWithEditorCommand = bindKeymapWithEditorCommand;
-exports.find = exports.escape = exports.enter = exports.deleteKey = exports.decreaseMediaSize = exports.cut = exports.ctrlBackSpace = exports.copy = exports.clearFormatting = void 0;
+exports.find = exports.escape = exports.enter = exports.deleteKey = exports.cut = exports.ctrlBackSpace = exports.copy = exports.clearFormatting = void 0;
 exports.findKeyMapForBrowser = findKeyMapForBrowser;
 exports.findKeymapByDescription = findKeymapByDescription;
 exports.findShortcutByDescription = findShortcutByDescription;
 exports.findShortcutByKeymap = findShortcutByKeymap;
 exports.forwardDelete = void 0;
 exports.getAriaKeyshortcuts = getAriaKeyshortcuts;
-exports.insertRule = exports.insertNewLine = exports.indentList = exports.indent = exports.increaseMediaSize = void 0;
+exports.insertRule = exports.insertNewLine = exports.indentList = exports.indent = void 0;
 exports.isCapsLockOnAndModifyKeyboardEvent = isCapsLockOnAndModifyKeyboardEvent;
 Object.defineProperty(exports, "keymap", {
   enumerable: true,
@@ -98,7 +98,7 @@ Object.defineProperty(exports, "keymap", {
 });
 exports.makeKeyMapWithCommon = makeKeyMapWithCommon;
 exports.makeKeymap = makeKeymap;
-exports.toggleUnderline = exports.toggleTaskItemCheckbox = exports.toggleTable = exports.toggleSuperscript = exports.toggleSubscript = exports.toggleStrikethrough = exports.toggleOrderedList = exports.toggleItalic = exports.toggleHeading6 = exports.toggleHeading5 = exports.toggleHeading4 = exports.toggleHeading3 = exports.toggleHeading2 = exports.toggleHeading1 = exports.toggleCode = exports.toggleBulletList = exports.toggleBold = exports.toggleBlockQuote = exports.tab = exports.submit = exports.splitListItem = exports.splitCodeBlock = exports.space = exports.shiftTab = exports.shiftEnter = exports.shiftBackspace = exports.shiftArrowUp = exports.setNormalText = exports.redo = exports.quickIncreaseMediaSize = exports.quickDecreaseMediaSize = exports.previousCell = exports.pastePlainText = exports.paste = exports.outdentList = exports.outdent = exports.openHelp = exports.nextCell = exports.navToFloatingToolbar = exports.navToEditorToolbar = exports.moveUp = exports.moveRight = exports.moveLeft = exports.moveDown = void 0;
+exports.toggleUnderline = exports.toggleTaskItemCheckbox = exports.toggleTable = exports.toggleSuperscript = exports.toggleSubscript = exports.toggleStrikethrough = exports.toggleOrderedList = exports.toggleItalic = exports.toggleHeading6 = exports.toggleHeading5 = exports.toggleHeading4 = exports.toggleHeading3 = exports.toggleHeading2 = exports.toggleHeading1 = exports.toggleCode = exports.toggleBulletList = exports.toggleBold = exports.toggleBlockQuote = exports.tab = exports.submit = exports.splitListItem = exports.splitCodeBlock = exports.space = exports.shiftTab = exports.shiftEnter = exports.shiftBackspace = exports.shiftArrowUp = exports.setNormalText = exports.redo = exports.previousCell = exports.pastePlainText = exports.paste = exports.outdentList = exports.outdent = exports.openHelp = exports.nextCell = exports.navToFloatingToolbar = exports.navToEditorToolbar = exports.moveUp = exports.moveRight = exports.moveLeft = exports.moveDown = void 0;
 exports.tooltip = tooltip;
 exports.undo = void 0;
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
@@ -181,10 +181,6 @@ var altPaste = exports.altPaste = makeKeyMapWithCommon('Paste', 'Mod-Shift-v');
 var find = exports.find = makeKeyMapWithCommon('Find', 'Mod-f');
 var alignLeft = exports.alignLeft = makeKeyMapWithCommon('Align Left', 'Mod-Shift-l');
 var toggleTaskItemCheckbox = exports.toggleTaskItemCheckbox = makeKeyMapWithCommon('Toggles task item', 'Mod-Alt-Enter');
-var increaseMediaSize = exports.increaseMediaSize = makeKeyMapWithCommon('increase image size', 'Mod-ArrowRight');
-var decreaseMediaSize = exports.decreaseMediaSize = makeKeyMapWithCommon('increase image size', 'Mod-ArrowLeft');
-var quickIncreaseMediaSize = exports.quickIncreaseMediaSize = makeKeyMapWithCommon('quick increase image size', 'Mod-Shift-ArrowRight');
-var quickDecreaseMediaSize = exports.quickDecreaseMediaSize = makeKeyMapWithCommon('quick increase image size', 'Mod-Shift-ArrowLeft');
 var arrowKeysMap = {
   // for reference: https://wincent.com/wiki/Unicode_representations_of_modifier_keys
   ARROWLEFT: "\u2190",

package/dist/cjs/media-inline/MediaInlineImageCard.js

@@ -0,0 +1,76 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MediaInlineImageCard = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = require("react");
+/** @jsx jsx */
+
+var MediaInlineImageCard = exports.MediaInlineImageCard = function MediaInlineImageCard(_ref) {
+  var mediaClient = _ref.mediaClient,
+    identifier = _ref.identifier;
+  var _useState = (0, _react.useState)(),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    fileState = _useState2[0],
+    setFileState = _useState2[1];
+  var _useState3 = (0, _react.useState)(),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    subscribeError = _useState4[0],
+    setSubscribeError = _useState4[1];
+  (0, _react.useEffect)(function () {
+    var subscription = mediaClient.file.getFileState(identifier.id, {
+      collectionName: identifier.collectionName
+    }).subscribe({
+      next: function next(fileState) {
+        setFileState(fileState);
+        setSubscribeError(undefined);
+      },
+      error: function error(e) {
+        setSubscribeError(e);
+      }
+    });
+    return function () {
+      subscription.unsubscribe();
+    };
+  }, [identifier.collectionName, identifier.id, mediaClient.file]);
+  if (subscribeError) {
+    // TODO:
+    // referring to packages/media/media-card/src/inline/mediaInlineCard.tsx
+    // for error message and analytics
+    throw new Error("not yet implemented: MediaInlineImageCard subscribe error view");
+  }
+  if ((fileState === null || fileState === void 0 ? void 0 : fileState.status) === 'error') {
+    // TODO:
+    // referring to packages/media/media-card/src/inline/mediaInlineCard.tsx
+    // for error message and analytics
+    throw new Error("not yet implemented: MediaInlineImageCard error view");
+  }
+  if ((fileState === null || fileState === void 0 ? void 0 : fileState.status) === 'failed-processing') {
+    // TODO:
+    // referring to packages/media/media-card/src/inline/mediaInlineCard.tsx
+    // for error message and analytics
+    throw new Error("not yet implemented: MediaInlineImageCard failed-processing view");
+  }
+  // Empty file handling
+  if (fileState && !fileState.name) {
+    // TODO:
+    // referring to packages/media/media-card/src/inline/mediaInlineCard.tsx
+    // for error message and analytics
+    throw new Error("not yet implemented: MediaInlineImageCard empty file name error view");
+  }
+  if ((fileState === null || fileState === void 0 ? void 0 : fileState.status) === 'uploading') {
+    throw new Error("not yet implemented: MediaInlineImageCard uploading view");
+  }
+  if (!fileState) {
+    throw new Error("not yet implemented: MediaInlineImageCard loading view");
+  }
+
+  // TODO
+  // use Card from `@atlaskit/media-card` with an inline block wrapper
+  // with:
+  // selection state and `mediaOptions.allowLazyLoading`
+  throw new Error("not yet implemented: MediaInlineImageCard loading view");
+};

package/dist/cjs/media-inline/index.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "MediaInlineImageCard", {
+  enumerable: true,
+  get: function get() {
+    return _MediaInlineImageCard.MediaInlineImageCard;
+  }
+});
+Object.defineProperty(exports, "shouldShowInlineImage", {
+  enumerable: true,
+  get: function get() {
+    return _shouldShowInlineImage.shouldShowInlineImage;
+  }
+});
+var _MediaInlineImageCard = require("./MediaInlineImageCard");
+var _shouldShowInlineImage = require("./shouldShowInlineImage");

package/dist/cjs/media-inline/shouldShowInlineImage.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.shouldShowInlineImage = void 0;
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var shouldShowInlineImage = exports.shouldShowInlineImage = function shouldShowInlineImage(mediaType) {
+  if ((0, _platformFeatureFlags.getBooleanFF)('platform.editor.media.inline-image.base-support')) {
+    return mediaType === 'image';
+  }
+  return false;
+};

package/dist/cjs/messages/table.js

@@ -41,6 +41,11 @@ var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
     defaultMessage: 'Insert column right',
     description: 'Inserts a new column to the right of selected column.'
   },
+  insertColumnDrag: {
+    id: 'fabric.editor.insertColumnDrag',
+    defaultMessage: 'Insert column',
+    description: 'Inserts a new column to the right of selected column.'
+  },
   removeColumns: {
     id: 'fabric.editor.removeColumns',
     defaultMessage: 'Delete {0, plural, one {column} other {columns}}',
@@ -51,6 +56,11 @@ var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
     defaultMessage: 'Insert row below',
     description: 'Inserts a new row below the selected row.'
   },
+  insertRowDrag: {
+    id: 'fabric.editor.insertRowDrag',
+    defaultMessage: 'Insert row',
+    description: 'Inserts a new row below the selected row.'
+  },
   removeRows: {
     id: 'fabric.editor.removeRows',
     defaultMessage: 'Delete {0, plural, one {row} other {rows}}',

package/dist/cjs/monitoring/error.js

@@ -16,7 +16,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 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 = "76.22.2";
+var packageVersion = "76.22.4";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

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

@@ -14,4 +14,4 @@ var _smartCard = require("./smart-card");
 var _templateObject;
 var DATASOURCE_INNER_CONTAINER_CLASSNAME = exports.DATASOURCE_INNER_CONTAINER_CLASSNAME = 'datasourceView-content-inner-wrap';
 var FLOATING_TOOLBAR_LINKPICKER_CLASSNAME = exports.FLOATING_TOOLBAR_LINKPICKER_CLASSNAME = 'card-floating-toolbar--link-picker';
-var smartCardStyles = exports.smartCardStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  .", " {\n    max-width: calc(100% - 20px);\n    vertical-align: top;\n    word-break: break-all;\n\n    .card {\n      padding-left: ", ";\n      padding-right: ", ";\n      padding-top: 0.5em;\n      padding-bottom: 0.5em;\n      margin-bottom: -0.5em;\n\n      .", " > a:focus {\n        ", "\n      }\n    }\n\n    &.", "\n      .", "\n      > a {\n      ", "\n    }\n    .", " > a {\n      /* EDM-1717: box-shadow Safari fix start */\n      z-index: 1;\n      position: relative;\n      /* EDM-1717: box-shadow Safari fix end */\n    }\n\n    &.danger {\n      .", " > a {\n        box-shadow: 0 0 0 1px\n          ", ";\n        /* EDM-1717: box-shadow Safari fix start */\n        z-index: 2;\n        /* EDM-1717: box-shadow Safari fix end */\n      }\n    }\n  }\n\n  .", " {\n    .", " > div {\n      cursor: pointer;\n      ", "\n    }\n\n    &.", "\n      .", "\n      > div {\n      ", "\n      ", "\n    }\n\n    &.danger {\n      .", " > div {\n        box-shadow: 0 0 0 1px\n          ", " !important;\n      }\n    }\n  }\n\n  .", ".", " {\n    max-width: 100%;\n    display: flex;\n    justify-content: center;\n\n    .", " {\n      cursor: pointer;\n      background-color: ", ";\n      border-radius: ", ";\n      border: 1px solid ", ";\n    }\n\n    &.", " {\n      .", " {\n        ", "\n      }\n    }\n\n    &.danger {\n      .", " {\n        box-shadow: 0 0 0 1px\n          ", ";\n      }\n    }\n  }\n\n  .", " {\n    .", " > div {\n      cursor: pointer;\n      &::after {\n        transition: box-shadow 0s;\n      }\n    }\n\n    &.", "\n      .", "\n      > div::after {\n      ", "\n    }\n\n    &.danger {\n      .media-card-frame::after {\n        box-shadow: 0 0 0 1px\n          ", " !important;\n        background: ", " !important;\n      }\n      .richMedia-resize-handle-right::after,\n      .richMedia-resize-handle-left::after {\n        background: ", ";\n      }\n    }\n  }\n\n  .", " {\n    padding: 0;\n  }\n"])), _smartCard.SmartCardSharedCssClassName.INLINE_CARD_CONTAINER, "var(--ds-space-025, 2px)", "var(--ds-space-025, 2px)", _smartCard.SmartCardSharedCssClassName.LOADER_WRAPPER, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.BoxShadow]), _editorSharedStyles.akEditorSelectedNodeClassName, _smartCard.SmartCardSharedCssClassName.LOADER_WRAPPER, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.BoxShadow]), _smartCard.SmartCardSharedCssClassName.LOADER_WRAPPER, _smartCard.SmartCardSharedCssClassName.LOADER_WRAPPER, "var(--ds-border-danger, ".concat(_editorSharedStyles.akEditorDeleteBorder, ")"), _smartCard.SmartCardSharedCssClassName.BLOCK_CARD_CONTAINER, _smartCard.SmartCardSharedCssClassName.LOADER_WRAPPER, (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.show-smart-links-refreshed-design') ? '' : "\n      &:hover {\n        background-color: ".concat("var(--ds-background-neutral-subtle-hovered, ".concat(_colors.N20, ")"), ";\n      }\n      "), _editorSharedStyles.akEditorSelectedNodeClassName, _smartCard.SmartCardSharedCssClassName.LOADER_WRAPPER, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.BoxShadow]), (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.show-smart-links-refreshed-design') ? "border-radius: ".concat("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, ".concat(_colors.N0, ")"), "var(--ds-border-radius-100, 3px)", "var(--ds-border, ".concat(_colors.N40, ")"), _editorSharedStyles.akEditorSelectedNodeClassName, DATASOURCE_INNER_CONTAINER_CLASSNAME, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.BoxShadow]), DATASOURCE_INNER_CONTAINER_CLASSNAME, "var(--ds-border-danger, ".concat(_editorSharedStyles.akEditorDeleteBorder, ")"), _smartCard.SmartCardSharedCssClassName.EMBED_CARD_CONTAINER, _smartCard.SmartCardSharedCssClassName.LOADER_WRAPPER, _editorSharedStyles.akEditorSelectedNodeClassName, _smartCard.SmartCardSharedCssClassName.LOADER_WRAPPER, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.BoxShadow]), "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);
+var smartCardStyles = exports.smartCardStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  .", " {\n    max-width: calc(100% - 20px);\n    vertical-align: top;\n    word-break: break-all;\n\n    .card {\n      padding-left: ", ";\n      padding-right: ", ";\n      padding-top: 0.5em;\n      padding-bottom: 0.5em;\n      margin-bottom: -0.5em;\n\n      .", " > a:focus {\n        ", "\n      }\n    }\n\n    &.", "\n      .", "\n      > a {\n      ", "\n    }\n    .", " > a {\n      /* EDM-1717: box-shadow Safari fix start */\n      z-index: 1;\n      position: relative;\n      /* EDM-1717: box-shadow Safari fix end */\n    }\n\n    &.danger {\n      .", " > a {\n        box-shadow: 0 0 0 1px\n          ", ";\n        /* EDM-1717: box-shadow Safari fix start */\n        z-index: 2;\n        /* EDM-1717: box-shadow Safari fix end */\n      }\n    }\n  }\n\n  .", " {\n    .", " > div {\n      cursor: pointer;\n      ", "\n    }\n\n    &.", "\n      .", "\n      > div {\n      ", "\n      ", "\n    }\n\n    &.danger {\n      .", " > div {\n        box-shadow: 0 0 0 1px\n          ", " !important;\n      }\n    }\n  }\n\n  .", ".", " {\n    max-width: 100%;\n    display: flex;\n    justify-content: center;\n\n    .", " {\n      cursor: pointer;\n      background-color: ", ";\n      border-radius: ", ";\n      border: 1px solid ", ";\n    }\n\n    &.", " {\n      .", " {\n        ", "\n      }\n    }\n\n    &.danger {\n      .", " {\n        box-shadow: 0 0 0 1px\n          ", ";\n      }\n    }\n  }\n\n  .", " {\n    .", " > div {\n      cursor: pointer;\n      &::after {\n        transition: box-shadow 0s;\n      }\n    }\n\n    &.", "\n      .", "\n      > div::after {\n      ", "\n    }\n\n    &.danger {\n      .media-card-frame::after {\n        box-shadow: 0 0 0 1px\n          ", " !important;\n        background: ", " !important;\n      }\n      .richMedia-resize-handle-right::after,\n      .richMedia-resize-handle-left::after {\n        background: ", ";\n      }\n    }\n  }\n\n  .", " {\n    padding: 0;\n  }\n"])), _smartCard.SmartCardSharedCssClassName.INLINE_CARD_CONTAINER, "var(--ds-space-025, 2px)", "var(--ds-space-025, 2px)", _smartCard.SmartCardSharedCssClassName.LOADER_WRAPPER, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.BoxShadow]), _editorSharedStyles.akEditorSelectedNodeClassName, _smartCard.SmartCardSharedCssClassName.LOADER_WRAPPER, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.BoxShadow]), _smartCard.SmartCardSharedCssClassName.LOADER_WRAPPER, _smartCard.SmartCardSharedCssClassName.LOADER_WRAPPER, "var(--ds-border-danger, ".concat(_editorSharedStyles.akEditorDeleteBorder, ")"), _smartCard.SmartCardSharedCssClassName.BLOCK_CARD_CONTAINER, _smartCard.SmartCardSharedCssClassName.LOADER_WRAPPER, (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.show-smart-links-refreshed-design') ? '' : "\n      &:hover {\n        background-color: ".concat("var(--ds-background-neutral-subtle-hovered, ".concat(_colors.N20, ")"), ";\n      }\n      "), _editorSharedStyles.akEditorSelectedNodeClassName, _smartCard.SmartCardSharedCssClassName.LOADER_WRAPPER, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.BoxShadow]), (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.show-smart-links-refreshed-design') ? "border-radius: ".concat("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, ".concat(_colors.N0, ")"), "var(--ds-border-radius-200, 8px)", "var(--ds-border, ".concat(_colors.N40, ")"), _editorSharedStyles.akEditorSelectedNodeClassName, DATASOURCE_INNER_CONTAINER_CLASSNAME, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.BoxShadow]), DATASOURCE_INNER_CONTAINER_CLASSNAME, "var(--ds-border-danger, ".concat(_editorSharedStyles.akEditorDeleteBorder, ")"), _smartCard.SmartCardSharedCssClassName.EMBED_CARD_CONTAINER, _smartCard.SmartCardSharedCssClassName.LOADER_WRAPPER, _editorSharedStyles.akEditorSelectedNodeClassName, _smartCard.SmartCardSharedCssClassName.LOADER_WRAPPER, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.BoxShadow]), "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 @@ var _templateObject, _templateObject2, _templateObject3;
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } } /** @jsx jsx */
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "76.22.2";
+var packageVersion = "76.22.4";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var DropList = /*#__PURE__*/function (_Component) {

package/dist/es2019/keymaps/index.js

@@ -71,10 +71,6 @@ export const altPaste = makeKeyMapWithCommon('Paste', 'Mod-Shift-v');
 export const find = makeKeyMapWithCommon('Find', 'Mod-f');
 export const alignLeft = makeKeyMapWithCommon('Align Left', 'Mod-Shift-l');
 export const toggleTaskItemCheckbox = makeKeyMapWithCommon('Toggles task item', 'Mod-Alt-Enter');
-export const increaseMediaSize = makeKeyMapWithCommon('increase image size', 'Mod-ArrowRight');
-export const decreaseMediaSize = makeKeyMapWithCommon('increase image size', 'Mod-ArrowLeft');
-export const quickIncreaseMediaSize = makeKeyMapWithCommon('quick increase image size', 'Mod-Shift-ArrowRight');
-export const quickDecreaseMediaSize = makeKeyMapWithCommon('quick increase image size', 'Mod-Shift-ArrowLeft');
 const arrowKeysMap = {
   // for reference: https://wincent.com/wiki/Unicode_representations_of_modifier_keys
   ARROWLEFT: '\u2190',

package/dist/es2019/media-inline/MediaInlineImageCard.js

@@ -0,0 +1,63 @@
+/** @jsx jsx */
+
+import { useEffect, useState } from 'react';
+export const MediaInlineImageCard = ({
+  mediaClient,
+  identifier
+}) => {
+  const [fileState, setFileState] = useState();
+  const [subscribeError, setSubscribeError] = useState();
+  useEffect(() => {
+    const subscription = mediaClient.file.getFileState(identifier.id, {
+      collectionName: identifier.collectionName
+    }).subscribe({
+      next: fileState => {
+        setFileState(fileState);
+        setSubscribeError(undefined);
+      },
+      error: e => {
+        setSubscribeError(e);
+      }
+    });
+    return () => {
+      subscription.unsubscribe();
+    };
+  }, [identifier.collectionName, identifier.id, mediaClient.file]);
+  if (subscribeError) {
+    // TODO:
+    // referring to packages/media/media-card/src/inline/mediaInlineCard.tsx
+    // for error message and analytics
+    throw new Error(`not yet implemented: MediaInlineImageCard subscribe error view`);
+  }
+  if ((fileState === null || fileState === void 0 ? void 0 : fileState.status) === 'error') {
+    // TODO:
+    // referring to packages/media/media-card/src/inline/mediaInlineCard.tsx
+    // for error message and analytics
+    throw new Error(`not yet implemented: MediaInlineImageCard error view`);
+  }
+  if ((fileState === null || fileState === void 0 ? void 0 : fileState.status) === 'failed-processing') {
+    // TODO:
+    // referring to packages/media/media-card/src/inline/mediaInlineCard.tsx
+    // for error message and analytics
+    throw new Error(`not yet implemented: MediaInlineImageCard failed-processing view`);
+  }
+  // Empty file handling
+  if (fileState && !fileState.name) {
+    // TODO:
+    // referring to packages/media/media-card/src/inline/mediaInlineCard.tsx
+    // for error message and analytics
+    throw new Error(`not yet implemented: MediaInlineImageCard empty file name error view`);
+  }
+  if ((fileState === null || fileState === void 0 ? void 0 : fileState.status) === 'uploading') {
+    throw new Error(`not yet implemented: MediaInlineImageCard uploading view`);
+  }
+  if (!fileState) {
+    throw new Error(`not yet implemented: MediaInlineImageCard loading view`);
+  }
+
+  // TODO
+  // use Card from `@atlaskit/media-card` with an inline block wrapper
+  // with:
+  // selection state and `mediaOptions.allowLazyLoading`
+  throw new Error(`not yet implemented: MediaInlineImageCard loading view`);
+};

package/dist/es2019/media-inline/index.js

@@ -0,0 +1,2 @@
+export { MediaInlineImageCard } from './MediaInlineImageCard';
+export { shouldShowInlineImage } from './shouldShowInlineImage';

package/dist/es2019/media-inline/shouldShowInlineImage.js

@@ -0,0 +1,7 @@
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+export const shouldShowInlineImage = mediaType => {
+  if (getBooleanFF('platform.editor.media.inline-image.base-support')) {
+    return mediaType === 'image';
+  }
+  return false;
+};

package/dist/es2019/messages/table.js

@@ -35,6 +35,11 @@ export const messages = defineMessages({
     defaultMessage: 'Insert column right',
     description: 'Inserts a new column to the right of selected column.'
   },
+  insertColumnDrag: {
+    id: 'fabric.editor.insertColumnDrag',
+    defaultMessage: 'Insert column',
+    description: 'Inserts a new column to the right of selected column.'
+  },
   removeColumns: {
     id: 'fabric.editor.removeColumns',
     defaultMessage: 'Delete {0, plural, one {column} other {columns}}',
@@ -45,6 +50,11 @@ export const messages = defineMessages({
     defaultMessage: 'Insert row below',
     description: 'Inserts a new row below the selected row.'
   },
+  insertRowDrag: {
+    id: 'fabric.editor.insertRowDrag',
+    defaultMessage: 'Insert row',
+    description: 'Inserts a new row below the selected row.'
+  },
   removeRows: {
     id: 'fabric.editor.removeRows',
     defaultMessage: 'Delete {0, plural, one {row} other {rows}}',

package/dist/es2019/monitoring/error.js

@@ -1,6 +1,6 @@
 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 = "76.22.2";
+const packageVersion = "76.22.4";
 const sanitiseSentryEvents = (data, _hint) => {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

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

@@ -79,7 +79,7 @@ export const smartCardStyles = css`
     .${DATASOURCE_INNER_CONTAINER_CLASSNAME} {
       cursor: pointer;
       background-color: ${`var(--ds-background-neutral-subtle, ${N0})`};
-      border-radius: ${"var(--ds-border-radius-100, 3px)"};
+      border-radius: ${"var(--ds-border-radius-200, 8px)"};
       border: 1px solid ${`var(--ds-border, ${N40})`};
     }
 

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

@@ -9,7 +9,7 @@ import { themed } from '@atlaskit/theme/components';
 import { borderRadius } from '@atlaskit/theme/constants';
 import Layer from '../Layer';
 const packageName = "@atlaskit/editor-common";
-const packageVersion = "76.22.2";
+const packageVersion = "76.22.4";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 class DropList extends Component {

package/dist/esm/keymaps/index.js

@@ -74,10 +74,6 @@ export var altPaste = makeKeyMapWithCommon('Paste', 'Mod-Shift-v');
 export var find = makeKeyMapWithCommon('Find', 'Mod-f');
 export var alignLeft = makeKeyMapWithCommon('Align Left', 'Mod-Shift-l');
 export var toggleTaskItemCheckbox = makeKeyMapWithCommon('Toggles task item', 'Mod-Alt-Enter');
-export var increaseMediaSize = makeKeyMapWithCommon('increase image size', 'Mod-ArrowRight');
-export var decreaseMediaSize = makeKeyMapWithCommon('increase image size', 'Mod-ArrowLeft');
-export var quickIncreaseMediaSize = makeKeyMapWithCommon('quick increase image size', 'Mod-Shift-ArrowRight');
-export var quickDecreaseMediaSize = makeKeyMapWithCommon('quick increase image size', 'Mod-Shift-ArrowLeft');
 var arrowKeysMap = {
   // for reference: https://wincent.com/wiki/Unicode_representations_of_modifier_keys
   ARROWLEFT: "\u2190",

package/dist/esm/media-inline/MediaInlineImageCard.js

@@ -0,0 +1,69 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+/** @jsx jsx */
+
+import { useEffect, useState } from 'react';
+export var MediaInlineImageCard = function MediaInlineImageCard(_ref) {
+  var mediaClient = _ref.mediaClient,
+    identifier = _ref.identifier;
+  var _useState = useState(),
+    _useState2 = _slicedToArray(_useState, 2),
+    fileState = _useState2[0],
+    setFileState = _useState2[1];
+  var _useState3 = useState(),
+    _useState4 = _slicedToArray(_useState3, 2),
+    subscribeError = _useState4[0],
+    setSubscribeError = _useState4[1];
+  useEffect(function () {
+    var subscription = mediaClient.file.getFileState(identifier.id, {
+      collectionName: identifier.collectionName
+    }).subscribe({
+      next: function next(fileState) {
+        setFileState(fileState);
+        setSubscribeError(undefined);
+      },
+      error: function error(e) {
+        setSubscribeError(e);
+      }
+    });
+    return function () {
+      subscription.unsubscribe();
+    };
+  }, [identifier.collectionName, identifier.id, mediaClient.file]);
+  if (subscribeError) {
+    // TODO:
+    // referring to packages/media/media-card/src/inline/mediaInlineCard.tsx
+    // for error message and analytics
+    throw new Error("not yet implemented: MediaInlineImageCard subscribe error view");
+  }
+  if ((fileState === null || fileState === void 0 ? void 0 : fileState.status) === 'error') {
+    // TODO:
+    // referring to packages/media/media-card/src/inline/mediaInlineCard.tsx
+    // for error message and analytics
+    throw new Error("not yet implemented: MediaInlineImageCard error view");
+  }
+  if ((fileState === null || fileState === void 0 ? void 0 : fileState.status) === 'failed-processing') {
+    // TODO:
+    // referring to packages/media/media-card/src/inline/mediaInlineCard.tsx
+    // for error message and analytics
+    throw new Error("not yet implemented: MediaInlineImageCard failed-processing view");
+  }
+  // Empty file handling
+  if (fileState && !fileState.name) {
+    // TODO:
+    // referring to packages/media/media-card/src/inline/mediaInlineCard.tsx
+    // for error message and analytics
+    throw new Error("not yet implemented: MediaInlineImageCard empty file name error view");
+  }
+  if ((fileState === null || fileState === void 0 ? void 0 : fileState.status) === 'uploading') {
+    throw new Error("not yet implemented: MediaInlineImageCard uploading view");
+  }
+  if (!fileState) {
+    throw new Error("not yet implemented: MediaInlineImageCard loading view");
+  }
+
+  // TODO
+  // use Card from `@atlaskit/media-card` with an inline block wrapper
+  // with:
+  // selection state and `mediaOptions.allowLazyLoading`
+  throw new Error("not yet implemented: MediaInlineImageCard loading view");
+};

package/dist/esm/media-inline/index.js

@@ -0,0 +1,2 @@
+export { MediaInlineImageCard } from './MediaInlineImageCard';
+export { shouldShowInlineImage } from './shouldShowInlineImage';

package/dist/esm/media-inline/shouldShowInlineImage.js

@@ -0,0 +1,7 @@
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+export var shouldShowInlineImage = function shouldShowInlineImage(mediaType) {
+  if (getBooleanFF('platform.editor.media.inline-image.base-support')) {
+    return mediaType === 'image';
+  }
+  return false;
+};

package/dist/esm/messages/table.js

@@ -35,6 +35,11 @@ export var messages = defineMessages({
     defaultMessage: 'Insert column right',
     description: 'Inserts a new column to the right of selected column.'
   },
+  insertColumnDrag: {
+    id: 'fabric.editor.insertColumnDrag',
+    defaultMessage: 'Insert column',
+    description: 'Inserts a new column to the right of selected column.'
+  },
   removeColumns: {
     id: 'fabric.editor.removeColumns',
     defaultMessage: 'Delete {0, plural, one {column} other {columns}}',
@@ -45,6 +50,11 @@ export var messages = defineMessages({
     defaultMessage: 'Insert row below',
     description: 'Inserts a new row below the selected row.'
   },
+  insertRowDrag: {
+    id: 'fabric.editor.insertRowDrag',
+    defaultMessage: 'Insert row',
+    description: 'Inserts a new row below the selected row.'
+  },
   removeRows: {
     id: 'fabric.editor.removeRows',
     defaultMessage: 'Delete {0, plural, one {row} other {rows}}',

package/dist/esm/monitoring/error.js

@@ -6,7 +6,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 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 = "76.22.2";
+var packageVersion = "76.22.4";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

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

@@ -7,4 +7,4 @@ import { N0, N20, N40 } from '@atlaskit/theme/colors';
 import { SmartCardSharedCssClassName } from './smart-card';
 export var DATASOURCE_INNER_CONTAINER_CLASSNAME = 'datasourceView-content-inner-wrap';
 export var FLOATING_TOOLBAR_LINKPICKER_CLASSNAME = 'card-floating-toolbar--link-picker';
-export var smartCardStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .", " {\n    max-width: calc(100% - 20px);\n    vertical-align: top;\n    word-break: break-all;\n\n    .card {\n      padding-left: ", ";\n      padding-right: ", ";\n      padding-top: 0.5em;\n      padding-bottom: 0.5em;\n      margin-bottom: -0.5em;\n\n      .", " > a:focus {\n        ", "\n      }\n    }\n\n    &.", "\n      .", "\n      > a {\n      ", "\n    }\n    .", " > a {\n      /* EDM-1717: box-shadow Safari fix start */\n      z-index: 1;\n      position: relative;\n      /* EDM-1717: box-shadow Safari fix end */\n    }\n\n    &.danger {\n      .", " > a {\n        box-shadow: 0 0 0 1px\n          ", ";\n        /* EDM-1717: box-shadow Safari fix start */\n        z-index: 2;\n        /* EDM-1717: box-shadow Safari fix end */\n      }\n    }\n  }\n\n  .", " {\n    .", " > div {\n      cursor: pointer;\n      ", "\n    }\n\n    &.", "\n      .", "\n      > div {\n      ", "\n      ", "\n    }\n\n    &.danger {\n      .", " > div {\n        box-shadow: 0 0 0 1px\n          ", " !important;\n      }\n    }\n  }\n\n  .", ".", " {\n    max-width: 100%;\n    display: flex;\n    justify-content: center;\n\n    .", " {\n      cursor: pointer;\n      background-color: ", ";\n      border-radius: ", ";\n      border: 1px solid ", ";\n    }\n\n    &.", " {\n      .", " {\n        ", "\n      }\n    }\n\n    &.danger {\n      .", " {\n        box-shadow: 0 0 0 1px\n          ", ";\n      }\n    }\n  }\n\n  .", " {\n    .", " > div {\n      cursor: pointer;\n      &::after {\n        transition: box-shadow 0s;\n      }\n    }\n\n    &.", "\n      .", "\n      > div::after {\n      ", "\n    }\n\n    &.danger {\n      .media-card-frame::after {\n        box-shadow: 0 0 0 1px\n          ", " !important;\n        background: ", " !important;\n      }\n      .richMedia-resize-handle-right::after,\n      .richMedia-resize-handle-left::after {\n        background: ", ";\n      }\n    }\n  }\n\n  .", " {\n    padding: 0;\n  }\n"])), SmartCardSharedCssClassName.INLINE_CARD_CONTAINER, "var(--ds-space-025, 2px)", "var(--ds-space-025, 2px)", SmartCardSharedCssClassName.LOADER_WRAPPER, getSelectionStyles([SelectionStyle.BoxShadow]), akEditorSelectedNodeClassName, SmartCardSharedCssClassName.LOADER_WRAPPER, getSelectionStyles([SelectionStyle.BoxShadow]), SmartCardSharedCssClassName.LOADER_WRAPPER, SmartCardSharedCssClassName.LOADER_WRAPPER, "var(--ds-border-danger, ".concat(akEditorDeleteBorder, ")"), SmartCardSharedCssClassName.BLOCK_CARD_CONTAINER, SmartCardSharedCssClassName.LOADER_WRAPPER, getBooleanFF('platform.linking-platform.smart-card.show-smart-links-refreshed-design') ? '' : "\n      &:hover {\n        background-color: ".concat("var(--ds-background-neutral-subtle-hovered, ".concat(N20, ")"), ";\n      }\n      "), akEditorSelectedNodeClassName, SmartCardSharedCssClassName.LOADER_WRAPPER, getSelectionStyles([SelectionStyle.BoxShadow]), getBooleanFF('platform.linking-platform.smart-card.show-smart-links-refreshed-design') ? "border-radius: ".concat("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, ".concat(N0, ")"), "var(--ds-border-radius-100, 3px)", "var(--ds-border, ".concat(N40, ")"), akEditorSelectedNodeClassName, DATASOURCE_INNER_CONTAINER_CLASSNAME, getSelectionStyles([SelectionStyle.BoxShadow]), DATASOURCE_INNER_CONTAINER_CLASSNAME, "var(--ds-border-danger, ".concat(akEditorDeleteBorder, ")"), SmartCardSharedCssClassName.EMBED_CARD_CONTAINER, SmartCardSharedCssClassName.LOADER_WRAPPER, akEditorSelectedNodeClassName, SmartCardSharedCssClassName.LOADER_WRAPPER, getSelectionStyles([SelectionStyle.BoxShadow]), "var(--ds-border-danger, ".concat(akEditorDeleteBorder, ")"), "var(--ds-background-danger, ".concat(akEditorDeleteBackground, ")"), "var(--ds-border-danger, ".concat(akEditorDeleteBorder, ")"), FLOATING_TOOLBAR_LINKPICKER_CLASSNAME);
+export var smartCardStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .", " {\n    max-width: calc(100% - 20px);\n    vertical-align: top;\n    word-break: break-all;\n\n    .card {\n      padding-left: ", ";\n      padding-right: ", ";\n      padding-top: 0.5em;\n      padding-bottom: 0.5em;\n      margin-bottom: -0.5em;\n\n      .", " > a:focus {\n        ", "\n      }\n    }\n\n    &.", "\n      .", "\n      > a {\n      ", "\n    }\n    .", " > a {\n      /* EDM-1717: box-shadow Safari fix start */\n      z-index: 1;\n      position: relative;\n      /* EDM-1717: box-shadow Safari fix end */\n    }\n\n    &.danger {\n      .", " > a {\n        box-shadow: 0 0 0 1px\n          ", ";\n        /* EDM-1717: box-shadow Safari fix start */\n        z-index: 2;\n        /* EDM-1717: box-shadow Safari fix end */\n      }\n    }\n  }\n\n  .", " {\n    .", " > div {\n      cursor: pointer;\n      ", "\n    }\n\n    &.", "\n      .", "\n      > div {\n      ", "\n      ", "\n    }\n\n    &.danger {\n      .", " > div {\n        box-shadow: 0 0 0 1px\n          ", " !important;\n      }\n    }\n  }\n\n  .", ".", " {\n    max-width: 100%;\n    display: flex;\n    justify-content: center;\n\n    .", " {\n      cursor: pointer;\n      background-color: ", ";\n      border-radius: ", ";\n      border: 1px solid ", ";\n    }\n\n    &.", " {\n      .", " {\n        ", "\n      }\n    }\n\n    &.danger {\n      .", " {\n        box-shadow: 0 0 0 1px\n          ", ";\n      }\n    }\n  }\n\n  .", " {\n    .", " > div {\n      cursor: pointer;\n      &::after {\n        transition: box-shadow 0s;\n      }\n    }\n\n    &.", "\n      .", "\n      > div::after {\n      ", "\n    }\n\n    &.danger {\n      .media-card-frame::after {\n        box-shadow: 0 0 0 1px\n          ", " !important;\n        background: ", " !important;\n      }\n      .richMedia-resize-handle-right::after,\n      .richMedia-resize-handle-left::after {\n        background: ", ";\n      }\n    }\n  }\n\n  .", " {\n    padding: 0;\n  }\n"])), SmartCardSharedCssClassName.INLINE_CARD_CONTAINER, "var(--ds-space-025, 2px)", "var(--ds-space-025, 2px)", SmartCardSharedCssClassName.LOADER_WRAPPER, getSelectionStyles([SelectionStyle.BoxShadow]), akEditorSelectedNodeClassName, SmartCardSharedCssClassName.LOADER_WRAPPER, getSelectionStyles([SelectionStyle.BoxShadow]), SmartCardSharedCssClassName.LOADER_WRAPPER, SmartCardSharedCssClassName.LOADER_WRAPPER, "var(--ds-border-danger, ".concat(akEditorDeleteBorder, ")"), SmartCardSharedCssClassName.BLOCK_CARD_CONTAINER, SmartCardSharedCssClassName.LOADER_WRAPPER, getBooleanFF('platform.linking-platform.smart-card.show-smart-links-refreshed-design') ? '' : "\n      &:hover {\n        background-color: ".concat("var(--ds-background-neutral-subtle-hovered, ".concat(N20, ")"), ";\n      }\n      "), akEditorSelectedNodeClassName, SmartCardSharedCssClassName.LOADER_WRAPPER, getSelectionStyles([SelectionStyle.BoxShadow]), getBooleanFF('platform.linking-platform.smart-card.show-smart-links-refreshed-design') ? "border-radius: ".concat("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, ".concat(N0, ")"), "var(--ds-border-radius-200, 8px)", "var(--ds-border, ".concat(N40, ")"), akEditorSelectedNodeClassName, DATASOURCE_INNER_CONTAINER_CLASSNAME, getSelectionStyles([SelectionStyle.BoxShadow]), DATASOURCE_INNER_CONTAINER_CLASSNAME, "var(--ds-border-danger, ".concat(akEditorDeleteBorder, ")"), SmartCardSharedCssClassName.EMBED_CARD_CONTAINER, SmartCardSharedCssClassName.LOADER_WRAPPER, akEditorSelectedNodeClassName, SmartCardSharedCssClassName.LOADER_WRAPPER, getSelectionStyles([SelectionStyle.BoxShadow]), "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

@@ -19,7 +19,7 @@ import { themed } from '@atlaskit/theme/components';
 import { borderRadius } from '@atlaskit/theme/constants';
 import Layer from '../Layer';
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "76.22.2";
+var packageVersion = "76.22.4";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var DropList = /*#__PURE__*/function (_Component) {

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

@@ -69,10 +69,6 @@ export declare const altPaste: Keymap;
 export declare const find: Keymap;
 export declare const alignLeft: Keymap;
 export declare const toggleTaskItemCheckbox: Keymap;
-export declare const increaseMediaSize: Keymap;
-export declare const decreaseMediaSize: Keymap;
-export declare const quickIncreaseMediaSize: Keymap;
-export declare const quickDecreaseMediaSize: Keymap;
 export declare function tooltip(keymap?: Keymap, description?: string): string | undefined;
 export declare const ToolTipContent: React.MemoExoticComponent<({ description, shortcutOverride, keymap, }: {
     description?: string | React.ReactNode;

package/dist/types/media-inline/MediaInlineImageCard.d.ts

@@ -0,0 +1,9 @@
+/** @jsx jsx */
+import type { FC } from 'react';
+import type { FileIdentifier, MediaClient } from '@atlaskit/media-client';
+export interface MediaInlineImageCardProps {
+    identifier: FileIdentifier;
+    mediaClient: MediaClient;
+    isSelected?: boolean;
+}
+export declare const MediaInlineImageCard: FC<MediaInlineImageCardProps>;

package/dist/types/media-inline/index.d.ts

@@ -0,0 +1,2 @@
+export { MediaInlineImageCard } from './MediaInlineImageCard';
+export { shouldShowInlineImage } from './shouldShowInlineImage';

package/dist/types/media-inline/shouldShowInlineImage.d.ts

@@ -0,0 +1 @@
+export declare const shouldShowInlineImage: (mediaType: string) => boolean;

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

@@ -34,6 +34,11 @@ export declare const messages: {
         defaultMessage: string;
         description: string;
     };
+    insertColumnDrag: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
     removeColumns: {
         id: string;
         defaultMessage: string;
@@ -44,6 +49,11 @@ export declare const messages: {
         defaultMessage: string;
         description: string;
     };
+    insertRowDrag: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
     removeRows: {
         id: string;
         defaultMessage: string;

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

@@ -69,10 +69,6 @@ export declare const altPaste: Keymap;
 export declare const find: Keymap;
 export declare const alignLeft: Keymap;
 export declare const toggleTaskItemCheckbox: Keymap;
-export declare const increaseMediaSize: Keymap;
-export declare const decreaseMediaSize: Keymap;
-export declare const quickIncreaseMediaSize: Keymap;
-export declare const quickDecreaseMediaSize: Keymap;
 export declare function tooltip(keymap?: Keymap, description?: string): string | undefined;
 export declare const ToolTipContent: React.MemoExoticComponent<({ description, shortcutOverride, keymap, }: {
     description?: string | React.ReactNode;

package/dist/types-ts4.5/media-inline/MediaInlineImageCard.d.ts

@@ -0,0 +1,9 @@
+/** @jsx jsx */
+import type { FC } from 'react';
+import type { FileIdentifier, MediaClient } from '@atlaskit/media-client';
+export interface MediaInlineImageCardProps {
+    identifier: FileIdentifier;
+    mediaClient: MediaClient;
+    isSelected?: boolean;
+}
+export declare const MediaInlineImageCard: FC<MediaInlineImageCardProps>;

package/dist/types-ts4.5/media-inline/index.d.ts

@@ -0,0 +1,2 @@
+export { MediaInlineImageCard } from './MediaInlineImageCard';
+export { shouldShowInlineImage } from './shouldShowInlineImage';

package/dist/types-ts4.5/media-inline/shouldShowInlineImage.d.ts

@@ -0,0 +1 @@
+export declare const shouldShowInlineImage: (mediaType: string) => boolean;

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

@@ -34,6 +34,11 @@ export declare const messages: {
         defaultMessage: string;
         description: string;
     };
+    insertColumnDrag: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
     removeColumns: {
         id: string;
         defaultMessage: string;
@@ -44,6 +49,11 @@ export declare const messages: {
         defaultMessage: string;
         description: string;
     };
+    insertRowDrag: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
     removeRows: {
         id: string;
         defaultMessage: string;

package/media-inline/package.json

@@ -0,0 +1,15 @@
+{
+  "name": "@atlaskit/editor-common/media-inline",
+  "main": "../dist/cjs/media-inline/index.js",
+  "module": "../dist/esm/media-inline/index.js",
+  "module:es2019": "../dist/es2019/media-inline/index.js",
+  "sideEffects": false,
+  "types": "../dist/types/media-inline/index.d.ts",
+  "typesVersions": {
+    ">=4.5 <4.9": {
+      "*": [
+        "../dist/types-ts4.5/media-inline/index.d.ts"
+      ]
+    }
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-common",
-  "version": "76.22.2",
+  "version": "76.22.4",
   "description": "A package that contains common classes and components for editor and renderer",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -66,6 +66,7 @@
     "./selection": "./src/selection/index.ts",
     "./preset": "./src/preset/index.ts",
     "./hooks": "./src/hooks/index.ts",
+    "./media-inline": "./src/media-inline/index.ts",
     "./media-single": "./src/media-single/index.ts",
     "./monitoring": "./src/monitoring/index.ts",
     "./paste": "./src/paste/index.ts",
@@ -119,7 +120,7 @@
     "@atlaskit/smart-user-picker": "^6.3.0",
     "@atlaskit/spinner": "^16.0.0",
     "@atlaskit/task-decision": "^17.9.0",
-    "@atlaskit/textfield": "^5.6.0",
+    "@atlaskit/textfield": "^6.0.0",
     "@atlaskit/theme": "^12.6.0",
     "@atlaskit/tokens": "^1.28.0",
     "@atlaskit/tooltip": "^18.0.0",
@@ -203,6 +204,9 @@
     "platform.editor.media.extended-resize-experience": {
       "type": "boolean"
     },
+    "platform.editor.media.inline-image.base-support": {
+      "type": "boolean"
+    },
     "platform.linking-platform.datasource-assets_objects": {
       "type": "boolean"
     },