@atlaskit/editor-common 110.27.0 → 110.27.2

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/editor-common
 
+## 110.27.2
+
+### 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
+
+## 110.27.1
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 110.27.0
 
 ### Minor Changes

package/dist/cjs/element-browser/components/ElementList/ElementList.js

@@ -398,7 +398,8 @@ function ElementItem(_ref6) {
     title = item.title,
     description = item.description,
     keyshortcut = item.keyshortcut,
-    isDisabled = item.isDisabled;
+    isDisabled = item.isDisabled,
+    lozenge = item.lozenge;
   return (0, _react2.jsx)(_tooltip.default, {
     content: description,
     testId: "element-item-tooltip-".concat(index)
@@ -424,7 +425,8 @@ function ElementItem(_ref6) {
     title: title,
     description: description,
     keyshortcut: keyshortcut,
-    isDisabled: isDisabled
+    isDisabled: isDisabled,
+    lozenge: lozenge
   })));
 }
 
@@ -444,6 +446,7 @@ var ItemContent = /*#__PURE__*/(0, _react.memo)(function (_ref8) {
   var title = _ref8.title,
     description = _ref8.description,
     keyshortcut = _ref8.keyshortcut,
+    lozenge = _ref8.lozenge,
     isDisabled = _ref8.isDisabled;
   if ((0, _platformFeatureFlags.fg)('platform_editor_typography_ugc')) {
     return (
@@ -457,9 +460,15 @@ var ItemContent = /*#__PURE__*/(0, _react.memo)(function (_ref8) {
         space: "space.025"
       }, (0, _react2.jsx)("div", {
         css: itemTitleWrapper
+      }, (0, _expValEquals.expValEquals)('platform_synced_block', 'isEnabled', true) ? (0, _react2.jsx)(_compiled.Flex, {
+        alignItems: "center",
+        gap: "space.050"
       }, (0, _react2.jsx)(_compiled.Text, {
         color: isDisabled ? 'color.text.disabled' : undefined,
         maxLines: 1
+      }, title), lozenge) : (0, _react2.jsx)(_compiled.Text, {
+        color: isDisabled ? 'color.text.disabled' : undefined,
+        maxLines: 1
       }, title), (0, _react2.jsx)("div", {
         css: itemAfter
       }, keyshortcut && (0, _react2.jsx)("div", {

package/dist/cjs/media-single/MediaBadges.js

@@ -9,6 +9,7 @@ exports.MediaBadges = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _debounce = _interopRequireDefault(require("lodash/debounce"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _primitives = require("@atlaskit/primitives");
 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); }
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
@@ -77,8 +78,14 @@ var MediaBadges = exports.MediaBadges = function MediaBadges(_ref) {
       visible: visible
     });
   }
-  if (!mediaElement || _react.default.Children.count(children) === 0) {
-    return null;
+
+  // delete this block on cleanup of media-perf-uplift-mutation-fix
+  if (!(0, _platformFeatureFlags.fg)('media-perf-uplift-mutation-fix')) {
+    // becuase it is wrapped in a fragment, React.Children.count(children) will always be 1.
+    // That makes this check a source of late mutations that we don't need.
+    if (!mediaElement || _react.default.Children.count(children) === 0) {
+      return null;
+    }
   }
   return /*#__PURE__*/_react.default.createElement(_primitives.Box, {
     as: "div",

package/dist/cjs/messages/block-type.js

@@ -161,6 +161,11 @@ var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
     defaultMessage: 'Sync content across multiple locations',
     description: 'Description of the synced block that auto-updates content across Atlassian apps'
   },
+  newLozenge: {
+    id: 'fabric.editor.quickinsert.new.lozenge',
+    defaultMessage: 'New',
+    description: 'Text in lozenge that appears next to new quick insert items'
+  },
   panel: {
     id: 'fabric.editor.panel',
     defaultMessage: 'Panel',

package/dist/cjs/messages/syncBlock.js

@@ -108,7 +108,12 @@ var syncBlockMessages = exports.syncBlockMessages = (0, _reactIntlNext.defineMes
   },
   createSyncBlockLabel: {
     id: 'fabric.editor.createSyncBlockLabel',
-    defaultMessage: 'Create a synced block',
+    defaultMessage: 'Create synced block',
     description: 'Label for button which creates a new synced block'
+  },
+  newLozenge: {
+    id: 'fabric.editor.syncBlock.toolbar.newLozenge',
+    defaultMessage: 'New',
+    description: 'Text in lozenge that appears next to the create synced block button in the toolbar dropdown menu to show that it is a new feature'
   }
 });

package/dist/cjs/monitoring/error.js

@@ -16,7 +16,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 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 SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-var packageVersion = "110.26.0";
+var packageVersion = "110.27.1";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007

package/dist/cjs/ui/DropList/index.js

@@ -24,7 +24,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
  * @jsx jsx
  */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "110.26.0";
+var packageVersion = "110.27.1";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var fadeIn = (0, _react2.keyframes)({

package/dist/es2019/element-browser/components/ElementList/ElementList.js

@@ -15,7 +15,7 @@ import { relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
 import { shortcutStyle } from '@atlaskit/editor-shared-styles/shortcut';
 import { ButtonItem } from '@atlaskit/menu';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { Stack, Text } from '@atlaskit/primitives/compiled';
+import { Flex, Stack, Text } from '@atlaskit/primitives/compiled';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import Tooltip from '@atlaskit/tooltip';
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE, fireAnalyticsEvent } from '../../../analytics';
@@ -389,7 +389,8 @@ export function ElementItem({
     title,
     description,
     keyshortcut,
-    isDisabled
+    isDisabled,
+    lozenge
   } = item;
   return jsx(Tooltip, {
     content: description,
@@ -416,7 +417,8 @@ export function ElementItem({
     title: title,
     description: description,
     keyshortcut: keyshortcut,
-    isDisabled: isDisabled
+    isDisabled: isDisabled,
+    lozenge: lozenge
   })));
 }
 
@@ -435,6 +437,7 @@ const ItemContent = /*#__PURE__*/memo(({
   title,
   description,
   keyshortcut,
+  lozenge,
   isDisabled
 }) => {
   if (fg('platform_editor_typography_ugc')) {
@@ -449,9 +452,15 @@ const ItemContent = /*#__PURE__*/memo(({
         space: "space.025"
       }, jsx("div", {
         css: itemTitleWrapper
+      }, expValEquals('platform_synced_block', 'isEnabled', true) ? jsx(Flex, {
+        alignItems: "center",
+        gap: "space.050"
       }, jsx(Text, {
         color: isDisabled ? 'color.text.disabled' : undefined,
         maxLines: 1
+      }, title), lozenge) : jsx(Text, {
+        color: isDisabled ? 'color.text.disabled' : undefined,
+        maxLines: 1
       }, title), jsx("div", {
         css: itemAfter
       }, keyshortcut && jsx("div", {

package/dist/es2019/media-single/MediaBadges.js

@@ -1,6 +1,6 @@
 import React, { useEffect, useState } from 'react';
 import debounce from 'lodash/debounce';
-
+import { fg } from '@atlaskit/platform-feature-flags';
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 import { Box, xcss } from '@atlaskit/primitives';
 const MEDIA_BADGE_VISIBILITY_BREAKPOINT = 200;
@@ -64,8 +64,14 @@ export const MediaBadges = ({
       visible
     });
   }
-  if (!mediaElement || React.Children.count(children) === 0) {
-    return null;
+
+  // delete this block on cleanup of media-perf-uplift-mutation-fix
+  if (!fg('media-perf-uplift-mutation-fix')) {
+    // becuase it is wrapped in a fragment, React.Children.count(children) will always be 1.
+    // That makes this check a source of late mutations that we don't need.
+    if (!mediaElement || React.Children.count(children) === 0) {
+      return null;
+    }
   }
   return /*#__PURE__*/React.createElement(Box, {
     as: "div",

package/dist/es2019/messages/block-type.js

@@ -155,6 +155,11 @@ export const messages = defineMessages({
     defaultMessage: 'Sync content across multiple locations',
     description: 'Description of the synced block that auto-updates content across Atlassian apps'
   },
+  newLozenge: {
+    id: 'fabric.editor.quickinsert.new.lozenge',
+    defaultMessage: 'New',
+    description: 'Text in lozenge that appears next to new quick insert items'
+  },
   panel: {
     id: 'fabric.editor.panel',
     defaultMessage: 'Panel',

package/dist/es2019/messages/syncBlock.js

@@ -102,7 +102,12 @@ export const syncBlockMessages = defineMessages({
   },
   createSyncBlockLabel: {
     id: 'fabric.editor.createSyncBlockLabel',
-    defaultMessage: 'Create a synced block',
+    defaultMessage: 'Create synced block',
     description: 'Label for button which creates a new synced block'
+  },
+  newLozenge: {
+    id: 'fabric.editor.syncBlock.toolbar.newLozenge',
+    defaultMessage: 'New',
+    description: 'Text in lozenge that appears next to the create synced block button in the toolbar dropdown menu to show that it is a new feature'
   }
 });

package/dist/es2019/monitoring/error.js

@@ -1,7 +1,7 @@
 import { isFedRamp } from './environment';
 const SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 const packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-const packageVersion = "110.26.0";
+const packageVersion = "110.27.1";
 const sanitiseSentryEvents = (data, _hint) => {
   // Remove URL as it has UGC
   // Ignored via go/ees007

package/dist/es2019/ui/DropList/index.js

@@ -14,7 +14,7 @@ import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import { fg } from '@atlaskit/platform-feature-flags';
 import Layer from '../Layer';
 const packageName = "@atlaskit/editor-common";
-const packageVersion = "110.26.0";
+const packageVersion = "110.27.1";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 const fadeIn = keyframes({

package/dist/esm/element-browser/components/ElementList/ElementList.js

@@ -16,7 +16,7 @@ import { relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
 import { shortcutStyle } from '@atlaskit/editor-shared-styles/shortcut';
 import { ButtonItem } from '@atlaskit/menu';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { Stack, Text } from '@atlaskit/primitives/compiled';
+import { Flex, Stack, Text } from '@atlaskit/primitives/compiled';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import Tooltip from '@atlaskit/tooltip';
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE, fireAnalyticsEvent } from '../../../analytics';
@@ -387,7 +387,8 @@ export function ElementItem(_ref6) {
     title = item.title,
     description = item.description,
     keyshortcut = item.keyshortcut,
-    isDisabled = item.isDisabled;
+    isDisabled = item.isDisabled,
+    lozenge = item.lozenge;
   return jsx(Tooltip, {
     content: description,
     testId: "element-item-tooltip-".concat(index)
@@ -413,7 +414,8 @@ export function ElementItem(_ref6) {
     title: title,
     description: description,
     keyshortcut: keyshortcut,
-    isDisabled: isDisabled
+    isDisabled: isDisabled,
+    lozenge: lozenge
   })));
 }
 
@@ -433,6 +435,7 @@ var ItemContent = /*#__PURE__*/memo(function (_ref8) {
   var title = _ref8.title,
     description = _ref8.description,
     keyshortcut = _ref8.keyshortcut,
+    lozenge = _ref8.lozenge,
     isDisabled = _ref8.isDisabled;
   if (fg('platform_editor_typography_ugc')) {
     return (
@@ -446,9 +449,15 @@ var ItemContent = /*#__PURE__*/memo(function (_ref8) {
         space: "space.025"
       }, jsx("div", {
         css: itemTitleWrapper
+      }, expValEquals('platform_synced_block', 'isEnabled', true) ? jsx(Flex, {
+        alignItems: "center",
+        gap: "space.050"
       }, jsx(Text, {
         color: isDisabled ? 'color.text.disabled' : undefined,
         maxLines: 1
+      }, title), lozenge) : jsx(Text, {
+        color: isDisabled ? 'color.text.disabled' : undefined,
+        maxLines: 1
       }, title), jsx("div", {
         css: itemAfter
       }, keyshortcut && jsx("div", {

package/dist/esm/media-single/MediaBadges.js

@@ -1,7 +1,7 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import React, { useEffect, useState } from 'react';
 import debounce from 'lodash/debounce';
-
+import { fg } from '@atlaskit/platform-feature-flags';
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 import { Box, xcss } from '@atlaskit/primitives';
 var MEDIA_BADGE_VISIBILITY_BREAKPOINT = 200;
@@ -68,8 +68,14 @@ export var MediaBadges = function MediaBadges(_ref) {
       visible: visible
     });
   }
-  if (!mediaElement || React.Children.count(children) === 0) {
-    return null;
+
+  // delete this block on cleanup of media-perf-uplift-mutation-fix
+  if (!fg('media-perf-uplift-mutation-fix')) {
+    // becuase it is wrapped in a fragment, React.Children.count(children) will always be 1.
+    // That makes this check a source of late mutations that we don't need.
+    if (!mediaElement || React.Children.count(children) === 0) {
+      return null;
+    }
   }
   return /*#__PURE__*/React.createElement(Box, {
     as: "div",

package/dist/esm/messages/block-type.js

@@ -155,6 +155,11 @@ export var messages = defineMessages({
     defaultMessage: 'Sync content across multiple locations',
     description: 'Description of the synced block that auto-updates content across Atlassian apps'
   },
+  newLozenge: {
+    id: 'fabric.editor.quickinsert.new.lozenge',
+    defaultMessage: 'New',
+    description: 'Text in lozenge that appears next to new quick insert items'
+  },
   panel: {
     id: 'fabric.editor.panel',
     defaultMessage: 'Panel',

package/dist/esm/messages/syncBlock.js

@@ -102,7 +102,12 @@ export var syncBlockMessages = defineMessages({
   },
   createSyncBlockLabel: {
     id: 'fabric.editor.createSyncBlockLabel',
-    defaultMessage: 'Create a synced block',
+    defaultMessage: 'Create synced block',
     description: 'Label for button which creates a new synced block'
+  },
+  newLozenge: {
+    id: 'fabric.editor.syncBlock.toolbar.newLozenge',
+    defaultMessage: 'New',
+    description: 'Text in lozenge that appears next to the create synced block button in the toolbar dropdown menu to show that it is a new feature'
   }
 });

package/dist/esm/monitoring/error.js

@@ -7,7 +7,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import { isFedRamp } from './environment';
 var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-var packageVersion = "110.26.0";
+var packageVersion = "110.27.1";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007

package/dist/esm/ui/DropList/index.js

@@ -21,7 +21,7 @@ import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import { fg } from '@atlaskit/platform-feature-flags';
 import Layer from '../Layer';
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "110.26.0";
+var packageVersion = "110.27.1";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var fadeIn = keyframes({

package/dist/types/messages/block-type.d.ts

@@ -154,6 +154,11 @@ export declare const messages: {
         defaultMessage: string;
         description: string;
     };
+    newLozenge: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
     panel: {
         id: string;
         defaultMessage: string;

package/dist/types/messages/syncBlock.d.ts

@@ -104,4 +104,9 @@ export declare const syncBlockMessages: {
         defaultMessage: string;
         description: string;
     };
+    newLozenge: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
 };

package/dist/types/types/type-ahead.d.ts

@@ -39,6 +39,7 @@ export type TypeAheadItem = {
     isDisabledOffline?: boolean;
     key?: string | number;
     keyshortcut?: string;
+    lozenge?: ReactNode;
     render?: (props: TypeAheadItemRenderProps) => React.ReactElement<TypeAheadItemRenderProps> | null;
     title: string;
 };

package/dist/types-ts4.5/messages/block-type.d.ts

@@ -154,6 +154,11 @@ export declare const messages: {
         defaultMessage: string;
         description: string;
     };
+    newLozenge: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
     panel: {
         id: string;
         defaultMessage: string;

package/dist/types-ts4.5/messages/syncBlock.d.ts

@@ -104,4 +104,9 @@ export declare const syncBlockMessages: {
         defaultMessage: string;
         description: string;
     };
+    newLozenge: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
 };

package/dist/types-ts4.5/types/type-ahead.d.ts

@@ -39,6 +39,7 @@ export type TypeAheadItem = {
     isDisabledOffline?: boolean;
     key?: string | number;
     keyshortcut?: string;
+    lozenge?: ReactNode;
     render?: (props: TypeAheadItemRenderProps) => React.ReactElement<TypeAheadItemRenderProps> | null;
     title: string;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "110.27.0",
+	"version": "110.27.2",
 	"description": "A package that contains common classes and components for editor and renderer",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -32,7 +32,7 @@
 		"@atlaskit/activity-provider": "^2.5.0",
 		"@atlaskit/adf-schema": "^51.3.2",
 		"@atlaskit/adf-utils": "^19.26.0",
-		"@atlaskit/afm-i18n-platform-editor-editor-common": "2.7.0",
+		"@atlaskit/afm-i18n-platform-editor-editor-common": "2.10.0",
 		"@atlaskit/analytics-listeners": "^9.1.0",
 		"@atlaskit/analytics-namespaced-context": "^7.1.0",
 		"@atlaskit/analytics-next": "^11.1.0",
@@ -51,7 +51,7 @@
 		"@atlaskit/editor-toolbar": "^0.17.0",
 		"@atlaskit/editor-toolbar-model": "^0.2.0",
 		"@atlaskit/emoji": "^69.7.0",
-		"@atlaskit/icon": "^28.5.0",
+		"@atlaskit/icon": "^29.0.0",
 		"@atlaskit/icon-object": "^7.3.0",
 		"@atlaskit/link": "^3.2.0",
 		"@atlaskit/link-datasource": "^4.29.0",
@@ -186,6 +186,9 @@
 		"platform_editor_multi_body_extension_extensibility": {
 			"type": "boolean"
 		},
+		"media-perf-uplift-mutation-fix": {
+			"type": "boolean"
+		},
 		"platform_editor_ai_local_id_short": {
 			"type": "boolean"
 		},