@atlaskit/editor-common 102.13.1 → 102.13.2

package/CHANGELOG.md

@@ -1,5 +1,15 @@
 # @atlaskit/editor-common
 
+## 102.13.2
+
+### Patch Changes
+
+- [#128664](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/128664)
+  [`abca3266336d9`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/abca3266336d9) -
+  [ED-23250] Remove form element from MediaFromUrl and consolidate experiments and feature flags in
+  prepartion for jira release
+- Updated dependencies
+
 ## 102.13.1
 
 ### Patch Changes

package/dist/cjs/analytics/types/enums.js

@@ -209,7 +209,6 @@ var INPUT_METHOD = exports.INPUT_METHOD = /*#__PURE__*/function (INPUT_METHOD) {
   INPUT_METHOD["BROWSER"] = "browser";
   INPUT_METHOD["DOUBLE_CLICK"] = "doubleClick";
   INPUT_METHOD["INLINE_SUGGESTION_FLOATING_TB"] = "inlineSuggestionFloatingToolbar";
-  INPUT_METHOD["PAGE_OVERFLOW_MENU"] = "confluencePageOverflowMenu";
   return INPUT_METHOD;
 }({});
 var INSERT_MEDIA_VIA = exports.INSERT_MEDIA_VIA = /*#__PURE__*/function (INSERT_MEDIA_VIA) {

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

@@ -18,10 +18,6 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 var baseStyles = (0, _primitives.xcss)({
   borderRadius: 'border.radius'
 });
-var smallBadgeStyles = (0, _primitives.xcss)({
-  height: 'space.200',
-  width: 'space.200'
-});
 var mediumBadgeStyles = (0, _primitives.xcss)({
   height: 'space.300',
   width: 'space.300'
@@ -31,8 +27,7 @@ var CommentBadgeNext = exports.CommentBadgeNext = function CommentBadgeNext(_ref
     status = _ref$status === void 0 ? 'default' : _ref$status,
     onClick = _ref.onClick,
     onMouseEnter = _ref.onMouseEnter,
-    onMouseLeave = _ref.onMouseLeave,
-    badgeSize = _ref.badgeSize;
+    onMouseLeave = _ref.onMouseLeave;
   var intl = (0, _reactIntlNext.useIntl)();
   var title = intl.formatMessage(_media.commentMessages.viewCommentsOnMedia);
   var colourToken = (0, _react.useMemo)(function () {
@@ -49,7 +44,7 @@ var CommentBadgeNext = exports.CommentBadgeNext = function CommentBadgeNext(_ref
     position: "top",
     content: title
   }, /*#__PURE__*/_react.default.createElement(_primitives.Pressable, {
-    xcss: [baseStyles, badgeSize === 'medium' ? mediumBadgeStyles : smallBadgeStyles],
+    xcss: [baseStyles, mediumBadgeStyles],
     padding: "space.0",
     onClick: onClick,
     onMouseEnter: onMouseEnter,
@@ -59,7 +54,7 @@ var CommentBadgeNext = exports.CommentBadgeNext = function CommentBadgeNext(_ref
     label: title,
     spacing: "spacious",
     color: "currentColor",
-    LEGACY_size: badgeSize,
+    LEGACY_size: "medium",
     LEGACY_fallbackIcon: _comment2.default
   })));
 };

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

@@ -8,7 +8,6 @@ exports.isUnbadgedUrl = exports.ExternalImageBadge = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactIntlNext = require("react-intl-next");
 var _info = _interopRequireDefault(require("@atlaskit/icon/glyph/info"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _primitives = require("@atlaskit/primitives");
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 var _media = require("../media");
@@ -19,9 +18,6 @@ var baseStyles = (0, _primitives.xcss)({
   lineHeight: "var(--ds-space-200, 16px)",
   cursor: 'pointer'
 });
-
-// On cleanup of 'platform_editor_hide_external_media_badge', make types non-optional
-
 var NO_EXTERNAL_BADGE_HOSTS = ['atlassian.com'];
 var isUnbadgedUrl = exports.isUnbadgedUrl = function isUnbadgedUrl(url) {
   var hostname;
@@ -39,21 +35,20 @@ var isUnbadgedUrl = exports.isUnbadgedUrl = function isUnbadgedUrl(url) {
   }));
 };
 var ExternalImageBadge = exports.ExternalImageBadge = function ExternalImageBadge(_ref) {
-  var badgeSize = _ref.badgeSize,
-    type = _ref.type,
+  var type = _ref.type,
     url = _ref.url;
   var intl = (0, _reactIntlNext.useIntl)();
   var message = intl.formatMessage(_media.externalMediaMessages.externalMediaFile);
-  if ((0, _platformFeatureFlags.fg)('platform_editor_hide_external_media_badge')) {
-    if (type !== 'external' || isUnbadgedUrl(url)) {
-      return null;
-    }
+  if (type !== 'external' || isUnbadgedUrl(url)) {
+    return null;
   }
   return /*#__PURE__*/_react.default.createElement(_primitives.Box, {
-    padding: badgeSize === 'medium' ? 'space.050' : 'space.0',
+    padding: "space.050",
     xcss: baseStyles,
     tabIndex: 0
-  }, /*#__PURE__*/_react.default.createElement(_tooltip.default, {
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    "data-testid": "external-image-badge"
+  }), /*#__PURE__*/_react.default.createElement(_tooltip.default, {
     content: message,
     position: "top"
   }, /*#__PURE__*/_react.default.createElement(_info.default, {

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

@@ -9,7 +9,6 @@ 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 _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -39,17 +38,7 @@ var hackedZIndexStyles = (0, _primitives.xcss)({
 var resizeOffsetStyles = (0, _primitives.xcss)({
   right: 'space.150'
 });
-var smallBadgeStyles = (0, _primitives.xcss)({
-  margin: 'space.025'
-});
-var getBadgeSize = function getBadgeSize(width, height) {
-  // width is the original width of image, not resized or currently rendered to user. Defaulting to medium for now
-  return width && width < 70 || height && height < 70 ? 'small' : 'medium';
-};
 var getBadgeVisible = function getBadgeVisible(width, height) {
-  if (!(0, _platformFeatureFlags.fg)('platform_editor_support_media_badge_visibility')) {
-    return true;
-  }
   return width && width < MEDIA_BADGE_VISIBILITY_BREAKPOINT || height && height < MEDIA_BADGE_VISIBILITY_BREAKPOINT ? false : true;
 };
 var MediaBadges = exports.MediaBadges = function MediaBadges(_ref) {
@@ -60,14 +49,10 @@ var MediaBadges = exports.MediaBadges = function MediaBadges(_ref) {
     extendedResizeOffset = _ref.extendedResizeOffset,
     _ref$useMinimumZIndex = _ref.useMinimumZIndex,
     useMinimumZIndex = _ref$useMinimumZIndex === void 0 ? false : _ref$useMinimumZIndex;
-  var _useState = (0, _react.useState)(getBadgeSize(mediaWidth, mediaHeight)),
+  var _useState = (0, _react.useState)(getBadgeVisible(mediaWidth, mediaHeight)),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    badgeSize = _useState2[0],
-    setBadgeSize = _useState2[1];
-  var _useState3 = (0, _react.useState)(getBadgeVisible(mediaWidth, mediaHeight)),
-    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-    visible = _useState4[0],
-    setVisible = _useState4[1];
+    visible = _useState2[0],
+    setVisible = _useState2[1];
   (0, _react.useEffect)(function () {
     var observer = new ResizeObserver((0, _debounce.default)(function (entries) {
       var _entries = (0, _slicedToArray2.default)(entries, 1),
@@ -75,10 +60,7 @@ var MediaBadges = exports.MediaBadges = function MediaBadges(_ref) {
       var _entry$contentRect = entry.contentRect,
         width = _entry$contentRect.width,
         height = _entry$contentRect.height;
-      setBadgeSize(getBadgeSize(width, height));
-      if ((0, _platformFeatureFlags.fg)('platform_editor_support_media_badge_visibility')) {
-        setVisible(getBadgeVisible(width, height));
-      }
+      setVisible(getBadgeVisible(width, height));
     }));
     if (mediaElement) {
       // Ignored via go/ees005
@@ -91,7 +73,6 @@ var MediaBadges = exports.MediaBadges = function MediaBadges(_ref) {
   }, [mediaElement]);
   if (typeof children === 'function') {
     children = children({
-      badgeSize: badgeSize,
       visible: visible
     });
   }
@@ -103,6 +84,6 @@ var MediaBadges = exports.MediaBadges = function MediaBadges(_ref) {
     testId: "media-badges",
     "data-media-badges": "true",
     contentEditable: false,
-    xcss: [containerStyles, useMinimumZIndex && hackedZIndexStyles, extendedResizeOffset && resizeOffsetStyles, badgeSize === 'small' && smallBadgeStyles]
+    xcss: [containerStyles, useMinimumZIndex && hackedZIndexStyles, extendedResizeOffset && resizeOffsetStyles]
   }, children);
 };

package/dist/cjs/monitoring/error.js

@@ -17,7 +17,7 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 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 = "102.13.1";
+var packageVersion = "102.13.2";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007

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

@@ -23,7 +23,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 = "102.13.1";
+var packageVersion = "102.13.2";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 // Ignored via go/ees005

package/dist/cjs/ui/MediaSingle/styled.js

@@ -208,7 +208,7 @@ var RenderFallbackContainer = function RenderFallbackContainer(_ref2) {
 
 // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- Needs manual remediation
 var mediaWrapperStyle = exports.mediaWrapperStyle = function mediaWrapperStyle(props) {
-  return (0, _react2.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n\tposition: relative;\n\n\t", "\n\n\t/* Editor */\n  & > figure {\n\t\tposition: ", ";\n\t\theight: 100%;\n\t\twidth: 100%;\n\t}\n\n\t// Comments on media project adds comment badge as child of the media wrapper,\n\t// thus we need to exclude it so that style is applied to intended div\n\t// remove [data-comment-badge='true'] when ff platform_editor_add_media_from_url is cleaned up\n\t& > div:not([data-comment-badge='true'], [data-media-badges='true']) {\n\t\tposition: ", ";\n\t\theight: 100%;\n\t\twidth: 100%;\n\t}\n\n\t& * [data-mark-annotation-type='inlineComment'] {\n\t\twidth: 100%;\n\t\theight: 100%;\n\t}\n\n\t&[data-node-type='embedCard'] > div {\n\t\twidth: 100%;\n\t}\n\n\t/* Renderer */\n\t[data-node-type='media'] {\n\t\tposition: static !important;\n\n\t\t> div {\n\t\t\tposition: absolute;\n\t\t\theight: 100%;\n\t\t}\n\t}\n"])), RenderFallbackContainer(props), props.hasFallbackContainer ? 'absolute' : 'relative', props.hasFallbackContainer ? 'absolute' : 'relative');
+  return (0, _react2.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n\tposition: relative;\n\n\t", "\n\n\t/* Editor */\n  & > figure {\n\t\tposition: ", ";\n\t\theight: 100%;\n\t\twidth: 100%;\n\t}\n\n\t// Comments on media project adds comment badge as child of the media wrapper,\n\t// thus we need to exclude it so that style is applied to intended div\n\t// remove [data-comment-badge='true'] when ff platform_editor_add_media_from_url_rollout is cleaned up\n\t& > div:not([data-comment-badge='true'], [data-media-badges='true']) {\n\t\tposition: ", ";\n\t\theight: 100%;\n\t\twidth: 100%;\n\t}\n\n\t& * [data-mark-annotation-type='inlineComment'] {\n\t\twidth: 100%;\n\t\theight: 100%;\n\t}\n\n\t&[data-node-type='embedCard'] > div {\n\t\twidth: 100%;\n\t}\n\n\t/* Renderer */\n\t[data-node-type='media'] {\n\t\tposition: static !important;\n\n\t\t> div {\n\t\t\tposition: absolute;\n\t\t\theight: 100%;\n\t\t}\n\t}\n"])), RenderFallbackContainer(props), props.hasFallbackContainer ? 'absolute' : 'relative', props.hasFallbackContainer ? 'absolute' : 'relative');
 };
 var MediaWrapper = exports.MediaWrapper = function MediaWrapper(_ref3) {
   var children = _ref3.children,

package/dist/es2019/analytics/types/enums.js

@@ -203,7 +203,6 @@ export let INPUT_METHOD = /*#__PURE__*/function (INPUT_METHOD) {
   INPUT_METHOD["BROWSER"] = "browser";
   INPUT_METHOD["DOUBLE_CLICK"] = "doubleClick";
   INPUT_METHOD["INLINE_SUGGESTION_FLOATING_TB"] = "inlineSuggestionFloatingToolbar";
-  INPUT_METHOD["PAGE_OVERFLOW_MENU"] = "confluencePageOverflowMenu";
   return INPUT_METHOD;
 }({});
 export let INSERT_MEDIA_VIA = /*#__PURE__*/function (INSERT_MEDIA_VIA) {

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

@@ -8,10 +8,6 @@ import { commentMessages as messages } from '../media';
 const baseStyles = xcss({
   borderRadius: 'border.radius'
 });
-const smallBadgeStyles = xcss({
-  height: 'space.200',
-  width: 'space.200'
-});
 const mediumBadgeStyles = xcss({
   height: 'space.300',
   width: 'space.300'
@@ -20,8 +16,7 @@ export const CommentBadgeNext = ({
   status = 'default',
   onClick,
   onMouseEnter,
-  onMouseLeave,
-  badgeSize
+  onMouseLeave
 }) => {
   const intl = useIntl();
   const title = intl.formatMessage(messages.viewCommentsOnMedia);
@@ -39,7 +34,7 @@ export const CommentBadgeNext = ({
     position: "top",
     content: title
   }, /*#__PURE__*/React.createElement(Pressable, {
-    xcss: [baseStyles, badgeSize === 'medium' ? mediumBadgeStyles : smallBadgeStyles],
+    xcss: [baseStyles, mediumBadgeStyles],
     padding: "space.0",
     onClick: onClick,
     onMouseEnter: onMouseEnter,
@@ -49,7 +44,7 @@ export const CommentBadgeNext = ({
     label: title,
     spacing: "spacious",
     color: "currentColor",
-    LEGACY_size: badgeSize,
+    LEGACY_size: "medium",
     LEGACY_fallbackIcon: LegacyCommentIcon
   })));
 };

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

@@ -1,7 +1,6 @@
 import React from 'react';
 import { useIntl } from 'react-intl-next';
 import InfoIcon from '@atlaskit/icon/glyph/info';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { Box, xcss } from '@atlaskit/primitives';
 import Tooltip from '@atlaskit/tooltip';
 import { externalMediaMessages } from '../media';
@@ -12,9 +11,6 @@ const baseStyles = xcss({
   lineHeight: "var(--ds-space-200, 16px)",
   cursor: 'pointer'
 });
-
-// On cleanup of 'platform_editor_hide_external_media_badge', make types non-optional
-
 const NO_EXTERNAL_BADGE_HOSTS = ['atlassian.com'];
 export const isUnbadgedUrl = url => {
   let hostname;
@@ -31,22 +27,21 @@ export const isUnbadgedUrl = url => {
   NO_EXTERNAL_BADGE_HOSTS.some(host => hostname === host || hostname.endsWith(`.${host}`)));
 };
 export const ExternalImageBadge = ({
-  badgeSize,
   type,
   url
 }) => {
   const intl = useIntl();
   const message = intl.formatMessage(externalMediaMessages.externalMediaFile);
-  if (fg('platform_editor_hide_external_media_badge')) {
-    if (type !== 'external' || isUnbadgedUrl(url)) {
-      return null;
-    }
+  if (type !== 'external' || isUnbadgedUrl(url)) {
+    return null;
   }
   return /*#__PURE__*/React.createElement(Box, {
-    padding: badgeSize === 'medium' ? 'space.050' : 'space.0',
+    padding: "space.050",
     xcss: baseStyles,
     tabIndex: 0
-  }, /*#__PURE__*/React.createElement(Tooltip, {
+  }, /*#__PURE__*/React.createElement("div", {
+    "data-testid": "external-image-badge"
+  }), /*#__PURE__*/React.createElement(Tooltip, {
     content: message,
     position: "top"
   }, /*#__PURE__*/React.createElement(InfoIcon, {

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

@@ -1,6 +1,5 @@
 import React, { useEffect, useState } from 'react';
 import debounce from 'lodash/debounce';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { Box, xcss } from '@atlaskit/primitives';
 const MEDIA_BADGE_VISIBILITY_BREAKPOINT = 200;
 const containerStyles = xcss({
@@ -28,17 +27,7 @@ const hackedZIndexStyles = xcss({
 const resizeOffsetStyles = xcss({
   right: 'space.150'
 });
-const smallBadgeStyles = xcss({
-  margin: 'space.025'
-});
-const getBadgeSize = (width, height) => {
-  // width is the original width of image, not resized or currently rendered to user. Defaulting to medium for now
-  return width && width < 70 || height && height < 70 ? 'small' : 'medium';
-};
 const getBadgeVisible = (width, height) => {
-  if (!fg('platform_editor_support_media_badge_visibility')) {
-    return true;
-  }
   return width && width < MEDIA_BADGE_VISIBILITY_BREAKPOINT || height && height < MEDIA_BADGE_VISIBILITY_BREAKPOINT ? false : true;
 };
 export const MediaBadges = ({
@@ -49,7 +38,6 @@ export const MediaBadges = ({
   extendedResizeOffset,
   useMinimumZIndex = false
 }) => {
-  const [badgeSize, setBadgeSize] = useState(getBadgeSize(mediaWidth, mediaHeight));
   const [visible, setVisible] = useState(getBadgeVisible(mediaWidth, mediaHeight));
   useEffect(() => {
     const observer = new ResizeObserver(debounce(entries => {
@@ -58,10 +46,7 @@ export const MediaBadges = ({
         width,
         height
       } = entry.contentRect;
-      setBadgeSize(getBadgeSize(width, height));
-      if (fg('platform_editor_support_media_badge_visibility')) {
-        setVisible(getBadgeVisible(width, height));
-      }
+      setVisible(getBadgeVisible(width, height));
     }));
     if (mediaElement) {
       // Ignored via go/ees005
@@ -74,7 +59,6 @@ export const MediaBadges = ({
   }, [mediaElement]);
   if (typeof children === 'function') {
     children = children({
-      badgeSize,
       visible
     });
   }
@@ -86,6 +70,6 @@ export const MediaBadges = ({
     testId: "media-badges",
     "data-media-badges": "true",
     contentEditable: false,
-    xcss: [containerStyles, useMinimumZIndex && hackedZIndexStyles, extendedResizeOffset && resizeOffsetStyles, badgeSize === 'small' && smallBadgeStyles]
+    xcss: [containerStyles, useMinimumZIndex && hackedZIndexStyles, extendedResizeOffset && resizeOffsetStyles]
   }, children);
 };

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 = "102.13.1";
+const packageVersion = "102.13.2";
 const sanitiseSentryEvents = (data, _hint) => {
   // Remove URL as it has UGC
   // Ignored via go/ees007

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

@@ -13,7 +13,7 @@ import withAnalyticsContext from '@atlaskit/analytics-next/withAnalyticsContext'
 import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import Layer from '../Layer';
 const packageName = "@atlaskit/editor-common";
-const packageVersion = "102.13.1";
+const packageVersion = "102.13.2";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 // Ignored via go/ees005

package/dist/es2019/ui/MediaSingle/styled.js

@@ -246,7 +246,7 @@ export const mediaWrapperStyle = props => css`
 
 	// Comments on media project adds comment badge as child of the media wrapper,
 	// thus we need to exclude it so that style is applied to intended div
-	// remove [data-comment-badge='true'] when ff platform_editor_add_media_from_url is cleaned up
+	// remove [data-comment-badge='true'] when ff platform_editor_add_media_from_url_rollout is cleaned up
 	& > div:not([data-comment-badge='true'], [data-media-badges='true']) {
 		position: ${props.hasFallbackContainer ? 'absolute' : 'relative'};
 		height: 100%;

package/dist/esm/analytics/types/enums.js

@@ -203,7 +203,6 @@ export var INPUT_METHOD = /*#__PURE__*/function (INPUT_METHOD) {
   INPUT_METHOD["BROWSER"] = "browser";
   INPUT_METHOD["DOUBLE_CLICK"] = "doubleClick";
   INPUT_METHOD["INLINE_SUGGESTION_FLOATING_TB"] = "inlineSuggestionFloatingToolbar";
-  INPUT_METHOD["PAGE_OVERFLOW_MENU"] = "confluencePageOverflowMenu";
   return INPUT_METHOD;
 }({});
 export var INSERT_MEDIA_VIA = /*#__PURE__*/function (INSERT_MEDIA_VIA) {

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

@@ -8,10 +8,6 @@ import { commentMessages as messages } from '../media';
 var baseStyles = xcss({
   borderRadius: 'border.radius'
 });
-var smallBadgeStyles = xcss({
-  height: 'space.200',
-  width: 'space.200'
-});
 var mediumBadgeStyles = xcss({
   height: 'space.300',
   width: 'space.300'
@@ -21,8 +17,7 @@ export var CommentBadgeNext = function CommentBadgeNext(_ref) {
     status = _ref$status === void 0 ? 'default' : _ref$status,
     onClick = _ref.onClick,
     onMouseEnter = _ref.onMouseEnter,
-    onMouseLeave = _ref.onMouseLeave,
-    badgeSize = _ref.badgeSize;
+    onMouseLeave = _ref.onMouseLeave;
   var intl = useIntl();
   var title = intl.formatMessage(messages.viewCommentsOnMedia);
   var colourToken = useMemo(function () {
@@ -39,7 +34,7 @@ export var CommentBadgeNext = function CommentBadgeNext(_ref) {
     position: "top",
     content: title
   }, /*#__PURE__*/React.createElement(Pressable, {
-    xcss: [baseStyles, badgeSize === 'medium' ? mediumBadgeStyles : smallBadgeStyles],
+    xcss: [baseStyles, mediumBadgeStyles],
     padding: "space.0",
     onClick: onClick,
     onMouseEnter: onMouseEnter,
@@ -49,7 +44,7 @@ export var CommentBadgeNext = function CommentBadgeNext(_ref) {
     label: title,
     spacing: "spacious",
     color: "currentColor",
-    LEGACY_size: badgeSize,
+    LEGACY_size: "medium",
     LEGACY_fallbackIcon: LegacyCommentIcon
   })));
 };

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

@@ -1,7 +1,6 @@
 import React from 'react';
 import { useIntl } from 'react-intl-next';
 import InfoIcon from '@atlaskit/icon/glyph/info';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { Box, xcss } from '@atlaskit/primitives';
 import Tooltip from '@atlaskit/tooltip';
 import { externalMediaMessages } from '../media';
@@ -12,9 +11,6 @@ var baseStyles = xcss({
   lineHeight: "var(--ds-space-200, 16px)",
   cursor: 'pointer'
 });
-
-// On cleanup of 'platform_editor_hide_external_media_badge', make types non-optional
-
 var NO_EXTERNAL_BADGE_HOSTS = ['atlassian.com'];
 export var isUnbadgedUrl = function isUnbadgedUrl(url) {
   var hostname;
@@ -32,21 +28,20 @@ export var isUnbadgedUrl = function isUnbadgedUrl(url) {
   }));
 };
 export var ExternalImageBadge = function ExternalImageBadge(_ref) {
-  var badgeSize = _ref.badgeSize,
-    type = _ref.type,
+  var type = _ref.type,
     url = _ref.url;
   var intl = useIntl();
   var message = intl.formatMessage(externalMediaMessages.externalMediaFile);
-  if (fg('platform_editor_hide_external_media_badge')) {
-    if (type !== 'external' || isUnbadgedUrl(url)) {
-      return null;
-    }
+  if (type !== 'external' || isUnbadgedUrl(url)) {
+    return null;
   }
   return /*#__PURE__*/React.createElement(Box, {
-    padding: badgeSize === 'medium' ? 'space.050' : 'space.0',
+    padding: "space.050",
     xcss: baseStyles,
     tabIndex: 0
-  }, /*#__PURE__*/React.createElement(Tooltip, {
+  }, /*#__PURE__*/React.createElement("div", {
+    "data-testid": "external-image-badge"
+  }), /*#__PURE__*/React.createElement(Tooltip, {
     content: message,
     position: "top"
   }, /*#__PURE__*/React.createElement(InfoIcon, {

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

@@ -1,7 +1,6 @@
 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';
 import { Box, xcss } from '@atlaskit/primitives';
 var MEDIA_BADGE_VISIBILITY_BREAKPOINT = 200;
 var containerStyles = xcss({
@@ -29,17 +28,7 @@ var hackedZIndexStyles = xcss({
 var resizeOffsetStyles = xcss({
   right: 'space.150'
 });
-var smallBadgeStyles = xcss({
-  margin: 'space.025'
-});
-var getBadgeSize = function getBadgeSize(width, height) {
-  // width is the original width of image, not resized or currently rendered to user. Defaulting to medium for now
-  return width && width < 70 || height && height < 70 ? 'small' : 'medium';
-};
 var getBadgeVisible = function getBadgeVisible(width, height) {
-  if (!fg('platform_editor_support_media_badge_visibility')) {
-    return true;
-  }
   return width && width < MEDIA_BADGE_VISIBILITY_BREAKPOINT || height && height < MEDIA_BADGE_VISIBILITY_BREAKPOINT ? false : true;
 };
 export var MediaBadges = function MediaBadges(_ref) {
@@ -50,14 +39,10 @@ export var MediaBadges = function MediaBadges(_ref) {
     extendedResizeOffset = _ref.extendedResizeOffset,
     _ref$useMinimumZIndex = _ref.useMinimumZIndex,
     useMinimumZIndex = _ref$useMinimumZIndex === void 0 ? false : _ref$useMinimumZIndex;
-  var _useState = useState(getBadgeSize(mediaWidth, mediaHeight)),
+  var _useState = useState(getBadgeVisible(mediaWidth, mediaHeight)),
     _useState2 = _slicedToArray(_useState, 2),
-    badgeSize = _useState2[0],
-    setBadgeSize = _useState2[1];
-  var _useState3 = useState(getBadgeVisible(mediaWidth, mediaHeight)),
-    _useState4 = _slicedToArray(_useState3, 2),
-    visible = _useState4[0],
-    setVisible = _useState4[1];
+    visible = _useState2[0],
+    setVisible = _useState2[1];
   useEffect(function () {
     var observer = new ResizeObserver(debounce(function (entries) {
       var _entries = _slicedToArray(entries, 1),
@@ -65,10 +50,7 @@ export var MediaBadges = function MediaBadges(_ref) {
       var _entry$contentRect = entry.contentRect,
         width = _entry$contentRect.width,
         height = _entry$contentRect.height;
-      setBadgeSize(getBadgeSize(width, height));
-      if (fg('platform_editor_support_media_badge_visibility')) {
-        setVisible(getBadgeVisible(width, height));
-      }
+      setVisible(getBadgeVisible(width, height));
     }));
     if (mediaElement) {
       // Ignored via go/ees005
@@ -81,7 +63,6 @@ export var MediaBadges = function MediaBadges(_ref) {
   }, [mediaElement]);
   if (typeof children === 'function') {
     children = children({
-      badgeSize: badgeSize,
       visible: visible
     });
   }
@@ -93,6 +74,6 @@ export var MediaBadges = function MediaBadges(_ref) {
     testId: "media-badges",
     "data-media-badges": "true",
     contentEditable: false,
-    xcss: [containerStyles, useMinimumZIndex && hackedZIndexStyles, extendedResizeOffset && resizeOffsetStyles, badgeSize === 'small' && smallBadgeStyles]
+    xcss: [containerStyles, useMinimumZIndex && hackedZIndexStyles, extendedResizeOffset && resizeOffsetStyles]
   }, children);
 };

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 = "102.13.1";
+var packageVersion = "102.13.2";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007

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

@@ -20,7 +20,7 @@ import withAnalyticsContext from '@atlaskit/analytics-next/withAnalyticsContext'
 import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import Layer from '../Layer';
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "102.13.1";
+var packageVersion = "102.13.2";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 // Ignored via go/ees005

package/dist/esm/ui/MediaSingle/styled.js

@@ -198,7 +198,7 @@ var RenderFallbackContainer = function RenderFallbackContainer(_ref2) {
 
 // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- Needs manual remediation
 export var mediaWrapperStyle = function mediaWrapperStyle(props) {
-  return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n\tposition: relative;\n\n\t", "\n\n\t/* Editor */\n  & > figure {\n\t\tposition: ", ";\n\t\theight: 100%;\n\t\twidth: 100%;\n\t}\n\n\t// Comments on media project adds comment badge as child of the media wrapper,\n\t// thus we need to exclude it so that style is applied to intended div\n\t// remove [data-comment-badge='true'] when ff platform_editor_add_media_from_url is cleaned up\n\t& > div:not([data-comment-badge='true'], [data-media-badges='true']) {\n\t\tposition: ", ";\n\t\theight: 100%;\n\t\twidth: 100%;\n\t}\n\n\t& * [data-mark-annotation-type='inlineComment'] {\n\t\twidth: 100%;\n\t\theight: 100%;\n\t}\n\n\t&[data-node-type='embedCard'] > div {\n\t\twidth: 100%;\n\t}\n\n\t/* Renderer */\n\t[data-node-type='media'] {\n\t\tposition: static !important;\n\n\t\t> div {\n\t\t\tposition: absolute;\n\t\t\theight: 100%;\n\t\t}\n\t}\n"])), RenderFallbackContainer(props), props.hasFallbackContainer ? 'absolute' : 'relative', props.hasFallbackContainer ? 'absolute' : 'relative');
+  return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n\tposition: relative;\n\n\t", "\n\n\t/* Editor */\n  & > figure {\n\t\tposition: ", ";\n\t\theight: 100%;\n\t\twidth: 100%;\n\t}\n\n\t// Comments on media project adds comment badge as child of the media wrapper,\n\t// thus we need to exclude it so that style is applied to intended div\n\t// remove [data-comment-badge='true'] when ff platform_editor_add_media_from_url_rollout is cleaned up\n\t& > div:not([data-comment-badge='true'], [data-media-badges='true']) {\n\t\tposition: ", ";\n\t\theight: 100%;\n\t\twidth: 100%;\n\t}\n\n\t& * [data-mark-annotation-type='inlineComment'] {\n\t\twidth: 100%;\n\t\theight: 100%;\n\t}\n\n\t&[data-node-type='embedCard'] > div {\n\t\twidth: 100%;\n\t}\n\n\t/* Renderer */\n\t[data-node-type='media'] {\n\t\tposition: static !important;\n\n\t\t> div {\n\t\t\tposition: absolute;\n\t\t\theight: 100%;\n\t\t}\n\t}\n"])), RenderFallbackContainer(props), props.hasFallbackContainer ? 'absolute' : 'relative', props.hasFallbackContainer ? 'absolute' : 'relative');
 };
 export var MediaWrapper = function MediaWrapper(_ref3) {
   var children = _ref3.children,

package/dist/types/analytics/types/enums.d.ts

@@ -219,8 +219,7 @@ export declare enum INPUT_METHOD {
     MOUSE = "mouse",
     BROWSER = "browser",
     DOUBLE_CLICK = "doubleClick",
-    INLINE_SUGGESTION_FLOATING_TB = "inlineSuggestionFloatingToolbar",
-    PAGE_OVERFLOW_MENU = "confluencePageOverflowMenu"
+    INLINE_SUGGESTION_FLOATING_TB = "inlineSuggestionFloatingToolbar"
 }
 export declare enum INSERT_MEDIA_VIA {
     LOCAL_UPLOAD = "localUpload",

package/dist/types/media-single/CommentBadgeNext.d.ts

@@ -5,7 +5,6 @@ type CommentBadgeProps = {
     onClick: (e: React.MouseEvent) => void;
     onMouseEnter?: (e: React.MouseEvent) => void;
     onMouseLeave?: (e: React.MouseEvent) => void;
-    badgeSize: 'small' | 'medium';
 };
-export declare const CommentBadgeNext: ({ status, onClick, onMouseEnter, onMouseLeave, badgeSize, }: CommentBadgeProps) => React.JSX.Element;
+export declare const CommentBadgeNext: ({ status, onClick, onMouseEnter, onMouseLeave, }: CommentBadgeProps) => React.JSX.Element;
 export {};

package/dist/types/media-single/ExternalImageBadge.d.ts

@@ -1,10 +1,9 @@
 import React from 'react';
 import { type MediaType } from '@atlaskit/adf-schema';
 type ExternalImageBadgeProps = {
-    badgeSize: 'medium' | 'small';
-    type?: MediaType;
-    url?: string | undefined;
+    type: MediaType;
+    url: string | undefined;
 };
 export declare const isUnbadgedUrl: (url: string | undefined) => boolean;
-export declare const ExternalImageBadge: ({ badgeSize, type, url }: ExternalImageBadgeProps) => React.JSX.Element | null;
+export declare const ExternalImageBadge: ({ type, url }: ExternalImageBadgeProps) => React.JSX.Element | null;
 export {};

package/dist/types/media-single/MediaBadges.d.ts

@@ -6,7 +6,6 @@ type ExternalImageBadgeProps = {
     extendedResizeOffset?: boolean;
     useMinimumZIndex?: boolean;
     children: ReactNode | ((props: {
-        badgeSize: 'medium' | 'small';
         visible: boolean;
     }) => ReactNode);
 };

package/dist/types-ts4.5/analytics/types/enums.d.ts

@@ -219,8 +219,7 @@ export declare enum INPUT_METHOD {
     MOUSE = "mouse",
     BROWSER = "browser",
     DOUBLE_CLICK = "doubleClick",
-    INLINE_SUGGESTION_FLOATING_TB = "inlineSuggestionFloatingToolbar",
-    PAGE_OVERFLOW_MENU = "confluencePageOverflowMenu"
+    INLINE_SUGGESTION_FLOATING_TB = "inlineSuggestionFloatingToolbar"
 }
 export declare enum INSERT_MEDIA_VIA {
     LOCAL_UPLOAD = "localUpload",

package/dist/types-ts4.5/media-single/CommentBadgeNext.d.ts

@@ -5,7 +5,6 @@ type CommentBadgeProps = {
     onClick: (e: React.MouseEvent) => void;
     onMouseEnter?: (e: React.MouseEvent) => void;
     onMouseLeave?: (e: React.MouseEvent) => void;
-    badgeSize: 'small' | 'medium';
 };
-export declare const CommentBadgeNext: ({ status, onClick, onMouseEnter, onMouseLeave, badgeSize, }: CommentBadgeProps) => React.JSX.Element;
+export declare const CommentBadgeNext: ({ status, onClick, onMouseEnter, onMouseLeave, }: CommentBadgeProps) => React.JSX.Element;
 export {};

package/dist/types-ts4.5/media-single/ExternalImageBadge.d.ts

@@ -1,10 +1,9 @@
 import React from 'react';
 import { type MediaType } from '@atlaskit/adf-schema';
 type ExternalImageBadgeProps = {
-    badgeSize: 'medium' | 'small';
-    type?: MediaType;
-    url?: string | undefined;
+    type: MediaType;
+    url: string | undefined;
 };
 export declare const isUnbadgedUrl: (url: string | undefined) => boolean;
-export declare const ExternalImageBadge: ({ badgeSize, type, url }: ExternalImageBadgeProps) => React.JSX.Element | null;
+export declare const ExternalImageBadge: ({ type, url }: ExternalImageBadgeProps) => React.JSX.Element | null;
 export {};

package/dist/types-ts4.5/media-single/MediaBadges.d.ts

@@ -6,7 +6,6 @@ type ExternalImageBadgeProps = {
     extendedResizeOffset?: boolean;
     useMinimumZIndex?: boolean;
     children: ReactNode | ((props: {
-        badgeSize: 'medium' | 'small';
         visible: boolean;
     }) => ReactNode);
 };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "102.13.1",
+	"version": "102.13.2",
 	"description": "A package that contains common classes and components for editor and renderer",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -160,7 +160,7 @@
 		"@atlaskit/spinner": "^18.0.0",
 		"@atlaskit/task-decision": "^19.1.0",
 		"@atlaskit/textfield": "^8.0.0",
-		"@atlaskit/tmp-editor-statsig": "^4.2.0",
+		"@atlaskit/tmp-editor-statsig": "^4.3.0",
 		"@atlaskit/tokens": "^4.5.0",
 		"@atlaskit/tooltip": "^20.0.0",
 		"@atlaskit/width-detector": "^5.0.0",
@@ -274,9 +274,6 @@
 		"platform_editor_use_nested_table_pm_nodes": {
 			"type": "boolean"
 		},
-		"platform_editor_hide_external_media_badge": {
-			"type": "boolean"
-		},
 		"platform_editor_nested_tables_renderer_styles": {
 			"type": "boolean"
 		},
@@ -295,9 +292,6 @@
 		"platform_editor_table_row_span_fix": {
 			"type": "boolean"
 		},
-		"platform_editor_support_media_badge_visibility": {
-			"type": "boolean"
-		},
 		"platform-component-visual-refresh": {
 			"type": "boolean"
 		},
@@ -325,6 +319,9 @@
 		"platform_editor_remove_quick_insert_priority_key": {
 			"type": "boolean"
 		},
+		"platform_editor_add_media_from_url_rollout": {
+			"type": "boolean"
+		},
 		"platform_editor_inline_node_virt_threshold_override": {
 			"type": "boolean"
 		},