@atlaskit/editor-core 183.0.9 → 183.1.0

package/dist/es2019/plugins/date/index.js

@@ -6,7 +6,7 @@ import { insertDate, closeDatePicker, closeDatePickerWithAnalytics, createDate,
 import createDatePlugin from './pm-plugins/main';
 import keymap from './pm-plugins/keymap';
 import { IconDate } from '../quick-insert/assets';
-import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, addAnalytics, EVENT_TYPE, INPUT_METHOD } from '../analytics';
+import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { messages } from '../insert-block/ui/ToolbarInsertBlock/messages';
 import { pluginKey as datePluginKey } from './pm-plugins/plugin-key';
 import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
@@ -148,8 +148,9 @@ const datePlugin = (_, api) => ({
       keyshortcut: '//',
       icon: () => /*#__PURE__*/React.createElement(IconDate, null),
       action(insert, state) {
+        var _api$dependencies, _api$dependencies$ana, _api$dependencies$ana2, _api$dependencies$ana3;
         const tr = createDate(true)(insert, state);
-        addAnalytics(state, tr, {
+        api === null || api === void 0 ? void 0 : (_api$dependencies = api.dependencies) === null || _api$dependencies === void 0 ? void 0 : (_api$dependencies$ana = _api$dependencies.analytics) === null || _api$dependencies$ana === void 0 ? void 0 : (_api$dependencies$ana2 = _api$dependencies$ana.actions) === null || _api$dependencies$ana2 === void 0 ? void 0 : (_api$dependencies$ana3 = _api$dependencies$ana2.attachAnalyticsEvent) === null || _api$dependencies$ana3 === void 0 ? void 0 : _api$dependencies$ana3.call(_api$dependencies$ana2, {
           action: ACTION.INSERTED,
           actionSubject: ACTION_SUBJECT.DOCUMENT,
           actionSubjectId: ACTION_SUBJECT_ID.DATE,
@@ -157,7 +158,7 @@ const datePlugin = (_, api) => ({
           attributes: {
             inputMethod: INPUT_METHOD.QUICK_INSERT
           }
-        });
+        })(tr);
         return tr;
       }
     }]

package/dist/es2019/plugins/expand/ui/styles.js

@@ -1,6 +1,5 @@
 import { css } from '@emotion/react';
 import { themed } from '@atlaskit/theme/components';
-import { gridSize } from '@atlaskit/theme/constants';
 import { R50, R300, N40A, N50A, N80A, DN50, R200 } from '@atlaskit/theme/colors';
 import { sharedExpandStyles } from '@atlaskit/editor-common/ui';
 import { SelectionStyle, getSelectionStyles, akLayoutGutterOffset, akEditorSelectedNodeClassName } from '@atlaskit/editor-shared-styles';
@@ -115,7 +114,7 @@ export const expandStyles = props => css`
 })(props)};
 
     .${expandClassNames.content} {
-      padding-top: ${gridSize()}px;
+      padding-top: ${"var(--ds-space-100, 8px)"};
     }
   }
 

package/dist/es2019/plugins/floating-toolbar/ui/Dropdown.js

@@ -4,7 +4,7 @@ import React, { Component } from 'react';
 import { css, jsx } from '@emotion/react';
 import ExpandIcon from '@atlaskit/icon/glyph/chevron-down';
 import UiDropdown from '../../../ui/Dropdown';
-import Button from './Button';
+import { FloatingToolbarButton as Button } from '@atlaskit/editor-common/ui';
 import DropdownMenu, { itemSpacing, menuItemDimensions } from './DropdownMenu';
 const dropdownExpandContainer = css`
   margin: 0px -4px;

package/dist/es2019/plugins/floating-toolbar/ui/DropdownMenu.js

@@ -2,6 +2,7 @@
 import { useState, useCallback, useEffect, createRef } from 'react';
 import { css, jsx } from '@emotion/react';
 import { Component } from 'react';
+// eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
 import { gridSize } from '@atlaskit/theme/constants';
 import { B400 } from '@atlaskit/theme/colors';
 import { ButtonItem } from '@atlaskit/menu';
@@ -23,11 +24,11 @@ const menuContainer = css`
 
   // temporary solution to retain spacing defined by @atlaskit/Item
   & button {
-    min-height: ${gridSize() * 4}px;
+    min-height: ${"var(--ds-space-400, 32px)"};
     padding: 8px 8px 7px;
 
     & > [data-item-elem-before] {
-      margin-right: ${gridSize() / 2}px;
+      margin-right: ${"var(--ds-space-050, 4px)"};
     }
   }
 `;
@@ -35,6 +36,9 @@ const label = css`
   display: inline-block;
   width: 100%;
 `;
+
+// TODO: Migrate away from gridSize
+// Recommendation: Replace with 4 as itemSpacing is used in calculations expecting a number
 export const itemSpacing = gridSize() / 2;
 
 // Extend the ButtonItem component type to allow mouse events to be accepted from the Typescript check

package/dist/es2019/plugins/floating-toolbar/ui/ExtensionsPlaceholder.js

@@ -4,7 +4,7 @@ import { getContextualToolbarItemsFromModule } from '@atlaskit/editor-common/ext
 import ButtonGroup from '@atlaskit/button/button-group';
 import { nodeToJSON } from '../../../utils';
 import { createExtensionAPI } from '../../extension/extension-api';
-import Button from './Button';
+import { FloatingToolbarButton as Button } from '@atlaskit/editor-common/ui';
 import Separator from './Separator';
 const noop = () => null;
 const isDefaultExport = mod => {

package/dist/es2019/plugins/floating-toolbar/ui/ScrollButtons.js

@@ -2,18 +2,16 @@
 import React, { useEffect, useState, useRef } from 'react';
 import { css, jsx } from '@emotion/react';
 import { N30 } from '@atlaskit/theme/colors';
-import { gridSize } from '@atlaskit/theme/constants';
 import ChevronLeftLargeIcon from '@atlaskit/icon/glyph/chevron-left-large';
 import ChevronRightLargeIcon from '@atlaskit/icon/glyph/chevron-right-large';
-import Button from './Button';
+import { FloatingToolbarButton as Button } from '@atlaskit/editor-common/ui';
 import messages from './messages';
 import rafSchedule from 'raf-schd';
-const akGridSize = gridSize();
 const toolbarScrollButtons = css`
   display: grid;
   grid-template-columns: 1fr 1fr;
-  grid-gap: ${akGridSize / 2}px;
-  padding: ${akGridSize / 2}px ${akGridSize}px;
+  grid-gap: ${"var(--ds-space-050, 4px)"};
+  padding: ${"var(--ds-space-050, 4px)"} ${"var(--ds-space-100, 8px)"};
   border-left: solid ${`var(--ds-border, ${N30})`} 1px;
   flex-shrink: 0;
   align-items: center;

package/dist/es2019/plugins/floating-toolbar/ui/Toolbar.js

@@ -7,11 +7,11 @@ import { Component } from 'react';
 import ButtonGroup from '@atlaskit/button/button-group';
 import { hexToEditorBackgroundPaletteColor } from '@atlaskit/editor-palette';
 import { themed } from '@atlaskit/theme/components';
-import { borderRadius, gridSize } from '@atlaskit/theme/constants';
+import { borderRadius } from '@atlaskit/theme/constants';
 import { DN70 } from '@atlaskit/theme/colors';
 import { compareArrays, shallowEqual } from '../utils';
 import { showConfirmDialog } from '../pm-plugins/toolbar-data/commands';
-import Button from './Button';
+import { FloatingToolbarButton as Button } from '@atlaskit/editor-common/ui';
 import Dropdown from './Dropdown';
 import Select from './Select';
 import Separator from './Separator';
@@ -28,7 +28,6 @@ import { clearHoverSelection } from '@atlaskit/editor-plugin-table/commands';
 import ScrollButtons from './ScrollButtons';
 import { ToolbarArrowKeyNavigationProvider } from '../../../ui/ToolbarArrowKeyNavigationProvider';
 import { checkShouldForceFocusAndApply, forceFocusSelector } from '../pm-plugins/force-focus';
-const akGridSize = gridSize();
 const ToolbarItems = /*#__PURE__*/React.memo(({
   items,
   dispatchCommand,
@@ -147,6 +146,7 @@ const ToolbarItems = /*#__PURE__*/React.memo(({
         }
         if (item.selectType === 'color') {
           return jsx(ColorPickerButton, {
+            skipFocusButtonAfterPick: true,
             key: idx,
             title: item.title,
             onChange: selected => {
@@ -244,9 +244,9 @@ const toolbarContainer = (theme, scrollable, hasSelect, firstElementIsSelect) =>
             `}
         overflow: hidden;
       ` : css`
-        padding: ${akGridSize / 2}px ${akGridSize}px;
+        padding: ${"var(--ds-space-050, 4px)"} ${"var(--ds-space-100, 8px)"};
         ${firstElementIsSelect && css`
-          padding-left: ${akGridSize / 2}px;
+          padding-left: ${"var(--ds-space-050, 4px)"};
         `}
       `}
 `;
@@ -259,17 +259,17 @@ const toolbarOverflow = (scrollable, scrollDisabled, firstElementIsSelect) => cs
               overflow-y: hidden;
             `}
         -webkit-overflow-scrolling: touch;
-        padding: ${akGridSize / 2}px 0 50px;
+        padding: ${"var(--ds-space-050, 4px)"} 0 50px;
         > div {
           > div:first-child {
             ${firstElementIsSelect ? css`
-                  margin-left: ${akGridSize / 2}px;
+                  margin-left: ${"var(--ds-space-050, 4px)"};
                 ` : css`
-                  margin-left: ${akGridSize}px;
+                  margin-left: ${"var(--ds-space-100, 8px)"};
                 `}
           }
           > div:last-child {
-            margin-right: ${akGridSize}px;
+            margin-right: ${"var(--ds-space-100, 8px)"};
           }
         }
       ` : css`

package/dist/es2019/plugins/grid/index.js

@@ -1,23 +1,20 @@
-import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import classnames from 'classnames';
 import { withTheme } from '@emotion/react';
 import { PluginKey } from 'prosemirror-state';
+import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
 import { breakoutWideScaleRatio, akEditorFullPageMaxWidth, akEditorBreakoutPadding } from '@atlaskit/editor-shared-styles';
-import { pluginKey as widthPlugin } from '../width/index';
-import WithPluginState from '../../ui/WithPluginState';
-import { createDispatch } from '../../event-dispatcher';
-export const stateKey = new PluginKey('gridPlugin');
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 export const GRID_SIZE = 12;
-export const createDisplayGrid = eventDispatcher => {
-  const dispatch = createDispatch(eventDispatcher);
-  return (show, type, highlight = []) => {
-    return dispatch(stateKey, {
-      visible: show,
-      gridType: type,
-      highlight: highlight
-    });
-  };
+const key = new PluginKey('gridPlugin');
+const createDisplayGrid = view => props => {
+  const {
+    dispatch,
+    state
+  } = view;
+  const tr = state.tr.setMeta(key, props);
+  dispatch(tr);
+  return true;
 };
 export const gridTypeForLayout = layout => layout === 'wrap-left' || layout === 'wrap-right' ? 'wrapped' : 'full';
 const sides = ['left', 'right'];
@@ -99,33 +96,73 @@ class Grid extends React.Component {
   }
 }
 const ThemedGrid = withTheme(Grid);
-const gridPlugin = options => ({
-  name: 'grid',
-  contentComponent: ({
-    editorView
-  }) => {
-    return /*#__PURE__*/React.createElement(WithPluginState, {
-      plugins: {
-        grid: stateKey,
-        widthState: widthPlugin
-      },
-      render: ({
-        grid,
-        widthState = {
-          width: akEditorFullPageMaxWidth
-        }
-      }) => {
-        if (!grid) {
-          return null;
-        }
-        return /*#__PURE__*/React.createElement(ThemedGrid, _extends({
-          shouldCalcBreakoutGridLines: options && options.shouldCalcBreakoutGridLines,
-          editorWidth: widthState.width,
-          containerElement: editorView.dom
-        }, grid));
+const ContentComponent = ({
+  api,
+  editorView,
+  options
+}) => {
+  var _widthState$width, _gridState$gridType;
+  const {
+    widthState,
+    gridState
+  } = useSharedPluginState(api, ['width', 'grid']);
+  if (!gridState) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(ThemedGrid, {
+    shouldCalcBreakoutGridLines: options && options.shouldCalcBreakoutGridLines,
+    editorWidth: (_widthState$width = widthState === null || widthState === void 0 ? void 0 : widthState.width) !== null && _widthState$width !== void 0 ? _widthState$width : akEditorFullPageMaxWidth,
+    containerElement: editorView.dom,
+    visible: gridState.visible,
+    gridType: (_gridState$gridType = gridState.gridType) !== null && _gridState$gridType !== void 0 ? _gridState$gridType : 'full',
+    highlight: gridState.highlight
+  });
+};
+const EMPTY_STATE = {
+  visible: false,
+  highlight: []
+};
+const gridPMPlugin = new SafePlugin({
+  key,
+  state: {
+    init() {
+      return EMPTY_STATE;
+    },
+    apply(tr, currentPluginState) {
+      const nextPluginState = tr.getMeta(key);
+      if (nextPluginState) {
+        return nextPluginState;
       }
-    });
+      return currentPluginState;
+    }
   }
 });
+const gridPlugin = (options, api) => {
+  return {
+    name: 'grid',
+    getSharedState(editorState) {
+      if (!editorState) {
+        return null;
+      }
+      return key.getState(editorState);
+    },
+    actions: {
+      displayGrid: createDisplayGrid
+    },
+    pmPlugins() {
+      return [{
+        name: 'grid',
+        plugin: () => gridPMPlugin
+      }];
+    },
+    contentComponent: ({
+      editorView
+    }) => /*#__PURE__*/React.createElement(ContentComponent, {
+      editorView: editorView,
+      options: options,
+      api: api
+    })
+  };
+};
 export default gridPlugin;
 export { GRID_GUTTER } from './styles';

package/dist/es2019/plugins/history/pm-history-types.js

@@ -1,2 +1 @@
-// prosemirror-history does not export its plugin key
-export const pmHistoryPluginKey = 'history$';
+export {};

package/dist/es2019/plugins/history/utils.js

@@ -1,4 +1,4 @@
-import { pmHistoryPluginKey } from './pm-history-types';
+import { pmHistoryPluginKey } from '@atlaskit/editor-common/utils';
 export const getPmHistoryPlugin = state => {
   return state.plugins.find(plugin => plugin.key === pmHistoryPluginKey);
 };

package/dist/es2019/plugins/hyperlink/HyperlinkToolbarAppearance.js

@@ -60,7 +60,8 @@ export class HyperlinkToolbarAppearance extends Component {
       editorView,
       editorState,
       cardOptions,
-      platform
+      platform,
+      editorAnalyticsApi
     } = this.props;
     const {
       supportedUrlsMap
@@ -76,7 +77,8 @@ export class HyperlinkToolbarAppearance extends Component {
       editorState: editorState,
       allowEmbeds: cardOptions === null || cardOptions === void 0 ? void 0 : cardOptions.allowEmbeds,
       allowBlockCards: cardOptions === null || cardOptions === void 0 ? void 0 : cardOptions.allowBlockCards,
-      platform: platform
+      platform: platform,
+      editorAnalyticsApi: editorAnalyticsApi
     });
   }
 }

package/dist/es2019/plugins/hyperlink/Toolbar.js

@@ -6,7 +6,7 @@ import { commandWithMetadata } from '@atlaskit/editor-common/card';
 import UnlinkIcon from '@atlaskit/icon/glyph/editor/unlink';
 import CogIcon from '@atlaskit/icon/glyph/editor/settings';
 import OpenIcon from '@atlaskit/icon/glyph/shortcut';
-import { normalizeUrl } from './utils';
+import { normalizeUrl } from '@atlaskit/editor-common/utils';
 import { linkToolbarMessages as linkToolbarCommonMessages, linkMessages } from '../../messages';
 import { isSafeUrl } from '@atlaskit/adf-schema';
 import { LINKPICKER_HEIGHT_IN_PX, RECENT_SEARCH_HEIGHT_IN_PX, RECENT_SEARCH_WIDTH_IN_PX } from '../../ui/LinkSearch/ToolbarComponents';
@@ -58,7 +58,7 @@ const getSettingsButtonGroup = (state, intl, featureFlags) => {
     target: '_blank'
   }] : [];
 };
-export const getToolbarConfig = (options, featureFlags) => (state, intl, providerFactory) => {
+export const getToolbarConfig = (options, featureFlags, editorAnalyticsApi) => (state, intl, providerFactory) => {
   const {
     formatMessage
   } = intl;
@@ -121,7 +121,8 @@ export const getToolbarConfig = (options, featureFlags) => (state, intl, provide
                   editorState: state,
                   cardOptions: options === null || options === void 0 ? void 0 : options.cardOptions,
                   providerFactory: providerFactory,
-                  platform: options === null || options === void 0 ? void 0 : options.platform
+                  platform: options === null || options === void 0 ? void 0 : options.platform,
+                  editorAnalyticsApi: editorAnalyticsApi
                 });
               }
             }, {

package/dist/es2019/plugins/hyperlink/commands.js

@@ -1,11 +1,11 @@
 import { commandWithMetadata } from '@atlaskit/editor-common/card';
-import { normalizeUrl } from './utils';
+import { normalizeUrl, getLinkCreationAnalyticsEvent } from '@atlaskit/editor-common/utils';
 import { stateKey, LinkAction } from './pm-plugins/main';
 import { Selection } from 'prosemirror-state';
 import { filter } from '../../utils/commands';
-import { addAnalytics, ACTION, ACTION_SUBJECT, INPUT_METHOD, EVENT_TYPE, ACTION_SUBJECT_ID, withAnalytics } from '../analytics';
+import { addAnalytics, withAnalytics } from '../analytics';
+import { ACTION, ACTION_SUBJECT, INPUT_METHOD, EVENT_TYPE, ACTION_SUBJECT_ID } from '@atlaskit/editor-common/analytics';
 import { queueCardsFromChangedTr } from '../card/pm-plugins/doc';
-import { getLinkCreationAnalyticsEvent } from './analytics';
 import { buildEditLinkPayload, unlinkPayload } from '../../utils/linking-utils';
 export function isTextAtPos(pos) {
   return state => {

package/dist/es2019/plugins/hyperlink/index.js

@@ -4,13 +4,13 @@ import { createInputRulePlugin } from './pm-plugins/input-rule';
 import { createKeymapPlugin } from './pm-plugins/keymap';
 import { plugin, stateKey, LinkAction } from './pm-plugins/main';
 import fakeCursorToolbarPlugin from './pm-plugins/fake-cursor-for-toolbar';
-import { addAnalytics, ACTION, ACTION_SUBJECT, INPUT_METHOD, EVENT_TYPE, ACTION_SUBJECT_ID } from '../analytics';
+import { ACTION, ACTION_SUBJECT, INPUT_METHOD, EVENT_TYPE, ACTION_SUBJECT_ID } from '@atlaskit/editor-common/analytics';
 import { getToolbarConfig } from './Toolbar';
 import { tooltip, addLink } from '../../keymaps';
 import { IconLink } from '../quick-insert/assets';
 import { messages } from '../insert-block/ui/ToolbarInsertBlock/messages';
 const hyperlinkPlugin = (options = {}, api) => {
-  var _api$dependencies, _api$dependencies$fea;
+  var _api$dependencies, _api$dependencies$fea, _api$dependencies$ana;
   const featureFlags = (api === null || api === void 0 ? void 0 : (_api$dependencies = api.dependencies) === null || _api$dependencies === void 0 ? void 0 : (_api$dependencies$fea = _api$dependencies.featureFlags) === null || _api$dependencies$fea === void 0 ? void 0 : _api$dependencies$fea.sharedState.currentState()) || {};
   return {
     name: 'hyperlink',
@@ -56,12 +56,13 @@ const hyperlinkPlugin = (options = {}, api) => {
         keyshortcut: tooltip(addLink),
         icon: () => /*#__PURE__*/React.createElement(IconLink, null),
         action(insert, state) {
+          var _api$dependencies2, _api$dependencies2$an, _api$dependencies2$an2, _api$dependencies2$an3;
           const tr = insert(undefined);
           tr.setMeta(stateKey, {
             type: LinkAction.SHOW_INSERT_TOOLBAR,
             inputMethod: INPUT_METHOD.QUICK_INSERT
           });
-          return addAnalytics(state, tr, {
+          const analyticsAttached = api === null || api === void 0 ? void 0 : (_api$dependencies2 = api.dependencies) === null || _api$dependencies2 === void 0 ? void 0 : (_api$dependencies2$an = _api$dependencies2.analytics) === null || _api$dependencies2$an === void 0 ? void 0 : (_api$dependencies2$an2 = _api$dependencies2$an.actions) === null || _api$dependencies2$an2 === void 0 ? void 0 : (_api$dependencies2$an3 = _api$dependencies2$an2.attachAnalyticsEvent) === null || _api$dependencies2$an3 === void 0 ? void 0 : _api$dependencies2$an3.call(_api$dependencies2$an2, {
             action: ACTION.INVOKED,
             actionSubject: ACTION_SUBJECT.TYPEAHEAD,
             actionSubjectId: ACTION_SUBJECT_ID.TYPEAHEAD_LINK,
@@ -69,10 +70,11 @@ const hyperlinkPlugin = (options = {}, api) => {
               inputMethod: INPUT_METHOD.QUICK_INSERT
             },
             eventType: EVENT_TYPE.UI
-          });
+          })(tr);
+          return analyticsAttached !== false ? tr : false;
         }
       }],
-      floatingToolbar: getToolbarConfig(options, featureFlags)
+      floatingToolbar: getToolbarConfig(options, featureFlags, api === null || api === void 0 ? void 0 : (_api$dependencies$ana = api.dependencies.analytics) === null || _api$dependencies$ana === void 0 ? void 0 : _api$dependencies$ana.actions)
     }
   };
 };

package/dist/es2019/plugins/hyperlink/pm-plugins/input-rule.js

@@ -1,8 +1,8 @@
 import { addLinkMetadata } from '@atlaskit/editor-common/card';
 import { createRule, createPlugin } from '../../../utils/input-rules';
-import { findFilepaths, isLinkInMatches, LinkMatcher, normalizeUrl } from '../utils';
-import { INPUT_METHOD, addAnalytics } from '../../analytics';
-import { getLinkCreationAnalyticsEvent } from '../analytics';
+import { findFilepaths, isLinkInMatches, LinkMatcher, normalizeUrl, getLinkCreationAnalyticsEvent } from '@atlaskit/editor-common/utils';
+import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
+import { addAnalytics } from '../../analytics';
 export function createLinkInputRule(regexp, skipAnalytics = false) {
   // Plain typed text (eg, typing 'www.google.com') should convert to a hyperlink
   return createRule(regexp, (state, match, start, end) => {

package/dist/es2019/plugins/hyperlink/pm-plugins/keymap.js

@@ -4,8 +4,7 @@ import * as keymaps from '../../../keymaps';
 import { stateKey } from '../pm-plugins/main';
 import { showLinkToolbar, hideLinkToolbar } from '../commands';
 import { INPUT_METHOD, addAnalytics } from '../../analytics';
-import { getLinkCreationAnalyticsEvent } from '../analytics';
-import { findFilepaths, isLinkInMatches } from '../utils';
+import { findFilepaths, isLinkInMatches, getLinkCreationAnalyticsEvent } from '@atlaskit/editor-common/utils';
 export function createKeymapPlugin(skipAnalytics = false) {
   const list = {};
   keymaps.bindKeymapWithCommand(keymaps.addLink.common, showLinkToolbar(INPUT_METHOD.SHORTCUT), list);

package/dist/es2019/plugins/hyperlink/ui/HyperlinkAddToolbar/HyperlinkAddToolbar.js

@@ -17,7 +17,7 @@ import PanelTextInput from '../../../../ui/PanelTextInput';
 import LinkSearchList from '../../../../ui/LinkSearch/LinkSearchList';
 import { container, containerWithProvider, inputWrapper } from '../../../../ui/LinkSearch/ToolbarComponents';
 import { INPUT_METHOD, fireAnalyticsEvent, ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
-import { normalizeUrl } from '../../utils';
+import { normalizeUrl } from '@atlaskit/editor-common/utils';
 import { filterUniqueItems } from '../../../../utils/array';
 import debounce from 'lodash/debounce';
 import { mapContentTypeToIcon, sha1, wordCount } from './utils';

package/dist/es2019/plugins/insert-block/index.js

@@ -85,7 +85,7 @@ const insertBlockPlugin = (options = {}, api) => {
             placeholderTextState,
             layoutState
           }) => /*#__PURE__*/React.createElement(ToolbarInsertBlock, {
-            insertNodeAPI: options.insertNodeAPI,
+            pluginInjectionApi: api,
             buttons: buttons,
             isReducedSpacing: isToolbarReducedSpacing,
             isDisabled: disabled,

package/dist/es2019/plugins/insert-block/ui/ToolbarInsertBlock/index.js

@@ -170,27 +170,24 @@ export class ToolbarInsertBlock extends React.PureComponent {
       return true;
     });
     _defineProperty(this, "insertTable", inputMethod => {
+      var _pluginInjectionApi$d, _pluginInjectionApi$d2, _pluginInjectionApi$d3, _pluginInjectionApi$d4;
       const {
-        insertNodeAPI
+        pluginInjectionApi,
+        editorView
       } = this.props;
-      if (!insertNodeAPI) {
-        return false;
-      }
-      return insertNodeAPI.insert({
-        node: 'table',
-        options: {
-          selectNodeInserted: false,
-          analyticsPayload: {
-            action: ACTION.INSERTED,
-            actionSubject: ACTION_SUBJECT.DOCUMENT,
-            actionSubjectId: ACTION_SUBJECT_ID.TABLE,
-            attributes: {
-              inputMethod
-            },
-            eventType: EVENT_TYPE.TRACK
-          }
-        }
-      });
+      const {
+        state,
+        dispatch
+      } = editorView;
+      return (_pluginInjectionApi$d = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d2 = pluginInjectionApi.dependencies.table) === null || _pluginInjectionApi$d2 === void 0 ? void 0 : (_pluginInjectionApi$d3 = (_pluginInjectionApi$d4 = _pluginInjectionApi$d2.actions).insertTable) === null || _pluginInjectionApi$d3 === void 0 ? void 0 : _pluginInjectionApi$d3.call(_pluginInjectionApi$d4, {
+        action: ACTION.INSERTED,
+        actionSubject: ACTION_SUBJECT.DOCUMENT,
+        actionSubjectId: ACTION_SUBJECT_ID.TABLE,
+        attributes: {
+          inputMethod
+        },
+        eventType: EVENT_TYPE.TRACK
+      })(state, dispatch)) !== null && _pluginInjectionApi$d !== void 0 ? _pluginInjectionApi$d : false;
     });
     _defineProperty(this, "createDate", inputMethod => {
       const {

package/dist/es2019/plugins/layout/styles.js

@@ -1,4 +1,6 @@
 import { css } from '@emotion/react';
+
+// eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
 import { gridSize } from '@atlaskit/theme/constants';
 import { N40A, N50A, DN70, DN80 } from '@atlaskit/theme/colors';
 import { themed } from '@atlaskit/theme/components';
@@ -10,6 +12,8 @@ export { LAYOUT_COLUMN_PADDING, LAYOUT_SECTION_MARGIN };
 export const layoutStyles = props => css`
   .ProseMirror {
     ${columnLayoutSharedStyle} [data-layout-section] {
+      // TODO: Migrate away from gridSize
+      // Recommendation: Replace directly with 7px
       margin: ${gridSize() - 1}px -${akLayoutGutterOffset}px 0;
       transition: border-color 0.3s ${akEditorSwoopCubicBezier};
       cursor: pointer;

package/dist/es2019/plugins/list/actions/conversions.js

@@ -3,7 +3,7 @@ import { NodeRange } from 'prosemirror-model';
 import { findWrapping } from 'prosemirror-transform';
 import { findParentNodeClosestToPos } from 'prosemirror-utils';
 import { isListNode, joinSiblingLists } from '../utils/node';
-import { isEmptyParagraph } from '../../../utils';
+import { isEmptyParagraph } from '@atlaskit/editor-common/utils';
 import { findFirstParentListNode } from '../utils/find';
 import { GapCursorSelection } from '../../selection/gap-cursor-selection';
 export function convertListType({

package/dist/es2019/plugins/list/commands/listBackspace.js

@@ -1,7 +1,7 @@
 import { insertContentDeleteRange, isEmptySelectionAtStart, walkPrevNode } from '../../../utils/commands';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD, DELETE_DIRECTION, LIST_TEXT_SCENARIOS, addAnalytics } from '../../analytics';
 import { findParentNodeOfType } from 'prosemirror-utils';
-import { isListNode, isParagraphNode } from '../utils/node';
+import { isListNode, isParagraphNode } from '@atlaskit/editor-common/utils';
 import { isPosInsideList, isPosInsideParagraph } from '../utils/selection';
 //Cases below refer to the cases found in this document: https://product-fabric.atlassian.net/wiki/spaces/E/pages/1146954996/List+Backspace+and+Delete+Behaviour
 //Case for two adjacent list items of the same indentation

package/dist/es2019/plugins/list/pm-plugins/main.js

@@ -6,7 +6,7 @@ import { isWrappingPossible } from '../utils/selection';
 import { isListNode } from '../utils/node';
 import { pluginFactory } from '../../../utils/plugin-state-factory';
 import { setGapCursorSelection } from '../../../utils';
-import { Side } from '../../selection/gap-cursor-selection';
+import { Side } from '@atlaskit/editor-common/selection';
 import { listItemCounterPadding, CodeBlockSharedCssClassName, getOrderedListInlineStyles } from '@atlaskit/editor-common/styles';
 import { getItemCounterDigitsSize } from '@atlaskit/editor-common/utils';
 const listPluginKey = new PluginKey('listPlugin');

package/dist/es2019/plugins/list/transforms.js

@@ -2,7 +2,7 @@ import { Fragment, NodeRange, Slice } from 'prosemirror-model';
 import { EditorState, TextSelection } from 'prosemirror-state';
 import { liftTarget, ReplaceAroundStep } from 'prosemirror-transform';
 import { autoJoin } from 'prosemirror-commands';
-import { isListNode } from './utils/node';
+import { isListNode } from '@atlaskit/editor-common/utils';
 import { mapSlice, mapChildren } from '../../utils/slice';
 import { getListLiftTarget } from './utils/indentation';
 function liftListItem(selection, tr) {

package/dist/es2019/plugins/list/utils/analytics.js

@@ -1,4 +1,4 @@
-import { isListNode, isListItemNode } from './node';
+import { isListItemNode, isListNode } from '@atlaskit/editor-common/utils';
 import { getListItemAttributes } from './selection';
 export const getCommonListAnalyticsAttributes = state => {
   const {

package/dist/es2019/plugins/list/utils/find.js

@@ -1,5 +1,5 @@
 import { findParentNodeClosestToPos } from 'prosemirror-utils';
-import { isListNode, isListItemNode } from './node';
+import { isListItemNode, isListNode } from '@atlaskit/editor-common/utils';
 export function findFirstParentListNode($pos) {
   const currentNode = $pos.doc.nodeAt($pos.pos);
   let listNodePosition = null;

package/dist/es2019/plugins/list/utils/indentation.js

@@ -1,5 +1,5 @@
 import { numberNestedLists } from './selection';
-import { isListItemNode, isListNode } from './node';
+import { isListItemNode, isListNode } from '@atlaskit/editor-common/utils';
 
 // This will return (depth - 1) for root list parent of a list.
 export const getListLiftTarget = resPos => {

package/dist/es2019/plugins/list/utils/node.js

@@ -1,16 +1,6 @@
 import { Fragment } from 'prosemirror-model';
-export function isListNode(node) {
-  return Boolean(node && node.type && ['orderedList', 'bulletList'].includes(node.type.name));
-}
-export function isParagraphNode(node) {
-  return Boolean(node && node.type && 'paragraph' === node.type.name);
-}
-export function isListItemNode(node) {
-  return Boolean(node && node.type && 'listItem' === node.type.name);
-}
-export function isBulletList(node) {
-  return Boolean(node && node.type && 'bulletList' === node.type.name);
-}
+export { isListNode, isListItemNode, isBulletList, isParagraphNode } from '@atlaskit/editor-common/utils';
+import { isListNode, isListItemNode } from '@atlaskit/editor-common/utils';
 function isListNodeValidContent(node) {
   const {
     bulletList