@atlaskit/editor-plugin-loom 6.0.4 → 6.0.6

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @atlaskit/editor-plugin-loom
 
+## 6.0.6
+
+### 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
+
+## 6.0.5
+
+### Patch Changes
+
+- [`0812ff5bd7bd1`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/0812ff5bd7bd1) -
+  Dont render menu sections in live view
+- Updated dependencies
+
 ## 6.0.4
 
 ### Patch Changes

package/dist/cjs/loomPlugin.js

@@ -17,7 +17,7 @@ var loomPlugin = exports.loomPlugin = function loomPlugin(_ref) {
   var config = _ref.config,
     api = _ref.api;
   var editorAnalyticsAPI = api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions;
-  var isNewToolbarEnabled = (0, _experiments.editorExperiment)('platform_editor_toolbar_aifc', true, {
+  var isNewToolbarEnabled = Boolean(api === null || api === void 0 ? void 0 : api.toolbar) && (0, _experiments.editorExperiment)('platform_editor_toolbar_aifc', true, {
     exposure: true
   }) && (0, _expValEquals.expValEquals)('platform_editor_toolbar_migrate_loom', 'isEnabled', true);
 

package/dist/cjs/ui/MenuSection.js

@@ -0,0 +1,19 @@
+"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';
+  return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownItemSection, {
+    hasSeparator: isEdit
+  }, children);
+};

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

@@ -8,7 +8,9 @@ exports.getToolbarComponents = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _toolbar = require("@atlaskit/editor-common/toolbar");
 var _editorToolbar = require("@atlaskit/editor-toolbar");
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _LoomMenuItem = require("./LoomMenuItem");
+var _MenuSection = require("./MenuSection");
 var getToolbarComponents = exports.getToolbarComponents = function getToolbarComponents(config, api) {
   return [{
     type: _toolbar.LOOM_MENU_SECTION.type,
@@ -24,6 +26,11 @@ var getToolbarComponents = exports.getToolbarComponents = function getToolbarCom
     }],
     component: function component(_ref) {
       var children = _ref.children;
+      if ((0, _expValEquals.expValEquals)('platform_editor_toolbar_aifc_patch_3', 'isEnabled', true)) {
+        return /*#__PURE__*/_react.default.createElement(_MenuSection.MenuSection, {
+          api: api
+        }, children);
+      }
       return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownItemSection, {
         hasSeparator: true
       }, children);

package/dist/es2019/loomPlugin.js

@@ -12,7 +12,7 @@ export const loomPlugin = ({
 }) => {
   var _api$analytics;
   const editorAnalyticsAPI = api === null || api === void 0 ? void 0 : (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions;
-  const isNewToolbarEnabled = editorExperiment('platform_editor_toolbar_aifc', true, {
+  const isNewToolbarEnabled = Boolean(api === null || api === void 0 ? void 0 : api.toolbar) && editorExperiment('platform_editor_toolbar_aifc', true, {
     exposure: true
   }) && expValEquals('platform_editor_toolbar_migrate_loom', 'isEnabled', true);
 

package/dist/es2019/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 const MenuSection = ({
+  children,
+  api
+}) => {
+  const viewMode = useSharedPluginStateSelector(api, 'editorViewMode.mode');
+  const isEdit = viewMode === 'edit';
+  return /*#__PURE__*/React.createElement(ToolbarDropdownItemSection, {
+    hasSeparator: isEdit
+  }, children);
+};

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

@@ -1,7 +1,9 @@
 import React from 'react';
 import { LOOM_MENU_SECTION, OVERFLOW_MENU_RANK, OVERFLOW_MENU, LOOM_MENU_ITEM, LOOM_MENU_SECTION_RANK, OVERFLOW_MENU_PRIMARY_TOOLBAR_RANK, OVERFLOW_MENU_PRIMARY_TOOLBAR } from '@atlaskit/editor-common/toolbar';
 import { ToolbarDropdownItemSection } from '@atlaskit/editor-toolbar';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { LoomMenuItem } from './LoomMenuItem';
+import { MenuSection } from './MenuSection';
 export const getToolbarComponents = (config, api) => {
   return [{
     type: LOOM_MENU_SECTION.type,
@@ -18,6 +20,11 @@ export const getToolbarComponents = (config, api) => {
     component: ({
       children
     }) => {
+      if (expValEquals('platform_editor_toolbar_aifc_patch_3', 'isEnabled', true)) {
+        return /*#__PURE__*/React.createElement(MenuSection, {
+          api: api
+        }, children);
+      }
       return /*#__PURE__*/React.createElement(ToolbarDropdownItemSection, {
         hasSeparator: true
       }, children);

package/dist/esm/loomPlugin.js

@@ -11,7 +11,7 @@ export var loomPlugin = function loomPlugin(_ref) {
   var config = _ref.config,
     api = _ref.api;
   var editorAnalyticsAPI = api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions;
-  var isNewToolbarEnabled = editorExperiment('platform_editor_toolbar_aifc', true, {
+  var isNewToolbarEnabled = Boolean(api === null || api === void 0 ? void 0 : api.toolbar) && editorExperiment('platform_editor_toolbar_aifc', true, {
     exposure: true
   }) && expValEquals('platform_editor_toolbar_migrate_loom', 'isEnabled', true);
 

package/dist/esm/ui/MenuSection.js

@@ -0,0 +1,12 @@
+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';
+  return /*#__PURE__*/React.createElement(ToolbarDropdownItemSection, {
+    hasSeparator: isEdit
+  }, children);
+};

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

@@ -1,7 +1,9 @@
 import React from 'react';
 import { LOOM_MENU_SECTION, OVERFLOW_MENU_RANK, OVERFLOW_MENU, LOOM_MENU_ITEM, LOOM_MENU_SECTION_RANK, OVERFLOW_MENU_PRIMARY_TOOLBAR_RANK, OVERFLOW_MENU_PRIMARY_TOOLBAR } from '@atlaskit/editor-common/toolbar';
 import { ToolbarDropdownItemSection } from '@atlaskit/editor-toolbar';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { LoomMenuItem } from './LoomMenuItem';
+import { MenuSection } from './MenuSection';
 export var getToolbarComponents = function getToolbarComponents(config, api) {
   return [{
     type: LOOM_MENU_SECTION.type,
@@ -17,6 +19,11 @@ export var getToolbarComponents = function getToolbarComponents(config, api) {
     }],
     component: function component(_ref) {
       var children = _ref.children;
+      if (expValEquals('platform_editor_toolbar_aifc_patch_3', 'isEnabled', true)) {
+        return /*#__PURE__*/React.createElement(MenuSection, {
+          api: api
+        }, children);
+      }
       return /*#__PURE__*/React.createElement(ToolbarDropdownItemSection, {
         hasSeparator: true
       }, children);

package/dist/types/loomPluginType.d.ts

@@ -3,6 +3,7 @@ import { type INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import type { EditorCommand, NextEditorPlugin, OptionalPlugin } from '@atlaskit/editor-common/types';
 import type { AnalyticsPlugin } from '@atlaskit/editor-plugin-analytics';
 import type { ConnectivityPlugin } from '@atlaskit/editor-plugin-connectivity';
+import type { EditorViewModePlugin } from '@atlaskit/editor-plugin-editor-viewmode';
 import type { HyperlinkPlugin } from '@atlaskit/editor-plugin-hyperlink';
 import type { PrimaryToolbarPlugin } from '@atlaskit/editor-plugin-primary-toolbar';
 import { type QuickInsertPlugin } from '@atlaskit/editor-plugin-quick-insert';
@@ -41,7 +42,8 @@ export type LoomPlugin = NextEditorPlugin<'loom', {
         OptionalPlugin<PrimaryToolbarPlugin>,
         OptionalPlugin<QuickInsertPlugin>,
         OptionalPlugin<ConnectivityPlugin>,
-        OptionalPlugin<ToolbarPlugin>
+        OptionalPlugin<ToolbarPlugin>,
+        OptionalPlugin<EditorViewModePlugin>
     ];
     pluginConfiguration: LoomPluginOptions;
     sharedState: LoomPluginState | undefined;

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 { LoomPlugin } from '../loomPluginType';
+type MenuSectionProps = {
+    api: ExtractInjectionAPI<LoomPlugin> | undefined;
+    children: React.ReactNode;
+};
+export declare const MenuSection: ({ children, api }: MenuSectionProps) => React.JSX.Element;
+export {};

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

@@ -3,6 +3,7 @@ import { type INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import type { EditorCommand, NextEditorPlugin, OptionalPlugin } from '@atlaskit/editor-common/types';
 import type { AnalyticsPlugin } from '@atlaskit/editor-plugin-analytics';
 import type { ConnectivityPlugin } from '@atlaskit/editor-plugin-connectivity';
+import type { EditorViewModePlugin } from '@atlaskit/editor-plugin-editor-viewmode';
 import type { HyperlinkPlugin } from '@atlaskit/editor-plugin-hyperlink';
 import type { PrimaryToolbarPlugin } from '@atlaskit/editor-plugin-primary-toolbar';
 import { type QuickInsertPlugin } from '@atlaskit/editor-plugin-quick-insert';
@@ -41,7 +42,8 @@ export type LoomPlugin = NextEditorPlugin<'loom', {
         OptionalPlugin<PrimaryToolbarPlugin>,
         OptionalPlugin<QuickInsertPlugin>,
         OptionalPlugin<ConnectivityPlugin>,
-        OptionalPlugin<ToolbarPlugin>
+        OptionalPlugin<ToolbarPlugin>,
+        OptionalPlugin<EditorViewModePlugin>
     ];
     pluginConfiguration: LoomPluginOptions;
     sharedState: LoomPluginState | undefined;

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 { LoomPlugin } from '../loomPluginType';
+type MenuSectionProps = {
+    api: ExtractInjectionAPI<LoomPlugin> | undefined;
+    children: React.ReactNode;
+};
+export declare const MenuSection: ({ children, api }: MenuSectionProps) => React.JSX.Element;
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-loom",
-	"version": "6.0.4",
+	"version": "6.0.6",
 	"description": "Loom plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -34,35 +34,36 @@
 	"dependencies": {
 		"@atlaskit/button": "^23.4.0",
 		"@atlaskit/editor-plugin-analytics": "^4.0.0",
+		"@atlaskit/editor-plugin-editor-viewmode": "^6.0.0",
 		"@atlaskit/editor-plugin-hyperlink": "^6.0.0",
 		"@atlaskit/editor-plugin-primary-toolbar": "^5.0.0",
 		"@atlaskit/editor-plugin-quick-insert": "^4.0.0",
-		"@atlaskit/editor-plugin-toolbar": "^1.1.0",
+		"@atlaskit/editor-plugin-toolbar": "^1.2.0",
 		"@atlaskit/editor-plugin-width": "^5.0.0",
 		"@atlaskit/editor-prosemirror": "7.0.0",
 		"@atlaskit/editor-toolbar": "^0.8.0",
 		"@atlaskit/icon": "^28.1.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/tmp-editor-statsig": "^12.5.0",
-		"@atlaskit/tokens": "^6.2.0",
+		"@atlaskit/tmp-editor-statsig": "^12.8.0",
+		"@atlaskit/tokens": "^6.3.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
 		"@loomhq/record-sdk": "^2.36.18"
 	},
 	"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"
 	},
 	"devDependencies": {
 		"@atlaskit/editor-plugin-base": "^5.0.0",
-		"@atlaskit/editor-plugin-card": "^8.0.0",
+		"@atlaskit/editor-plugin-card": "^8.1.0",
 		"@atlaskit/editor-plugin-copy-button": "^4.0.0",
 		"@atlaskit/editor-plugin-decorations": "^4.0.0",
 		"@atlaskit/editor-plugin-editor-disabled": "^4.0.0",
 		"@atlaskit/editor-plugin-feature-flags": "^3.0.0",
-		"@atlaskit/editor-plugin-floating-toolbar": "^6.0.0",
+		"@atlaskit/editor-plugin-floating-toolbar": "^6.1.0",
 		"@atlaskit/editor-plugin-grid": "^4.0.0",
 		"@testing-library/react": "^13.4.0",
 		"@testing-library/user-event": "^14.4.3",