@atlaskit/editor-plugin-toolbar 0.3.0 → 0.3.1

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @atlaskit/editor-plugin-toolbar
 
+## 0.3.1
+
+### Patch Changes
+
+- [`286abb4d35eba`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/286abb4d35eba) -
+  [ux] [ED-28960] Finish full page primary toolbar migration
+
+  - Align with design update (separator, gap, height, icon size)
+  - Add keyboard shortcut to focus toolbar and arrow key navigation
+  - Address accessibility
+
+- Updated dependencies
+
 ## 0.3.0
 
 ### Minor Changes

package/dist/cjs/ui/{TextSection.js → Section.js}

@@ -4,12 +4,12 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.TextSection = void 0;
+exports.Section = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _toolbar = require("@atlaskit/editor-common/toolbar");
 var _useSharedPluginStateSelector = require("@atlaskit/editor-common/use-shared-plugin-state-selector");
 var _editorToolbar = require("@atlaskit/editor-toolbar");
-var shouldShowTextSection = function shouldShowTextSection(editMode, toolbar, toolbarDocking) {
+var shouldShowSection = function shouldShowSection(editMode, toolbar, toolbarDocking) {
   if (editMode === 'view') {
     return false;
   }
@@ -21,19 +21,27 @@ var shouldShowTextSection = function shouldShowTextSection(editMode, toolbar, to
   }
   return false;
 };
-var TextSection = exports.TextSection = function TextSection(_ref) {
+var Section = exports.Section = function Section(_ref) {
   var children = _ref.children,
     parents = _ref.parents,
-    api = _ref.api;
+    api = _ref.api,
+    testId = _ref.testId,
+    showSeparatorInFullPagePrimaryToolbar = _ref.showSeparatorInFullPagePrimaryToolbar,
+    _ref$isSharedSection = _ref.isSharedSection,
+    isSharedSection = _ref$isSharedSection === void 0 ? true : _ref$isSharedSection;
   var editMode = (0, _useSharedPluginStateSelector.useSharedPluginStateSelector)(api, 'editorViewMode.mode');
   var toolbarDocking = (0, _useSharedPluginStateSelector.useSharedPluginStateSelector)(api, 'userPreferences.preferences.toolbarDockingPosition');
   var toolbar = parents.find(function (parent) {
     return parent.type === 'toolbar';
   });
-  if (!shouldShowTextSection(editMode, toolbar, toolbarDocking)) {
+  var _useEditorToolbar = (0, _toolbar.useEditorToolbar)(),
+    editorAppearance = _useEditorToolbar.editorAppearance;
+  if (isSharedSection && !shouldShowSection(editMode, toolbar, toolbarDocking)) {
     return null;
   }
+  var isFullPage = editorAppearance === 'full-page';
   return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarSection, {
-    testId: "text-section"
+    testId: testId,
+    hasSeparator: showSeparatorInFullPagePrimaryToolbar && isFullPage
   }, children);
 };

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

@@ -46,7 +46,7 @@ var SelectionToolbar = exports.SelectionToolbar = function SelectionToolbar(_ref
     offset: [0, 10],
     target: getDomRefFromSelection(editorView),
     onPositionCalculated: function onPositionCalculated(position) {
-      return (0, _utils.calculateToolbarPositionTrackHead)(_consts.TOOLBAR_LABEL)(editorView, position);
+      return (0, _utils.calculateToolbarPositionTrackHead)(_consts.SELECTION_TOOLBAR_LABEL)(editorView, position);
     },
     mountTo: mountPoint
   }, /*#__PURE__*/_react.default.createElement(_toolbar.EditorToolbarProvider, {

package/dist/cjs/ui/consts.js

@@ -3,5 +3,5 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.TOOLBAR_LABEL = void 0;
-var TOOLBAR_LABEL = exports.TOOLBAR_LABEL = 'Editor Toolbar';
+exports.SELECTION_TOOLBAR_LABEL = void 0;
+var SELECTION_TOOLBAR_LABEL = exports.SELECTION_TOOLBAR_LABEL = 'Selection toolbar';

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

@@ -10,7 +10,7 @@ var _toolbar = require("@atlaskit/editor-common/toolbar");
 var _editorToolbar = require("@atlaskit/editor-toolbar");
 var _consts = require("./consts");
 var _OverflowMenu = require("./OverflowMenu");
-var _TextSection = require("./TextSection");
+var _Section = require("./Section");
 var getToolbarComponents = exports.getToolbarComponents = function getToolbarComponents(api) {
   return [{
     type: 'toolbar',
@@ -18,7 +18,7 @@ var getToolbarComponents = exports.getToolbarComponents = function getToolbarCom
     component: function component(_ref) {
       var children = _ref.children;
       return /*#__PURE__*/_react.default.createElement(_editorToolbar.Toolbar, {
-        label: _consts.TOOLBAR_LABEL
+        label: _consts.SELECTION_TOOLBAR_LABEL
       }, children);
     }
   }, {
@@ -27,7 +27,7 @@ var getToolbarComponents = exports.getToolbarComponents = function getToolbarCom
     component: function component(_ref2) {
       var children = _ref2.children;
       return /*#__PURE__*/_react.default.createElement(_editorToolbar.PrimaryToolbar, {
-        label: "Primary Toolbar"
+        label: 'Primary Toolbar'
       }, children);
     }
   }, {
@@ -45,9 +45,51 @@ var getToolbarComponents = exports.getToolbarComponents = function getToolbarCom
     component: function component(_ref3) {
       var children = _ref3.children,
         parents = _ref3.parents;
-      return /*#__PURE__*/_react.default.createElement(_TextSection.TextSection, {
+      return /*#__PURE__*/_react.default.createElement(_Section.Section, {
         parents: parents,
-        api: api
+        api: api,
+        testId: "text-section"
+      }, children);
+    }
+  }, {
+    type: _toolbar.INSERT_BLOCK_SECTION.type,
+    key: _toolbar.INSERT_BLOCK_SECTION.key,
+    parents: [{
+      type: 'toolbar',
+      key: _toolbar.TOOLBARS.PRIMARY_TOOLBAR,
+      rank: _toolbar.TOOLBAR_RANK[_toolbar.INSERT_BLOCK_SECTION.key]
+    }],
+    component: function component(_ref4) {
+      var children = _ref4.children,
+        parents = _ref4.parents;
+      return /*#__PURE__*/_react.default.createElement(_Section.Section, {
+        testId: "insert-block-section",
+        parents: parents,
+        api: api,
+        showSeparatorInFullPagePrimaryToolbar: true,
+        isSharedSection: false
+      }, children);
+    }
+  }, {
+    type: _toolbar.LINKING_SECTION.type,
+    key: _toolbar.LINKING_SECTION.key,
+    parents: [{
+      type: 'toolbar',
+      key: _toolbar.TOOLBARS.INLINE_TEXT_TOOLBAR,
+      rank: _toolbar.TOOLBAR_RANK[_toolbar.LINKING_SECTION.key]
+    }, {
+      type: 'toolbar',
+      key: _toolbar.TOOLBARS.PRIMARY_TOOLBAR,
+      rank: _toolbar.TOOLBAR_RANK[_toolbar.LINKING_SECTION.key]
+    }],
+    component: function component(_ref5) {
+      var children = _ref5.children,
+        parents = _ref5.parents;
+      return /*#__PURE__*/_react.default.createElement(_Section.Section, {
+        testId: "link-section",
+        parents: parents,
+        api: api,
+        showSeparatorInFullPagePrimaryToolbar: true
       }, children);
     }
   }, {
@@ -74,8 +116,8 @@ var getToolbarComponents = exports.getToolbarComponents = function getToolbarCom
       key: _toolbar.OVERFLOW_GROUP.key,
       rank: _toolbar.OVERFLOW_GROUP_RANK[_toolbar.OVERFLOW_MENU.key]
     }],
-    component: function component(_ref4) {
-      var children = _ref4.children;
+    component: function component(_ref6) {
+      var children = _ref6.children;
       return /*#__PURE__*/_react.default.createElement(_OverflowMenu.OverflowMenu, null, children);
     }
   }];

package/dist/es2019/ui/{TextSection.js → Section.js}

@@ -1,8 +1,8 @@
 import React from 'react';
-import { TOOLBARS } from '@atlaskit/editor-common/toolbar';
+import { TOOLBARS, useEditorToolbar } from '@atlaskit/editor-common/toolbar';
 import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared-plugin-state-selector';
 import { ToolbarSection } from '@atlaskit/editor-toolbar';
-const shouldShowTextSection = (editMode, toolbar, toolbarDocking) => {
+const shouldShowSection = (editMode, toolbar, toolbarDocking) => {
   if (editMode === 'view') {
     return false;
   }
@@ -14,18 +14,26 @@ const shouldShowTextSection = (editMode, toolbar, toolbarDocking) => {
   }
   return false;
 };
-export const TextSection = ({
+export const Section = ({
   children,
   parents,
-  api
+  api,
+  testId,
+  showSeparatorInFullPagePrimaryToolbar,
+  isSharedSection = true
 }) => {
   const editMode = useSharedPluginStateSelector(api, 'editorViewMode.mode');
   const toolbarDocking = useSharedPluginStateSelector(api, 'userPreferences.preferences.toolbarDockingPosition');
   const toolbar = parents.find(parent => parent.type === 'toolbar');
-  if (!shouldShowTextSection(editMode, toolbar, toolbarDocking)) {
+  const {
+    editorAppearance
+  } = useEditorToolbar();
+  if (isSharedSection && !shouldShowSection(editMode, toolbar, toolbarDocking)) {
     return null;
   }
+  const isFullPage = editorAppearance === 'full-page';
   return /*#__PURE__*/React.createElement(ToolbarSection, {
-    testId: "text-section"
+    testId: testId,
+    hasSeparator: showSeparatorInFullPagePrimaryToolbar && isFullPage
   }, children);
 };

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

@@ -9,7 +9,7 @@ import { findDomRefAtPos } from '@atlaskit/editor-prosemirror/utils';
 import { ToolbarSection, ToolbarButtonGroup, ToolbarDropdownItemSection } from '@atlaskit/editor-toolbar';
 import { ToolbarModelRenderer } from '@atlaskit/editor-toolbar-model';
 import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
-import { TOOLBAR_LABEL } from '../consts';
+import { SELECTION_TOOLBAR_LABEL } from '../consts';
 const isToolbarComponent = component => {
   return component.type === 'toolbar' && component.key === 'inline-text-toolbar';
 };
@@ -37,7 +37,7 @@ export const SelectionToolbar = ({
   return /*#__PURE__*/React.createElement(Popup, {
     offset: [0, 10],
     target: getDomRefFromSelection(editorView),
-    onPositionCalculated: position => calculateToolbarPositionTrackHead(TOOLBAR_LABEL)(editorView, position),
+    onPositionCalculated: position => calculateToolbarPositionTrackHead(SELECTION_TOOLBAR_LABEL)(editorView, position),
     mountTo: mountPoint
   }, /*#__PURE__*/React.createElement(EditorToolbarProvider, {
     editorView: editorView

package/dist/es2019/ui/consts.js

@@ -1 +1 @@
-export const TOOLBAR_LABEL = 'Editor Toolbar';
+export const SELECTION_TOOLBAR_LABEL = 'Selection toolbar';

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

@@ -1,9 +1,9 @@
 import React from 'react';
-import { OVERFLOW_GROUP, OVERFLOW_GROUP_RANK, OVERFLOW_MENU, OVERFLOW_SECTION, OVERFLOW_SECTION_RANK, TEXT_SECTION, TOOLBAR_RANK, TOOLBARS } from '@atlaskit/editor-common/toolbar';
+import { INSERT_BLOCK_SECTION, LINKING_SECTION, OVERFLOW_GROUP, OVERFLOW_GROUP_RANK, OVERFLOW_MENU, OVERFLOW_SECTION, OVERFLOW_SECTION_RANK, TEXT_SECTION, TOOLBAR_RANK, TOOLBARS } from '@atlaskit/editor-common/toolbar';
 import { PrimaryToolbar, Toolbar } from '@atlaskit/editor-toolbar';
-import { TOOLBAR_LABEL } from './consts';
+import { SELECTION_TOOLBAR_LABEL } from './consts';
 import { OverflowMenu } from './OverflowMenu';
-import { TextSection } from './TextSection';
+import { Section } from './Section';
 export const getToolbarComponents = api => {
   return [{
     type: 'toolbar',
@@ -12,7 +12,7 @@ export const getToolbarComponents = api => {
       children
     }) => {
       return /*#__PURE__*/React.createElement(Toolbar, {
-        label: TOOLBAR_LABEL
+        label: SELECTION_TOOLBAR_LABEL
       }, children);
     }
   }, {
@@ -21,7 +21,7 @@ export const getToolbarComponents = api => {
     component: ({
       children
     }) => /*#__PURE__*/React.createElement(PrimaryToolbar, {
-      label: "Primary Toolbar"
+      label: 'Primary Toolbar'
     }, children)
   }, {
     type: TEXT_SECTION.type,
@@ -39,11 +39,51 @@ export const getToolbarComponents = api => {
       children,
       parents
     }) => {
-      return /*#__PURE__*/React.createElement(TextSection, {
+      return /*#__PURE__*/React.createElement(Section, {
         parents: parents,
-        api: api
+        api: api,
+        testId: "text-section"
       }, children);
     }
+  }, {
+    type: INSERT_BLOCK_SECTION.type,
+    key: INSERT_BLOCK_SECTION.key,
+    parents: [{
+      type: 'toolbar',
+      key: TOOLBARS.PRIMARY_TOOLBAR,
+      rank: TOOLBAR_RANK[INSERT_BLOCK_SECTION.key]
+    }],
+    component: ({
+      children,
+      parents
+    }) => /*#__PURE__*/React.createElement(Section, {
+      testId: "insert-block-section",
+      parents: parents,
+      api: api,
+      showSeparatorInFullPagePrimaryToolbar: true,
+      isSharedSection: false
+    }, children)
+  }, {
+    type: LINKING_SECTION.type,
+    key: LINKING_SECTION.key,
+    parents: [{
+      type: 'toolbar',
+      key: TOOLBARS.INLINE_TEXT_TOOLBAR,
+      rank: TOOLBAR_RANK[LINKING_SECTION.key]
+    }, {
+      type: 'toolbar',
+      key: TOOLBARS.PRIMARY_TOOLBAR,
+      rank: TOOLBAR_RANK[LINKING_SECTION.key]
+    }],
+    component: ({
+      children,
+      parents
+    }) => /*#__PURE__*/React.createElement(Section, {
+      testId: "link-section",
+      parents: parents,
+      api: api,
+      showSeparatorInFullPagePrimaryToolbar: true
+    }, children)
   }, {
     type: OVERFLOW_SECTION.type,
     key: OVERFLOW_SECTION.key,

package/dist/esm/ui/{TextSection.js → Section.js}

@@ -1,8 +1,8 @@
 import React from 'react';
-import { TOOLBARS } from '@atlaskit/editor-common/toolbar';
+import { TOOLBARS, useEditorToolbar } from '@atlaskit/editor-common/toolbar';
 import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared-plugin-state-selector';
 import { ToolbarSection } from '@atlaskit/editor-toolbar';
-var shouldShowTextSection = function shouldShowTextSection(editMode, toolbar, toolbarDocking) {
+var shouldShowSection = function shouldShowSection(editMode, toolbar, toolbarDocking) {
   if (editMode === 'view') {
     return false;
   }
@@ -14,19 +14,27 @@ var shouldShowTextSection = function shouldShowTextSection(editMode, toolbar, to
   }
   return false;
 };
-export var TextSection = function TextSection(_ref) {
+export var Section = function Section(_ref) {
   var children = _ref.children,
     parents = _ref.parents,
-    api = _ref.api;
+    api = _ref.api,
+    testId = _ref.testId,
+    showSeparatorInFullPagePrimaryToolbar = _ref.showSeparatorInFullPagePrimaryToolbar,
+    _ref$isSharedSection = _ref.isSharedSection,
+    isSharedSection = _ref$isSharedSection === void 0 ? true : _ref$isSharedSection;
   var editMode = useSharedPluginStateSelector(api, 'editorViewMode.mode');
   var toolbarDocking = useSharedPluginStateSelector(api, 'userPreferences.preferences.toolbarDockingPosition');
   var toolbar = parents.find(function (parent) {
     return parent.type === 'toolbar';
   });
-  if (!shouldShowTextSection(editMode, toolbar, toolbarDocking)) {
+  var _useEditorToolbar = useEditorToolbar(),
+    editorAppearance = _useEditorToolbar.editorAppearance;
+  if (isSharedSection && !shouldShowSection(editMode, toolbar, toolbarDocking)) {
     return null;
   }
+  var isFullPage = editorAppearance === 'full-page';
   return /*#__PURE__*/React.createElement(ToolbarSection, {
-    testId: "text-section"
+    testId: testId,
+    hasSeparator: showSeparatorInFullPagePrimaryToolbar && isFullPage
   }, children);
 };

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

@@ -9,7 +9,7 @@ import { findDomRefAtPos } from '@atlaskit/editor-prosemirror/utils';
 import { ToolbarSection, ToolbarButtonGroup, ToolbarDropdownItemSection } from '@atlaskit/editor-toolbar';
 import { ToolbarModelRenderer } from '@atlaskit/editor-toolbar-model';
 import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
-import { TOOLBAR_LABEL } from '../consts';
+import { SELECTION_TOOLBAR_LABEL } from '../consts';
 var isToolbarComponent = function isToolbarComponent(component) {
   return component.type === 'toolbar' && component.key === 'inline-text-toolbar';
 };
@@ -39,7 +39,7 @@ export var SelectionToolbar = function SelectionToolbar(_ref) {
     offset: [0, 10],
     target: getDomRefFromSelection(editorView),
     onPositionCalculated: function onPositionCalculated(position) {
-      return calculateToolbarPositionTrackHead(TOOLBAR_LABEL)(editorView, position);
+      return calculateToolbarPositionTrackHead(SELECTION_TOOLBAR_LABEL)(editorView, position);
     },
     mountTo: mountPoint
   }, /*#__PURE__*/React.createElement(EditorToolbarProvider, {

package/dist/esm/ui/consts.js

@@ -1 +1 @@
-export var TOOLBAR_LABEL = 'Editor Toolbar';
+export var SELECTION_TOOLBAR_LABEL = 'Selection toolbar';

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

@@ -1,9 +1,9 @@
 import React from 'react';
-import { OVERFLOW_GROUP, OVERFLOW_GROUP_RANK, OVERFLOW_MENU, OVERFLOW_SECTION, OVERFLOW_SECTION_RANK, TEXT_SECTION, TOOLBAR_RANK, TOOLBARS } from '@atlaskit/editor-common/toolbar';
+import { INSERT_BLOCK_SECTION, LINKING_SECTION, OVERFLOW_GROUP, OVERFLOW_GROUP_RANK, OVERFLOW_MENU, OVERFLOW_SECTION, OVERFLOW_SECTION_RANK, TEXT_SECTION, TOOLBAR_RANK, TOOLBARS } from '@atlaskit/editor-common/toolbar';
 import { PrimaryToolbar, Toolbar } from '@atlaskit/editor-toolbar';
-import { TOOLBAR_LABEL } from './consts';
+import { SELECTION_TOOLBAR_LABEL } from './consts';
 import { OverflowMenu } from './OverflowMenu';
-import { TextSection } from './TextSection';
+import { Section } from './Section';
 export var getToolbarComponents = function getToolbarComponents(api) {
   return [{
     type: 'toolbar',
@@ -11,7 +11,7 @@ export var getToolbarComponents = function getToolbarComponents(api) {
     component: function component(_ref) {
       var children = _ref.children;
       return /*#__PURE__*/React.createElement(Toolbar, {
-        label: TOOLBAR_LABEL
+        label: SELECTION_TOOLBAR_LABEL
       }, children);
     }
   }, {
@@ -20,7 +20,7 @@ export var getToolbarComponents = function getToolbarComponents(api) {
     component: function component(_ref2) {
       var children = _ref2.children;
       return /*#__PURE__*/React.createElement(PrimaryToolbar, {
-        label: "Primary Toolbar"
+        label: 'Primary Toolbar'
       }, children);
     }
   }, {
@@ -38,9 +38,51 @@ export var getToolbarComponents = function getToolbarComponents(api) {
     component: function component(_ref3) {
       var children = _ref3.children,
         parents = _ref3.parents;
-      return /*#__PURE__*/React.createElement(TextSection, {
+      return /*#__PURE__*/React.createElement(Section, {
         parents: parents,
-        api: api
+        api: api,
+        testId: "text-section"
+      }, children);
+    }
+  }, {
+    type: INSERT_BLOCK_SECTION.type,
+    key: INSERT_BLOCK_SECTION.key,
+    parents: [{
+      type: 'toolbar',
+      key: TOOLBARS.PRIMARY_TOOLBAR,
+      rank: TOOLBAR_RANK[INSERT_BLOCK_SECTION.key]
+    }],
+    component: function component(_ref4) {
+      var children = _ref4.children,
+        parents = _ref4.parents;
+      return /*#__PURE__*/React.createElement(Section, {
+        testId: "insert-block-section",
+        parents: parents,
+        api: api,
+        showSeparatorInFullPagePrimaryToolbar: true,
+        isSharedSection: false
+      }, children);
+    }
+  }, {
+    type: LINKING_SECTION.type,
+    key: LINKING_SECTION.key,
+    parents: [{
+      type: 'toolbar',
+      key: TOOLBARS.INLINE_TEXT_TOOLBAR,
+      rank: TOOLBAR_RANK[LINKING_SECTION.key]
+    }, {
+      type: 'toolbar',
+      key: TOOLBARS.PRIMARY_TOOLBAR,
+      rank: TOOLBAR_RANK[LINKING_SECTION.key]
+    }],
+    component: function component(_ref5) {
+      var children = _ref5.children,
+        parents = _ref5.parents;
+      return /*#__PURE__*/React.createElement(Section, {
+        testId: "link-section",
+        parents: parents,
+        api: api,
+        showSeparatorInFullPagePrimaryToolbar: true
       }, children);
     }
   }, {
@@ -67,8 +109,8 @@ export var getToolbarComponents = function getToolbarComponents(api) {
       key: OVERFLOW_GROUP.key,
       rank: OVERFLOW_GROUP_RANK[OVERFLOW_MENU.key]
     }],
-    component: function component(_ref4) {
-      var children = _ref4.children;
+    component: function component(_ref6) {
+      var children = _ref6.children;
       return /*#__PURE__*/React.createElement(OverflowMenu, null, children);
     }
   }];

package/dist/{types-ts4.5/ui/TextSection.d.ts → types/ui/Section.d.ts}

@@ -2,10 +2,13 @@ import React from 'react';
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { ToolbarComponentTypes } from '@atlaskit/editor-toolbar-model';
 import type { ToolbarPlugin } from '../toolbarPluginType';
-type TextSectionProps = {
+type SectionProps = {
     children: React.ReactNode;
     parents: ToolbarComponentTypes;
     api?: ExtractInjectionAPI<ToolbarPlugin>;
+    testId?: string;
+    showSeparatorInFullPagePrimaryToolbar?: boolean;
+    isSharedSection?: boolean;
 };
-export declare const TextSection: ({ children, parents, api }: TextSectionProps) => React.JSX.Element | null;
+export declare const Section: ({ children, parents, api, testId, showSeparatorInFullPagePrimaryToolbar, isSharedSection, }: SectionProps) => React.JSX.Element | null;
 export {};

package/dist/types/ui/consts.d.ts

@@ -1 +1 @@
-export declare const TOOLBAR_LABEL = "Editor Toolbar";
+export declare const SELECTION_TOOLBAR_LABEL = "Selection toolbar";

package/dist/{types/ui/TextSection.d.ts → types-ts4.5/ui/Section.d.ts}

@@ -2,10 +2,13 @@ import React from 'react';
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { ToolbarComponentTypes } from '@atlaskit/editor-toolbar-model';
 import type { ToolbarPlugin } from '../toolbarPluginType';
-type TextSectionProps = {
+type SectionProps = {
     children: React.ReactNode;
     parents: ToolbarComponentTypes;
     api?: ExtractInjectionAPI<ToolbarPlugin>;
+    testId?: string;
+    showSeparatorInFullPagePrimaryToolbar?: boolean;
+    isSharedSection?: boolean;
 };
-export declare const TextSection: ({ children, parents, api }: TextSectionProps) => React.JSX.Element | null;
+export declare const Section: ({ children, parents, api, testId, showSeparatorInFullPagePrimaryToolbar, isSharedSection, }: SectionProps) => React.JSX.Element | null;
 export {};

package/dist/types-ts4.5/ui/consts.d.ts

@@ -1 +1 @@
-export declare const TOOLBAR_LABEL = "Editor Toolbar";
+export declare const SELECTION_TOOLBAR_LABEL = "Selection toolbar";

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-toolbar",
-	"version": "0.3.0",
+	"version": "0.3.1",
 	"description": "Toolbar plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -39,12 +39,12 @@
 		"@atlaskit/editor-prosemirror": "7.0.0",
 		"@atlaskit/editor-toolbar": "^0.3.0",
 		"@atlaskit/editor-toolbar-model": "^0.1.0",
-		"@atlaskit/tmp-editor-statsig": "^11.3.0",
+		"@atlaskit/tmp-editor-statsig": "^11.4.0",
 		"@babel/runtime": "^7.0.0",
 		"react-intl-next": "npm:react-intl@^5.18.1"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^107.26.0",
+		"@atlaskit/editor-common": "^107.28.0",
 		"react": "^18.2.0"
 	},
 	"techstack": {