@atlaskit/editor-plugin-synced-block 4.3.6 → 4.3.8

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/editor-plugin-synced-block
 
+## 4.3.8
+
+### Patch Changes
+
+- [`0cc1855e9071d`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/0cc1855e9071d) -
+  EDITOR-1921 add analytics for sync block provider failures
+- Updated dependencies
+
+## 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

package/dist/cjs/nodeviews/syncedBlock.js

@@ -65,7 +65,8 @@ var SyncBlock = /*#__PURE__*/function (_ReactNodeView) {
           return (0, _editorSyncedBlockProvider.useFetchSyncBlockTitle)(syncBlockStore, _this2.node);
         },
         useFetchSyncBlockData: function useFetchSyncBlockData() {
-          return (0, _editorSyncedBlockProvider.useFetchSyncBlockData)(syncBlockStore, resourceId, localId);
+          var _this2$api;
+          return (0, _editorSyncedBlockProvider.useFetchSyncBlockData)(syncBlockStore, resourceId, localId, (_this2$api = _this2.api) === null || _this2$api === void 0 || (_this2$api = _this2$api.analytics) === null || _this2$api === void 0 || (_this2$api = _this2$api.actions) === null || _this2$api === void 0 ? void 0 : _this2$api.fireAnalyticsEvent);
         }
       });
     }

package/dist/cjs/syncedBlockPlugin.js

@@ -21,10 +21,10 @@ var _floatingToolbar = require("./ui/floating-toolbar");
 var _SyncBlockRefresher = require("./ui/SyncBlockRefresher");
 var _toolbarComponents = require("./ui/toolbar-components");
 var syncedBlockPlugin = exports.syncedBlockPlugin = function syncedBlockPlugin(_ref) {
-  var _api$blockMenu, _api$toolbar;
+  var _api$analytics, _api$blockMenu, _api$toolbar;
   var config = _ref.config,
     api = _ref.api;
-  var syncBlockStore = new _editorSyncedBlockProvider.SyncBlockStoreManager(config === null || config === void 0 ? void 0 : config.syncBlockDataProvider);
+  var syncBlockStore = new _editorSyncedBlockProvider.SyncBlockStoreManager(config === null || config === void 0 ? void 0 : config.syncBlockDataProvider, api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 || (_api$analytics = _api$analytics.actions) === null || _api$analytics === void 0 ? void 0 : _api$analytics.fireAnalyticsEvent);
   api === null || api === void 0 || (_api$blockMenu = api.blockMenu) === null || _api$blockMenu === void 0 || _api$blockMenu.actions.registerBlockMenuComponents((0, _blockMenuComponents.getBlockMenuComponents)(api));
   api === null || api === void 0 || (_api$toolbar = api.toolbar) === null || _api$toolbar === void 0 || _api$toolbar.actions.registerComponents((0, _toolbarComponents.getToolbarComponents)(api));
   return {

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/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/nodeviews/syncedBlock.js

@@ -36,7 +36,10 @@ class SyncBlock extends ReactNodeView {
       localId: this.node.attrs.localId,
       syncedBlockRenderer: (_this$options2 = this.options) === null || _this$options2 === void 0 ? void 0 : _this$options2.syncedBlockRenderer,
       useFetchSyncBlockTitle: () => useFetchSyncBlockTitle(syncBlockStore, this.node),
-      useFetchSyncBlockData: () => useFetchSyncBlockData(syncBlockStore, resourceId, localId)
+      useFetchSyncBlockData: () => {
+        var _this$api2, _this$api2$analytics, _this$api2$analytics$;
+        return useFetchSyncBlockData(syncBlockStore, resourceId, localId, (_this$api2 = this.api) === null || _this$api2 === void 0 ? void 0 : (_this$api2$analytics = _this$api2.analytics) === null || _this$api2$analytics === void 0 ? void 0 : (_this$api2$analytics$ = _this$api2$analytics.actions) === null || _this$api2$analytics$ === void 0 ? void 0 : _this$api2$analytics$.fireAnalyticsEvent);
+      }
     });
   }
   destroy() {

package/dist/es2019/syncedBlockPlugin.js

@@ -17,8 +17,8 @@ export const syncedBlockPlugin = ({
   config,
   api
 }) => {
-  var _api$blockMenu, _api$toolbar;
-  const syncBlockStore = new SyncBlockStoreManager(config === null || config === void 0 ? void 0 : config.syncBlockDataProvider);
+  var _api$analytics, _api$analytics$action, _api$blockMenu, _api$toolbar;
+  const syncBlockStore = new SyncBlockStoreManager(config === null || config === void 0 ? void 0 : config.syncBlockDataProvider, api === null || api === void 0 ? void 0 : (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : (_api$analytics$action = _api$analytics.actions) === null || _api$analytics$action === void 0 ? void 0 : _api$analytics$action.fireAnalyticsEvent);
   api === null || api === void 0 ? void 0 : (_api$blockMenu = api.blockMenu) === null || _api$blockMenu === void 0 ? void 0 : _api$blockMenu.actions.registerBlockMenuComponents(getBlockMenuComponents(api));
   api === null || api === void 0 ? void 0 : (_api$toolbar = api.toolbar) === null || _api$toolbar === void 0 ? void 0 : _api$toolbar.actions.registerComponents(getToolbarComponents(api));
   return {

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/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/nodeviews/syncedBlock.js

@@ -58,7 +58,8 @@ var SyncBlock = /*#__PURE__*/function (_ReactNodeView) {
           return _useFetchSyncBlockTitle(syncBlockStore, _this2.node);
         },
         useFetchSyncBlockData: function useFetchSyncBlockData() {
-          return _useFetchSyncBlockData(syncBlockStore, resourceId, localId);
+          var _this2$api;
+          return _useFetchSyncBlockData(syncBlockStore, resourceId, localId, (_this2$api = _this2.api) === null || _this2$api === void 0 || (_this2$api = _this2$api.analytics) === null || _this2$api === void 0 || (_this2$api = _this2$api.actions) === null || _this2$api === void 0 ? void 0 : _this2$api.fireAnalyticsEvent);
         }
       });
     }

package/dist/esm/syncedBlockPlugin.js

@@ -14,10 +14,10 @@ import { getToolbarConfig } from './ui/floating-toolbar';
 import { SyncBlockRefresher } from './ui/SyncBlockRefresher';
 import { getToolbarComponents } from './ui/toolbar-components';
 export var syncedBlockPlugin = function syncedBlockPlugin(_ref) {
-  var _api$blockMenu, _api$toolbar;
+  var _api$analytics, _api$blockMenu, _api$toolbar;
   var config = _ref.config,
     api = _ref.api;
-  var syncBlockStore = new SyncBlockStoreManager(config === null || config === void 0 ? void 0 : config.syncBlockDataProvider);
+  var syncBlockStore = new SyncBlockStoreManager(config === null || config === void 0 ? void 0 : config.syncBlockDataProvider, api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 || (_api$analytics = _api$analytics.actions) === null || _api$analytics === void 0 ? void 0 : _api$analytics.fireAnalyticsEvent);
   api === null || api === void 0 || (_api$blockMenu = api.blockMenu) === null || _api$blockMenu === void 0 || _api$blockMenu.actions.registerBlockMenuComponents(getBlockMenuComponents(api));
   api === null || api === void 0 || (_api$toolbar = api.toolbar) === null || _api$toolbar === void 0 || _api$toolbar.actions.registerComponents(getToolbarComponents(api));
   return {

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/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.6",
+	"version": "4.3.8",
 	"description": "SyncedBlock plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -39,7 +39,7 @@
 		"@atlaskit/editor-plugin-selection": "^6.1.0",
 		"@atlaskit/editor-prosemirror": "7.0.0",
 		"@atlaskit/editor-shared-styles": "^3.10.0",
-		"@atlaskit/editor-synced-block-provider": "^2.10.0",
+		"@atlaskit/editor-synced-block-provider": "^2.11.0",
 		"@atlaskit/editor-tables": "^2.9.0",
 		"@atlaskit/editor-toolbar": "^0.17.0",
 		"@atlaskit/flag": "^17.5.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": {