@atlaskit/editor-core 185.5.2 → 185.5.7

package/dist/cjs/plugins/card/pm-plugins/main.js

@@ -13,6 +13,7 @@ Object.defineProperty(exports, "pluginKey", {
 });
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
+var _prosemirrorState = require("prosemirror-state");
 var _rafSchd = _interopRequireDefault(require("raf-schd"));
 var _reactNodeView = require("@atlaskit/editor-common/react-node-view");
 var _blockCard = require("../nodeviews/blockCard");
@@ -24,6 +25,8 @@ var _resolve = require("./util/resolve");
 var _state = require("./util/state");
 var _analytics = require("./analytics");
 var _datasource = require("../nodeviews/datasource");
+var _actions = require("./actions");
+var _prosemirrorUtils = require("prosemirror-utils");
 var createPlugin = function createPlugin(options, pluginInjectionApi) {
   return function (pmPluginFactoryParams) {
     var lpAnalyticsEventsNext = pmPluginFactoryParams.featureFlags.lpAnalyticsEventsNext;
@@ -46,7 +49,9 @@ var createPlugin = function createPlugin(options, pluginInjectionApi) {
             smartLinkEvents: undefined,
             smartLinkEventsNext: undefined,
             createAnalyticsEvent: createAnalyticsEvent,
-            editorAppearance: editorAppearance
+            editorAppearance: editorAppearance,
+            datasourceTableRef: undefined,
+            layout: undefined
           };
         },
         apply: function apply(tr, pluginState, prevEditorState) {
@@ -72,12 +77,42 @@ var createPlugin = function createPlugin(options, pluginInjectionApi) {
         var subscriptionHandler = function subscriptionHandler(name, provider) {
           return (0, _resolve.handleProvider)(name, provider, _view);
         };
+        var domAtPos = _view.domAtPos.bind(_view);
         var rafCancellationCallbacks = [];
         pmPluginFactoryParams.providerFactory.subscribe('cardProvider', subscriptionHandler);
         return {
           update: function update(view, prevState) {
+            var _selection$node;
             var currentState = (0, _state.getPluginState)(view.state);
             var oldState = (0, _state.getPluginState)(prevState);
+            var state = view.state,
+              dispatch = view.dispatch;
+            var selection = state.selection,
+              tr = state.tr,
+              schema = state.schema;
+            var isBlockCardSelected = selection instanceof _prosemirrorState.NodeSelection && ((_selection$node = selection.node) === null || _selection$node === void 0 ? void 0 : _selection$node.type) === schema.nodes.blockCard;
+            if (isBlockCardSelected) {
+              var _findDomRefAtPos, _node$attrs;
+              var datasourceTableRef = (_findDomRefAtPos = (0, _prosemirrorUtils.findDomRefAtPos)(selection.from, domAtPos)) === null || _findDomRefAtPos === void 0 ? void 0 : _findDomRefAtPos.querySelector(".".concat(_datasource.DATASOURCE_INNER_CONTAINER_CLASSNAME));
+              var node = selection.node;
+              var isDatasource = !!(node !== null && node !== void 0 && (_node$attrs = node.attrs) !== null && _node$attrs !== void 0 && _node$attrs.datasource);
+              var shouldUpdateTableRef = datasourceTableRef && (currentState === null || currentState === void 0 ? void 0 : currentState.datasourceTableRef) !== datasourceTableRef;
+              if (isDatasource && shouldUpdateTableRef) {
+                var _node$attrs2;
+                // since we use the plugin state, which is a shared state, we need to update the datasourceTableRef, layout on each selection
+                var layout = (node === null || node === void 0 ? void 0 : (_node$attrs2 = node.attrs) === null || _node$attrs2 === void 0 ? void 0 : _node$attrs2.layout) || 'center';
+
+                // we use cardAction to set the same meta, hence, we will need to combine both layout+datasourceTableRef in one transaction
+                dispatch((0, _actions.setCardLayoutAndDatasourceTableRef)({
+                  datasourceTableRef: datasourceTableRef,
+                  layout: layout
+                })(tr));
+              }
+            } else {
+              if (currentState !== null && currentState !== void 0 && currentState.datasourceTableRef) {
+                dispatch((0, _actions.setDatasourceTableRef)(undefined)(tr));
+              }
+            }
             if (currentState && currentState.provider) {
               // Find requests in this state that weren't in the old one.
               var newRequests = (0, _state.getNewRequests)(oldState, currentState);
@@ -123,6 +158,7 @@ var createPlugin = function createPlugin(options, pluginInjectionApi) {
             }
           }),
           blockCard: function blockCard(node, view, getPos) {
+            var _node$attrs3;
             var portalProviderAPI = pmPluginFactoryParams.portalProviderAPI,
               eventDispatcher = pmPluginFactoryParams.eventDispatcher;
             var reactComponentProps = {
@@ -130,8 +166,17 @@ var createPlugin = function createPlugin(options, pluginInjectionApi) {
               showServerActions: showServerActions
             };
             var hasIntlContext = true;
-            if (node.attrs.datasource) {
-              return new _datasource.Datasource(node, view, getPos, portalProviderAPI, eventDispatcher, undefined, undefined, true, undefined, hasIntlContext).init();
+            var isDatasource = !!(node !== null && node !== void 0 && (_node$attrs3 = node.attrs) !== null && _node$attrs3 !== void 0 && _node$attrs3.datasource);
+            if (isDatasource) {
+              return new _datasource.Datasource({
+                node: node,
+                view: view,
+                getPos: getPos,
+                portalProviderAPI: portalProviderAPI,
+                eventDispatcher: eventDispatcher,
+                hasIntlContext: hasIntlContext,
+                pluginInjectionApi: pluginInjectionApi
+              }).init();
             }
             return new _blockCard.BlockCard(node, view, getPos, portalProviderAPI, eventDispatcher, reactComponentProps, undefined, true, undefined, hasIntlContext).init();
           },

package/dist/cjs/plugins/card/pm-plugins/reducers.js

@@ -36,6 +36,22 @@ var setProvider = function setProvider(state, action) {
     provider: action.provider
   });
 };
+var setCardLayout = function setCardLayout(state, action) {
+  return _objectSpread(_objectSpread({}, state), {}, {
+    layout: action.layout
+  });
+};
+var setDatasourceTableRef = function setDatasourceTableRef(state, action) {
+  return _objectSpread(_objectSpread({}, state), {}, {
+    datasourceTableRef: action.datasourceTableRef
+  });
+};
+var setCardLayoutDatasourceTableRef = function setCardLayoutDatasourceTableRef(state, action) {
+  return _objectSpread(_objectSpread({}, state), {}, {
+    datasourceTableRef: action.datasourceTableRef,
+    layout: action.layout
+  });
+};
 var registerEvents = function registerEvents(state, action) {
   return _objectSpread(_objectSpread({}, state), {}, {
     smartLinkEvents: action.smartLinkEvents
@@ -65,6 +81,12 @@ var _default = function _default(state, action) {
       return registerEvents(state, action);
     case 'REGISTER_EVENTS_NEXT':
       return registerEventsNext(state, action);
+    case 'SET_DATASOURCE_TABLE_REF':
+      return setDatasourceTableRef(state, action);
+    case 'SET_CARD_LAYOUT':
+      return setCardLayout(state, action);
+    case 'SET_CARD_LAYOUT_AND_DATASOURCE_TABLE_REF':
+      return setCardLayoutDatasourceTableRef(state, action);
     case 'SHOW_LINK_TOOLBAR':
     case 'HIDE_LINK_TOOLBAR':
       return setLinkToolbar(state, action);

package/dist/cjs/plugins/card/styles.js

@@ -13,5 +13,5 @@ var _styles = require("@atlaskit/editor-common/styles");
 var _templateObject;
 var FLOATING_TOOLBAR_LINKPICKER_CLASSNAME = 'card-floating-toolbar--link-picker';
 exports.FLOATING_TOOLBAR_LINKPICKER_CLASSNAME = FLOATING_TOOLBAR_LINKPICKER_CLASSNAME;
-var 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: 2px;\n      padding-right: 2px;\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      &:hover {\n        background-color: ", ";\n      }\n    }\n\n    &.", "\n      .", "\n      > div {\n      ", "\n    }\n\n    &.danger {\n      .", " > div {\n        box-shadow: 0 0 0 1px\n          ", " !important;\n      }\n    }\n  }\n\n  .", " {\n    .", " > div {\n      cursor: pointer;\n      &::after {\n        transition: box-shadow 0s;\n      }\n    }\n    &.", "\n      .", "\n      > div {\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"])), _styles.SmartCardSharedCssClassName.INLINE_CARD_CONTAINER, _styles.SmartCardSharedCssClassName.LOADER_WRAPPER, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.BoxShadow]), _editorSharedStyles.akEditorSelectedNodeClassName, _styles.SmartCardSharedCssClassName.LOADER_WRAPPER, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.BoxShadow]), _styles.SmartCardSharedCssClassName.LOADER_WRAPPER, _styles.SmartCardSharedCssClassName.LOADER_WRAPPER, "var(--ds-border-danger, ".concat(_editorSharedStyles.akEditorDeleteBorder, ")"), _styles.SmartCardSharedCssClassName.BLOCK_CARD_CONTAINER, _styles.SmartCardSharedCssClassName.LOADER_WRAPPER, "var(--ds-background-neutral-subtle-hovered, ".concat(_colors.N20, ")"), _editorSharedStyles.akEditorSelectedNodeClassName, _styles.SmartCardSharedCssClassName.LOADER_WRAPPER, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.BoxShadow]), _styles.SmartCardSharedCssClassName.LOADER_WRAPPER, "var(--ds-border-danger, ".concat(_editorSharedStyles.akEditorDeleteBorder, ")"), _styles.SmartCardSharedCssClassName.EMBED_CARD_CONTAINER, _styles.SmartCardSharedCssClassName.LOADER_WRAPPER, _editorSharedStyles.akEditorSelectedNodeClassName, _styles.SmartCardSharedCssClassName.LOADER_WRAPPER, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.BoxShadow]), _editorSharedStyles.akEditorSelectedNodeClassName, _styles.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 = (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: 2px;\n      padding-right: 2px;\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      &:hover {\n        background-color: ", ";\n      }\n    }\n\n    &.", "\n      .", "\n      > div {\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  .", " {\n    .", " > div {\n      cursor: pointer;\n      &::after {\n        transition: box-shadow 0s;\n      }\n    }\n    &.", "\n      .", "\n      > div {\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"])), _styles.SmartCardSharedCssClassName.INLINE_CARD_CONTAINER, _styles.SmartCardSharedCssClassName.LOADER_WRAPPER, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.BoxShadow]), _editorSharedStyles.akEditorSelectedNodeClassName, _styles.SmartCardSharedCssClassName.LOADER_WRAPPER, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.BoxShadow]), _styles.SmartCardSharedCssClassName.LOADER_WRAPPER, _styles.SmartCardSharedCssClassName.LOADER_WRAPPER, "var(--ds-border-danger, ".concat(_editorSharedStyles.akEditorDeleteBorder, ")"), _styles.SmartCardSharedCssClassName.BLOCK_CARD_CONTAINER, _styles.SmartCardSharedCssClassName.LOADER_WRAPPER, "var(--ds-background-neutral-subtle-hovered, ".concat(_colors.N20, ")"), _editorSharedStyles.akEditorSelectedNodeClassName, _styles.SmartCardSharedCssClassName.LOADER_WRAPPER, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.BoxShadow]), _styles.SmartCardSharedCssClassName.LOADER_WRAPPER, "var(--ds-border-danger, ".concat(_editorSharedStyles.akEditorDeleteBorder, ")"), _styles.SmartCardSharedCssClassName.DATASOURCE_CONTAINER, _styles.SmartCardSharedCssClassName.BLOCK_CARD_CONTAINER, _styles.SmartCardSharedCssClassName.EMBED_CARD_CONTAINER, _styles.SmartCardSharedCssClassName.LOADER_WRAPPER, _editorSharedStyles.akEditorSelectedNodeClassName, _styles.SmartCardSharedCssClassName.LOADER_WRAPPER, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.BoxShadow]), _editorSharedStyles.akEditorSelectedNodeClassName, _styles.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);
 exports.smartCardStyles = smartCardStyles;

package/dist/cjs/plugins/card/ui/LayoutButton/index.js

@@ -0,0 +1,113 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.LayoutButton = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireWildcard(require("react"));
+var _react2 = require("@emotion/react");
+var _ui = require("@atlaskit/editor-common/ui");
+var _uiMenu = require("@atlaskit/editor-common/ui-menu");
+var _collapse = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/collapse"));
+var _expand = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/expand"));
+var _reactIntlNext = require("react-intl-next");
+var _styled = require("./styled");
+var _utils = require("./utils");
+var _hooks = require("@atlaskit/editor-common/hooks");
+var _actions = require("../../pm-plugins/actions");
+var _utils2 = require("@atlaskit/editor-common/utils");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+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; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; } /** @jsx jsx */
+var LayoutButton = function LayoutButton(_ref) {
+  var onLayoutChange = _ref.onLayoutChange,
+    _ref$layout = _ref.layout,
+    layout = _ref$layout === void 0 ? 'center' : _ref$layout,
+    formatMessage = _ref.intl.formatMessage,
+    mountPoint = _ref.mountPoint,
+    boundariesElement = _ref.boundariesElement,
+    scrollableElement = _ref.scrollableElement,
+    targetElement = _ref.targetElement,
+    _ref$testId = _ref.testId,
+    testId = _ref$testId === void 0 ? 'datasource-table-layout-button' : _ref$testId;
+  var handleClick = (0, _react.useCallback)(function () {
+    onLayoutChange && onLayoutChange((0, _utils2.getNextBreakoutMode)(layout));
+  }, [layout, onLayoutChange]);
+  var title = (0, _react.useMemo)(function () {
+    return formatMessage((0, _utils2.getTitle)(layout));
+  }, [formatMessage, layout]);
+  if (!targetElement) {
+    return null;
+  }
+  return (0, _react2.jsx)(_ui.Popup, {
+    mountTo: mountPoint,
+    boundariesElement: boundariesElement,
+    scrollableElement: scrollableElement,
+    target: targetElement,
+    alignY: "start",
+    alignX: "end",
+    forcePlacement: true,
+    stick: true,
+    ariaLabel: title
+  }, (0, _react2.jsx)(_uiMenu.ToolbarButton, {
+    testId: testId,
+    css: _styled.toolbarButtonWrapper,
+    title: title,
+    onClick: handleClick,
+    iconBefore: layout === 'full-width' ? (0, _react2.jsx)(_collapse.default, {
+      label: title
+    }) : (0, _react2.jsx)(_expand.default, {
+      label: title
+    })
+  }));
+};
+exports.LayoutButton = LayoutButton;
+var LayoutButtonWrapper = function LayoutButtonWrapper(_ref2) {
+  var _node$attrs, _node$attrs2;
+  var editorView = _ref2.editorView,
+    mountPoint = _ref2.mountPoint,
+    scrollableElement = _ref2.scrollableElement,
+    boundariesElement = _ref2.boundariesElement,
+    intl = _ref2.intl,
+    api = _ref2.api;
+  var _useSharedPluginState = (0, _hooks.useSharedPluginState)(api, ['card']),
+    cardState = _useSharedPluginState.cardState;
+  var _getDatasource = (0, _utils.getDatasource)(editorView),
+    node = _getDatasource.node,
+    pos = _getDatasource.pos;
+  var _ref3 = cardState !== null && cardState !== void 0 ? cardState : {},
+    datasourceTableRef = _ref3.datasourceTableRef,
+    _ref3$layout = _ref3.layout,
+    layout = _ref3$layout === void 0 ? (node === null || node === void 0 ? void 0 : (_node$attrs = node.attrs) === null || _node$attrs === void 0 ? void 0 : _node$attrs.layout) || 'center' : _ref3$layout;
+  var isDatasource = !!(node !== null && node !== void 0 && (_node$attrs2 = node.attrs) !== null && _node$attrs2 !== void 0 && _node$attrs2.datasource);
+  var onLayoutChange = function onLayoutChange(layout) {
+    if (pos === undefined) {
+      return;
+    }
+    var state = editorView.state,
+      dispatch = editorView.dispatch;
+    var tr = state.tr.setNodeMarkup(pos, undefined, _objectSpread(_objectSpread({}, node === null || node === void 0 ? void 0 : node.attrs), {}, {
+      layout: layout
+    }));
+    tr.setMeta('scrollIntoView', false);
+    dispatch((0, _actions.setCardLayout)(layout)(tr));
+  };
+  if (!isDatasource) {
+    return null;
+  }
+  return (0, _react2.jsx)(LayoutButton, {
+    mountPoint: mountPoint,
+    scrollableElement: scrollableElement,
+    boundariesElement: boundariesElement,
+    targetElement: datasourceTableRef,
+    layout: layout,
+    onLayoutChange: onLayoutChange,
+    intl: intl
+  });
+};
+var _default = (0, _reactIntlNext.injectIntl)(LayoutButtonWrapper);
+exports.default = _default;

package/dist/cjs/plugins/card/ui/LayoutButton/styled.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.toolbarButtonWrapper = void 0;
+var _react = require("@emotion/react");
+var _colors = require("@atlaskit/theme/colors");
+var toolbarButtonWrapper = (0, _react.css)({
+  background: "".concat("var(--ds-background-neutral, ".concat(_colors.N20A, ")")),
+  color: "".concat("var(--ds-icon, ".concat(_colors.N300, ")")),
+  ':hover': {
+    background: "".concat("var(--ds-background-neutral-hovered, ".concat(_colors.B300, ")")),
+    color: "var(--ds-icon, white)".concat(" !important")
+  }
+});
+exports.toolbarButtonWrapper = toolbarButtonWrapper;

package/dist/cjs/plugins/card/ui/LayoutButton/types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/dist/cjs/plugins/card/ui/LayoutButton/utils.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getDatasource = void 0;
+var _prosemirrorUtils = require("prosemirror-utils");
+var getDatasource = function getDatasource(editorView) {
+  var _findSelectedNodeOfTy;
+  var _editorView$state = editorView.state,
+    selection = _editorView$state.selection,
+    schema = _editorView$state.schema;
+  var blockCard = schema.nodes.blockCard;
+  return (_findSelectedNodeOfTy = (0, _prosemirrorUtils.findSelectedNodeOfType)([blockCard])(selection)) !== null && _findSelectedNodeOfTy !== void 0 ? _findSelectedNodeOfTy : {
+    node: undefined,
+    pos: undefined
+  };
+};
+exports.getDatasource = getDatasource;

package/dist/cjs/plugins/media/pm-plugins/main.js

@@ -452,8 +452,27 @@ var MediaPluginStateImplementation = /*#__PURE__*/function () {
       var _this$view = _this.view,
         dispatch = _this$view.dispatch,
         state = _this$view.state;
+      var tr = state.tr,
+        selection = state.selection,
+        doc = state.doc;
+      var _state$schema$nodes = state.schema.nodes,
+        media = _state$schema$nodes.media,
+        mediaGroup = _state$schema$nodes.mediaGroup;
+
+      // Workaround for wrong upload position
+      // @see https://product-fabric.atlassian.net/browse/MEX-2457
+      // If the media node is the last selectable item in the current cursor position and it is located within a mediaGroup,
+      // we relocate the cursor to the first child of the mediaGroup.
+      var sel = _prosemirrorState.Selection.findFrom(doc.resolve(selection.$from.pos - 1), -1);
+      if (sel && (0, _prosemirrorUtils.findSelectedNodeOfType)(media)(sel)) {
+        var parent = (0, _prosemirrorUtils.findParentNodeOfType)(mediaGroup)(sel);
+        if (parent) {
+          tr.setSelection(_prosemirrorState.NodeSelection.create(tr.doc, parent.start));
+        }
+      }
+
       // Trigger state change to be able to pick it up in the decorations handler
-      dispatch(state.tr);
+      dispatch(tr);
     });
     this.options = options;
     this.mediaOptions = mediaOptions;

package/dist/cjs/version-wrapper.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.version = exports.nextMajorVersion = exports.name = void 0;
 var name = "@atlaskit/editor-core";
 exports.name = name;
-var version = "185.5.2";
+var version = "185.5.7";
 exports.version = version;
 var nextMajorVersion = function nextMajorVersion() {
   return [Number(version.split('.')[0]) + 1, 0, 0].join('.');

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/editor-core",
-	"version": "185.5.2",
+	"version": "185.5.7",
 	"sideEffects": false
 }

package/dist/es2019/i18n/cs.js

@@ -73,7 +73,6 @@ export default {
   'fabric.editor.edit': 'Upravit',
   'fabric.editor.editAltText': 'Upravit alternativní text',
   'fabric.editor.editDateText': 'Upravit datum',
-  'fabric.editor.editLink': 'Upravit odkaz',
   'fabric.editor.editStatusColor': 'Upravit barvu stavu',
   'fabric.editor.editStatusText': 'Upravit stav',
   'fabric.editor.editableContentLabel': 'Upravitelný obsah',
@@ -97,7 +96,6 @@ export default {
   'fabric.editor.elementbrowser.search.empty-state.sub-heading.link': 'Prozkoumat Atlassian Marketplace',
   'fabric.editor.elementbrowser.sidebar.heading': 'Procházet',
   'fabric.editor.embedTitle': 'Vložit',
-  'fabric.editor.emptyLink': 'Zadejte odkaz.',
   'fabric.editor.epic': 'Epic',
   'fabric.editor.error': 'Chyba',
   'fabric.editor.errorPanel': 'Panel chyb',
@@ -142,7 +140,6 @@ export default {
   'fabric.editor.hyperlink.linkAriaLabel': 'Popisek odkazu',
   'fabric.editor.hyperlink.searchLinkAriaDescription': 'Níže se objeví návrhy na základě vámi napsaného textu v poli',
   'fabric.editor.hyperlink.searchLinkResults': '{count, plural, =0 {nebyly nalezeny žádné výsledky} one {{count,number} nalezený výsledek} few {{count,number} nalezené výsledky} many {{count,number} nalezeného výsledku} other {{count,number} nalezených výsledků}}',
-  'fabric.editor.hyperlinkToolbarPlaceholder': 'Vložit nebo vyhledat odkaz',
   'fabric.editor.imageBorderBold': 'Tučné',
   'fabric.editor.imageBorderColor': 'Barva',
   'fabric.editor.imageBorderMedium': 'Střední',
@@ -158,17 +155,13 @@ export default {
   'fabric.editor.inlineTitle': 'Vložený',
   'fabric.editor.inputQueryAssistiveTxt': 'Když jsou k dispozici výsledky automatického dokončování, použijte šipky nahoru a dolů k prohlížení a klávesu Enter k výběru. Uživatelé dotykových zařízení mohou k prohlížení použít dotyk nebo gesta potáhnutí prstem.',
   'fabric.editor.invalidDateError': 'Zadejte platné datum.',
-  'fabric.editor.invalidLink': 'Zadejte platný odkaz.',
   'fabric.editor.inviteItem.title': '{userRole, select, admin {Pozvat týmového kolegu do produktu {productName}} trusted {Pozvat týmového kolegu do produktu {productName}} other {Přidat týmového kolegu do produktu {productName}}}',
   'fabric.editor.italic': 'Kurzíva',
   'fabric.editor.keyboardShortcuts': 'Klávesové zkratky',
   'fabric.editor.leftSidebar': 'Levý postranní panel',
-  'fabric.editor.linkAddress': 'Adresa odkazu',
-  'fabric.editor.linkPlaceholder': 'Vložit odkaz',
   'fabric.editor.lists': 'Seznamy',
   'fabric.editor.markdown': 'Snížení',
   'fabric.editor.matchCase': 'Rozlišovat malá a velká písmena',
-  'fabric.editor.mediaAddLink': 'Přidat odkaz',
   'fabric.editor.mediaGroupDeleteLabel': 'Odstranit',
   'fabric.editor.mentionNode.label': 'Označený uživatel',
   'fabric.editor.mentionsAddLabel': 'přidat-ikonu',
@@ -204,7 +197,6 @@ export default {
   'fabric.editor.rightSidebar': 'Pravý postranní panel',
   'fabric.editor.searchResults': '{itemsLength, plural, one {{itemsLength,number} výsledek vyhledávání k dispozici} few {{itemsLength,number} výsledky vyhledávání k dispozici} many {{itemsLength,number} výsledku vyhledávání k dispozici} other {{itemsLength,number} výsledků vyhledávání k dispozici}}',
   'fabric.editor.selectLanguage': 'Vyberte programovací jazyk',
-  'fabric.editor.settingsLinks': 'Přejít do předvoleb odkazů',
   'fabric.editor.shortcut': 'Textový zástupce',
   'fabric.editor.single': 'Jeden sloupec',
   'fabric.editor.statusPlaceholder': 'Nastavit stav',
@@ -238,10 +230,8 @@ export default {
   'fabric.editor.typeahead.mentionInputLabel': 'Když začnete psát, budou se vyhledávat uživatelé k označení.',
   'fabric.editor.typeahead.mentionPopupLabel': 'Uživatelé, které můžete označit',
   'fabric.editor.typeahead.metionListItemLabel': 'Uživatel {name} @{shortName}',
-  'fabric.editor.unableToOpenLink': 'Tento odkaz nelze otevřít',
   'fabric.editor.underline': 'Podtržení',
   'fabric.editor.undo': 'Vrátit',
-  'fabric.editor.unlink': 'Zrušit propojení',
   'fabric.editor.unorderedList': 'Seznam s odrážkami',
   'fabric.editor.unorderedList.description': 'Vytvořit neseřazený seznam',
   'fabric.editor.url': 'Zobrazit adresu URL',

package/dist/es2019/i18n/da.js

@@ -73,7 +73,6 @@ export default {
   'fabric.editor.edit': 'Redigér',
   'fabric.editor.editAltText': 'Rediger alternativ tekst',
   'fabric.editor.editDateText': 'Rediger dato',
-  'fabric.editor.editLink': 'Redigér link',
   'fabric.editor.editStatusColor': 'Rediger statusfarve',
   'fabric.editor.editStatusText': 'Rediger status',
   'fabric.editor.editableContentLabel': 'Redigerbart indhold',
@@ -97,7 +96,6 @@ export default {
   'fabric.editor.elementbrowser.search.empty-state.sub-heading.link': 'Gå på opdagelse på Atlassian Marketplace',
   'fabric.editor.elementbrowser.sidebar.heading': 'Gennemse',
   'fabric.editor.embedTitle': 'Indlejr',
-  'fabric.editor.emptyLink': 'Indtast et link.',
   'fabric.editor.epic': 'Epic',
   'fabric.editor.error': 'Fejl',
   'fabric.editor.errorPanel': 'Fejlpanel',
@@ -141,7 +139,6 @@ export default {
   'fabric.editor.hyperlink.linkAriaLabel': 'Linkmærkat',
   'fabric.editor.hyperlink.searchLinkAriaDescription': 'Der vises forslag nedenfor, når du skriver i feltet',
   'fabric.editor.hyperlink.searchLinkResults': '{count, plural, =0 {ingen resultater fundet} one {Der blev fundet {count,number} resultat} other {Der blev fundet {count,number} resultater}}',
-  'fabric.editor.hyperlinkToolbarPlaceholder': 'Indsæt eller søg efter link',
   'fabric.editor.imageBorderBold': 'Fed',
   'fabric.editor.imageBorderColor': 'Farve',
   'fabric.editor.imageBorderMedium': 'Medium',
@@ -157,17 +154,13 @@ export default {
   'fabric.editor.inlineTitle': 'Indbyg',
   'fabric.editor.inputQueryAssistiveTxt': 'Når resultater med automatisk udfyldning er tilgængelige, skal du bruge pil op og pil ned til at gennemse og Enter til at vælge. Brugere af touchenheder kan trykke eller stryge.',
   'fabric.editor.invalidDateError': 'Indtast en gyldig dato',
-  'fabric.editor.invalidLink': 'Indtast et gyldigt link.',
   'fabric.editor.inviteItem.title': '{userRole, select, admin {Inviter teammedlemmer til {productName}} trusted {Inviter teammedlemmer til {productName}} other {Tilføj teammedlem til {productName}}}',
   'fabric.editor.italic': 'Kursiv',
   'fabric.editor.keyboardShortcuts': 'Tastaturgenveje',
   'fabric.editor.leftSidebar': 'Venstre sidebjælke',
-  'fabric.editor.linkAddress': 'Linkadresse',
-  'fabric.editor.linkPlaceholder': 'Indsæt link',
   'fabric.editor.lists': 'Liste',
   'fabric.editor.markdown': 'Markdown',
   'fabric.editor.matchCase': 'Match store/små bogstaver',
-  'fabric.editor.mediaAddLink': 'Tilføj link',
   'fabric.editor.mediaGroupDeleteLabel': 'Slet',
   'fabric.editor.mentionNode.label': 'Tagget bruger',
   'fabric.editor.mentionsAddLabel': 'ikon for tilføj',
@@ -203,7 +196,6 @@ export default {
   'fabric.editor.rightSidebar': 'Højre sidebjælke',
   'fabric.editor.searchResults': '{itemsLength, plural, one {{itemsLength,number} tilgængeligt søgeresultat} other {{itemsLength,number} tilgængelige søgeresultater}}',
   'fabric.editor.selectLanguage': 'Vælg sprog',
-  'fabric.editor.settingsLinks': 'Gå til Indstillinger for links',
   'fabric.editor.shortcut': 'Genvej til tekst',
   'fabric.editor.single': 'Enkelt kolonne',
   'fabric.editor.statusPlaceholder': 'Angiv en status',
@@ -237,10 +229,8 @@ export default {
   'fabric.editor.typeahead.mentionInputLabel': 'Begynd at indtaste for at søge efter brugere, du vil tagge',
   'fabric.editor.typeahead.mentionPopupLabel': 'Brugere, du kan tagge',
   'fabric.editor.typeahead.metionListItemLabel': 'Brugeren {name} @{shortName}',
-  'fabric.editor.unableToOpenLink': 'Kan ikke åbne dette link',
   'fabric.editor.underline': 'Understreget',
   'fabric.editor.undo': 'Fortryd',
-  'fabric.editor.unlink': 'Fjern link',
   'fabric.editor.unorderedList': 'Punktopstilling',
   'fabric.editor.unorderedList.description': 'Opret en ikke-sorteret liste',
   'fabric.editor.url': 'Visnings-URL',

package/dist/es2019/i18n/de.js

@@ -73,7 +73,6 @@ export default {
   'fabric.editor.edit': 'Bearbeiten',
   'fabric.editor.editAltText': 'Alternativtext bearbeiten',
   'fabric.editor.editDateText': 'Datum bearbeiten',
-  'fabric.editor.editLink': 'Link bearbeiten',
   'fabric.editor.editStatusColor': 'Statusfarbe bearbeiten',
   'fabric.editor.editStatusText': 'Status bearbeiten',
   'fabric.editor.editableContentLabel': 'Editierbarer Inhalt',
@@ -97,7 +96,6 @@ export default {
   'fabric.editor.elementbrowser.search.empty-state.sub-heading.link': 'Atlassian Marketplace erkunden',
   'fabric.editor.elementbrowser.sidebar.heading': 'Durchsuchen',
   'fabric.editor.embedTitle': 'Einbetten',
-  'fabric.editor.emptyLink': 'Bitte geben Sie einen Link ein.',
   'fabric.editor.epic': 'Epic',
   'fabric.editor.error': 'Fehler',
   'fabric.editor.errorPanel': 'Fehler-Panel',
@@ -141,7 +139,6 @@ export default {
   'fabric.editor.hyperlink.linkAriaLabel': 'Label verknüpfen',
   'fabric.editor.hyperlink.searchLinkAriaDescription': 'Während Ihrer Eingabe in das Feld werden Vorschläge angezeigt',
   'fabric.editor.hyperlink.searchLinkResults': '{count, plural, =0 {Keine Ergebnisse gefunden} one {{count,number} Ergebnis gefunden} other {{count,number} Ergebnisse gefunden}}',
-  'fabric.editor.hyperlinkToolbarPlaceholder': 'Link einfügen oder suchen',
   'fabric.editor.imageBorderBold': 'Breit',
   'fabric.editor.imageBorderColor': 'Farbe',
   'fabric.editor.imageBorderMedium': 'Mittel',
@@ -157,17 +154,13 @@ export default {
   'fabric.editor.inlineTitle': 'Inline',
   'fabric.editor.inputQueryAssistiveTxt': 'Wenn Autovervollständigungen angezeigt werden, navigieren Sie mit den Pfeiltasten nach oben und unten und drücken Sie die Eingabetaste zur Auswahl eines Ergebnisses. Benutzer mit Touchscreen-Geräten können mit Berührungen und Wischgesten navigieren.',
   'fabric.editor.invalidDateError': 'Bitte geben Sie ein gültiges Datum ein.',
-  'fabric.editor.invalidLink': 'Bitte geben Sie einen gültigen Link ein.',
   'fabric.editor.inviteItem.title': '{userRole, select, admin {Teammitglied zu {productName} einladen} trusted {Teammitglied zu {productName} einladen} other {Teammitglied zu {productName} hinzufügen}}',
   'fabric.editor.italic': 'Kursiv',
   'fabric.editor.keyboardShortcuts': 'Tastenkombinationen',
   'fabric.editor.leftSidebar': 'Linke Seitenleiste',
-  'fabric.editor.linkAddress': 'Link-Adresse',
-  'fabric.editor.linkPlaceholder': 'Link einfügen',
   'fabric.editor.lists': 'Listen',
   'fabric.editor.markdown': 'Markdown',
   'fabric.editor.matchCase': 'Groß-/Kleinschreibung beachten',
-  'fabric.editor.mediaAddLink': 'Link hinzufügen',
   'fabric.editor.mediaGroupDeleteLabel': 'Löschen',
   'fabric.editor.mentionNode.label': 'Markierung von Benutzer',
   'fabric.editor.mentionsAddLabel': 'Hinzufügen-Symbol',
@@ -203,7 +196,6 @@ export default {
   'fabric.editor.rightSidebar': 'Rechte Seitenleiste',
   'fabric.editor.searchResults': '{itemsLength, plural, one {{itemsLength,number} Suchergebnis verfügbar} other {{itemsLength,number} Suchergebnisse verfügbar}}',
   'fabric.editor.selectLanguage': 'Sprache auswählen',
-  'fabric.editor.settingsLinks': 'Zu den Link-Einstellungen',
   'fabric.editor.shortcut': 'Textverknüpfung',
   'fabric.editor.single': 'Einzelne Spalte',
   'fabric.editor.statusPlaceholder': 'Status festlegen',
@@ -237,10 +229,8 @@ export default {
   'fabric.editor.typeahead.mentionInputLabel': 'Beginnen Sie mit der Eingabe, um nach Benutzern zum Kennzeichnen zu suchen',
   'fabric.editor.typeahead.mentionPopupLabel': 'Benutzer, die Sie kennzeichnen können',
   'fabric.editor.typeahead.metionListItemLabel': 'Benutzer {name} @{shortName}',
-  'fabric.editor.unableToOpenLink': 'Dieser Link konnte nicht geöffnet werden.',
   'fabric.editor.underline': 'Unterstrichen',
   'fabric.editor.undo': 'Rückgängig',
-  'fabric.editor.unlink': 'Verknüpfung löschen',
   'fabric.editor.unorderedList': 'Aufzählung',
   'fabric.editor.unorderedList.description': 'Unsortierte Liste erstellen',
   'fabric.editor.url': 'Display-URL',

package/dist/es2019/i18n/en.js

@@ -74,7 +74,6 @@ export default {
   'fabric.editor.edit': 'Edit',
   'fabric.editor.editAltText': 'Edit alt text',
   'fabric.editor.editDateText': 'Edit Date',
-  'fabric.editor.editLink': 'Edit link',
   'fabric.editor.editStatusColor': 'Edit Status Color',
   'fabric.editor.editStatusText': 'Edit Status',
   'fabric.editor.editableContentLabel': 'Editable content',
@@ -98,7 +97,6 @@ export default {
   'fabric.editor.elementbrowser.search.empty-state.sub-heading.link': 'Explore Atlassian Marketplace',
   'fabric.editor.elementbrowser.sidebar.heading': 'Browse',
   'fabric.editor.embedTitle': 'Embed',
-  'fabric.editor.emptyLink': 'Please enter a link.',
   'fabric.editor.epic': 'Epic',
   'fabric.editor.error': 'Error',
   'fabric.editor.errorPanel': 'Error panel',
@@ -144,7 +142,6 @@ export default {
   'fabric.editor.hyperlink.linkAriaLabel': 'Link label',
   'fabric.editor.hyperlink.searchLinkAriaDescription': 'Suggestions will appear below as you type into the field',
   'fabric.editor.hyperlink.searchLinkResults': '{count, plural, =0 {no results} one {# result} other {# results}} found',
-  'fabric.editor.hyperlinkToolbarPlaceholder': 'Paste or search for link',
   'fabric.editor.imageBorderBold': 'Bold',
   'fabric.editor.imageBorderColor': 'Color',
   'fabric.editor.imageBorderMedium': 'Medium',
@@ -160,17 +157,13 @@ export default {
   'fabric.editor.inlineTitle': 'Inline',
   'fabric.editor.inputQueryAssistiveTxt': 'When autocomplete results are available use up and down arrows to review and enter to select. Touch device users, explore by touch or with swipe gestures.',
   'fabric.editor.invalidDateError': 'Enter a valid date',
-  'fabric.editor.invalidLink': 'Please enter a valid link.',
   'fabric.editor.inviteItem.title': '{userRole, select, admin {Invite} trusted {Invite} other {Add}} teammate to {productName}',
   'fabric.editor.italic': 'Italic',
   'fabric.editor.keyboardShortcuts': 'Keyboard shortcuts',
   'fabric.editor.leftSidebar': 'Left sidebar',
-  'fabric.editor.linkAddress': 'Link address',
-  'fabric.editor.linkPlaceholder': 'Paste link',
   'fabric.editor.lists': 'Lists',
   'fabric.editor.markdown': 'Markdown',
   'fabric.editor.matchCase': 'Match case',
-  'fabric.editor.mediaAddLink': 'Add link',
   'fabric.editor.mediaGroupDeleteLabel': 'delete',
   'fabric.editor.mentionNode.label': 'Tagged user',
   'fabric.editor.mentionsAddLabel': 'add-icon',
@@ -206,7 +199,6 @@ export default {
   'fabric.editor.rightSidebar': 'Right sidebar',
   'fabric.editor.searchResults': '{itemsLength, plural, one {# search result} other {# search results}} available',
   'fabric.editor.selectLanguage': 'Select language',
-  'fabric.editor.settingsLinks': 'Go to Link Preferences',
   'fabric.editor.shortcut': 'Text shortcut',
   'fabric.editor.single': 'Single column',
   'fabric.editor.statusPlaceholder': 'Set a status',
@@ -240,10 +232,8 @@ export default {
   'fabric.editor.typeahead.mentionInputLabel': 'Begin typing to search for users to tag',
   'fabric.editor.typeahead.mentionPopupLabel': 'Users you can tag',
   'fabric.editor.typeahead.metionListItemLabel': 'User {name} @{shortName}',
-  'fabric.editor.unableToOpenLink': 'Unable to open this link',
   'fabric.editor.underline': 'Underline',
   'fabric.editor.undo': 'Undo',
-  'fabric.editor.unlink': 'Unlink',
   'fabric.editor.unorderedList': 'Bullet list',
   'fabric.editor.unorderedList.description': 'Create an unordered list',
   'fabric.editor.url': 'Display URL',