@atlaskit/editor-plugin-selection-toolbar 5.0.5 → 5.0.7

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @atlaskit/editor-plugin-selection-toolbar
 
+## 5.0.7
+
+### Patch Changes
+
+- [`c0113eeccb2df`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/c0113eeccb2df) -
+  [ux] ED-29120 add a new config option for default editor preset
+  (`toolbar.enableNewToolbarExperience`) which allows the new toolbar to be disabled. This is needed
+  for editors that can't be excluded at the experiment level.
+- Updated dependencies
+
+## 5.0.6
+
+### Patch Changes
+
+- [`0812ff5bd7bd1`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/0812ff5bd7bd1) -
+  Dont render menu sections in live view
+- Updated dependencies
+
 ## 5.0.5
 
 ### Patch Changes

package/dist/cjs/selectionToolbarPlugin.js

@@ -42,7 +42,7 @@ var selectionToolbarPlugin = exports.selectionToolbarPlugin = function selection
     config = _ref.config;
   var __selectionToolbarHandlers = [];
   var primaryToolbarComponent;
-  var isToolbarAIFCEnabled = (0, _experiments.editorExperiment)('platform_editor_toolbar_aifc', true, {
+  var isToolbarAIFCEnabled = Boolean(api === null || api === void 0 ? void 0 : api.toolbar) && (0, _experiments.editorExperiment)('platform_editor_toolbar_aifc', true, {
     exposure: true
   });
   var userPreferencesProvider = config.userPreferencesProvider,

package/dist/cjs/ui/MenuSection.js

@@ -0,0 +1,20 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MenuSection = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _useSharedPluginStateSelector = require("@atlaskit/editor-common/use-shared-plugin-state-selector");
+var _editorToolbar = require("@atlaskit/editor-toolbar");
+var MenuSection = exports.MenuSection = function MenuSection(_ref) {
+  var children = _ref.children,
+    api = _ref.api;
+  var viewMode = (0, _useSharedPluginStateSelector.useSharedPluginStateSelector)(api, 'editorViewMode.mode');
+  var isEdit = viewMode === 'edit';
+  if (!isEdit) {
+    return null;
+  }
+  return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownItemSection, null, children);
+};

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

@@ -7,6 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.getToolbarComponents = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _toolbar = require("@atlaskit/editor-common/toolbar");
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
+var _MenuSection = require("./MenuSection");
 var _PinButton = require("./PinButton");
 var _PinMenuItem = require("./PinMenuItem");
 var getToolbarComponents = exports.getToolbarComponents = function getToolbarComponents(api, contextualFormattingEnabled) {
@@ -17,7 +19,13 @@ var getToolbarComponents = exports.getToolbarComponents = function getToolbarCom
       type: _toolbar.OVERFLOW_MENU.type,
       key: _toolbar.OVERFLOW_MENU.key,
       rank: _toolbar.OVERFLOW_MENU_RANK[_toolbar.PIN_MENU_SECTION.key]
-    }]
+    }],
+    component: (0, _expValEquals.expValEquals)('platform_editor_toolbar_aifc_patch_3', 'isEnabled', true) ? function (_ref) {
+      var children = _ref.children;
+      return /*#__PURE__*/_react.default.createElement(_MenuSection.MenuSection, {
+        api: api
+      }, children);
+    } : undefined
   }, {
     type: _toolbar.PIN_MENU_ITEM.type,
     key: _toolbar.PIN_MENU_ITEM.key,

package/dist/es2019/selectionToolbarPlugin.js

@@ -32,7 +32,7 @@ export const selectionToolbarPlugin = ({
 }) => {
   const __selectionToolbarHandlers = [];
   let primaryToolbarComponent;
-  const isToolbarAIFCEnabled = editorExperiment('platform_editor_toolbar_aifc', true, {
+  const isToolbarAIFCEnabled = Boolean(api === null || api === void 0 ? void 0 : api.toolbar) && editorExperiment('platform_editor_toolbar_aifc', true, {
     exposure: true
   });
   const {

package/dist/es2019/ui/MenuSection.js

@@ -0,0 +1,14 @@
+import React from 'react';
+import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared-plugin-state-selector';
+import { ToolbarDropdownItemSection } from '@atlaskit/editor-toolbar';
+export const MenuSection = ({
+  children,
+  api
+}) => {
+  const viewMode = useSharedPluginStateSelector(api, 'editorViewMode.mode');
+  const isEdit = viewMode === 'edit';
+  if (!isEdit) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(ToolbarDropdownItemSection, null, children);
+};

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

@@ -1,5 +1,7 @@
 import React from 'react';
 import { OVERFLOW_MENU, OVERFLOW_MENU_RANK, PIN_BUTTON, PIN_GROUP, PIN_MENU_ITEM, PIN_MENU_SECTION, PIN_MENU_SECTION_RANK, PIN_GROUP_RANK, PIN_SECTION, PIN_SECTION_RANK } from '@atlaskit/editor-common/toolbar';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+import { MenuSection } from './MenuSection';
 import { PinButton } from './PinButton';
 import { PinMenuItem } from './PinMenuItem';
 export const getToolbarComponents = (api, contextualFormattingEnabled) => {
@@ -10,7 +12,14 @@ export const getToolbarComponents = (api, contextualFormattingEnabled) => {
       type: OVERFLOW_MENU.type,
       key: OVERFLOW_MENU.key,
       rank: OVERFLOW_MENU_RANK[PIN_MENU_SECTION.key]
-    }]
+    }],
+    component: expValEquals('platform_editor_toolbar_aifc_patch_3', 'isEnabled', true) ? ({
+      children
+    }) => {
+      return /*#__PURE__*/React.createElement(MenuSection, {
+        api: api
+      }, children);
+    } : undefined
   }, {
     type: PIN_MENU_ITEM.type,
     key: PIN_MENU_ITEM.key,

package/dist/esm/selectionToolbarPlugin.js

@@ -35,7 +35,7 @@ export var selectionToolbarPlugin = function selectionToolbarPlugin(_ref) {
     config = _ref.config;
   var __selectionToolbarHandlers = [];
   var primaryToolbarComponent;
-  var isToolbarAIFCEnabled = editorExperiment('platform_editor_toolbar_aifc', true, {
+  var isToolbarAIFCEnabled = Boolean(api === null || api === void 0 ? void 0 : api.toolbar) && editorExperiment('platform_editor_toolbar_aifc', true, {
     exposure: true
   });
   var userPreferencesProvider = config.userPreferencesProvider,

package/dist/esm/ui/MenuSection.js

@@ -0,0 +1,13 @@
+import React from 'react';
+import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared-plugin-state-selector';
+import { ToolbarDropdownItemSection } from '@atlaskit/editor-toolbar';
+export var MenuSection = function MenuSection(_ref) {
+  var children = _ref.children,
+    api = _ref.api;
+  var viewMode = useSharedPluginStateSelector(api, 'editorViewMode.mode');
+  var isEdit = viewMode === 'edit';
+  if (!isEdit) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(ToolbarDropdownItemSection, null, children);
+};

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

@@ -1,5 +1,7 @@
 import React from 'react';
 import { OVERFLOW_MENU, OVERFLOW_MENU_RANK, PIN_BUTTON, PIN_GROUP, PIN_MENU_ITEM, PIN_MENU_SECTION, PIN_MENU_SECTION_RANK, PIN_GROUP_RANK, PIN_SECTION, PIN_SECTION_RANK } from '@atlaskit/editor-common/toolbar';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+import { MenuSection } from './MenuSection';
 import { PinButton } from './PinButton';
 import { PinMenuItem } from './PinMenuItem';
 export var getToolbarComponents = function getToolbarComponents(api, contextualFormattingEnabled) {
@@ -10,7 +12,13 @@ export var getToolbarComponents = function getToolbarComponents(api, contextualF
       type: OVERFLOW_MENU.type,
       key: OVERFLOW_MENU.key,
       rank: OVERFLOW_MENU_RANK[PIN_MENU_SECTION.key]
-    }]
+    }],
+    component: expValEquals('platform_editor_toolbar_aifc_patch_3', 'isEnabled', true) ? function (_ref) {
+      var children = _ref.children;
+      return /*#__PURE__*/React.createElement(MenuSection, {
+        api: api
+      }, children);
+    } : undefined
   }, {
     type: PIN_MENU_ITEM.type,
     key: PIN_MENU_ITEM.key,

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import type { SelectionToolbarPlugin } from '../selectionToolbarPluginType';
+type MenuSectionProps = {
+    api: ExtractInjectionAPI<SelectionToolbarPlugin> | undefined;
+    children: React.ReactNode;
+};
+export declare const MenuSection: ({ children, api }: MenuSectionProps) => React.JSX.Element | null;
+export {};

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import type { SelectionToolbarPlugin } from '../selectionToolbarPluginType';
+type MenuSectionProps = {
+    api: ExtractInjectionAPI<SelectionToolbarPlugin> | undefined;
+    children: React.ReactNode;
+};
+export declare const MenuSection: ({ children, api }: MenuSectionProps) => React.JSX.Element | null;
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-selection-toolbar",
-	"version": "5.0.5",
+	"version": "5.0.7",
 	"description": "@atlaskit/editor-plugin-selection-toolbar for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -35,7 +35,7 @@
 		"@atlaskit/editor-plugin-connectivity": "^4.0.0",
 		"@atlaskit/editor-plugin-editor-viewmode": "^6.0.0",
 		"@atlaskit/editor-plugin-primary-toolbar": "^5.0.0",
-		"@atlaskit/editor-plugin-toolbar": "^1.1.0",
+		"@atlaskit/editor-plugin-toolbar": "^1.2.0",
 		"@atlaskit/editor-plugin-user-intent": "^2.0.0",
 		"@atlaskit/editor-plugin-user-preferences": "^2.0.0",
 		"@atlaskit/editor-prosemirror": "7.0.0",
@@ -45,13 +45,13 @@
 		"@atlaskit/icon-lab": "^5.7.0",
 		"@atlaskit/menu": "^8.4.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/tmp-editor-statsig": "^12.6.0",
+		"@atlaskit/tmp-editor-statsig": "^12.8.0",
 		"@atlaskit/tokens": "^6.3.0",
 		"@babel/runtime": "^7.0.0",
 		"bind-event-listener": "^3.0.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^108.5.0",
+		"@atlaskit/editor-common": "^108.6.0",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",
 		"react-intl-next": "npm:react-intl@^5.18.1"