@atlaskit/editor-common 95.10.2 → 95.10.3

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @atlaskit/editor-common
 
+## 95.10.3
+
+### Patch Changes
+
+- [#171500](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/171500)
+  [`76d8f83277b7d`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/76d8f83277b7d) -
+  [ux] Update the gap between layout columns in Renderer to align with Editor
+- [#171974](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/171974)
+  [`bc888f2b9c449`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/bc888f2b9c449) -
+  Fire analytics event from BreakoutResizer component when breakout is resized
+- [#171994](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/171994)
+  [`be58e4bb2e387`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/be58e4bb2e387) -
+  Migrating usages of UNSAFE types and entrypoints that have been renamed in `@atlaskit/icon` and
+  `@atlaskit/icon-lab`.
+- [#169517](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/169517)
+  [`e9bdceff7dd34`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/e9bdceff7dd34) -
+  Refactor url parsing for image badges
+- Updated dependencies
+
 ## 95.10.2
 
 ### Patch Changes

package/dist/cjs/analytics/types/breakout-events.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

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

@@ -153,6 +153,7 @@ var ACTION = exports.ACTION = /*#__PURE__*/function (ACTION) {
   ACTION["UPLOAD_SUCCEEDED"] = "uploadSucceeded";
   ACTION["UPLOAD_FAILED"] = "uploadFailed";
   ACTION["TOGGLE_CODE_BLOCK_WRAP"] = "toggleCodeBlockWrap";
+  ACTION["RESIZED"] = "resized";
   return ACTION;
 }({});
 var INPUT_METHOD = exports.INPUT_METHOD = /*#__PURE__*/function (INPUT_METHOD) {

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

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.isUnbadgedHostname = exports.ExternalImageBadge = void 0;
+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"));
@@ -22,7 +22,15 @@ var baseStyles = (0, _primitives.xcss)({
 // On cleanup of 'platform_editor_hide_external_media_badge', make types non-optional
 
 var NO_EXTERNAL_BADGE_HOSTS = ['atlassian.com'];
-var isUnbadgedHostname = exports.isUnbadgedHostname = function isUnbadgedHostname(hostname) {
+var isUnbadgedUrl = exports.isUnbadgedUrl = function isUnbadgedUrl(url) {
+  var hostname;
+  try {
+    var _URL = new URL(url || '');
+    hostname = _URL.hostname;
+  } catch (e) {
+    // If the URL is invalid (or empty), just carry on showing the badge
+    return false;
+  }
   return Boolean(hostname &&
   // Do not show badge for atlassian domains and subdomains
   NO_EXTERNAL_BADGE_HOSTS.some(function (host) {
@@ -36,14 +44,7 @@ var ExternalImageBadge = exports.ExternalImageBadge = function ExternalImageBadg
   var intl = (0, _reactIntlNext.useIntl)();
   var message = intl.formatMessage(_media.externalMediaMessages.externalMediaFile);
   if ((0, _platformFeatureFlags.fg)('platform_editor_hide_external_media_badge')) {
-    var hostname;
-    try {
-      var _URL = new URL(url || '');
-      hostname = _URL.hostname;
-    } catch (e) {
-      // If the URL is invalid (or empty), just carry on showing the badge
-    }
-    if (type !== 'external' || isUnbadgedHostname(hostname)) {
+    if (type !== 'external' || isUnbadgedUrl(url)) {
       return null;
     }
   }

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 = "95.10.2";
+var packageVersion = "95.10.3";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

package/dist/cjs/resizer/BreakoutResizer.js

@@ -10,6 +10,7 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _react = _interopRequireWildcard(require("react"));
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
+var _analytics = require("../analytics");
 var _styles = require("../styles");
 var _Resizer = _interopRequireDefault(require("./Resizer"));
 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); }
@@ -72,7 +73,8 @@ var BreakoutResizer = exports.BreakoutResizer = function BreakoutResizer(_ref) {
     getRef = _ref.getRef,
     disabled = _ref.disabled,
     getEditorWidth = _ref.getEditorWidth,
-    parentRef = _ref.parentRef;
+    parentRef = _ref.parentRef,
+    editorAnalyticsApi = _ref.editorAnalyticsApi;
   var _useState = (0, _react.useState)({
       minWidth: undefined,
       maxWidth: undefined,
@@ -131,9 +133,21 @@ var BreakoutResizer = exports.BreakoutResizer = function BreakoutResizer(_ref) {
     var node = state.doc.nodeAt(pos);
     var newTr = state.tr;
     if (node && breakoutSupportedNodes.includes(node.type.name)) {
+      var newBreakoutWidth = Math.max(newWidth, _editorSharedStyles.akEditorDefaultLayoutWidth);
       newTr.setNodeMarkup(pos, node.type, node.attrs, [breakout.create({
-        width: Math.max(newWidth, _editorSharedStyles.akEditorDefaultLayoutWidth)
+        width: newBreakoutWidth
       })]);
+      var breakoutResizePayload = {
+        action: _analytics.ACTION.RESIZED,
+        actionSubject: _analytics.ACTION_SUBJECT.ELEMENT,
+        eventType: _analytics.EVENT_TYPE.TRACK,
+        attributes: {
+          nodeType: node.type.name,
+          prevWidth: originalState.width,
+          newWidth: newBreakoutWidth
+        }
+      };
+      editorAnalyticsApi === null || editorAnalyticsApi === void 0 || editorAnalyticsApi.attachAnalyticsEvent(breakoutResizePayload)(newTr);
     }
     newTr.setMeta('is-resizer-resizing', false).setMeta('scrollIntoView', false);
     dispatch(newTr);
@@ -142,7 +156,7 @@ var BreakoutResizer = exports.BreakoutResizer = function BreakoutResizer(_ref) {
       minWidth: undefined,
       maxWidth: undefined
     });
-  }, [editorView, getPos]);
+  }, [editorView, getPos, editorAnalyticsApi]);
   if (disabled) {
     return /*#__PURE__*/_react.default.createElement("div", {
       "data-testid": "breakout-resizer-editor-view-wrapper",

package/dist/cjs/styles/shared/column-layout.js

@@ -56,8 +56,11 @@ var columnLayoutResponsiveRendererStyles = exports.columnLayoutResponsiveRendere
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
   '.layout-section-container': {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-    '[data-layout-section]': (0, _defineProperty2.default)({}, "@container layout-area (max-width:".concat(LAYOUT_BREAKPOINT_RENDERER, "px)"), {
-      flexDirection: 'column'
+    '[data-layout-section]': (0, _defineProperty2.default)({
+      gap: "var(--ds-space-600, 48px)"
+    }, "@container layout-area (max-width:".concat(LAYOUT_BREAKPOINT_RENDERER, "px)"), {
+      flexDirection: 'column',
+      gap: "var(--ds-space-400, 32px)"
     })
   }
 });

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 = "95.10.2";
+var packageVersion = "95.10.3";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var DropList = /*#__PURE__*/function (_Component) {

package/dist/es2019/analytics/types/breakout-events.js

@@ -0,0 +1 @@
+export {};

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

@@ -147,6 +147,7 @@ export let ACTION = /*#__PURE__*/function (ACTION) {
   ACTION["UPLOAD_SUCCEEDED"] = "uploadSucceeded";
   ACTION["UPLOAD_FAILED"] = "uploadFailed";
   ACTION["TOGGLE_CODE_BLOCK_WRAP"] = "toggleCodeBlockWrap";
+  ACTION["RESIZED"] = "resized";
   return ACTION;
 }({});
 export let INPUT_METHOD = /*#__PURE__*/function (INPUT_METHOD) {

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

@@ -15,9 +15,20 @@ const baseStyles = xcss({
 // On cleanup of 'platform_editor_hide_external_media_badge', make types non-optional
 
 const NO_EXTERNAL_BADGE_HOSTS = ['atlassian.com'];
-export const isUnbadgedHostname = hostname => Boolean(hostname &&
-// Do not show badge for atlassian domains and subdomains
-NO_EXTERNAL_BADGE_HOSTS.some(host => hostname === host || hostname.endsWith(`.${host}`)));
+export const isUnbadgedUrl = url => {
+  let hostname;
+  try {
+    ({
+      hostname
+    } = new URL(url || ''));
+  } catch (e) {
+    // If the URL is invalid (or empty), just carry on showing the badge
+    return false;
+  }
+  return Boolean(hostname &&
+  // Do not show badge for atlassian domains and subdomains
+  NO_EXTERNAL_BADGE_HOSTS.some(host => hostname === host || hostname.endsWith(`.${host}`)));
+};
 export const ExternalImageBadge = ({
   badgeSize,
   type,
@@ -26,15 +37,7 @@ export const ExternalImageBadge = ({
   const intl = useIntl();
   const message = intl.formatMessage(externalMediaMessages.externalMediaFile);
   if (fg('platform_editor_hide_external_media_badge')) {
-    let hostname;
-    try {
-      ({
-        hostname
-      } = new URL(url || ''));
-    } catch (e) {
-      // If the URL is invalid (or empty), just carry on showing the badge
-    }
-    if (type !== 'external' || isUnbadgedHostname(hostname)) {
+    if (type !== 'external' || isUnbadgedUrl(url)) {
       return null;
     }
   }

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 = "95.10.2";
+const packageVersion = "95.10.3";
 const sanitiseSentryEvents = (data, _hint) => {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

package/dist/es2019/resizer/BreakoutResizer.js

@@ -1,6 +1,7 @@
 import React, { useCallback, useMemo, useState } from 'react';
 import { akEditorDefaultLayoutWidth, akEditorFullWidthLayoutWidth, akEditorGutterPadding, akEditorGutterPaddingDynamic } from '@atlaskit/editor-shared-styles';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
+import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '../analytics';
 import { LAYOUT_COLUMN_PADDING, LAYOUT_SECTION_MARGIN } from '../styles';
 import Resizer from './Resizer';
 const breakoutSupportedNodes = ['layoutSection', 'expand', 'codeBlock'];
@@ -61,7 +62,8 @@ const BreakoutResizer = ({
   getRef,
   disabled,
   getEditorWidth,
-  parentRef
+  parentRef,
+  editorAnalyticsApi
 }) => {
   const [{
     minWidth,
@@ -126,9 +128,21 @@ const BreakoutResizer = ({
     const node = state.doc.nodeAt(pos);
     const newTr = state.tr;
     if (node && breakoutSupportedNodes.includes(node.type.name)) {
+      const newBreakoutWidth = Math.max(newWidth, akEditorDefaultLayoutWidth);
       newTr.setNodeMarkup(pos, node.type, node.attrs, [breakout.create({
-        width: Math.max(newWidth, akEditorDefaultLayoutWidth)
+        width: newBreakoutWidth
       })]);
+      const breakoutResizePayload = {
+        action: ACTION.RESIZED,
+        actionSubject: ACTION_SUBJECT.ELEMENT,
+        eventType: EVENT_TYPE.TRACK,
+        attributes: {
+          nodeType: node.type.name,
+          prevWidth: originalState.width,
+          newWidth: newBreakoutWidth
+        }
+      };
+      editorAnalyticsApi === null || editorAnalyticsApi === void 0 ? void 0 : editorAnalyticsApi.attachAnalyticsEvent(breakoutResizePayload)(newTr);
     }
     newTr.setMeta('is-resizer-resizing', false).setMeta('scrollIntoView', false);
     dispatch(newTr);
@@ -137,7 +151,7 @@ const BreakoutResizer = ({
       minWidth: undefined,
       maxWidth: undefined
     });
-  }, [editorView, getPos]);
+  }, [editorView, getPos, editorAnalyticsApi]);
   if (disabled) {
     return /*#__PURE__*/React.createElement("div", {
       "data-testid": "breakout-resizer-editor-view-wrapper",

package/dist/es2019/styles/shared/column-layout.js

@@ -50,9 +50,11 @@ const columnLayoutResponsiveRendererStyles = css({
   '.layout-section-container': {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
     '[data-layout-section]': {
+      gap: "var(--ds-space-600, 48px)",
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-container-queries, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
       [`@container layout-area (max-width:${LAYOUT_BREAKPOINT_RENDERER}px)`]: {
-        flexDirection: 'column'
+        flexDirection: 'column',
+        gap: "var(--ds-space-400, 32px)"
       }
     }
   }

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 = "95.10.2";
+const packageVersion = "95.10.3";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 class DropList extends Component {

package/dist/esm/analytics/types/breakout-events.js

@@ -0,0 +1 @@
+export {};

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

@@ -147,6 +147,7 @@ export var ACTION = /*#__PURE__*/function (ACTION) {
   ACTION["UPLOAD_SUCCEEDED"] = "uploadSucceeded";
   ACTION["UPLOAD_FAILED"] = "uploadFailed";
   ACTION["TOGGLE_CODE_BLOCK_WRAP"] = "toggleCodeBlockWrap";
+  ACTION["RESIZED"] = "resized";
   return ACTION;
 }({});
 export var INPUT_METHOD = /*#__PURE__*/function (INPUT_METHOD) {

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

@@ -15,7 +15,15 @@ var baseStyles = xcss({
 // On cleanup of 'platform_editor_hide_external_media_badge', make types non-optional
 
 var NO_EXTERNAL_BADGE_HOSTS = ['atlassian.com'];
-export var isUnbadgedHostname = function isUnbadgedHostname(hostname) {
+export var isUnbadgedUrl = function isUnbadgedUrl(url) {
+  var hostname;
+  try {
+    var _URL = new URL(url || '');
+    hostname = _URL.hostname;
+  } catch (e) {
+    // If the URL is invalid (or empty), just carry on showing the badge
+    return false;
+  }
   return Boolean(hostname &&
   // Do not show badge for atlassian domains and subdomains
   NO_EXTERNAL_BADGE_HOSTS.some(function (host) {
@@ -29,14 +37,7 @@ export var ExternalImageBadge = function ExternalImageBadge(_ref) {
   var intl = useIntl();
   var message = intl.formatMessage(externalMediaMessages.externalMediaFile);
   if (fg('platform_editor_hide_external_media_badge')) {
-    var hostname;
-    try {
-      var _URL = new URL(url || '');
-      hostname = _URL.hostname;
-    } catch (e) {
-      // If the URL is invalid (or empty), just carry on showing the badge
-    }
-    if (type !== 'external' || isUnbadgedHostname(hostname)) {
+    if (type !== 'external' || isUnbadgedUrl(url)) {
       return null;
     }
   }

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 = "95.10.2";
+var packageVersion = "95.10.3";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

package/dist/esm/resizer/BreakoutResizer.js

@@ -2,6 +2,7 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import React, { useCallback, useMemo, useState } from 'react';
 import { akEditorDefaultLayoutWidth, akEditorFullWidthLayoutWidth, akEditorGutterPadding, akEditorGutterPaddingDynamic } from '@atlaskit/editor-shared-styles';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
+import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '../analytics';
 import { LAYOUT_COLUMN_PADDING, LAYOUT_SECTION_MARGIN } from '../styles';
 import Resizer from './Resizer';
 var breakoutSupportedNodes = ['layoutSection', 'expand', 'codeBlock'];
@@ -62,7 +63,8 @@ var BreakoutResizer = function BreakoutResizer(_ref) {
     getRef = _ref.getRef,
     disabled = _ref.disabled,
     getEditorWidth = _ref.getEditorWidth,
-    parentRef = _ref.parentRef;
+    parentRef = _ref.parentRef,
+    editorAnalyticsApi = _ref.editorAnalyticsApi;
   var _useState = useState({
       minWidth: undefined,
       maxWidth: undefined,
@@ -121,9 +123,21 @@ var BreakoutResizer = function BreakoutResizer(_ref) {
     var node = state.doc.nodeAt(pos);
     var newTr = state.tr;
     if (node && breakoutSupportedNodes.includes(node.type.name)) {
+      var newBreakoutWidth = Math.max(newWidth, akEditorDefaultLayoutWidth);
       newTr.setNodeMarkup(pos, node.type, node.attrs, [breakout.create({
-        width: Math.max(newWidth, akEditorDefaultLayoutWidth)
+        width: newBreakoutWidth
       })]);
+      var breakoutResizePayload = {
+        action: ACTION.RESIZED,
+        actionSubject: ACTION_SUBJECT.ELEMENT,
+        eventType: EVENT_TYPE.TRACK,
+        attributes: {
+          nodeType: node.type.name,
+          prevWidth: originalState.width,
+          newWidth: newBreakoutWidth
+        }
+      };
+      editorAnalyticsApi === null || editorAnalyticsApi === void 0 || editorAnalyticsApi.attachAnalyticsEvent(breakoutResizePayload)(newTr);
     }
     newTr.setMeta('is-resizer-resizing', false).setMeta('scrollIntoView', false);
     dispatch(newTr);
@@ -132,7 +146,7 @@ var BreakoutResizer = function BreakoutResizer(_ref) {
       minWidth: undefined,
       maxWidth: undefined
     });
-  }, [editorView, getPos]);
+  }, [editorView, getPos, editorAnalyticsApi]);
   if (disabled) {
     return /*#__PURE__*/React.createElement("div", {
       "data-testid": "breakout-resizer-editor-view-wrapper",

package/dist/esm/styles/shared/column-layout.js

@@ -48,8 +48,11 @@ var columnLayoutResponsiveRendererStyles = css({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
   '.layout-section-container': {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-    '[data-layout-section]': _defineProperty({}, "@container layout-area (max-width:".concat(LAYOUT_BREAKPOINT_RENDERER, "px)"), {
-      flexDirection: 'column'
+    '[data-layout-section]': _defineProperty({
+      gap: "var(--ds-space-600, 48px)"
+    }, "@container layout-area (max-width:".concat(LAYOUT_BREAKPOINT_RENDERER, "px)"), {
+      flexDirection: 'column',
+      gap: "var(--ds-space-400, 32px)"
     })
   }
 });

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

@@ -21,7 +21,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 = "95.10.2";
+var packageVersion = "95.10.3";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var DropList = /*#__PURE__*/function (_Component) {

package/dist/types/analytics/types/breakout-events.d.ts

@@ -0,0 +1,10 @@
+import type { ACTION, ACTION_SUBJECT } from './enums';
+import type { TrackAEP } from './utils';
+type BreakoutSupportedNodes = 'layoutSection' | 'expand' | 'codeBlock';
+export type BreakoutResizedAEP = TrackAEP<ACTION.RESIZED, ACTION_SUBJECT.ELEMENT, undefined, {
+    nodeType: BreakoutSupportedNodes;
+    prevWidth?: number;
+    newWidth?: number;
+}, undefined>;
+export type BreakoutEventPayload = BreakoutResizedAEP;
+export {};

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

@@ -153,7 +153,8 @@ export declare enum ACTION {
     UPLOAD_COMMENCED = "uploadCommenced",
     UPLOAD_SUCCEEDED = "uploadSucceeded",
     UPLOAD_FAILED = "uploadFailed",
-    TOGGLE_CODE_BLOCK_WRAP = "toggleCodeBlockWrap"
+    TOGGLE_CODE_BLOCK_WRAP = "toggleCodeBlockWrap",
+    RESIZED = "resized"
 }
 export declare enum INPUT_METHOD {
     ASCII = "ascii",

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

@@ -5,6 +5,7 @@ import type { NewCollabSyncUpErrorAttributes } from '../../collab';
 import type { UnsupportedContentPayload, UnsupportedContentTooltipPayload, UserBrowserExtensionResults } from '../../utils';
 import { type AIDefinitionsEventPayload } from './ai-definitions-events';
 import type { AvatarEventPayload } from './avatar';
+import { type BreakoutEventPayload } from './breakout-events';
 import type { ConfigPanelEventPayload } from './config-panel-events';
 import type { ContextMenuEventPayload } from './context-menu-events';
 import type { CutCopyEventPayload } from './cut-copy-events';
@@ -48,7 +49,7 @@ export type SimplifiedNode = {
     marks?: string[];
     content?: SimplifiedNode[];
 };
-export type AnalyticsEventPayload<T = void> = AvatarEventPayload | GeneralEventPayload<T> | FormatEventPayload | SubstituteEventPayload | InsertEventPayload | NodeEventPayload | MoveContentEventPayload | MediaEventPayload | TableEventPayload | PasteEventPayload | CutCopyEventPayload | ErrorEventPayload | ExperimentalEventPayload | FindReplaceEventPayload | DateEventPayload | SelectionEventPayload | ListEventPayload | ConfigPanelEventPayload | ElementBrowserEventPayload | CreateLinkInlineDialogEventPayload | HighlightActionsEventPayload | UnsupportedContentPayload | ExtensionEventPayload | TransactionEventPayload | TypeAheadPayload | UnlinkToolbarAEP | EditLinkToolbarAEP | OpenSettingsToolbarAEP | CustomPanelEventPayload | FeatureExposureAEP | NewCollabSyncUpErrorAEP | UnsupportedContentTooltipPayload | ReferentialityEventPayload | LoomEventPayload | MBEEventPayload | HighlightEventPayload | DatasourceClickedPayload | ElementEventPayload | ContextMenuEventPayload | VisitedLinkAEP | ViewEventPayload | MediaUploadEventPayload | MentionEventPayload | EngagementPlatformEventPayload | NestedTableActionsEventPayload | AIDefinitionsEventPayload;
+export type AnalyticsEventPayload<T = void> = AvatarEventPayload | GeneralEventPayload<T> | FormatEventPayload | SubstituteEventPayload | InsertEventPayload | NodeEventPayload | MoveContentEventPayload | MediaEventPayload | TableEventPayload | PasteEventPayload | CutCopyEventPayload | ErrorEventPayload | ExperimentalEventPayload | FindReplaceEventPayload | DateEventPayload | SelectionEventPayload | ListEventPayload | ConfigPanelEventPayload | ElementBrowserEventPayload | CreateLinkInlineDialogEventPayload | HighlightActionsEventPayload | UnsupportedContentPayload | ExtensionEventPayload | TransactionEventPayload | TypeAheadPayload | UnlinkToolbarAEP | EditLinkToolbarAEP | OpenSettingsToolbarAEP | CustomPanelEventPayload | FeatureExposureAEP | NewCollabSyncUpErrorAEP | UnsupportedContentTooltipPayload | ReferentialityEventPayload | LoomEventPayload | MBEEventPayload | HighlightEventPayload | DatasourceClickedPayload | ElementEventPayload | ContextMenuEventPayload | VisitedLinkAEP | ViewEventPayload | MediaUploadEventPayload | MentionEventPayload | EngagementPlatformEventPayload | NestedTableActionsEventPayload | AIDefinitionsEventPayload | BreakoutEventPayload;
 type CustomPanelEventPayload = TrackAEP<ACTION.CHANGED_BACKGROUND_COLOR | ACTION.CHANGED_ICON | ACTION.REMOVE_ICON, ACTION_SUBJECT.PANEL, ACTION_SUBJECT_ID.PANEL, {
     previousColor: string;
     newColor: string;

package/dist/types/card/LinkToolbarButtonGroup.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { jsx } from '@emotion/react';
-import type { UNSAFE_NewCoreIconProps } from '@atlaskit/icon/types';
+import type { NewCoreIconProps } from '@atlaskit/icon/types';
 export interface ButtonOptionProps {
     title: string;
     selected: boolean;
@@ -8,8 +8,8 @@ export interface ButtonOptionProps {
     disabled: boolean;
     tooltipContent?: string | null;
     onClick: () => void;
-    icon: (props: Omit<UNSAFE_NewCoreIconProps, 'dangerouslySetGlyph' | 'type'>) => JSX.Element;
-    iconFallback: (props: Omit<UNSAFE_NewCoreIconProps, 'dangerouslySetGlyph' | 'type'>) => JSX.Element;
+    icon: (props: NewCoreIconProps) => JSX.Element;
+    iconFallback: (props: NewCoreIconProps) => JSX.Element;
 }
 export interface LinkToolbarButtonGroupProps {
     options: ButtonOptionProps[];

package/dist/types/card/ui/assets/card.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-import type { UNSAFE_NewIconProps } from '@atlaskit/icon/types';
-export declare const IconCard: (props: Omit<UNSAFE_NewIconProps, 'dangerouslySetGlyph' | 'type'>) => JSX.Element;
+import type { NewIconProps } from '@atlaskit/icon/types';
+export declare const IconCard: (props: NewIconProps) => JSX.Element;

package/dist/types/card/ui/assets/embed.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-import type { UNSAFE_NewIconProps } from '@atlaskit/icon/types';
-export declare const IconEmbed: (props: Omit<UNSAFE_NewIconProps, 'dangerouslySetGlyph' | 'type'>) => JSX.Element;
+import type { NewIconProps } from '@atlaskit/icon/types';
+export declare const IconEmbed: (props: NewIconProps) => JSX.Element;

package/dist/types/card/ui/assets/inline.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-import type { UNSAFE_NewIconProps } from '@atlaskit/icon/types';
-export declare const IconInline: (props: Omit<UNSAFE_NewIconProps, 'dangerouslySetGlyph' | 'type'>) => JSX.Element;
+import type { NewIconProps } from '@atlaskit/icon/types';
+export declare const IconInline: (props: NewIconProps) => JSX.Element;

package/dist/types/card/ui/assets/url.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-import type { UNSAFE_NewCoreIconProps } from '@atlaskit/icon/types';
-export declare const IconUrl: (props: Omit<UNSAFE_NewCoreIconProps, 'dangerouslySetGlyph' | 'type'>) => JSX.Element;
+import type { NewCoreIconProps } from '@atlaskit/icon/types';
+export declare const IconUrl: (props: NewCoreIconProps) => JSX.Element;

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

@@ -5,6 +5,6 @@ type ExternalImageBadgeProps = {
     type?: MediaType;
     url?: string | undefined;
 };
-export declare const isUnbadgedHostname: (hostname: string | undefined) => boolean;
+export declare const isUnbadgedUrl: (url: string | undefined) => boolean;
 export declare const ExternalImageBadge: ({ badgeSize, type, url }: ExternalImageBadgeProps) => JSX.Element | null;
 export {};

package/dist/types/resizer/BreakoutResizer.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import { type EditorView } from '@atlaskit/editor-prosemirror/view';
+import type { EditorAnalyticsAPI } from '../analytics';
 import { type EditorContainerWidth, type getPosHandlerNode } from '../types';
 type BreakoutSupportedNodes = 'layoutSection' | 'expand' | 'codeBlock';
 export declare const ignoreResizerMutations: (mutation: MutationRecord | {
@@ -12,7 +13,7 @@ export declare const ignoreResizerMutations: (mutation: MutationRecord | {
  *
  * use experiment platform_editor_advanced_layouts
  */
-declare const BreakoutResizer: ({ editorView, nodeType, getPos, getRef, disabled, getEditorWidth, parentRef, }: {
+declare const BreakoutResizer: ({ editorView, nodeType, getPos, getRef, disabled, getEditorWidth, parentRef, editorAnalyticsApi, }: {
     editorView: EditorView;
     nodeType: BreakoutSupportedNodes;
     getPos: getPosHandlerNode;
@@ -20,5 +21,6 @@ declare const BreakoutResizer: ({ editorView, nodeType, getPos, getRef, disabled
     disabled?: boolean | undefined;
     getEditorWidth: () => EditorContainerWidth | undefined;
     parentRef?: HTMLElement | undefined;
+    editorAnalyticsApi?: EditorAnalyticsAPI | undefined;
 }) => JSX.Element;
 export { BreakoutResizer };

package/dist/types-ts4.5/analytics/types/breakout-events.d.ts

@@ -0,0 +1,10 @@
+import type { ACTION, ACTION_SUBJECT } from './enums';
+import type { TrackAEP } from './utils';
+type BreakoutSupportedNodes = 'layoutSection' | 'expand' | 'codeBlock';
+export type BreakoutResizedAEP = TrackAEP<ACTION.RESIZED, ACTION_SUBJECT.ELEMENT, undefined, {
+    nodeType: BreakoutSupportedNodes;
+    prevWidth?: number;
+    newWidth?: number;
+}, undefined>;
+export type BreakoutEventPayload = BreakoutResizedAEP;
+export {};

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

@@ -153,7 +153,8 @@ export declare enum ACTION {
     UPLOAD_COMMENCED = "uploadCommenced",
     UPLOAD_SUCCEEDED = "uploadSucceeded",
     UPLOAD_FAILED = "uploadFailed",
-    TOGGLE_CODE_BLOCK_WRAP = "toggleCodeBlockWrap"
+    TOGGLE_CODE_BLOCK_WRAP = "toggleCodeBlockWrap",
+    RESIZED = "resized"
 }
 export declare enum INPUT_METHOD {
     ASCII = "ascii",

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

@@ -5,6 +5,7 @@ import type { NewCollabSyncUpErrorAttributes } from '../../collab';
 import type { UnsupportedContentPayload, UnsupportedContentTooltipPayload, UserBrowserExtensionResults } from '../../utils';
 import { type AIDefinitionsEventPayload } from './ai-definitions-events';
 import type { AvatarEventPayload } from './avatar';
+import { type BreakoutEventPayload } from './breakout-events';
 import type { ConfigPanelEventPayload } from './config-panel-events';
 import type { ContextMenuEventPayload } from './context-menu-events';
 import type { CutCopyEventPayload } from './cut-copy-events';
@@ -48,7 +49,7 @@ export type SimplifiedNode = {
     marks?: string[];
     content?: SimplifiedNode[];
 };
-export type AnalyticsEventPayload<T = void> = AvatarEventPayload | GeneralEventPayload<T> | FormatEventPayload | SubstituteEventPayload | InsertEventPayload | NodeEventPayload | MoveContentEventPayload | MediaEventPayload | TableEventPayload | PasteEventPayload | CutCopyEventPayload | ErrorEventPayload | ExperimentalEventPayload | FindReplaceEventPayload | DateEventPayload | SelectionEventPayload | ListEventPayload | ConfigPanelEventPayload | ElementBrowserEventPayload | CreateLinkInlineDialogEventPayload | HighlightActionsEventPayload | UnsupportedContentPayload | ExtensionEventPayload | TransactionEventPayload | TypeAheadPayload | UnlinkToolbarAEP | EditLinkToolbarAEP | OpenSettingsToolbarAEP | CustomPanelEventPayload | FeatureExposureAEP | NewCollabSyncUpErrorAEP | UnsupportedContentTooltipPayload | ReferentialityEventPayload | LoomEventPayload | MBEEventPayload | HighlightEventPayload | DatasourceClickedPayload | ElementEventPayload | ContextMenuEventPayload | VisitedLinkAEP | ViewEventPayload | MediaUploadEventPayload | MentionEventPayload | EngagementPlatformEventPayload | NestedTableActionsEventPayload | AIDefinitionsEventPayload;
+export type AnalyticsEventPayload<T = void> = AvatarEventPayload | GeneralEventPayload<T> | FormatEventPayload | SubstituteEventPayload | InsertEventPayload | NodeEventPayload | MoveContentEventPayload | MediaEventPayload | TableEventPayload | PasteEventPayload | CutCopyEventPayload | ErrorEventPayload | ExperimentalEventPayload | FindReplaceEventPayload | DateEventPayload | SelectionEventPayload | ListEventPayload | ConfigPanelEventPayload | ElementBrowserEventPayload | CreateLinkInlineDialogEventPayload | HighlightActionsEventPayload | UnsupportedContentPayload | ExtensionEventPayload | TransactionEventPayload | TypeAheadPayload | UnlinkToolbarAEP | EditLinkToolbarAEP | OpenSettingsToolbarAEP | CustomPanelEventPayload | FeatureExposureAEP | NewCollabSyncUpErrorAEP | UnsupportedContentTooltipPayload | ReferentialityEventPayload | LoomEventPayload | MBEEventPayload | HighlightEventPayload | DatasourceClickedPayload | ElementEventPayload | ContextMenuEventPayload | VisitedLinkAEP | ViewEventPayload | MediaUploadEventPayload | MentionEventPayload | EngagementPlatformEventPayload | NestedTableActionsEventPayload | AIDefinitionsEventPayload | BreakoutEventPayload;
 type CustomPanelEventPayload = TrackAEP<ACTION.CHANGED_BACKGROUND_COLOR | ACTION.CHANGED_ICON | ACTION.REMOVE_ICON, ACTION_SUBJECT.PANEL, ACTION_SUBJECT_ID.PANEL, {
     previousColor: string;
     newColor: string;

package/dist/types-ts4.5/card/LinkToolbarButtonGroup.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { jsx } from '@emotion/react';
-import type { UNSAFE_NewCoreIconProps } from '@atlaskit/icon/types';
+import type { NewCoreIconProps } from '@atlaskit/icon/types';
 export interface ButtonOptionProps {
     title: string;
     selected: boolean;
@@ -8,8 +8,8 @@ export interface ButtonOptionProps {
     disabled: boolean;
     tooltipContent?: string | null;
     onClick: () => void;
-    icon: (props: Omit<UNSAFE_NewCoreIconProps, 'dangerouslySetGlyph' | 'type'>) => JSX.Element;
-    iconFallback: (props: Omit<UNSAFE_NewCoreIconProps, 'dangerouslySetGlyph' | 'type'>) => JSX.Element;
+    icon: (props: NewCoreIconProps) => JSX.Element;
+    iconFallback: (props: NewCoreIconProps) => JSX.Element;
 }
 export interface LinkToolbarButtonGroupProps {
     options: ButtonOptionProps[];

package/dist/types-ts4.5/card/ui/assets/card.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-import type { UNSAFE_NewIconProps } from '@atlaskit/icon/types';
-export declare const IconCard: (props: Omit<UNSAFE_NewIconProps, 'dangerouslySetGlyph' | 'type'>) => JSX.Element;
+import type { NewIconProps } from '@atlaskit/icon/types';
+export declare const IconCard: (props: NewIconProps) => JSX.Element;

package/dist/types-ts4.5/card/ui/assets/embed.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-import type { UNSAFE_NewIconProps } from '@atlaskit/icon/types';
-export declare const IconEmbed: (props: Omit<UNSAFE_NewIconProps, 'dangerouslySetGlyph' | 'type'>) => JSX.Element;
+import type { NewIconProps } from '@atlaskit/icon/types';
+export declare const IconEmbed: (props: NewIconProps) => JSX.Element;

package/dist/types-ts4.5/card/ui/assets/inline.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-import type { UNSAFE_NewIconProps } from '@atlaskit/icon/types';
-export declare const IconInline: (props: Omit<UNSAFE_NewIconProps, 'dangerouslySetGlyph' | 'type'>) => JSX.Element;
+import type { NewIconProps } from '@atlaskit/icon/types';
+export declare const IconInline: (props: NewIconProps) => JSX.Element;

package/dist/types-ts4.5/card/ui/assets/url.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-import type { UNSAFE_NewCoreIconProps } from '@atlaskit/icon/types';
-export declare const IconUrl: (props: Omit<UNSAFE_NewCoreIconProps, 'dangerouslySetGlyph' | 'type'>) => JSX.Element;
+import type { NewCoreIconProps } from '@atlaskit/icon/types';
+export declare const IconUrl: (props: NewCoreIconProps) => JSX.Element;

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

@@ -5,6 +5,6 @@ type ExternalImageBadgeProps = {
     type?: MediaType;
     url?: string | undefined;
 };
-export declare const isUnbadgedHostname: (hostname: string | undefined) => boolean;
+export declare const isUnbadgedUrl: (url: string | undefined) => boolean;
 export declare const ExternalImageBadge: ({ badgeSize, type, url }: ExternalImageBadgeProps) => JSX.Element | null;
 export {};

package/dist/types-ts4.5/resizer/BreakoutResizer.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import { type EditorView } from '@atlaskit/editor-prosemirror/view';
+import type { EditorAnalyticsAPI } from '../analytics';
 import { type EditorContainerWidth, type getPosHandlerNode } from '../types';
 type BreakoutSupportedNodes = 'layoutSection' | 'expand' | 'codeBlock';
 export declare const ignoreResizerMutations: (mutation: MutationRecord | {
@@ -12,7 +13,7 @@ export declare const ignoreResizerMutations: (mutation: MutationRecord | {
  *
  * use experiment platform_editor_advanced_layouts
  */
-declare const BreakoutResizer: ({ editorView, nodeType, getPos, getRef, disabled, getEditorWidth, parentRef, }: {
+declare const BreakoutResizer: ({ editorView, nodeType, getPos, getRef, disabled, getEditorWidth, parentRef, editorAnalyticsApi, }: {
     editorView: EditorView;
     nodeType: BreakoutSupportedNodes;
     getPos: getPosHandlerNode;
@@ -20,5 +21,6 @@ declare const BreakoutResizer: ({ editorView, nodeType, getPos, getRef, disabled
     disabled?: boolean | undefined;
     getEditorWidth: () => EditorContainerWidth | undefined;
     parentRef?: HTMLElement | undefined;
+    editorAnalyticsApi?: EditorAnalyticsAPI | undefined;
 }) => JSX.Element;
 export { BreakoutResizer };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "95.10.2",
+	"version": "95.10.3",
 	"description": "A package that contains common classes and components for editor and renderer",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -128,8 +128,8 @@
 		"@atlaskit/editor-shared-styles": "^3.2.0",
 		"@atlaskit/editor-tables": "^2.8.0",
 		"@atlaskit/emoji": "^67.11.0",
-		"@atlaskit/icon": "^22.28.0",
-		"@atlaskit/icon-object": "^6.8.0",
+		"@atlaskit/icon": "^23.0.0",
+		"@atlaskit/icon-object": "^6.9.0",
 		"@atlaskit/link-datasource": "^3.13.0",
 		"@atlaskit/link-picker": "^1.47.0",
 		"@atlaskit/media-card": "^78.15.0",
@@ -139,21 +139,21 @@
 		"@atlaskit/media-file-preview": "^0.9.0",
 		"@atlaskit/media-picker": "^67.0.0",
 		"@atlaskit/media-ui": "^27.0.0",
-		"@atlaskit/media-viewer": "49.4.3",
+		"@atlaskit/media-viewer": "49.4.4",
 		"@atlaskit/mention": "^23.4.0",
 		"@atlaskit/menu": "^2.13.0",
 		"@atlaskit/onboarding": "^12.1.0",
 		"@atlaskit/platform-feature-flags": "^0.3.0",
 		"@atlaskit/popper": "^6.3.0",
 		"@atlaskit/primitives": "^13.3.0",
-		"@atlaskit/profilecard": "^20.12.0",
+		"@atlaskit/profilecard": "^20.13.0",
 		"@atlaskit/section-message": "^6.8.0",
-		"@atlaskit/smart-card": "^32.3.0",
+		"@atlaskit/smart-card": "^32.5.0",
 		"@atlaskit/smart-user-picker": "^6.11.0",
 		"@atlaskit/spinner": "^16.3.0",
 		"@atlaskit/task-decision": "^17.11.0",
 		"@atlaskit/textfield": "^6.6.0",
-		"@atlaskit/tmp-editor-statsig": "^2.21.0",
+		"@atlaskit/tmp-editor-statsig": "^2.22.0",
 		"@atlaskit/tokens": "^2.4.0",
 		"@atlaskit/tooltip": "^18.9.0",
 		"@atlaskit/width-detector": "^4.3.0",