@atlaskit/editor-core 185.5.5 → 185.6.0

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

@@ -38,6 +38,7 @@ export var createPlugin = function createPlugin(options, pluginInjectionApi) {
             smartLinkEventsNext: undefined,
             createAnalyticsEvent: createAnalyticsEvent,
             editorAppearance: editorAppearance,
+            showDatasourceModal: false,
             datasourceTableRef: undefined,
             layout: undefined
           };

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

@@ -60,6 +60,11 @@ var setLinkToolbar = function setLinkToolbar(state, action) {
     showLinkingToolbar: action.type === 'SHOW_LINK_TOOLBAR'
   });
 };
+var setDatasourceModal = function setDatasourceModal(state, action) {
+  return _objectSpread(_objectSpread({}, state), {}, {
+    showDatasourceModal: action.type === 'SHOW_DATASOURCE_MODAL'
+  });
+};
 export default (function (state, action) {
   switch (action.type) {
     case 'QUEUE':
@@ -83,5 +88,8 @@ export default (function (state, action) {
     case 'SHOW_LINK_TOOLBAR':
     case 'HIDE_LINK_TOOLBAR':
       return setLinkToolbar(state, action);
+    case 'SHOW_DATASOURCE_MODAL':
+    case 'HIDE_DATASOURCE_MODAL':
+      return setDatasourceModal(state, action);
   }
 });

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

@@ -1,9 +1,10 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 var _templateObject;
 import { css } from '@emotion/react';
-import { SelectionStyle, getSelectionStyles, akEditorDeleteBorder, akEditorDeleteBackground } from '@atlaskit/editor-shared-styles';
-import { N20 } from '@atlaskit/theme/colors';
+import { SelectionStyle, getSelectionStyles, akEditorDeleteBorder, akEditorDeleteBackground, akEditorRuleBorderRadius } from '@atlaskit/editor-shared-styles';
+import { N0, N20, N40 } from '@atlaskit/theme/colors';
 import { SmartCardSharedCssClassName } from '@atlaskit/editor-common/styles';
 import { akEditorSelectedNodeClassName } from '@atlaskit/editor-shared-styles';
+import { DATASOURCE_INNER_CONTAINER_CLASSNAME } from './nodeviews/datasource';
 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: 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"])), SmartCardSharedCssClassName.INLINE_CARD_CONTAINER, 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, "var(--ds-background-neutral-subtle-hovered, ".concat(N20, ")"), akEditorSelectedNodeClassName, SmartCardSharedCssClassName.LOADER_WRAPPER, getSelectionStyles([SelectionStyle.BoxShadow]), SmartCardSharedCssClassName.LOADER_WRAPPER, "var(--ds-border-danger, ".concat(akEditorDeleteBorder, ")"), SmartCardSharedCssClassName.DATASOURCE_CONTAINER, SmartCardSharedCssClassName.BLOCK_CARD_CONTAINER, SmartCardSharedCssClassName.EMBED_CARD_CONTAINER, SmartCardSharedCssClassName.LOADER_WRAPPER, akEditorSelectedNodeClassName, SmartCardSharedCssClassName.LOADER_WRAPPER, getSelectionStyles([SelectionStyle.BoxShadow]), 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: 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      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      > 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"])), SmartCardSharedCssClassName.INLINE_CARD_CONTAINER, 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, "var(--ds-background-neutral-subtle-hovered, ".concat(N20, ")"), akEditorSelectedNodeClassName, SmartCardSharedCssClassName.LOADER_WRAPPER, getSelectionStyles([SelectionStyle.BoxShadow]), 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, ".concat(akEditorRuleBorderRadius, ")"), "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]), 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/plugins/card/toolbar.js

@@ -15,13 +15,14 @@ import { changeSelectedCardToText } from './pm-plugins/doc';
 import { commandWithMetadata } from '@atlaskit/editor-common/card';
 import { pluginKey } from './pm-plugins/main';
 import { richMediaClassName } from '@atlaskit/editor-common/styles';
-import { buildEditLinkToolbar, editLink, editLinkToolbarConfig } from './ui/EditLinkToolbar';
+import { editDatasource, buildEditLinkToolbar, editLink, editLinkToolbarConfig, openDatasourceModal } from './ui/EditLinkToolbar';
 import { displayInfoForCard, findCardInfo, titleUrlPairFromNode, appearanceForNodeType } from './utils';
 import { isSafeUrl } from '@atlaskit/adf-schema';
 import { LinkToolbarAppearance } from './ui/LinkToolbarAppearance';
 import { messages } from './messages';
 import { FLOATING_TOOLBAR_LINKPICKER_CLASSNAME } from './styles';
 import { ACTION, ACTION_SUBJECT, INPUT_METHOD, EVENT_TYPE, buildOpenedSettingsPayload, buildVisitedLinkPayload } from '@atlaskit/editor-common/analytics';
+import { SmallerEditIcon } from './ui/SmallerEditIcon';
 export var removeCard = function removeCard(editorAnalyticsApi) {
   return commandWithMetadata(function (state, dispatch) {
     if (!(state.selection instanceof NodeSelection)) {
@@ -161,7 +162,7 @@ var withToolbarMetadata = function withToolbarMetadata(command) {
 };
 var generateToolbarItems = function generateToolbarItems(state, featureFlags, intl, providerFactory, cardOptions, platform, linkPicker, pluginInjectionApi) {
   return function (node) {
-    var _pluginInjectionApi$d, _pluginInjectionApi$d2, _pluginInjectionApi$d3, _pluginInjectionApi$d4, _pluginInjectionApi$d5;
+    var _pluginInjectionApi$d, _pluginInjectionApi$d2, _pluginInjectionApi$d3, _pluginInjectionApi$d4, _pluginInjectionApi$d5, _node$attrs;
     var _titleUrlPairFromNode2 = titleUrlPairFromNode(node),
       url = _titleUrlPairFromNode2.url;
     var _ref = (_pluginInjectionApi$d = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d2 = pluginInjectionApi.dependencies) === null || _pluginInjectionApi$d2 === void 0 ? void 0 : _pluginInjectionApi$d2.analytics) !== null && _pluginInjectionApi$d !== void 0 ? _pluginInjectionApi$d : {},
@@ -181,6 +182,7 @@ var generateToolbarItems = function generateToolbarItems(state, featureFlags, in
     var currentAppearance = appearanceForNodeType(node.type);
     var _ref2 = (_pluginInjectionApi$d3 = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d4 = pluginInjectionApi.dependencies) === null || _pluginInjectionApi$d4 === void 0 ? void 0 : (_pluginInjectionApi$d5 = _pluginInjectionApi$d4.decorations) === null || _pluginInjectionApi$d5 === void 0 ? void 0 : _pluginInjectionApi$d5.actions) !== null && _pluginInjectionApi$d3 !== void 0 ? _pluginInjectionApi$d3 : {},
       hoverDecoration = _ref2.hoverDecoration;
+    var isDatasource = currentAppearance === 'block' && (node === null || node === void 0 ? void 0 : (_node$attrs = node.attrs) === null || _node$attrs === void 0 ? void 0 : _node$attrs.datasource);
 
     /* mobile builds toolbar natively using toolbarItems */
     if (pluginState.showLinkingToolbar && platform !== 'mobile') {
@@ -191,6 +193,15 @@ var generateToolbarItems = function generateToolbarItems(state, featureFlags, in
         featureFlags: featureFlags,
         pluginInjectionApi: pluginInjectionApi
       })];
+    } else if (pluginState.showDatasourceModal) {
+      return [openDatasourceModal({
+        state: state,
+        node: node,
+        editorAnalyticsApi: editorAnalyticsApi
+      })];
+      // not showing toolbar in mobile for now since not sure what our plans are for it
+    } else if (isDatasource && platform !== 'mobile') {
+      return getDatasourceButtonGroup(state, metadata, intl, editorAnalyticsApi, node, hoverDecoration);
     } else {
       var inlineCard = state.schema.nodes.inlineCard;
       var toolbarItems = [{
@@ -300,4 +311,45 @@ var getSettingsButtonGroup = function getSettingsButtonGroup(state, featureFlags
   }, {
     type: 'separator'
   }] : [];
+};
+var getDatasourceButtonGroup = function getDatasourceButtonGroup(state, metadata, intl, editorAnalyticsApi, node, hoverDecoration) {
+  var _node$attrs2;
+  var toolbarItems = [{
+    id: 'editor.edit.datasource',
+    type: 'button',
+    icon: SmallerEditIcon,
+    metadata: metadata,
+    className: 'datasource-edit',
+    title: intl.formatMessage(linkToolbarMessages.editDatasource),
+    onClick: editDatasource(editorAnalyticsApi)
+  }];
+  if (node !== null && node !== void 0 && (_node$attrs2 = node.attrs) !== null && _node$attrs2 !== void 0 && _node$attrs2.url) {
+    toolbarItems.push({
+      type: 'separator'
+    }, {
+      id: 'editor.link.openLink',
+      type: 'button',
+      icon: OpenIcon,
+      metadata: metadata,
+      className: 'hyperlink-open-link',
+      title: intl.formatMessage(linkMessages.openLink),
+      onClick: visitCardLink(editorAnalyticsApi)
+    });
+  }
+  toolbarItems.push({
+    type: 'separator'
+  }, {
+    id: 'editor.link.delete',
+    focusEditoronEnter: true,
+    type: 'button',
+    appearance: 'danger',
+    icon: RemoveIcon,
+    onMouseEnter: hoverDecoration === null || hoverDecoration === void 0 ? void 0 : hoverDecoration(node.type, true),
+    onMouseLeave: hoverDecoration === null || hoverDecoration === void 0 ? void 0 : hoverDecoration(node.type, false),
+    onFocus: hoverDecoration === null || hoverDecoration === void 0 ? void 0 : hoverDecoration(node.type, true),
+    onBlur: hoverDecoration === null || hoverDecoration === void 0 ? void 0 : hoverDecoration(node.type, false),
+    title: intl.formatMessage(commonMessages.remove),
+    onClick: withToolbarMetadata(removeCard(editorAnalyticsApi))
+  });
+  return toolbarItems;
 };

package/dist/esm/plugins/card/ui/DatasourceModal.js

@@ -0,0 +1,31 @@
+import React, { useCallback } from 'react';
+import { JiraIssuesConfigModal } from '@atlaskit/link-datasource';
+import { hideDatasourceModal } from '../pm-plugins/actions';
+import { updateExistingDatasource } from '../pm-plugins/doc';
+export var DatasourceModal = function DatasourceModal(_ref) {
+  var state = _ref.state,
+    view = _ref.view,
+    node = _ref.node;
+  var isJiraDatasource = node.attrs.datasource.parameters.jql;
+  var onClose = useCallback(function () {
+    view.dispatch(hideDatasourceModal(view.state.tr));
+  }, [view]);
+  var onInsert = useCallback(function (newAdf) {
+    updateExistingDatasource(state, node, newAdf, view);
+  }, [state, node, view]);
+  if (isJiraDatasource) {
+    var _node$attrs$datasourc, _node$attrs$datasourc2;
+    return /*#__PURE__*/React.createElement("div", {
+      "data-testId": "jira-config-modal"
+    }, /*#__PURE__*/React.createElement(JiraIssuesConfigModal, {
+      datasourceId: node.attrs.datasource.id,
+      visibleColumnKeys: (_node$attrs$datasourc = node.attrs.datasource.views[0]) === null || _node$attrs$datasourc === void 0 ? void 0 : (_node$attrs$datasourc2 = _node$attrs$datasourc.properties) === null || _node$attrs$datasourc2 === void 0 ? void 0 : _node$attrs$datasourc2.columns.map(function (column) {
+        return column.key;
+      }),
+      parameters: node.attrs.datasource.parameters,
+      onCancel: onClose,
+      onInsert: onInsert
+    }));
+  }
+  return null; // null for now until we have modal component that handles other datasources
+};

package/dist/esm/plugins/card/ui/EditLinkToolbar.js

@@ -11,13 +11,14 @@ import React from 'react';
 import { withOuterListeners } from '@atlaskit/editor-common/ui';
 import { commandWithMetadata } from '@atlaskit/editor-common/card';
 import HyperlinkToolbar from '../../hyperlink/ui/HyperlinkAddToolbar';
-import { showLinkToolbar, hideLinkToolbar as _hideLinkToolbar } from '../pm-plugins/actions';
+import { showLinkToolbar, hideLinkToolbar as _hideLinkToolbar, showDatasourceModal } from '../pm-plugins/actions';
 import { INPUT_METHOD, ACTION, buildEditLinkPayload } from '@atlaskit/editor-common/analytics';
 import { LINKPICKER_HEIGHT_IN_PX, RECENT_SEARCH_HEIGHT_IN_PX, RECENT_SEARCH_WIDTH_IN_PX } from '@atlaskit/editor-common/ui';
 import { changeSelectedCardToLink, updateCard } from '../pm-plugins/doc';
 import { findCardInfo, displayInfoForCard } from '../utils';
 import { NodeSelection } from 'prosemirror-state';
 import { linkToolbarMessages } from '@atlaskit/editor-common/messages';
+import { DatasourceModal } from './DatasourceModal';
 var HyperLinkToolbarWithListeners = withOuterListeners(HyperlinkToolbar);
 export var EditLinkToolbar = /*#__PURE__*/function (_React$Component) {
   _inherits(EditLinkToolbar, _React$Component);
@@ -161,4 +162,44 @@ export var editLinkToolbarConfig = function editLinkToolbarConfig(showLinkingToo
     width: RECENT_SEARCH_WIDTH_IN_PX,
     forcePlacement: true
   } : {};
+};
+export var editDatasource = function editDatasource(editorAnalyticsApi) {
+  return function (state, dispatch) {
+    if (dispatch) {
+      var tr = state.tr;
+      showDatasourceModal(tr);
+      // editorAnalyticsApi?.attachAnalyticsEvent(
+      //   buildEditLinkPayload(
+      //     type as
+      //       | ACTION_SUBJECT_ID.CARD_INLINE
+      //       | ACTION_SUBJECT_ID.CARD_BLOCK
+      //       | ACTION_SUBJECT_ID.EMBEDS,
+      //   ),
+      // )(tr);
+      dispatch(tr);
+      return true;
+    }
+    return false;
+  };
+};
+export var openDatasourceModal = function openDatasourceModal(_ref2) {
+  var state = _ref2.state,
+    node = _ref2.node,
+    editorAnalyticsApi = _ref2.editorAnalyticsApi;
+  return {
+    type: 'custom',
+    disableArrowNavigation: true,
+    fallback: [],
+    render: function render(view) {
+      if (!view) {
+        return null;
+      }
+      return /*#__PURE__*/React.createElement(DatasourceModal, {
+        state: state,
+        view: view,
+        node: node,
+        editorAnalyticsApi: editorAnalyticsApi
+      });
+    }
+  };
 };

package/dist/esm/plugins/card/ui/SmallerEditIcon.js

@@ -0,0 +1,11 @@
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
+import EditIcon from '@atlaskit/icon/glyph/edit';
+import { editIconStyles } from './styled';
+export var SmallerEditIcon = function SmallerEditIcon() {
+  return jsx("div", {
+    css: editIconStyles
+  }, jsx(EditIcon, {
+    label: "edit"
+  }));
+};

package/dist/esm/plugins/card/ui/styled.js

@@ -1,5 +1,6 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _templateObject, _templateObject2;
+var _templateObject, _templateObject2, _templateObject3;
 import { css } from '@emotion/react';
 export var embedCardStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .ProseMirror {\n    .embedCardView-content-wrap[layout^='wrap-'] {\n      max-width: 100%;\n    }\n\n    .embedCardView-content-wrap[layout='wrap-left'] {\n      float: left;\n    }\n\n    .embedCardView-content-wrap[layout='wrap-right'] {\n      float: right;\n    }\n\n    .embedCardView-content-wrap[layout='wrap-right']\n      + .embedCardView-content-wrap[layout='wrap-left'] {\n      clear: both;\n    }\n  }\n"])));
-export var embedSpacingStyles = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  margin: 0 10px;\n"])));
+export var embedSpacingStyles = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  margin: 0 10px;\n"])));
+export var editIconStyles = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  width: 20px;\n"])));

package/dist/esm/version-wrapper.js

@@ -1,5 +1,5 @@
 export var name = "@atlaskit/editor-core";
-export var version = "185.5.5";
+export var version = "185.6.0";
 export var nextMajorVersion = function nextMajorVersion() {
   return [Number(version.split('.')[0]) + 1, 0, 0].join('.');
 };

package/dist/esm/version.json

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

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

@@ -71,7 +71,6 @@ declare const _default: {
     'fabric.editor.edit': string;
     'fabric.editor.editAltText': string;
     'fabric.editor.editDateText': string;
-    'fabric.editor.editLink': string;
     'fabric.editor.editStatusColor': string;
     'fabric.editor.editStatusText': string;
     'fabric.editor.editableContentLabel': string;
@@ -95,7 +94,6 @@ declare const _default: {
     'fabric.editor.elementbrowser.search.empty-state.sub-heading.link': string;
     'fabric.editor.elementbrowser.sidebar.heading': string;
     'fabric.editor.embedTitle': string;
-    'fabric.editor.emptyLink': string;
     'fabric.editor.epic': string;
     'fabric.editor.error': string;
     'fabric.editor.errorPanel': string;
@@ -140,7 +138,6 @@ declare const _default: {
     'fabric.editor.hyperlink.linkAriaLabel': string;
     'fabric.editor.hyperlink.searchLinkAriaDescription': string;
     'fabric.editor.hyperlink.searchLinkResults': string;
-    'fabric.editor.hyperlinkToolbarPlaceholder': string;
     'fabric.editor.imageBorderBold': string;
     'fabric.editor.imageBorderColor': string;
     'fabric.editor.imageBorderMedium': string;
@@ -156,17 +153,13 @@ declare const _default: {
     'fabric.editor.inlineTitle': string;
     'fabric.editor.inputQueryAssistiveTxt': string;
     'fabric.editor.invalidDateError': string;
-    'fabric.editor.invalidLink': string;
     'fabric.editor.inviteItem.title': string;
     'fabric.editor.italic': string;
     'fabric.editor.keyboardShortcuts': string;
     'fabric.editor.leftSidebar': string;
-    'fabric.editor.linkAddress': string;
-    'fabric.editor.linkPlaceholder': string;
     'fabric.editor.lists': string;
     'fabric.editor.markdown': string;
     'fabric.editor.matchCase': string;
-    'fabric.editor.mediaAddLink': string;
     'fabric.editor.mediaGroupDeleteLabel': string;
     'fabric.editor.mentionNode.label': string;
     'fabric.editor.mentionsAddLabel': string;
@@ -202,7 +195,6 @@ declare const _default: {
     'fabric.editor.rightSidebar': string;
     'fabric.editor.searchResults': string;
     'fabric.editor.selectLanguage': string;
-    'fabric.editor.settingsLinks': string;
     'fabric.editor.shortcut': string;
     'fabric.editor.single': string;
     'fabric.editor.statusPlaceholder': string;
@@ -236,10 +228,8 @@ declare const _default: {
     'fabric.editor.typeahead.mentionInputLabel': string;
     'fabric.editor.typeahead.mentionPopupLabel': string;
     'fabric.editor.typeahead.metionListItemLabel': string;
-    'fabric.editor.unableToOpenLink': string;
     'fabric.editor.underline': string;
     'fabric.editor.undo': string;
-    'fabric.editor.unlink': string;
     'fabric.editor.unorderedList': string;
     'fabric.editor.unorderedList.description': string;
     'fabric.editor.url': string;

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

@@ -71,7 +71,6 @@ declare const _default: {
     'fabric.editor.edit': string;
     'fabric.editor.editAltText': string;
     'fabric.editor.editDateText': string;
-    'fabric.editor.editLink': string;
     'fabric.editor.editStatusColor': string;
     'fabric.editor.editStatusText': string;
     'fabric.editor.editableContentLabel': string;
@@ -95,7 +94,6 @@ declare const _default: {
     'fabric.editor.elementbrowser.search.empty-state.sub-heading.link': string;
     'fabric.editor.elementbrowser.sidebar.heading': string;
     'fabric.editor.embedTitle': string;
-    'fabric.editor.emptyLink': string;
     'fabric.editor.epic': string;
     'fabric.editor.error': string;
     'fabric.editor.errorPanel': string;
@@ -139,7 +137,6 @@ declare const _default: {
     'fabric.editor.hyperlink.linkAriaLabel': string;
     'fabric.editor.hyperlink.searchLinkAriaDescription': string;
     'fabric.editor.hyperlink.searchLinkResults': string;
-    'fabric.editor.hyperlinkToolbarPlaceholder': string;
     'fabric.editor.imageBorderBold': string;
     'fabric.editor.imageBorderColor': string;
     'fabric.editor.imageBorderMedium': string;
@@ -155,17 +152,13 @@ declare const _default: {
     'fabric.editor.inlineTitle': string;
     'fabric.editor.inputQueryAssistiveTxt': string;
     'fabric.editor.invalidDateError': string;
-    'fabric.editor.invalidLink': string;
     'fabric.editor.inviteItem.title': string;
     'fabric.editor.italic': string;
     'fabric.editor.keyboardShortcuts': string;
     'fabric.editor.leftSidebar': string;
-    'fabric.editor.linkAddress': string;
-    'fabric.editor.linkPlaceholder': string;
     'fabric.editor.lists': string;
     'fabric.editor.markdown': string;
     'fabric.editor.matchCase': string;
-    'fabric.editor.mediaAddLink': string;
     'fabric.editor.mediaGroupDeleteLabel': string;
     'fabric.editor.mentionNode.label': string;
     'fabric.editor.mentionsAddLabel': string;
@@ -201,7 +194,6 @@ declare const _default: {
     'fabric.editor.rightSidebar': string;
     'fabric.editor.searchResults': string;
     'fabric.editor.selectLanguage': string;
-    'fabric.editor.settingsLinks': string;
     'fabric.editor.shortcut': string;
     'fabric.editor.single': string;
     'fabric.editor.statusPlaceholder': string;
@@ -235,10 +227,8 @@ declare const _default: {
     'fabric.editor.typeahead.mentionInputLabel': string;
     'fabric.editor.typeahead.mentionPopupLabel': string;
     'fabric.editor.typeahead.metionListItemLabel': string;
-    'fabric.editor.unableToOpenLink': string;
     'fabric.editor.underline': string;
     'fabric.editor.undo': string;
-    'fabric.editor.unlink': string;
     'fabric.editor.unorderedList': string;
     'fabric.editor.unorderedList.description': string;
     'fabric.editor.url': string;

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

@@ -71,7 +71,6 @@ declare const _default: {
     'fabric.editor.edit': string;
     'fabric.editor.editAltText': string;
     'fabric.editor.editDateText': string;
-    'fabric.editor.editLink': string;
     'fabric.editor.editStatusColor': string;
     'fabric.editor.editStatusText': string;
     'fabric.editor.editableContentLabel': string;
@@ -95,7 +94,6 @@ declare const _default: {
     'fabric.editor.elementbrowser.search.empty-state.sub-heading.link': string;
     'fabric.editor.elementbrowser.sidebar.heading': string;
     'fabric.editor.embedTitle': string;
-    'fabric.editor.emptyLink': string;
     'fabric.editor.epic': string;
     'fabric.editor.error': string;
     'fabric.editor.errorPanel': string;
@@ -139,7 +137,6 @@ declare const _default: {
     'fabric.editor.hyperlink.linkAriaLabel': string;
     'fabric.editor.hyperlink.searchLinkAriaDescription': string;
     'fabric.editor.hyperlink.searchLinkResults': string;
-    'fabric.editor.hyperlinkToolbarPlaceholder': string;
     'fabric.editor.imageBorderBold': string;
     'fabric.editor.imageBorderColor': string;
     'fabric.editor.imageBorderMedium': string;
@@ -155,17 +152,13 @@ declare const _default: {
     'fabric.editor.inlineTitle': string;
     'fabric.editor.inputQueryAssistiveTxt': string;
     'fabric.editor.invalidDateError': string;
-    'fabric.editor.invalidLink': string;
     'fabric.editor.inviteItem.title': string;
     'fabric.editor.italic': string;
     'fabric.editor.keyboardShortcuts': string;
     'fabric.editor.leftSidebar': string;
-    'fabric.editor.linkAddress': string;
-    'fabric.editor.linkPlaceholder': string;
     'fabric.editor.lists': string;
     'fabric.editor.markdown': string;
     'fabric.editor.matchCase': string;
-    'fabric.editor.mediaAddLink': string;
     'fabric.editor.mediaGroupDeleteLabel': string;
     'fabric.editor.mentionNode.label': string;
     'fabric.editor.mentionsAddLabel': string;
@@ -201,7 +194,6 @@ declare const _default: {
     'fabric.editor.rightSidebar': string;
     'fabric.editor.searchResults': string;
     'fabric.editor.selectLanguage': string;
-    'fabric.editor.settingsLinks': string;
     'fabric.editor.shortcut': string;
     'fabric.editor.single': string;
     'fabric.editor.statusPlaceholder': string;
@@ -235,10 +227,8 @@ declare const _default: {
     'fabric.editor.typeahead.mentionInputLabel': string;
     'fabric.editor.typeahead.mentionPopupLabel': string;
     'fabric.editor.typeahead.metionListItemLabel': string;
-    'fabric.editor.unableToOpenLink': string;
     'fabric.editor.underline': string;
     'fabric.editor.undo': string;
-    'fabric.editor.unlink': string;
     'fabric.editor.unorderedList': string;
     'fabric.editor.unorderedList.description': string;
     'fabric.editor.url': string;

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

@@ -72,7 +72,6 @@ declare const _default: {
     'fabric.editor.edit': string;
     'fabric.editor.editAltText': string;
     'fabric.editor.editDateText': string;
-    'fabric.editor.editLink': string;
     'fabric.editor.editStatusColor': string;
     'fabric.editor.editStatusText': string;
     'fabric.editor.editableContentLabel': string;
@@ -96,7 +95,6 @@ declare const _default: {
     'fabric.editor.elementbrowser.search.empty-state.sub-heading.link': string;
     'fabric.editor.elementbrowser.sidebar.heading': string;
     'fabric.editor.embedTitle': string;
-    'fabric.editor.emptyLink': string;
     'fabric.editor.epic': string;
     'fabric.editor.error': string;
     'fabric.editor.errorPanel': string;
@@ -142,7 +140,6 @@ declare const _default: {
     'fabric.editor.hyperlink.linkAriaLabel': string;
     'fabric.editor.hyperlink.searchLinkAriaDescription': string;
     'fabric.editor.hyperlink.searchLinkResults': string;
-    'fabric.editor.hyperlinkToolbarPlaceholder': string;
     'fabric.editor.imageBorderBold': string;
     'fabric.editor.imageBorderColor': string;
     'fabric.editor.imageBorderMedium': string;
@@ -158,17 +155,13 @@ declare const _default: {
     'fabric.editor.inlineTitle': string;
     'fabric.editor.inputQueryAssistiveTxt': string;
     'fabric.editor.invalidDateError': string;
-    'fabric.editor.invalidLink': string;
     'fabric.editor.inviteItem.title': string;
     'fabric.editor.italic': string;
     'fabric.editor.keyboardShortcuts': string;
     'fabric.editor.leftSidebar': string;
-    'fabric.editor.linkAddress': string;
-    'fabric.editor.linkPlaceholder': string;
     'fabric.editor.lists': string;
     'fabric.editor.markdown': string;
     'fabric.editor.matchCase': string;
-    'fabric.editor.mediaAddLink': string;
     'fabric.editor.mediaGroupDeleteLabel': string;
     'fabric.editor.mentionNode.label': string;
     'fabric.editor.mentionsAddLabel': string;
@@ -204,7 +197,6 @@ declare const _default: {
     'fabric.editor.rightSidebar': string;
     'fabric.editor.searchResults': string;
     'fabric.editor.selectLanguage': string;
-    'fabric.editor.settingsLinks': string;
     'fabric.editor.shortcut': string;
     'fabric.editor.single': string;
     'fabric.editor.statusPlaceholder': string;
@@ -238,10 +230,8 @@ declare const _default: {
     'fabric.editor.typeahead.mentionInputLabel': string;
     'fabric.editor.typeahead.mentionPopupLabel': string;
     'fabric.editor.typeahead.metionListItemLabel': string;
-    'fabric.editor.unableToOpenLink': string;
     'fabric.editor.underline': string;
     'fabric.editor.undo': string;
-    'fabric.editor.unlink': string;
     'fabric.editor.unorderedList': string;
     'fabric.editor.unorderedList.description': string;
     'fabric.editor.url': string;

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

@@ -72,7 +72,6 @@ declare const _default: {
     'fabric.editor.edit': string;
     'fabric.editor.editAltText': string;
     'fabric.editor.editDateText': string;
-    'fabric.editor.editLink': string;
     'fabric.editor.editStatusColor': string;
     'fabric.editor.editStatusText': string;
     'fabric.editor.editableContentLabel': string;
@@ -96,7 +95,6 @@ declare const _default: {
     'fabric.editor.elementbrowser.search.empty-state.sub-heading.link': string;
     'fabric.editor.elementbrowser.sidebar.heading': string;
     'fabric.editor.embedTitle': string;
-    'fabric.editor.emptyLink': string;
     'fabric.editor.epic': string;
     'fabric.editor.error': string;
     'fabric.editor.errorPanel': string;
@@ -142,7 +140,6 @@ declare const _default: {
     'fabric.editor.hyperlink.linkAriaLabel': string;
     'fabric.editor.hyperlink.searchLinkAriaDescription': string;
     'fabric.editor.hyperlink.searchLinkResults': string;
-    'fabric.editor.hyperlinkToolbarPlaceholder': string;
     'fabric.editor.imageBorderBold': string;
     'fabric.editor.imageBorderColor': string;
     'fabric.editor.imageBorderMedium': string;
@@ -158,17 +155,13 @@ declare const _default: {
     'fabric.editor.inlineTitle': string;
     'fabric.editor.inputQueryAssistiveTxt': string;
     'fabric.editor.invalidDateError': string;
-    'fabric.editor.invalidLink': string;
     'fabric.editor.inviteItem.title': string;
     'fabric.editor.italic': string;
     'fabric.editor.keyboardShortcuts': string;
     'fabric.editor.leftSidebar': string;
-    'fabric.editor.linkAddress': string;
-    'fabric.editor.linkPlaceholder': string;
     'fabric.editor.lists': string;
     'fabric.editor.markdown': string;
     'fabric.editor.matchCase': string;
-    'fabric.editor.mediaAddLink': string;
     'fabric.editor.mediaGroupDeleteLabel': string;
     'fabric.editor.mentionNode.label': string;
     'fabric.editor.mentionsAddLabel': string;
@@ -204,7 +197,6 @@ declare const _default: {
     'fabric.editor.rightSidebar': string;
     'fabric.editor.searchResults': string;
     'fabric.editor.selectLanguage': string;
-    'fabric.editor.settingsLinks': string;
     'fabric.editor.shortcut': string;
     'fabric.editor.single': string;
     'fabric.editor.statusPlaceholder': string;
@@ -238,10 +230,8 @@ declare const _default: {
     'fabric.editor.typeahead.mentionInputLabel': string;
     'fabric.editor.typeahead.mentionPopupLabel': string;
     'fabric.editor.typeahead.metionListItemLabel': string;
-    'fabric.editor.unableToOpenLink': string;
     'fabric.editor.underline': string;
     'fabric.editor.undo': string;
-    'fabric.editor.unlink': string;
     'fabric.editor.unorderedList': string;
     'fabric.editor.unorderedList.description': string;
     'fabric.editor.url': string;

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

@@ -72,7 +72,6 @@ declare const _default: {
     'fabric.editor.edit': string;
     'fabric.editor.editAltText': string;
     'fabric.editor.editDateText': string;
-    'fabric.editor.editLink': string;
     'fabric.editor.editStatusColor': string;
     'fabric.editor.editStatusText': string;
     'fabric.editor.editableContentLabel': string;
@@ -96,7 +95,6 @@ declare const _default: {
     'fabric.editor.elementbrowser.search.empty-state.sub-heading.link': string;
     'fabric.editor.elementbrowser.sidebar.heading': string;
     'fabric.editor.embedTitle': string;
-    'fabric.editor.emptyLink': string;
     'fabric.editor.epic': string;
     'fabric.editor.error': string;
     'fabric.editor.errorPanel': string;
@@ -142,7 +140,6 @@ declare const _default: {
     'fabric.editor.hyperlink.linkAriaLabel': string;
     'fabric.editor.hyperlink.searchLinkAriaDescription': string;
     'fabric.editor.hyperlink.searchLinkResults': string;
-    'fabric.editor.hyperlinkToolbarPlaceholder': string;
     'fabric.editor.imageBorderBold': string;
     'fabric.editor.imageBorderColor': string;
     'fabric.editor.imageBorderMedium': string;
@@ -158,17 +155,13 @@ declare const _default: {
     'fabric.editor.inlineTitle': string;
     'fabric.editor.inputQueryAssistiveTxt': string;
     'fabric.editor.invalidDateError': string;
-    'fabric.editor.invalidLink': string;
     'fabric.editor.inviteItem.title': string;
     'fabric.editor.italic': string;
     'fabric.editor.keyboardShortcuts': string;
     'fabric.editor.leftSidebar': string;
-    'fabric.editor.linkAddress': string;
-    'fabric.editor.linkPlaceholder': string;
     'fabric.editor.lists': string;
     'fabric.editor.markdown': string;
     'fabric.editor.matchCase': string;
-    'fabric.editor.mediaAddLink': string;
     'fabric.editor.mediaGroupDeleteLabel': string;
     'fabric.editor.mentionNode.label': string;
     'fabric.editor.mentionsAddLabel': string;
@@ -204,7 +197,6 @@ declare const _default: {
     'fabric.editor.rightSidebar': string;
     'fabric.editor.searchResults': string;
     'fabric.editor.selectLanguage': string;
-    'fabric.editor.settingsLinks': string;
     'fabric.editor.shortcut': string;
     'fabric.editor.single': string;
     'fabric.editor.statusPlaceholder': string;
@@ -238,10 +230,8 @@ declare const _default: {
     'fabric.editor.typeahead.mentionInputLabel': string;
     'fabric.editor.typeahead.mentionPopupLabel': string;
     'fabric.editor.typeahead.metionListItemLabel': string;
-    'fabric.editor.unableToOpenLink': string;
     'fabric.editor.underline': string;
     'fabric.editor.undo': string;
-    'fabric.editor.unlink': string;
     'fabric.editor.unorderedList': string;
     'fabric.editor.unorderedList.description': string;
     'fabric.editor.url': string;