@atlaskit/editor-plugin-synced-block 4.3.5 → 4.3.7

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/editor-plugin-synced-block
 
+## 4.3.7
+
+### Patch Changes
+
+- [`5d1e8c97b1f19`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/5d1e8c97b1f19) -
+  [ux] EDITOR-3505 remove create synced block from live doc view mode toolbar
+- Updated dependencies
+
+## 4.3.6
+
+### Patch Changes
+
+- [`56c0427b2ab20`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/56c0427b2ab20) -
+  [ux] Use new IA for block menu items.
+- Updated dependencies
+
 ## 4.3.5
 
 ### Patch Changes

package/dist/cjs/ui/OverflowMenuSection.js

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

package/dist/cjs/ui/block-menu-components.js

@@ -11,11 +11,11 @@ var _CreateSyncedBlockDropdownItem = require("./CreateSyncedBlockDropdownItem");
 var getBlockMenuComponents = exports.getBlockMenuComponents = function getBlockMenuComponents(api) {
   return [{
     type: 'block-menu-item',
-    key: _blockMenu.CREATE_SYNCED_BLOCK_MENU_ITEM.key,
+    key: _blockMenu.BLOCK_ACTIONS_CREATE_SYNCED_BLOCK_MENU_ITEM.key,
     parent: {
       type: 'block-menu-section',
-      key: _blockMenu.ADD_BLOCKS_MENU_SECTION.key,
-      rank: _blockMenu.ADD_BLOCKS_MENU_SECTION_RANK[_blockMenu.CREATE_SYNCED_BLOCK_MENU_ITEM.key]
+      key: _blockMenu.BLOCK_ACTIONS_MENU_SECTION.key,
+      rank: _blockMenu.BLOCK_ACTIONS_MENU_SECTION_RANK[_blockMenu.BLOCK_ACTIONS_CREATE_SYNCED_BLOCK_MENU_ITEM.key]
     },
     component: function component() {
       return /*#__PURE__*/_react.default.createElement(_CreateSyncedBlockDropdownItem.CreateOrCopySyncedBlockDropdownItem, {

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

@@ -9,6 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 var _toolbar = require("@atlaskit/editor-common/toolbar");
 var _CreateSyncedBlockButton = require("./CreateSyncedBlockButton");
 var _CreateSyncedBlockItem = require("./CreateSyncedBlockItem");
+var _OverflowMenuSection = require("./OverflowMenuSection");
 var SYNCED_BLOCK_OVERFLOW_MENU_SECTION = {
   type: _toolbar.SYNCED_BLOCK_SECTION.type,
   key: _toolbar.SYNCED_BLOCK_SECTION.key,
@@ -16,7 +17,11 @@ var SYNCED_BLOCK_OVERFLOW_MENU_SECTION = {
     type: _toolbar.OVERFLOW_MENU.type,
     key: _toolbar.OVERFLOW_MENU.key,
     rank: _toolbar.OVERFLOW_MENU_RANK[_toolbar.SYNCED_BLOCK_SECTION.key]
-  }]
+  }],
+  component: function component(_ref) {
+    var children = _ref.children;
+    return /*#__PURE__*/_react.default.createElement(_OverflowMenuSection.OverflowMenuSection, null, children);
+  }
 };
 var SYNCED_BLOCK_PRIMARY_TOOLBAR_GROUP = {
   type: _toolbar.SYNCED_BLOCK_GROUP.type,

package/dist/es2019/ui/OverflowMenuSection.js

@@ -0,0 +1,15 @@
+import React from "react";
+import { useEditorToolbar } from "@atlaskit/editor-common/toolbar";
+import { ToolbarDropdownItemSection } from "@atlaskit/editor-toolbar";
+export const OverflowMenuSection = ({
+  children
+}) => {
+  const {
+    editorViewMode
+  } = useEditorToolbar();
+  const isEdit = editorViewMode === 'edit';
+  if (!isEdit) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(ToolbarDropdownItemSection, null, children);
+};

package/dist/es2019/ui/block-menu-components.js

@@ -1,14 +1,14 @@
 import React from 'react';
-import { ADD_BLOCKS_MENU_SECTION, ADD_BLOCKS_MENU_SECTION_RANK, CREATE_SYNCED_BLOCK_MENU_ITEM } from '@atlaskit/editor-common/block-menu';
+import { BLOCK_ACTIONS_MENU_SECTION, BLOCK_ACTIONS_MENU_SECTION_RANK, BLOCK_ACTIONS_CREATE_SYNCED_BLOCK_MENU_ITEM } from '@atlaskit/editor-common/block-menu';
 import { CreateOrCopySyncedBlockDropdownItem } from './CreateSyncedBlockDropdownItem';
 export const getBlockMenuComponents = api => {
   return [{
     type: 'block-menu-item',
-    key: CREATE_SYNCED_BLOCK_MENU_ITEM.key,
+    key: BLOCK_ACTIONS_CREATE_SYNCED_BLOCK_MENU_ITEM.key,
     parent: {
       type: 'block-menu-section',
-      key: ADD_BLOCKS_MENU_SECTION.key,
-      rank: ADD_BLOCKS_MENU_SECTION_RANK[CREATE_SYNCED_BLOCK_MENU_ITEM.key]
+      key: BLOCK_ACTIONS_MENU_SECTION.key,
+      rank: BLOCK_ACTIONS_MENU_SECTION_RANK[BLOCK_ACTIONS_CREATE_SYNCED_BLOCK_MENU_ITEM.key]
     },
     component: () => /*#__PURE__*/React.createElement(CreateOrCopySyncedBlockDropdownItem, {
       api: api

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

@@ -2,6 +2,7 @@ import React from 'react';
 import { INSERT_BLOCK_SECTION, INSERT_BLOCK_SECTION_RANK, OVERFLOW_MENU, OVERFLOW_MENU_RANK, SYNCED_BLOCK_BUTTON, SYNCED_BLOCK_GROUP, SYNCED_BLOCK_ITEM, SYNCED_BLOCK_SECTION, SYNCED_BLOCK_SECTION_RANK } from '@atlaskit/editor-common/toolbar';
 import { CreateSyncedBlockButton } from './CreateSyncedBlockButton';
 import { CreateSyncedBlockItem } from './CreateSyncedBlockItem';
+import { OverflowMenuSection } from './OverflowMenuSection';
 const SYNCED_BLOCK_OVERFLOW_MENU_SECTION = {
   type: SYNCED_BLOCK_SECTION.type,
   key: SYNCED_BLOCK_SECTION.key,
@@ -9,7 +10,12 @@ const SYNCED_BLOCK_OVERFLOW_MENU_SECTION = {
     type: OVERFLOW_MENU.type,
     key: OVERFLOW_MENU.key,
     rank: OVERFLOW_MENU_RANK[SYNCED_BLOCK_SECTION.key]
-  }]
+  }],
+  component: ({
+    children
+  }) => {
+    return /*#__PURE__*/React.createElement(OverflowMenuSection, null, children);
+  }
 };
 const SYNCED_BLOCK_PRIMARY_TOOLBAR_GROUP = {
   type: SYNCED_BLOCK_GROUP.type,

package/dist/esm/ui/OverflowMenuSection.js

@@ -0,0 +1,13 @@
+import React from "react";
+import { useEditorToolbar } from "@atlaskit/editor-common/toolbar";
+import { ToolbarDropdownItemSection } from "@atlaskit/editor-toolbar";
+export var OverflowMenuSection = function OverflowMenuSection(_ref) {
+  var children = _ref.children;
+  var _useEditorToolbar = useEditorToolbar(),
+    editorViewMode = _useEditorToolbar.editorViewMode;
+  var isEdit = editorViewMode === 'edit';
+  if (!isEdit) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(ToolbarDropdownItemSection, null, children);
+};

package/dist/esm/ui/block-menu-components.js

@@ -1,14 +1,14 @@
 import React from 'react';
-import { ADD_BLOCKS_MENU_SECTION, ADD_BLOCKS_MENU_SECTION_RANK, CREATE_SYNCED_BLOCK_MENU_ITEM } from '@atlaskit/editor-common/block-menu';
+import { BLOCK_ACTIONS_MENU_SECTION, BLOCK_ACTIONS_MENU_SECTION_RANK, BLOCK_ACTIONS_CREATE_SYNCED_BLOCK_MENU_ITEM } from '@atlaskit/editor-common/block-menu';
 import { CreateOrCopySyncedBlockDropdownItem } from './CreateSyncedBlockDropdownItem';
 export var getBlockMenuComponents = function getBlockMenuComponents(api) {
   return [{
     type: 'block-menu-item',
-    key: CREATE_SYNCED_BLOCK_MENU_ITEM.key,
+    key: BLOCK_ACTIONS_CREATE_SYNCED_BLOCK_MENU_ITEM.key,
     parent: {
       type: 'block-menu-section',
-      key: ADD_BLOCKS_MENU_SECTION.key,
-      rank: ADD_BLOCKS_MENU_SECTION_RANK[CREATE_SYNCED_BLOCK_MENU_ITEM.key]
+      key: BLOCK_ACTIONS_MENU_SECTION.key,
+      rank: BLOCK_ACTIONS_MENU_SECTION_RANK[BLOCK_ACTIONS_CREATE_SYNCED_BLOCK_MENU_ITEM.key]
     },
     component: function component() {
       return /*#__PURE__*/React.createElement(CreateOrCopySyncedBlockDropdownItem, {

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

@@ -2,6 +2,7 @@ import React from 'react';
 import { INSERT_BLOCK_SECTION, INSERT_BLOCK_SECTION_RANK, OVERFLOW_MENU, OVERFLOW_MENU_RANK, SYNCED_BLOCK_BUTTON, SYNCED_BLOCK_GROUP, SYNCED_BLOCK_ITEM, SYNCED_BLOCK_SECTION, SYNCED_BLOCK_SECTION_RANK } from '@atlaskit/editor-common/toolbar';
 import { CreateSyncedBlockButton } from './CreateSyncedBlockButton';
 import { CreateSyncedBlockItem } from './CreateSyncedBlockItem';
+import { OverflowMenuSection } from './OverflowMenuSection';
 var SYNCED_BLOCK_OVERFLOW_MENU_SECTION = {
   type: SYNCED_BLOCK_SECTION.type,
   key: SYNCED_BLOCK_SECTION.key,
@@ -9,7 +10,11 @@ var SYNCED_BLOCK_OVERFLOW_MENU_SECTION = {
     type: OVERFLOW_MENU.type,
     key: OVERFLOW_MENU.key,
     rank: OVERFLOW_MENU_RANK[SYNCED_BLOCK_SECTION.key]
-  }]
+  }],
+  component: function component(_ref) {
+    var children = _ref.children;
+    return /*#__PURE__*/React.createElement(OverflowMenuSection, null, children);
+  }
 };
 var SYNCED_BLOCK_PRIMARY_TOOLBAR_GROUP = {
   type: SYNCED_BLOCK_GROUP.type,

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

@@ -0,0 +1,6 @@
+import React from "react";
+type OverflowMenuSectionProps = {
+    children: React.ReactNode;
+};
+export declare const OverflowMenuSection: ({ children }: OverflowMenuSectionProps) => React.JSX.Element | null;
+export {};

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

@@ -0,0 +1,6 @@
+import React from "react";
+type OverflowMenuSectionProps = {
+    children: React.ReactNode;
+};
+export declare const OverflowMenuSection: ({ children }: OverflowMenuSectionProps) => React.JSX.Element | null;
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-synced-block",
-	"version": "4.3.5",
+	"version": "4.3.7",
 	"description": "SyncedBlock plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -56,7 +56,7 @@
 		"react-intl-next": "npm:react-intl@^5.18.1"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^110.35.0",
+		"@atlaskit/editor-common": "^110.36.0",
 		"react": "^18.2.0"
 	},
 	"devDependencies": {