@atlaskit/editor-plugin-synced-block 4.2.4 → 4.2.5

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/editor-plugin-synced-block
 
+## 4.2.5
+
+### Patch Changes
+
+- [`7e8c949e9c8c0`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/7e8c949e9c8c0) -
+  [ux] Add new lozenge next to create synced block in toolbar and typeahead, and text updates
+- Updated dependencies
+
 ## 4.2.4
 
 ### Patch Changes

package/dist/cjs/syncedBlockPlugin.js

@@ -10,6 +10,7 @@ var _adfSchema = require("@atlaskit/adf-schema");
 var _messages = require("@atlaskit/editor-common/messages");
 var _quickInsert = require("@atlaskit/editor-common/quick-insert");
 var _editorSyncedBlockProvider = require("@atlaskit/editor-synced-block-provider");
+var _lozenge = _interopRequireDefault(require("@atlaskit/lozenge"));
 var _editorActions = require("./editor-actions");
 var _editorCommands = require("./editor-commands");
 var _main = require("./pm-plugins/main");
@@ -73,6 +74,9 @@ var syncedBlockPlugin = exports.syncedBlockPlugin = function syncedBlockPlugin(_
           priority: 800,
           keywords: ['synced', 'block', 'synced-block', 'sync', 'sync-block', 'auto', 'update', 'excerpt', 'connect'],
           keyshortcut: '',
+          lozenge: /*#__PURE__*/_react.default.createElement(_lozenge.default, {
+            appearance: "new"
+          }, formatMessage(_messages.blockTypeMessages.newLozenge)),
           icon: function icon() {
             return /*#__PURE__*/_react.default.createElement(_quickInsert.IconSyncBlock, {
               label: formatMessage(_messages.blockTypeMessages.syncedBlock)

package/dist/cjs/ui/CreateSyncedBlockButton.js

@@ -43,6 +43,7 @@ var CreateSyncedBlockButton = exports.CreateSyncedBlockButton = function CreateS
   }, /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarButton, {
     label: message,
     iconBefore: /*#__PURE__*/_react.default.createElement(_blockSynced.default, {
+      size: "small",
       label: ""
     }),
     isDisabled: isDisabled,

package/dist/cjs/ui/CreateSyncedBlockItem.js

@@ -12,6 +12,8 @@ var _hooks = require("@atlaskit/editor-common/hooks");
 var _messages = require("@atlaskit/editor-common/messages");
 var _editorToolbar = require("@atlaskit/editor-toolbar");
 var _blockSynced = _interopRequireDefault(require("@atlaskit/icon-lab/core/block-synced"));
+var _lozenge = _interopRequireDefault(require("@atlaskit/lozenge"));
+var _compiled = require("@atlaskit/primitives/compiled");
 var _utils = require("../pm-plugins/utils/utils");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var CreateSyncedBlockItem = exports.CreateSyncedBlockItem = function CreateSyncedBlockItem(_ref) {
@@ -37,7 +39,13 @@ var CreateSyncedBlockItem = exports.CreateSyncedBlockItem = function CreateSynce
     onClick: onClick,
     isDisabled: isDisabled,
     elemBefore: /*#__PURE__*/_react.default.createElement(_blockSynced.default, {
+      size: "small",
       label: ""
     })
-  }, message);
+  }, /*#__PURE__*/_react.default.createElement(_compiled.Flex, {
+    alignItems: "center",
+    gap: "space.050"
+  }, message, /*#__PURE__*/_react.default.createElement(_lozenge.default, {
+    appearance: "new"
+  }, intl.formatMessage(_messages.syncBlockMessages.newLozenge))));
 };

package/dist/es2019/syncedBlockPlugin.js

@@ -3,6 +3,7 @@ import { bodiedSyncBlock, syncBlock } from '@atlaskit/adf-schema';
 import { blockTypeMessages } from '@atlaskit/editor-common/messages';
 import { IconSyncBlock } from '@atlaskit/editor-common/quick-insert';
 import { SyncBlockStoreManager } from '@atlaskit/editor-synced-block-provider';
+import Lozenge from '@atlaskit/lozenge';
 import { flushBodiedSyncBlocks } from './editor-actions';
 import { copySyncedBlockReferenceToClipboardEditorCommand, createSyncedBlock } from './editor-commands';
 import { createPlugin } from './pm-plugins/main';
@@ -60,6 +61,9 @@ export const syncedBlockPlugin = ({
         priority: 800,
         keywords: ['synced', 'block', 'synced-block', 'sync', 'sync-block', 'auto', 'update', 'excerpt', 'connect'],
         keyshortcut: '',
+        lozenge: /*#__PURE__*/React.createElement(Lozenge, {
+          appearance: "new"
+        }, formatMessage(blockTypeMessages.newLozenge)),
         icon: () => /*#__PURE__*/React.createElement(IconSyncBlock, {
           label: formatMessage(blockTypeMessages.syncedBlock)
         }),

package/dist/es2019/ui/CreateSyncedBlockButton.js

@@ -34,6 +34,7 @@ export const CreateSyncedBlockButton = ({
   }, /*#__PURE__*/React.createElement(ToolbarButton, {
     label: message,
     iconBefore: /*#__PURE__*/React.createElement(BlockSyncedIcon, {
+      size: "small",
       label: ""
     }),
     isDisabled: isDisabled,

package/dist/es2019/ui/CreateSyncedBlockItem.js

@@ -4,6 +4,8 @@ import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks'
 import { syncBlockMessages } from '@atlaskit/editor-common/messages';
 import { ToolbarDropdownItem } from '@atlaskit/editor-toolbar';
 import BlockSyncedIcon from '@atlaskit/icon-lab/core/block-synced';
+import Lozenge from '@atlaskit/lozenge';
+import { Flex } from '@atlaskit/primitives/compiled';
 import { canBeConvertedToSyncBlock } from '../pm-plugins/utils/utils';
 export const CreateSyncedBlockItem = ({
   api
@@ -28,7 +30,13 @@ export const CreateSyncedBlockItem = ({
     onClick: onClick,
     isDisabled: isDisabled,
     elemBefore: /*#__PURE__*/React.createElement(BlockSyncedIcon, {
+      size: "small",
       label: ""
     })
-  }, message);
+  }, /*#__PURE__*/React.createElement(Flex, {
+    alignItems: "center",
+    gap: "space.050"
+  }, message, /*#__PURE__*/React.createElement(Lozenge, {
+    appearance: "new"
+  }, intl.formatMessage(syncBlockMessages.newLozenge))));
 };

package/dist/esm/syncedBlockPlugin.js

@@ -3,6 +3,7 @@ import { bodiedSyncBlock, syncBlock } from '@atlaskit/adf-schema';
 import { blockTypeMessages } from '@atlaskit/editor-common/messages';
 import { IconSyncBlock } from '@atlaskit/editor-common/quick-insert';
 import { SyncBlockStoreManager } from '@atlaskit/editor-synced-block-provider';
+import Lozenge from '@atlaskit/lozenge';
 import { flushBodiedSyncBlocks as _flushBodiedSyncBlocks } from './editor-actions';
 import { copySyncedBlockReferenceToClipboardEditorCommand, createSyncedBlock } from './editor-commands';
 import { createPlugin } from './pm-plugins/main';
@@ -66,6 +67,9 @@ export var syncedBlockPlugin = function syncedBlockPlugin(_ref) {
           priority: 800,
           keywords: ['synced', 'block', 'synced-block', 'sync', 'sync-block', 'auto', 'update', 'excerpt', 'connect'],
           keyshortcut: '',
+          lozenge: /*#__PURE__*/React.createElement(Lozenge, {
+            appearance: "new"
+          }, formatMessage(blockTypeMessages.newLozenge)),
           icon: function icon() {
             return /*#__PURE__*/React.createElement(IconSyncBlock, {
               label: formatMessage(blockTypeMessages.syncedBlock)

package/dist/esm/ui/CreateSyncedBlockButton.js

@@ -34,6 +34,7 @@ export var CreateSyncedBlockButton = function CreateSyncedBlockButton(_ref) {
   }, /*#__PURE__*/React.createElement(ToolbarButton, {
     label: message,
     iconBefore: /*#__PURE__*/React.createElement(BlockSyncedIcon, {
+      size: "small",
       label: ""
     }),
     isDisabled: isDisabled,

package/dist/esm/ui/CreateSyncedBlockItem.js

@@ -4,6 +4,8 @@ import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks'
 import { syncBlockMessages } from '@atlaskit/editor-common/messages';
 import { ToolbarDropdownItem } from '@atlaskit/editor-toolbar';
 import BlockSyncedIcon from '@atlaskit/icon-lab/core/block-synced';
+import Lozenge from '@atlaskit/lozenge';
+import { Flex } from '@atlaskit/primitives/compiled';
 import { canBeConvertedToSyncBlock } from '../pm-plugins/utils/utils';
 export var CreateSyncedBlockItem = function CreateSyncedBlockItem(_ref) {
   var api = _ref.api;
@@ -28,7 +30,13 @@ export var CreateSyncedBlockItem = function CreateSyncedBlockItem(_ref) {
     onClick: onClick,
     isDisabled: isDisabled,
     elemBefore: /*#__PURE__*/React.createElement(BlockSyncedIcon, {
+      size: "small",
       label: ""
     })
-  }, message);
+  }, /*#__PURE__*/React.createElement(Flex, {
+    alignItems: "center",
+    gap: "space.050"
+  }, message, /*#__PURE__*/React.createElement(Lozenge, {
+    appearance: "new"
+  }, intl.formatMessage(syncBlockMessages.newLozenge))));
 };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-synced-block",
-	"version": "4.2.4",
+	"version": "4.2.5",
 	"description": "SyncedBlock plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",