@atlaskit/editor-plugin-toolbar 0.2.3 → 0.3.0

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @atlaskit/editor-plugin-toolbar
 
+## 0.3.0
+
+### Minor Changes
+
+- [`44b183a57537a`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/44b183a57537a) -
+  Introduce a new plugin config option for editor-plugin-toolbar to disable the selection toolbar
+
+### Patch Changes
+
+- Updated dependencies
+
+## 0.2.4
+
+### Patch Changes
+
+- [`03b0204b5eb82`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/03b0204b5eb82) -
+  ED=28738 Disable toolbar when editor is offline
+- Updated dependencies
+
 ## 0.2.3
 
 ### Patch Changes

package/afm-cc/tsconfig.json

@@ -17,6 +17,9 @@
 		"../src/**/examples.*"
 	],
 	"references": [
+		{
+			"path": "../../editor-plugin-connectivity/afm-cc/tsconfig.json"
+		},
 		{
 			"path": "../../editor-plugin-editor-viewmode/afm-cc/tsconfig.json"
 		},

package/afm-dev-agents/tsconfig.json

@@ -17,6 +17,9 @@
 		"../src/**/examples.*"
 	],
 	"references": [
+		{
+			"path": "../../editor-plugin-connectivity/afm-dev-agents/tsconfig.json"
+		},
 		{
 			"path": "../../editor-plugin-editor-viewmode/afm-dev-agents/tsconfig.json"
 		},

package/afm-jira/tsconfig.json

@@ -17,6 +17,9 @@
 		"../src/**/examples.*"
 	],
 	"references": [
+		{
+			"path": "../../editor-plugin-connectivity/afm-jira/tsconfig.json"
+		},
 		{
 			"path": "../../editor-plugin-editor-viewmode/afm-jira/tsconfig.json"
 		},

package/afm-passionfruit/tsconfig.json

@@ -17,6 +17,9 @@
 		"../src/**/examples.*"
 	],
 	"references": [
+		{
+			"path": "../../editor-plugin-connectivity/afm-passionfruit/tsconfig.json"
+		},
 		{
 			"path": "../../editor-plugin-editor-viewmode/afm-passionfruit/tsconfig.json"
 		},

package/afm-post-office/tsconfig.json

@@ -17,6 +17,9 @@
 		"../src/**/examples.*"
 	],
 	"references": [
+		{
+			"path": "../../editor-plugin-connectivity/afm-post-office/tsconfig.json"
+		},
 		{
 			"path": "../../editor-plugin-editor-viewmode/afm-post-office/tsconfig.json"
 		},

package/afm-rovo-extension/tsconfig.json

@@ -17,6 +17,9 @@
 		"../src/**/examples.*"
 	],
 	"references": [
+		{
+			"path": "../../editor-plugin-connectivity/afm-rovo-extension/tsconfig.json"
+		},
 		{
 			"path": "../../editor-plugin-editor-viewmode/afm-rovo-extension/tsconfig.json"
 		},

package/afm-townsquare/tsconfig.json

@@ -17,6 +17,9 @@
 		"../src/**/examples.*"
 	],
 	"references": [
+		{
+			"path": "../../editor-plugin-connectivity/afm-townsquare/tsconfig.json"
+		},
 		{
 			"path": "../../editor-plugin-editor-viewmode/afm-townsquare/tsconfig.json"
 		},

package/dist/cjs/toolbarPlugin.js

@@ -10,7 +10,12 @@ var _editorToolbarModel = require("@atlaskit/editor-toolbar-model");
 var _SelectionToolbar = require("./ui/SelectionToolbar");
 var _toolbarComponents = require("./ui/toolbar-components");
 var toolbarPlugin = exports.toolbarPlugin = function toolbarPlugin(_ref) {
-  var api = _ref.api;
+  var api = _ref.api,
+    _ref$config = _ref.config,
+    config = _ref$config === void 0 ? {
+      disableSelectionToolbar: false
+    } : _ref$config;
+  var disableSelectionToolbar = config.disableSelectionToolbar;
   var registry = (0, _editorToolbarModel.createComponentRegistry)();
   registry.register((0, _toolbarComponents.getToolbarComponents)(api));
   return {
@@ -23,7 +28,7 @@ var toolbarPlugin = exports.toolbarPlugin = function toolbarPlugin(_ref) {
         return registry.components;
       }
     },
-    contentComponent: function contentComponent(_ref2) {
+    contentComponent: !disableSelectionToolbar ? function (_ref2) {
       var editorView = _ref2.editorView,
         popupsMountPoint = _ref2.popupsMountPoint;
       return /*#__PURE__*/_react.default.createElement(_SelectionToolbar.SelectionToolbar, {
@@ -31,6 +36,6 @@ var toolbarPlugin = exports.toolbarPlugin = function toolbarPlugin(_ref) {
         editorView: editorView,
         mountPoint: popupsMountPoint
       });
-    }
+    } : undefined
   };
 };

package/dist/cjs/types/index.js

@@ -0,0 +1 @@
+"use strict";

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

@@ -29,6 +29,8 @@ var SelectionToolbar = exports.SelectionToolbar = function SelectionToolbar(_ref
     return isToolbarComponent(component);
   });
   var currentUserIntent = (0, _useSharedPluginStateSelector.useSharedPluginStateSelector)(api, 'userIntent.currentUserIntent');
+  var connectivityStateMode = (0, _useSharedPluginStateSelector.useSharedPluginStateSelector)(api, 'connectivity.mode');
+  var isOffline = connectivityStateMode === 'offline';
   // TODO: ED-28735 - figure out a better way to control this - needed to re-render on selection change
   // @ts-expect-error
   var selection = (0, _useSharedPluginStateSelector.useSharedPluginStateSelector)(api, 'selection.selection');
@@ -50,7 +52,8 @@ var SelectionToolbar = exports.SelectionToolbar = function SelectionToolbar(_ref
   }, /*#__PURE__*/_react.default.createElement(_toolbar.EditorToolbarProvider, {
     editorView: editorView
   }, /*#__PURE__*/_react.default.createElement(_toolbar.EditorToolbarUIProvider, {
-    api: api
+    api: api,
+    isDisabled: isOffline
   }, /*#__PURE__*/_react.default.createElement(_editorToolbarModel.ToolbarModelRenderer, {
     toolbar: toolbar,
     components: components,

package/dist/es2019/toolbarPlugin.js

@@ -3,8 +3,14 @@ import { createComponentRegistry } from '@atlaskit/editor-toolbar-model';
 import { SelectionToolbar } from './ui/SelectionToolbar';
 import { getToolbarComponents } from './ui/toolbar-components';
 export const toolbarPlugin = ({
-  api
+  api,
+  config = {
+    disableSelectionToolbar: false
+  }
 }) => {
+  const {
+    disableSelectionToolbar
+  } = config;
   const registry = createComponentRegistry();
   registry.register(getToolbarComponents(api));
   return {
@@ -17,7 +23,7 @@ export const toolbarPlugin = ({
         return registry.components;
       }
     },
-    contentComponent: ({
+    contentComponent: !disableSelectionToolbar ? ({
       editorView,
       popupsMountPoint
     }) => {
@@ -26,6 +32,6 @@ export const toolbarPlugin = ({
         editorView: editorView,
         mountPoint: popupsMountPoint
       });
-    }
+    } : undefined
   };
 };

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

@@ -21,6 +21,8 @@ export const SelectionToolbar = ({
   const components = api === null || api === void 0 ? void 0 : api.toolbar.actions.getComponents();
   const toolbar = components === null || components === void 0 ? void 0 : components.find(component => isToolbarComponent(component));
   const currentUserIntent = useSharedPluginStateSelector(api, 'userIntent.currentUserIntent');
+  const connectivityStateMode = useSharedPluginStateSelector(api, 'connectivity.mode');
+  const isOffline = connectivityStateMode === 'offline';
   // TODO: ED-28735 - figure out a better way to control this - needed to re-render on selection change
   // @ts-expect-error
   const selection = useSharedPluginStateSelector(api, 'selection.selection');
@@ -40,7 +42,8 @@ export const SelectionToolbar = ({
   }, /*#__PURE__*/React.createElement(EditorToolbarProvider, {
     editorView: editorView
   }, /*#__PURE__*/React.createElement(EditorToolbarUIProvider, {
-    api: api
+    api: api,
+    isDisabled: isOffline
   }, /*#__PURE__*/React.createElement(ToolbarModelRenderer, {
     toolbar: toolbar,
     components: components,

package/dist/esm/toolbarPlugin.js

@@ -3,7 +3,12 @@ import { createComponentRegistry } from '@atlaskit/editor-toolbar-model';
 import { SelectionToolbar } from './ui/SelectionToolbar';
 import { getToolbarComponents } from './ui/toolbar-components';
 export var toolbarPlugin = function toolbarPlugin(_ref) {
-  var api = _ref.api;
+  var api = _ref.api,
+    _ref$config = _ref.config,
+    config = _ref$config === void 0 ? {
+      disableSelectionToolbar: false
+    } : _ref$config;
+  var disableSelectionToolbar = config.disableSelectionToolbar;
   var registry = createComponentRegistry();
   registry.register(getToolbarComponents(api));
   return {
@@ -16,7 +21,7 @@ export var toolbarPlugin = function toolbarPlugin(_ref) {
         return registry.components;
       }
     },
-    contentComponent: function contentComponent(_ref2) {
+    contentComponent: !disableSelectionToolbar ? function (_ref2) {
       var editorView = _ref2.editorView,
         popupsMountPoint = _ref2.popupsMountPoint;
       return /*#__PURE__*/React.createElement(SelectionToolbar, {
@@ -24,6 +29,6 @@ export var toolbarPlugin = function toolbarPlugin(_ref) {
         editorView: editorView,
         mountPoint: popupsMountPoint
       });
-    }
+    } : undefined
   };
 };

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

@@ -22,6 +22,8 @@ export var SelectionToolbar = function SelectionToolbar(_ref) {
     return isToolbarComponent(component);
   });
   var currentUserIntent = useSharedPluginStateSelector(api, 'userIntent.currentUserIntent');
+  var connectivityStateMode = useSharedPluginStateSelector(api, 'connectivity.mode');
+  var isOffline = connectivityStateMode === 'offline';
   // TODO: ED-28735 - figure out a better way to control this - needed to re-render on selection change
   // @ts-expect-error
   var selection = useSharedPluginStateSelector(api, 'selection.selection');
@@ -43,7 +45,8 @@ export var SelectionToolbar = function SelectionToolbar(_ref) {
   }, /*#__PURE__*/React.createElement(EditorToolbarProvider, {
     editorView: editorView
   }, /*#__PURE__*/React.createElement(EditorToolbarUIProvider, {
-    api: api
+    api: api,
+    isDisabled: isOffline
   }, /*#__PURE__*/React.createElement(ToolbarModelRenderer, {
     toolbar: toolbar,
     components: components,

package/dist/types/index.d.ts

@@ -1,2 +1,3 @@
 export { toolbarPlugin } from './toolbarPlugin';
 export type { ToolbarPlugin } from './toolbarPluginType';
+export type { ToolbarPluginOptions } from './types';

package/dist/types/toolbarPluginType.d.ts

@@ -1,15 +1,19 @@
 import type { NextEditorPlugin, OptionalPlugin } from '@atlaskit/editor-common/types';
+import type { ConnectivityPlugin } from '@atlaskit/editor-plugin-connectivity';
 import type { EditorViewModePlugin } from '@atlaskit/editor-plugin-editor-viewmode';
 import type { SelectionPlugin } from '@atlaskit/editor-plugin-selection';
 import type { UserIntentPlugin } from '@atlaskit/editor-plugin-user-intent';
 import type { UserPreferencesPlugin } from '@atlaskit/editor-plugin-user-preferences';
 import type { RegisterComponent } from '@atlaskit/editor-toolbar-model';
+import type { ToolbarPluginOptions } from './types';
 export type ToolbarPlugin = NextEditorPlugin<'toolbar', {
+    pluginConfiguration?: ToolbarPluginOptions;
     dependencies: [
         OptionalPlugin<UserIntentPlugin>,
         OptionalPlugin<SelectionPlugin>,
         OptionalPlugin<UserPreferencesPlugin>,
-        OptionalPlugin<EditorViewModePlugin>
+        OptionalPlugin<EditorViewModePlugin>,
+        OptionalPlugin<ConnectivityPlugin>
     ];
     actions: {
         registerComponents: (toolbarComponents: Array<RegisterComponent>) => void;

package/dist/types/types/index.d.ts

@@ -0,0 +1,3 @@
+export type ToolbarPluginOptions = {
+    disableSelectionToolbar?: boolean;
+};

package/dist/types-ts4.5/index.d.ts

@@ -1,2 +1,3 @@
 export { toolbarPlugin } from './toolbarPlugin';
 export type { ToolbarPlugin } from './toolbarPluginType';
+export type { ToolbarPluginOptions } from './types';

package/dist/types-ts4.5/toolbarPluginType.d.ts

@@ -1,15 +1,19 @@
 import type { NextEditorPlugin, OptionalPlugin } from '@atlaskit/editor-common/types';
+import type { ConnectivityPlugin } from '@atlaskit/editor-plugin-connectivity';
 import type { EditorViewModePlugin } from '@atlaskit/editor-plugin-editor-viewmode';
 import type { SelectionPlugin } from '@atlaskit/editor-plugin-selection';
 import type { UserIntentPlugin } from '@atlaskit/editor-plugin-user-intent';
 import type { UserPreferencesPlugin } from '@atlaskit/editor-plugin-user-preferences';
 import type { RegisterComponent } from '@atlaskit/editor-toolbar-model';
+import type { ToolbarPluginOptions } from './types';
 export type ToolbarPlugin = NextEditorPlugin<'toolbar', {
+    pluginConfiguration?: ToolbarPluginOptions;
     dependencies: [
         OptionalPlugin<UserIntentPlugin>,
         OptionalPlugin<SelectionPlugin>,
         OptionalPlugin<UserPreferencesPlugin>,
-        OptionalPlugin<EditorViewModePlugin>
+        OptionalPlugin<EditorViewModePlugin>,
+        OptionalPlugin<ConnectivityPlugin>
     ];
     actions: {
         registerComponents: (toolbarComponents: Array<RegisterComponent>) => void;

package/dist/types-ts4.5/types/index.d.ts

@@ -0,0 +1,3 @@
+export type ToolbarPluginOptions = {
+    disableSelectionToolbar?: boolean;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-toolbar",
-	"version": "0.2.3",
+	"version": "0.3.0",
 	"description": "Toolbar plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -31,19 +31,20 @@
 		".": "./src/index.ts"
 	},
 	"dependencies": {
+		"@atlaskit/editor-plugin-connectivity": "^3.1.0",
 		"@atlaskit/editor-plugin-editor-viewmode": "^5.0.0",
-		"@atlaskit/editor-plugin-selection": "^3.0.0",
+		"@atlaskit/editor-plugin-selection": "^3.1.0",
 		"@atlaskit/editor-plugin-user-intent": "^1.1.0",
 		"@atlaskit/editor-plugin-user-preferences": "^1.2.0",
 		"@atlaskit/editor-prosemirror": "7.0.0",
 		"@atlaskit/editor-toolbar": "^0.3.0",
 		"@atlaskit/editor-toolbar-model": "^0.1.0",
-		"@atlaskit/tmp-editor-statsig": "^11.0.0",
+		"@atlaskit/tmp-editor-statsig": "^11.3.0",
 		"@babel/runtime": "^7.0.0",
 		"react-intl-next": "npm:react-intl@^5.18.1"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^107.25.0",
+		"@atlaskit/editor-common": "^107.26.0",
 		"react": "^18.2.0"
 	},
 	"techstack": {