@atlaskit/editor-plugin-toolbar 23.0.4 → 23.0.7

package/dist/cjs/ui/toolbar-components.js

@@ -7,9 +7,11 @@ Object.defineProperty(exports, "__esModule", {
 exports.getToolbarComponents = void 0;
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _react = _interopRequireDefault(require("react"));
-var _analytics = require("@atlaskit/editor-common/analytics");
-var _toolbar = require("@atlaskit/editor-common/toolbar");
-var _editorToolbar = require("@atlaskit/editor-toolbar");
+var _enums = require("@atlaskit/editor-common/analytics/types/enums");
+var _keys = require("@atlaskit/editor-common/toolbar/keys");
+var _rank = require("@atlaskit/editor-common/toolbar/rank");
+var _show = require("@atlaskit/editor-toolbar/show");
+var _toolbar = require("@atlaskit/editor-toolbar/toolbar");
 var _consts = require("./consts");
 var _OverflowMenu = require("./OverflowMenu");
 var _OverflowMenuSection = require("./OverflowMenuSection");
@@ -20,12 +22,12 @@ var _TextCollapsedMenu = require("./TextCollapsedMenu");
 var getInlineTextToolbarComponents = function getInlineTextToolbarComponents() {
   return [{
     type: 'toolbar',
-    key: _toolbar.TOOLBARS.INLINE_TEXT_TOOLBAR,
+    key: _keys.TOOLBARS.INLINE_TEXT_TOOLBAR,
     component: function component(_ref) {
       var children = _ref.children;
-      return /*#__PURE__*/_react.default.createElement(_editorToolbar.Toolbar, {
+      return /*#__PURE__*/_react.default.createElement(_toolbar.Toolbar, {
         label: _consts.SELECTION_TOOLBAR_LABEL,
-        actionSubjectId: _analytics.ACTION_SUBJECT_ID.SELECTION_TOOLBAR,
+        actionSubjectId: _enums.ACTION_SUBJECT_ID.SELECTION_TOOLBAR,
         testId: 'editor-floating-toolbar'
       }, children);
     }
@@ -34,7 +36,7 @@ var getInlineTextToolbarComponents = function getInlineTextToolbarComponents() {
 var getPrimaryToolbarComponents = function getPrimaryToolbarComponents(breakpointPreset) {
   return [{
     type: 'toolbar',
-    key: _toolbar.TOOLBARS.PRIMARY_TOOLBAR,
+    key: _keys.TOOLBARS.PRIMARY_TOOLBAR,
     component: function component(_ref2) {
       var children = _ref2.children;
       return /*#__PURE__*/_react.default.createElement(_PrimaryToolbar.PrimaryToolbar, {
@@ -45,17 +47,17 @@ var getPrimaryToolbarComponents = function getPrimaryToolbarComponents(breakpoin
 };
 var getToolbarComponents = exports.getToolbarComponents = function getToolbarComponents(contextualFormattingEnabled, api, breakpointPreset) {
   var components = [{
-    type: _toolbar.TEXT_SECTION.type,
-    key: _toolbar.TEXT_SECTION.key,
+    type: _keys.TEXT_SECTION.type,
+    key: _keys.TEXT_SECTION.key,
     parents: [{
       type: 'toolbar',
-      key: _toolbar.TOOLBARS.INLINE_TEXT_TOOLBAR,
-      rank: _toolbar.TOOLBAR_RANK[_toolbar.TEXT_SECTION.key]
+      key: _keys.TOOLBARS.INLINE_TEXT_TOOLBAR,
+      rank: _rank.TOOLBAR_RANK[_keys.TEXT_SECTION.key]
     }],
     component: function component(_ref3) {
       var children = _ref3.children,
         parents = _ref3.parents;
-      return /*#__PURE__*/_react.default.createElement(_editorToolbar.Show, {
+      return /*#__PURE__*/_react.default.createElement(_show.Show, {
         above: "md"
       }, /*#__PURE__*/_react.default.createElement(_Section.Section, {
         parents: parents,
@@ -64,17 +66,17 @@ var getToolbarComponents = exports.getToolbarComponents = function getToolbarCom
       }, children));
     }
   }, {
-    type: _toolbar.TEXT_SECTION_PRIMARY_TOOLBAR.type,
-    key: _toolbar.TEXT_SECTION_PRIMARY_TOOLBAR.key,
+    type: _keys.TEXT_SECTION_PRIMARY_TOOLBAR.type,
+    key: _keys.TEXT_SECTION_PRIMARY_TOOLBAR.key,
     parents: [{
       type: 'toolbar',
-      key: _toolbar.TOOLBARS.PRIMARY_TOOLBAR,
-      rank: _toolbar.TOOLBAR_RANK[_toolbar.TEXT_SECTION.key]
+      key: _keys.TOOLBARS.PRIMARY_TOOLBAR,
+      rank: _rank.TOOLBAR_RANK[_keys.TEXT_SECTION.key]
     }],
     component: function component(_ref4) {
       var children = _ref4.children,
         parents = _ref4.parents;
-      return /*#__PURE__*/_react.default.createElement(_editorToolbar.Show, {
+      return /*#__PURE__*/_react.default.createElement(_show.Show, {
         above: "md"
       }, /*#__PURE__*/_react.default.createElement(_Section.Section, {
         parents: parents,
@@ -83,21 +85,21 @@ var getToolbarComponents = exports.getToolbarComponents = function getToolbarCom
       }, children));
     }
   }, {
-    type: _toolbar.TEXT_SECTION_COLLAPSED.type,
-    key: _toolbar.TEXT_SECTION_COLLAPSED.key,
+    type: _keys.TEXT_SECTION_COLLAPSED.type,
+    key: _keys.TEXT_SECTION_COLLAPSED.key,
     parents: [{
       type: 'toolbar',
-      key: _toolbar.TOOLBARS.PRIMARY_TOOLBAR,
-      rank: _toolbar.TOOLBAR_RANK[_toolbar.TEXT_SECTION_COLLAPSED.key]
+      key: _keys.TOOLBARS.PRIMARY_TOOLBAR,
+      rank: _rank.TOOLBAR_RANK[_keys.TEXT_SECTION_COLLAPSED.key]
     }, {
       type: 'toolbar',
-      key: _toolbar.TOOLBARS.INLINE_TEXT_TOOLBAR,
-      rank: _toolbar.TOOLBAR_RANK[_toolbar.TEXT_SECTION_COLLAPSED.key]
+      key: _keys.TOOLBARS.INLINE_TEXT_TOOLBAR,
+      rank: _rank.TOOLBAR_RANK[_keys.TEXT_SECTION_COLLAPSED.key]
     }],
     component: function component(_ref5) {
       var children = _ref5.children,
         parents = _ref5.parents;
-      return /*#__PURE__*/_react.default.createElement(_editorToolbar.Show, {
+      return /*#__PURE__*/_react.default.createElement(_show.Show, {
         below: "md"
       }, /*#__PURE__*/_react.default.createElement(_Section.Section, {
         parents: parents,
@@ -106,29 +108,29 @@ var getToolbarComponents = exports.getToolbarComponents = function getToolbarCom
       }, children));
     }
   }, {
-    type: _toolbar.TEXT_COLLAPSED_GROUP.type,
-    key: _toolbar.TEXT_COLLAPSED_GROUP.key,
+    type: _keys.TEXT_COLLAPSED_GROUP.type,
+    key: _keys.TEXT_COLLAPSED_GROUP.key,
     parents: [{
-      type: _toolbar.TEXT_SECTION_COLLAPSED.type,
-      key: _toolbar.TEXT_SECTION_COLLAPSED.key,
+      type: _keys.TEXT_SECTION_COLLAPSED.type,
+      key: _keys.TEXT_SECTION_COLLAPSED.key,
       rank: 100
     }]
   }, {
-    type: _toolbar.TEXT_COLLAPSED_MENU.type,
-    key: _toolbar.TEXT_COLLAPSED_MENU.key,
+    type: _keys.TEXT_COLLAPSED_MENU.type,
+    key: _keys.TEXT_COLLAPSED_MENU.key,
     parents: [{
-      type: _toolbar.TEXT_COLLAPSED_GROUP.type,
-      key: _toolbar.TEXT_COLLAPSED_GROUP.key,
+      type: _keys.TEXT_COLLAPSED_GROUP.type,
+      key: _keys.TEXT_COLLAPSED_GROUP.key,
       rank: 100
     }],
     component: _TextCollapsedMenu.TextCollapsedMenu
   }, {
-    type: _toolbar.INSERT_BLOCK_SECTION.type,
-    key: _toolbar.INSERT_BLOCK_SECTION.key,
+    type: _keys.INSERT_BLOCK_SECTION.type,
+    key: _keys.INSERT_BLOCK_SECTION.key,
     parents: [{
       type: 'toolbar',
-      key: _toolbar.TOOLBARS.PRIMARY_TOOLBAR,
-      rank: _toolbar.TOOLBAR_RANK[_toolbar.INSERT_BLOCK_SECTION.key]
+      key: _keys.TOOLBARS.PRIMARY_TOOLBAR,
+      rank: _rank.TOOLBAR_RANK[_keys.INSERT_BLOCK_SECTION.key]
     }],
     component: function component(_ref6) {
       var children = _ref6.children,
@@ -142,16 +144,16 @@ var getToolbarComponents = exports.getToolbarComponents = function getToolbarCom
       }, children);
     }
   }, {
-    type: _toolbar.LINKING_SECTION.type,
-    key: _toolbar.LINKING_SECTION.key,
+    type: _keys.LINKING_SECTION.type,
+    key: _keys.LINKING_SECTION.key,
     parents: [{
       type: 'toolbar',
-      key: _toolbar.TOOLBARS.INLINE_TEXT_TOOLBAR,
-      rank: _toolbar.TOOLBAR_RANK[_toolbar.LINKING_SECTION.key]
+      key: _keys.TOOLBARS.INLINE_TEXT_TOOLBAR,
+      rank: _rank.TOOLBAR_RANK[_keys.LINKING_SECTION.key]
     }, {
       type: 'toolbar',
-      key: _toolbar.TOOLBARS.PRIMARY_TOOLBAR,
-      rank: _toolbar.TOOLBAR_RANK[_toolbar.LINKING_SECTION.key]
+      key: _keys.TOOLBARS.PRIMARY_TOOLBAR,
+      rank: _rank.TOOLBAR_RANK[_keys.LINKING_SECTION.key]
     }],
     component: function component(_ref7) {
       var children = _ref7.children,
@@ -164,49 +166,49 @@ var getToolbarComponents = exports.getToolbarComponents = function getToolbarCom
       }, children);
     }
   }, {
-    type: _toolbar.OVERFLOW_SECTION.type,
-    key: _toolbar.OVERFLOW_SECTION.key,
+    type: _keys.OVERFLOW_SECTION.type,
+    key: _keys.OVERFLOW_SECTION.key,
     parents: [{
       type: 'toolbar',
-      key: _toolbar.TOOLBARS.INLINE_TEXT_TOOLBAR,
-      rank: _toolbar.TOOLBAR_RANK[_toolbar.OVERFLOW_SECTION.key]
+      key: _keys.TOOLBARS.INLINE_TEXT_TOOLBAR,
+      rank: _rank.TOOLBAR_RANK[_keys.OVERFLOW_SECTION.key]
     }]
   }, {
-    type: _toolbar.OVERFLOW_GROUP.type,
-    key: _toolbar.OVERFLOW_GROUP.key,
+    type: _keys.OVERFLOW_GROUP.type,
+    key: _keys.OVERFLOW_GROUP.key,
     parents: [{
-      type: _toolbar.OVERFLOW_SECTION.type,
-      key: _toolbar.OVERFLOW_SECTION.key,
-      rank: _toolbar.OVERFLOW_SECTION_RANK[_toolbar.OVERFLOW_GROUP.key]
+      type: _keys.OVERFLOW_SECTION.type,
+      key: _keys.OVERFLOW_SECTION.key,
+      rank: _rank.OVERFLOW_SECTION_RANK[_keys.OVERFLOW_GROUP.key]
     }]
   }, {
-    type: _toolbar.OVERFLOW_MENU.type,
-    key: _toolbar.OVERFLOW_MENU.key,
+    type: _keys.OVERFLOW_MENU.type,
+    key: _keys.OVERFLOW_MENU.key,
     parents: [{
-      type: _toolbar.OVERFLOW_GROUP.type,
-      key: _toolbar.OVERFLOW_GROUP.key,
-      rank: _toolbar.OVERFLOW_GROUP_RANK[_toolbar.OVERFLOW_MENU.key]
+      type: _keys.OVERFLOW_GROUP.type,
+      key: _keys.OVERFLOW_GROUP.key,
+      rank: _rank.OVERFLOW_GROUP_RANK[_keys.OVERFLOW_MENU.key]
     }],
     component: function component(_ref8) {
       var children = _ref8.children;
       return /*#__PURE__*/_react.default.createElement(_OverflowMenu.OverflowMenu, null, children);
     }
   }, {
-    type: _toolbar.OVERFLOW_EXTENSIONS_MENU_SECTION.type,
-    key: _toolbar.OVERFLOW_EXTENSIONS_MENU_SECTION.key,
+    type: _keys.OVERFLOW_EXTENSIONS_MENU_SECTION.type,
+    key: _keys.OVERFLOW_EXTENSIONS_MENU_SECTION.key,
     parents: [{
-      type: _toolbar.OVERFLOW_MENU.type,
-      key: _toolbar.OVERFLOW_MENU.key,
-      rank: _toolbar.OVERFLOW_MENU_RANK[_toolbar.OVERFLOW_EXTENSIONS_MENU_SECTION.key]
+      type: _keys.OVERFLOW_MENU.type,
+      key: _keys.OVERFLOW_MENU.key,
+      rank: _rank.OVERFLOW_MENU_RANK[_keys.OVERFLOW_EXTENSIONS_MENU_SECTION.key]
     }],
     component: _OverflowMenuSection.OverflowMenuSection
   }, {
-    type: _toolbar.PIN_SECTION.type,
-    key: _toolbar.PIN_SECTION.key,
+    type: _keys.PIN_SECTION.type,
+    key: _keys.PIN_SECTION.key,
     parents: [{
       type: 'toolbar',
-      key: _toolbar.TOOLBARS.PRIMARY_TOOLBAR,
-      rank: _toolbar.TOOLBAR_RANK[_toolbar.PIN_SECTION.key]
+      key: _keys.TOOLBARS.PRIMARY_TOOLBAR,
+      rank: _rank.TOOLBAR_RANK[_keys.PIN_SECTION.key]
     }],
     component: function component(_ref9) {
       var children = _ref9.children,
@@ -220,32 +222,32 @@ var getToolbarComponents = exports.getToolbarComponents = function getToolbarCom
     }
   }];
   components.push({
-    type: _toolbar.OVERFLOW_SECTION_PRIMARY_TOOLBAR.type,
-    key: _toolbar.OVERFLOW_SECTION_PRIMARY_TOOLBAR.key,
+    type: _keys.OVERFLOW_SECTION_PRIMARY_TOOLBAR.type,
+    key: _keys.OVERFLOW_SECTION_PRIMARY_TOOLBAR.key,
     parents: [{
       type: 'toolbar',
-      key: _toolbar.TOOLBARS.PRIMARY_TOOLBAR,
-      rank: _toolbar.TOOLBAR_RANK[_toolbar.OVERFLOW_SECTION_PRIMARY_TOOLBAR.key]
+      key: _keys.TOOLBARS.PRIMARY_TOOLBAR,
+      rank: _rank.TOOLBAR_RANK[_keys.OVERFLOW_SECTION_PRIMARY_TOOLBAR.key]
     }],
     component: function component(_ref0) {
       var children = _ref0.children;
       return /*#__PURE__*/_react.default.createElement(_OverflowSection.OverflowSection, null, children);
     }
   }, {
-    type: _toolbar.OVERFLOW_GROUP_PRIMARY_TOOLBAR.type,
-    key: _toolbar.OVERFLOW_GROUP_PRIMARY_TOOLBAR.key,
+    type: _keys.OVERFLOW_GROUP_PRIMARY_TOOLBAR.type,
+    key: _keys.OVERFLOW_GROUP_PRIMARY_TOOLBAR.key,
     parents: [{
-      type: _toolbar.OVERFLOW_SECTION_PRIMARY_TOOLBAR.type,
-      key: _toolbar.OVERFLOW_SECTION_PRIMARY_TOOLBAR.key,
-      rank: _toolbar.OVERFLOW_SECTION_PRIMARY_TOOLBAR_RANK[_toolbar.OVERFLOW_GROUP_PRIMARY_TOOLBAR.key]
+      type: _keys.OVERFLOW_SECTION_PRIMARY_TOOLBAR.type,
+      key: _keys.OVERFLOW_SECTION_PRIMARY_TOOLBAR.key,
+      rank: _rank.OVERFLOW_SECTION_PRIMARY_TOOLBAR_RANK[_keys.OVERFLOW_GROUP_PRIMARY_TOOLBAR.key]
     }]
   }, {
-    type: _toolbar.OVERFLOW_MENU_PRIMARY_TOOLBAR.type,
-    key: _toolbar.OVERFLOW_MENU_PRIMARY_TOOLBAR.key,
+    type: _keys.OVERFLOW_MENU_PRIMARY_TOOLBAR.type,
+    key: _keys.OVERFLOW_MENU_PRIMARY_TOOLBAR.key,
     parents: [{
-      type: _toolbar.OVERFLOW_GROUP_PRIMARY_TOOLBAR.type,
-      key: _toolbar.OVERFLOW_GROUP_PRIMARY_TOOLBAR.key,
-      rank: _toolbar.OVERFLOW_GROUP_PRIMARY_TOOLBAR_RANK[_toolbar.OVERFLOW_MENU_PRIMARY_TOOLBAR.key]
+      type: _keys.OVERFLOW_GROUP_PRIMARY_TOOLBAR.type,
+      key: _keys.OVERFLOW_GROUP_PRIMARY_TOOLBAR.key,
+      rank: _rank.OVERFLOW_GROUP_PRIMARY_TOOLBAR_RANK[_keys.OVERFLOW_MENU_PRIMARY_TOOLBAR.key]
     }],
     component: function component(_ref1) {
       var children = _ref1.children;
@@ -265,12 +267,12 @@ var getToolbarComponents = exports.getToolbarComponents = function getToolbarCom
       break;
   }
   components.push({
-    type: _toolbar.TRACK_CHANGES_SECTION.type,
-    key: _toolbar.TRACK_CHANGES_SECTION.key,
+    type: _keys.TRACK_CHANGES_SECTION.type,
+    key: _keys.TRACK_CHANGES_SECTION.key,
     parents: [{
       type: 'toolbar',
-      key: _toolbar.TOOLBARS.PRIMARY_TOOLBAR,
-      rank: _toolbar.TOOLBAR_RANK[_toolbar.TRACK_CHANGES_SECTION.key]
+      key: _keys.TOOLBARS.PRIMARY_TOOLBAR,
+      rank: _rank.TOOLBAR_RANK[_keys.TRACK_CHANGES_SECTION.key]
     }],
     component: function component(_ref10) {
       var children = _ref10.children,

package/dist/es2019/pm-plugins/experiences/selection-toolbar-open-experience.js

@@ -1,5 +1,9 @@
-import { ACTION_SUBJECT_ID } from '@atlaskit/editor-common/analytics';
-import { containsPopupWithNestedElement, Experience, EXPERIENCE_ID, ExperienceCheckDomMutation, ExperienceCheckTimeout, getPopupContainerFromEditorView } from '@atlaskit/editor-common/experiences';
+import { ACTION_SUBJECT_ID } from '@atlaskit/editor-common/analytics/types/enums';
+import { containsPopupWithNestedElement, getPopupContainerFromEditorView } from '@atlaskit/editor-common/experiences';
+import { EXPERIENCE_ID } from '@atlaskit/editor-common/experiences/consts';
+import { Experience } from '@atlaskit/editor-common/experiences/Experience';
+import { ExperienceCheckDomMutation } from '@atlaskit/editor-common/experiences/ExperienceCheckDomMutation';
+import { ExperienceCheckTimeout } from '@atlaskit/editor-common/experiences/ExperienceCheckTimeout';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { PluginKey } from '@atlaskit/editor-prosemirror/state';
 import { hasSelectionChanged, isPlainShiftArrowKey, isSelectionToolbarSuppressedByUserIntent } from '../../ui/SelectionToolbar/visibility';

package/dist/es2019/toolbarPlugin.js

@@ -3,7 +3,7 @@ import { bind } from 'bind-event-listener';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
 import { findParentNodeOfType, findSelectedNodeOfType } from '@atlaskit/editor-prosemirror/utils';
-import { createComponentRegistry } from '@atlaskit/editor-toolbar-model';
+import { createComponentRegistry } from '@atlaskit/editor-toolbar-model/create-registry';
 import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { getSelectionToolbarOpenExperiencePlugin } from './pm-plugins/experiences/selection-toolbar-open-experience';
 import { editorToolbarPluginKey } from './pm-plugins/plugin-key';

package/dist/es2019/ui/OverflowMenu.js

@@ -1,7 +1,9 @@
 import React from 'react';
 import { useIntl } from 'react-intl';
-import { toolbarMessages } from '@atlaskit/editor-common/messages';
-import { ShowMoreHorizontalIcon, ToolbarDropdownMenu, ToolbarTooltip } from '@atlaskit/editor-toolbar';
+import { toolbarMessages } from '@atlaskit/editor-common/messages/toolbar';
+import { ShowMoreHorizontalIcon } from '@atlaskit/editor-toolbar/show-more-horizontal';
+import { ToolbarDropdownMenu } from '@atlaskit/editor-toolbar/toolbar-dropdown-menu';
+import { ToolbarTooltip } from '@atlaskit/editor-toolbar/toolbar-tooltip';
 export const OverflowMenu = ({
   children
 }) => {

package/dist/es2019/ui/OverflowMenuSection.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import { useEditorToolbar } from '@atlaskit/editor-common/toolbar';
-import { ToolbarDropdownItemSection } from '@atlaskit/editor-toolbar';
+import { useEditorToolbar } from '@atlaskit/editor-common/toolbar/context';
+import { ToolbarDropdownItemSection } from '@atlaskit/editor-toolbar/toolbar-dropdown-item-section';
 export const OverflowMenuSection = ({
   children
 }) => {

package/dist/es2019/ui/OverflowSection.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import { useEditorToolbar } from '@atlaskit/editor-common/toolbar';
-import { ToolbarSection } from '@atlaskit/editor-toolbar';
+import { useEditorToolbar } from '@atlaskit/editor-common/toolbar/context';
+import { ToolbarSection } from '@atlaskit/editor-toolbar/toolbar-section';
 export const OverflowSection = ({
   children,
   hasSeparator,

package/dist/es2019/ui/PrimaryToolbar.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import { useEditorToolbar } from '@atlaskit/editor-common/toolbar';
-import { PrimaryToolbar as PrimaryToolbarBase } from '@atlaskit/editor-toolbar';
+import { useEditorToolbar } from '@atlaskit/editor-common/toolbar/context';
+import { PrimaryToolbar as PrimaryToolbarBase } from '@atlaskit/editor-toolbar/toolbar';
 const isFullPage = editorAppearance => {
   return editorAppearance === 'full-page' || editorAppearance === 'full-width';
 };

package/dist/es2019/ui/Section.js

@@ -1,7 +1,8 @@
 import React from 'react';
-import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
-import { TOOLBARS, useEditorToolbar } from '@atlaskit/editor-common/toolbar';
-import { ToolbarSection, SeparatorPosition } from '@atlaskit/editor-toolbar';
+import { useEditorToolbar } from '@atlaskit/editor-common/toolbar/context';
+import { TOOLBARS } from '@atlaskit/editor-common/toolbar/keys';
+import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/useSharedPluginStateWithSelector';
+import { ToolbarSection, SeparatorPosition } from '@atlaskit/editor-toolbar/toolbar-section';
 const shouldShowSection = (editMode, toolbar, toolbarDocking, contextualFormattingEnabled) => {
   if (editMode === 'view') {
     return false;

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

@@ -1,18 +1,23 @@
 import React, { useCallback, useMemo } from 'react';
 import { useIntl } from 'react-intl';
-import { ACTION_SUBJECT, ACTION_SUBJECT_ID } from '@atlaskit/editor-common/analytics';
-import { isSSR } from '@atlaskit/editor-common/core-utils';
+import { ACTION_SUBJECT, ACTION_SUBJECT_ID } from '@atlaskit/editor-common/analytics/types/enums';
+import { isOfflineMode } from '@atlaskit/editor-common/connectivity/isOfflineMode';
 import { ErrorBoundary } from '@atlaskit/editor-common/error-boundary';
-import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
-import { logException } from '@atlaskit/editor-common/monitoring';
-import { EditorToolbarProvider, EditorToolbarUIProvider, shouldShowSelectionToolbar } from '@atlaskit/editor-common/toolbar';
-import { Popup } from '@atlaskit/editor-common/ui';
-import { calculateToolbarPositionTrackHead, calculateToolbarPositionOnCellSelection } from '@atlaskit/editor-common/utils';
-import { isOfflineMode } from '@atlaskit/editor-plugin-connectivity';
+import { isSSR } from '@atlaskit/editor-common/is-ssr';
+import { logException } from '@atlaskit/editor-common/monitoring/error';
+import Popup from '@atlaskit/editor-common/Popup';
+import { shouldShowSelectionToolbar } from '@atlaskit/editor-common/toolbar';
+import { EditorToolbarProvider } from '@atlaskit/editor-common/toolbar/context';
+import { EditorToolbarUIProvider } from '@atlaskit/editor-common/toolbar/EditorToolbarUIProvider';
+import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/useSharedPluginStateWithSelector';
+import { calculateToolbarPositionTrackHead, calculateToolbarPositionOnCellSelection } from '@atlaskit/editor-common/utils/calculate-toolbar-position';
 import { AllSelection, TextSelection } from '@atlaskit/editor-prosemirror/state';
-import { akEditorFloatingDialogZIndex } from '@atlaskit/editor-shared-styles';
-import { ToolbarSection, ToolbarButtonGroup, ToolbarDropdownItemSection, useToolbarUI } from '@atlaskit/editor-toolbar';
-import { ToolbarModelRenderer } from '@atlaskit/editor-toolbar-model';
+import { akEditorFloatingDialogZIndex } from '@atlaskit/editor-shared-styles/constants';
+import { ToolbarModelRenderer } from '@atlaskit/editor-toolbar-model/toolbar-model-renderer';
+import { ToolbarButtonGroup } from '@atlaskit/editor-toolbar/toolbar-button-group';
+import { ToolbarDropdownItemSection } from '@atlaskit/editor-toolbar/toolbar-dropdown-item-section';
+import { ToolbarSection } from '@atlaskit/editor-toolbar/toolbar-section';
+import { useToolbarUI } from '@atlaskit/editor-toolbar/ui-context';
 import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/editor-experiment';
 import { SELECTION_TOOLBAR_LABEL } from '../consts';

package/dist/es2019/ui/SelectionToolbar/keyboard-config.js

@@ -1,7 +1,7 @@
 import { getDocument } from '@atlaskit/browser-apis';
-import { fullPageMessages } from '@atlaskit/editor-common/messages';
-import { logException } from '@atlaskit/editor-common/monitoring';
-import { EDIT_AREA_ID } from '@atlaskit/editor-common/ui';
+import { messages as fullPageMessages } from '@atlaskit/editor-common/messages/full-page';
+import { logException } from '@atlaskit/editor-common/monitoring/error';
+import { EDIT_AREA_ID } from '@atlaskit/editor-common/ui-toolbar';
 import { getFocusableElements, isShortcutToFocusToolbar } from '../utils/toolbar';
 export const getKeyboardNavigationConfig = (editorView, intl, api) => {
   if (!(editorView.dom instanceof HTMLElement)) {

package/dist/es2019/ui/SelectionToolbar/utils.js

@@ -1,5 +1,5 @@
-import { ACTION, ACTION_SUBJECT, CONTENT_COMPONENT, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
-import { logException } from '@atlaskit/editor-common/monitoring';
+import { ACTION, ACTION_SUBJECT, CONTENT_COMPONENT, EVENT_TYPE } from '@atlaskit/editor-common/analytics/types/enums';
+import { logException } from '@atlaskit/editor-common/monitoring/error';
 import { findDomRefAtPos } from '@atlaskit/editor-prosemirror/utils';
 export const getDomRefFromSelection = (view, dispatchAnalyticsEvent) => {
   try {

package/dist/es2019/ui/TextCollapsedMenu.js

@@ -1,7 +1,9 @@
 import React from 'react';
 import { useIntl } from 'react-intl';
-import { toolbarMessages } from '@atlaskit/editor-common/messages';
-import { ToolbarDropdownMenu, ToolbarTooltip, TextIcon } from '@atlaskit/editor-toolbar';
+import { toolbarMessages } from '@atlaskit/editor-common/messages/toolbar';
+import { TextIcon } from '@atlaskit/editor-toolbar/text-icon';
+import { ToolbarDropdownMenu } from '@atlaskit/editor-toolbar/toolbar-dropdown-menu';
+import { ToolbarTooltip } from '@atlaskit/editor-toolbar/toolbar-tooltip';
 /**
  * Basic version of existing 'Text Styles' Menu - which doesn't dynamically change icon
  * and is also placeholder to render all other menus in the collapsed state.

package/dist/es2019/ui/toolbar-components.js

@@ -1,7 +1,9 @@
 import React from 'react';
-import { ACTION_SUBJECT_ID } from '@atlaskit/editor-common/analytics';
-import { INSERT_BLOCK_SECTION, LINKING_SECTION, OVERFLOW_GROUP, OVERFLOW_GROUP_PRIMARY_TOOLBAR, OVERFLOW_GROUP_PRIMARY_TOOLBAR_RANK, OVERFLOW_GROUP_RANK, OVERFLOW_MENU, OVERFLOW_MENU_PRIMARY_TOOLBAR, OVERFLOW_SECTION, OVERFLOW_SECTION_PRIMARY_TOOLBAR, OVERFLOW_SECTION_PRIMARY_TOOLBAR_RANK, OVERFLOW_SECTION_RANK, PIN_SECTION, TEXT_COLLAPSED_GROUP, TEXT_SECTION, TEXT_SECTION_PRIMARY_TOOLBAR, TEXT_SECTION_COLLAPSED, TEXT_COLLAPSED_MENU, TOOLBAR_RANK, TOOLBARS, TRACK_CHANGES_SECTION, OVERFLOW_EXTENSIONS_MENU_SECTION, OVERFLOW_MENU_RANK } from '@atlaskit/editor-common/toolbar';
-import { Show, Toolbar } from '@atlaskit/editor-toolbar';
+import { ACTION_SUBJECT_ID } from '@atlaskit/editor-common/analytics/types/enums';
+import { INSERT_BLOCK_SECTION, LINKING_SECTION, OVERFLOW_GROUP, OVERFLOW_GROUP_PRIMARY_TOOLBAR, OVERFLOW_MENU, OVERFLOW_MENU_PRIMARY_TOOLBAR, OVERFLOW_SECTION, OVERFLOW_SECTION_PRIMARY_TOOLBAR, PIN_SECTION, TEXT_COLLAPSED_GROUP, TEXT_SECTION, TEXT_SECTION_PRIMARY_TOOLBAR, TEXT_SECTION_COLLAPSED, TEXT_COLLAPSED_MENU, TOOLBARS, TRACK_CHANGES_SECTION, OVERFLOW_EXTENSIONS_MENU_SECTION } from '@atlaskit/editor-common/toolbar/keys';
+import { OVERFLOW_GROUP_PRIMARY_TOOLBAR_RANK, OVERFLOW_GROUP_RANK, OVERFLOW_SECTION_PRIMARY_TOOLBAR_RANK, OVERFLOW_SECTION_RANK, TOOLBAR_RANK, OVERFLOW_MENU_RANK } from '@atlaskit/editor-common/toolbar/rank';
+import { Show } from '@atlaskit/editor-toolbar/show';
+import { Toolbar } from '@atlaskit/editor-toolbar/toolbar';
 import { SELECTION_TOOLBAR_LABEL } from './consts';
 import { OverflowMenu } from './OverflowMenu';
 import { OverflowMenuSection } from './OverflowMenuSection';

package/dist/esm/pm-plugins/experiences/selection-toolbar-open-experience.js

@@ -1,6 +1,10 @@
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-import { ACTION_SUBJECT_ID } from '@atlaskit/editor-common/analytics';
-import { containsPopupWithNestedElement, Experience, EXPERIENCE_ID, ExperienceCheckDomMutation, ExperienceCheckTimeout, getPopupContainerFromEditorView } from '@atlaskit/editor-common/experiences';
+import { ACTION_SUBJECT_ID } from '@atlaskit/editor-common/analytics/types/enums';
+import { containsPopupWithNestedElement, getPopupContainerFromEditorView } from '@atlaskit/editor-common/experiences';
+import { EXPERIENCE_ID } from '@atlaskit/editor-common/experiences/consts';
+import { Experience } from '@atlaskit/editor-common/experiences/Experience';
+import { ExperienceCheckDomMutation } from '@atlaskit/editor-common/experiences/ExperienceCheckDomMutation';
+import { ExperienceCheckTimeout } from '@atlaskit/editor-common/experiences/ExperienceCheckTimeout';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { PluginKey } from '@atlaskit/editor-prosemirror/state';
 import { hasSelectionChanged, isPlainShiftArrowKey, isSelectionToolbarSuppressedByUserIntent } from '../../ui/SelectionToolbar/visibility';

package/dist/esm/toolbarPlugin.js

@@ -9,7 +9,7 @@ import { bind } from 'bind-event-listener';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
 import { findParentNodeOfType, findSelectedNodeOfType } from '@atlaskit/editor-prosemirror/utils';
-import { createComponentRegistry } from '@atlaskit/editor-toolbar-model';
+import { createComponentRegistry } from '@atlaskit/editor-toolbar-model/create-registry';
 import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { getSelectionToolbarOpenExperiencePlugin } from './pm-plugins/experiences/selection-toolbar-open-experience';
 import { editorToolbarPluginKey } from './pm-plugins/plugin-key';

package/dist/esm/ui/OverflowMenu.js

@@ -1,7 +1,9 @@
 import React from 'react';
 import { useIntl } from 'react-intl';
-import { toolbarMessages } from '@atlaskit/editor-common/messages';
-import { ShowMoreHorizontalIcon, ToolbarDropdownMenu, ToolbarTooltip } from '@atlaskit/editor-toolbar';
+import { toolbarMessages } from '@atlaskit/editor-common/messages/toolbar';
+import { ShowMoreHorizontalIcon } from '@atlaskit/editor-toolbar/show-more-horizontal';
+import { ToolbarDropdownMenu } from '@atlaskit/editor-toolbar/toolbar-dropdown-menu';
+import { ToolbarTooltip } from '@atlaskit/editor-toolbar/toolbar-tooltip';
 export var OverflowMenu = function OverflowMenu(_ref) {
   var children = _ref.children;
   var intl = useIntl();

package/dist/esm/ui/OverflowMenuSection.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import { useEditorToolbar } from '@atlaskit/editor-common/toolbar';
-import { ToolbarDropdownItemSection } from '@atlaskit/editor-toolbar';
+import { useEditorToolbar } from '@atlaskit/editor-common/toolbar/context';
+import { ToolbarDropdownItemSection } from '@atlaskit/editor-toolbar/toolbar-dropdown-item-section';
 export var OverflowMenuSection = function OverflowMenuSection(_ref) {
   var children = _ref.children;
   var _useEditorToolbar = useEditorToolbar(),

package/dist/esm/ui/OverflowSection.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import { useEditorToolbar } from '@atlaskit/editor-common/toolbar';
-import { ToolbarSection } from '@atlaskit/editor-toolbar';
+import { useEditorToolbar } from '@atlaskit/editor-common/toolbar/context';
+import { ToolbarSection } from '@atlaskit/editor-toolbar/toolbar-section';
 export var OverflowSection = function OverflowSection(_ref) {
   var children = _ref.children,
     hasSeparator = _ref.hasSeparator,

package/dist/esm/ui/PrimaryToolbar.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import { useEditorToolbar } from '@atlaskit/editor-common/toolbar';
-import { PrimaryToolbar as PrimaryToolbarBase } from '@atlaskit/editor-toolbar';
+import { useEditorToolbar } from '@atlaskit/editor-common/toolbar/context';
+import { PrimaryToolbar as PrimaryToolbarBase } from '@atlaskit/editor-toolbar/toolbar';
 var isFullPage = function isFullPage(editorAppearance) {
   return editorAppearance === 'full-page' || editorAppearance === 'full-width';
 };

package/dist/esm/ui/Section.js

@@ -1,7 +1,8 @@
 import React from 'react';
-import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
-import { TOOLBARS, useEditorToolbar } from '@atlaskit/editor-common/toolbar';
-import { ToolbarSection, SeparatorPosition } from '@atlaskit/editor-toolbar';
+import { useEditorToolbar } from '@atlaskit/editor-common/toolbar/context';
+import { TOOLBARS } from '@atlaskit/editor-common/toolbar/keys';
+import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/useSharedPluginStateWithSelector';
+import { ToolbarSection, SeparatorPosition } from '@atlaskit/editor-toolbar/toolbar-section';
 var shouldShowSection = function shouldShowSection(editMode, toolbar, toolbarDocking, contextualFormattingEnabled) {
   if (editMode === 'view') {
     return false;

package/dist/esm/ui/SelectionToolbar/index.js

@@ -1,18 +1,23 @@
 import React, { useCallback, useMemo } from 'react';
 import { useIntl } from 'react-intl';
-import { ACTION_SUBJECT, ACTION_SUBJECT_ID } from '@atlaskit/editor-common/analytics';
-import { isSSR } from '@atlaskit/editor-common/core-utils';
+import { ACTION_SUBJECT, ACTION_SUBJECT_ID } from '@atlaskit/editor-common/analytics/types/enums';
+import { isOfflineMode } from '@atlaskit/editor-common/connectivity/isOfflineMode';
 import { ErrorBoundary } from '@atlaskit/editor-common/error-boundary';
-import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
-import { logException } from '@atlaskit/editor-common/monitoring';
-import { EditorToolbarProvider, EditorToolbarUIProvider, shouldShowSelectionToolbar } from '@atlaskit/editor-common/toolbar';
-import { Popup } from '@atlaskit/editor-common/ui';
-import { calculateToolbarPositionTrackHead, calculateToolbarPositionOnCellSelection } from '@atlaskit/editor-common/utils';
-import { isOfflineMode } from '@atlaskit/editor-plugin-connectivity';
+import { isSSR } from '@atlaskit/editor-common/is-ssr';
+import { logException } from '@atlaskit/editor-common/monitoring/error';
+import Popup from '@atlaskit/editor-common/Popup';
+import { shouldShowSelectionToolbar } from '@atlaskit/editor-common/toolbar';
+import { EditorToolbarProvider } from '@atlaskit/editor-common/toolbar/context';
+import { EditorToolbarUIProvider } from '@atlaskit/editor-common/toolbar/EditorToolbarUIProvider';
+import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/useSharedPluginStateWithSelector';
+import { calculateToolbarPositionTrackHead, calculateToolbarPositionOnCellSelection } from '@atlaskit/editor-common/utils/calculate-toolbar-position';
 import { AllSelection, TextSelection } from '@atlaskit/editor-prosemirror/state';
-import { akEditorFloatingDialogZIndex } from '@atlaskit/editor-shared-styles';
-import { ToolbarSection, ToolbarButtonGroup, ToolbarDropdownItemSection, useToolbarUI } from '@atlaskit/editor-toolbar';
-import { ToolbarModelRenderer } from '@atlaskit/editor-toolbar-model';
+import { akEditorFloatingDialogZIndex } from '@atlaskit/editor-shared-styles/constants';
+import { ToolbarModelRenderer } from '@atlaskit/editor-toolbar-model/toolbar-model-renderer';
+import { ToolbarButtonGroup } from '@atlaskit/editor-toolbar/toolbar-button-group';
+import { ToolbarDropdownItemSection } from '@atlaskit/editor-toolbar/toolbar-dropdown-item-section';
+import { ToolbarSection } from '@atlaskit/editor-toolbar/toolbar-section';
+import { useToolbarUI } from '@atlaskit/editor-toolbar/ui-context';
 import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/editor-experiment';
 import { SELECTION_TOOLBAR_LABEL } from '../consts';

package/dist/esm/ui/SelectionToolbar/keyboard-config.js

@@ -1,7 +1,7 @@
 import { getDocument } from '@atlaskit/browser-apis';
-import { fullPageMessages } from '@atlaskit/editor-common/messages';
-import { logException } from '@atlaskit/editor-common/monitoring';
-import { EDIT_AREA_ID } from '@atlaskit/editor-common/ui';
+import { messages as fullPageMessages } from '@atlaskit/editor-common/messages/full-page';
+import { logException } from '@atlaskit/editor-common/monitoring/error';
+import { EDIT_AREA_ID } from '@atlaskit/editor-common/ui-toolbar';
 import { getFocusableElements, isShortcutToFocusToolbar } from '../utils/toolbar';
 export var getKeyboardNavigationConfig = function getKeyboardNavigationConfig(editorView, intl, api) {
   if (!(editorView.dom instanceof HTMLElement)) {