@atlaskit/editor-plugin-loom 6.0.3 → 6.0.5

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/editor-plugin-loom
 
+## 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
+
+- [`555ac8f256674`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/555ac8f256674) -
+  Update menu item icon size to small, tweak paddings and font styles
+- Updated dependencies
+
 ## 6.0.3
 
 ### Patch Changes

package/dist/cjs/ui/LoomMenuItem.js

@@ -86,6 +86,7 @@ var MenuItemComponent = /*#__PURE__*/_react.default.forwardRef(function (_ref4,
     formatMessage = _useIntl.formatMessage;
   return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownItem, {
     elemBefore: /*#__PURE__*/_react.default.createElement(_editorToolbar.LoomIcon, {
+      size: "small",
       label: ""
     }),
     isDisabled: disabled,

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/ui/LoomMenuItem.js

@@ -80,6 +80,7 @@ const MenuItemComponent = /*#__PURE__*/React.forwardRef(({
   } = useIntl();
   return /*#__PURE__*/React.createElement(ToolbarDropdownItem, {
     elemBefore: /*#__PURE__*/React.createElement(LoomIcon, {
+      size: "small",
       label: ""
     }),
     isDisabled: disabled,

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/ui/LoomMenuItem.js

@@ -78,6 +78,7 @@ var MenuItemComponent = /*#__PURE__*/React.forwardRef(function (_ref4, ref) {
     formatMessage = _useIntl.formatMessage;
   return /*#__PURE__*/React.createElement(ToolbarDropdownItem, {
     elemBefore: /*#__PURE__*/React.createElement(LoomIcon, {
+      size: "small",
       label: ""
     }),
     isDisabled: disabled,

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.3",
+	"version": "6.0.5",
 	"description": "Loom plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -34,6 +34,7 @@
 	"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",
@@ -43,14 +44,14 @@
 		"@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.7.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.3.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"