@atlaskit/editor-common 106.3.3 → 106.5.0

package/CHANGELOG.md

@@ -1,5 +1,32 @@
 # @atlaskit/editor-common
 
+## 106.5.0
+
+### Minor Changes
+
+- [#166997](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/166997)
+  [`826de0a17dc7e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/826de0a17dc7e) -
+  Introduce new breakout oprational event in editor-common, export the type and use in
+  editor-plugin-breakout. Add performance measurement for FPS for resizing
+
+### Patch Changes
+
+- Updated dependencies
+
+## 106.4.0
+
+### Minor Changes
+
+- [#164171](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/164171)
+  [`6e761beb64a85`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/6e761beb64a85) -
+  ED-28155 add dnd performance tracker
+
+### Patch Changes
+
+- [#166490](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/166490)
+  [`9f140155c14be`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/9f140155c14be) -
+  [ux] Shows tooltip on the resize handle when it is hovered.
+
 ## 106.3.3
 
 ### Patch Changes

package/afm-cc/tsconfig.json

@@ -4,7 +4,7 @@
         "declaration": true,
         "target": "es5",
         "composite": true,
-        "outDir": "../dist",
+        "outDir": "../../../../../confluence/tsDist/@atlaskit__editor-common",
         "rootDir": "../"
     },
     "include": [

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

@@ -159,6 +159,7 @@ var ACTION = exports.ACTION = /*#__PURE__*/function (ACTION) {
   ACTION["SELECT_ALL_ESCAPED"] = "selectAllEscaped";
   ACTION["SORT_COLUMN"] = "sortedColumn";
   ACTION["SORT_COLUMN_NOT_ALLOWED"] = "sortColumnNotAllowed";
+  ACTION["NCS_SESSION_STEP_METRICS"] = "ncsSessionStepMetrics";
   ACTION["STEPS_TRACKED"] = "stepsTracked";
   ACTION["STEPS_FILTERED"] = "stepsFiltered";
   ACTION["CREATE_NOT_ALLOWED"] = "createNotAllowed";
@@ -180,6 +181,7 @@ var ACTION = exports.ACTION = /*#__PURE__*/function (ACTION) {
   ACTION["UPLOAD_FAILED"] = "uploadFailed";
   ACTION["TOGGLE_CODE_BLOCK_WRAP"] = "toggleCodeBlockWrap";
   ACTION["RESIZED"] = "resized";
+  ACTION["RESIZED_PERF_SAMPLING"] = "resizedPerfSampling";
   ACTION["BLOCKS_DRAG_INIT"] = "blocksDragInit";
   ACTION["SINGLE_COL_LAYOUT_DETECTED"] = "singleColumLayoutDetected";
   ACTION["VIEW_MORE"] = "viewMore";

package/dist/cjs/analytics/types/ncs-session-step-events.js

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

package/dist/cjs/link/ConfigureLinkOverlay/Dropdown.js

@@ -16,6 +16,7 @@ var _dropdownMenu = _interopRequireWildcard(require("@atlaskit/dropdown-menu"));
 var _customizePreferences = _interopRequireDefault(require("@atlaskit/icon/core/migration/customize--preferences"));
 var _linkExternalShortcut = _interopRequireDefault(require("@atlaskit/icon/core/migration/link-external--shortcut"));
 var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/utility/migration/chevron-down"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _messages = require("../../messages");
 var _StyledButton = require("./StyledButton");
 var _useLinkOverlayAnalyticsEvents = require("./useLinkOverlayAnalyticsEvents");
@@ -91,7 +92,8 @@ var Dropdown = function Dropdown(_ref) {
       }));
     },
     testId: "".concat(testId, "-dropdown"),
-    onOpenChange: onOpenChange
+    onOpenChange: onOpenChange,
+    shouldRenderToParent: (0, _platformFeatureFlags.fg)('should-render-to-parent-should-be-true-editor')
   }, (0, _react2.jsx)(_dropdownMenu.DropdownItemGroup, null, (0, _react2.jsx)(_dropdownMenu.DropdownItem, {
     elemBefore: (0, _react2.jsx)(_linkExternalShortcut.default, {
       label: goToLinkLabel,

package/dist/cjs/messages/breakout.js

@@ -20,5 +20,25 @@ var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
     id: 'fabric.editor.resizeHandle',
     defaultMessage: 'Resize handle',
     description: 'Resize handle'
+  },
+  resizeExpand: {
+    id: 'fabric.editor.breakout.resizeExpand',
+    defaultMessage: 'Resize expand',
+    description: 'Tooltip displayed on custom expand width resize handle'
+  },
+  resizeCodeBlock: {
+    id: 'fabric.editor.breakout.resizeCodeBlock',
+    defaultMessage: 'Resize code snippet',
+    description: 'Tooltip displayed on custom code block width resize handle'
+  },
+  resizeLayout: {
+    id: 'fabric.editor.breakout.resizeLayout',
+    defaultMessage: 'Resize layout',
+    description: 'Tooltip displayed on custom layout width resize handle'
+  },
+  resizeElement: {
+    id: 'fabric.editor.breakout.resizeElement',
+    defaultMessage: 'Resize element',
+    description: 'Tooltip displayed on custom element (node) width resize handle'
   }
 });

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

package/dist/cjs/ncs-step-metrics/index.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.NCS_STORAGE = void 0;
+// Disable no-re-export rule for entry point files
+/* eslint-disable @atlaskit/editor/no-re-export */
+var NCS_STORAGE = exports.NCS_STORAGE = /*#__PURE__*/function (NCS_STORAGE) {
+  NCS_STORAGE["NCS_STORAGE_CLIENT_KEY"] = "ncs-session-step-metrics-storage";
+  NCS_STORAGE["NCS_SESSION_STEP_METRICS"] = "ncsSessionStepMetrics";
+  NCS_STORAGE["NCS_ACTIVE_SESSIONS"] = "ncsActiveSessions";
+  return NCS_STORAGE;
+}({});

package/dist/cjs/styles/index.js

@@ -327,6 +327,12 @@ Object.defineProperty(exports, "pragmaticResizerStyles", {
     return _resizer.pragmaticResizerStyles;
   }
 });
+Object.defineProperty(exports, "pragmaticResizerStylesForTooltip", {
+  enumerable: true,
+  get: function get() {
+    return _resizer.pragmaticResizerStylesForTooltip;
+  }
+});
 Object.defineProperty(exports, "resizerHandleClassName", {
   enumerable: true,
   get: function get() {

package/dist/cjs/styles/shared/resizer.js

@@ -4,10 +4,11 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.resizerStyles = exports.resizerItemClassName = exports.resizerHoverZoneClassName = exports.resizerHandleZIndex = exports.resizerHandleTrackClassName = exports.resizerHandleThumbWidth = exports.resizerHandleThumbClassName = exports.resizerHandleClassName = exports.resizerExtendedZone = exports.resizerDangerClassName = exports.pragmaticResizerStyles = exports.handleWrapperClass = void 0;
+exports.resizerStyles = exports.resizerItemClassName = exports.resizerHoverZoneClassName = exports.resizerHandleZIndex = exports.resizerHandleTrackClassName = exports.resizerHandleThumbWidth = exports.resizerHandleThumbClassName = exports.resizerHandleClassName = exports.resizerExtendedZone = exports.resizerDangerClassName = exports.pragmaticResizerStylesForTooltip = exports.pragmaticResizerStyles = exports.handleWrapperClass = void 0;
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = require("@emotion/react");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _templateObject; // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 /*
@@ -31,6 +32,34 @@ var resizerHandleZIndex = exports.resizerHandleZIndex = 1;
 // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766, Seems perfectly safe to autofix, but comments would be lost…
 var resizerStyles = exports.resizerStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\t.", " {\n\t\twill-change: width;\n\n\t\t&:hover,\n\t\t&.display-handle {\n\t\t\t& > .", " > .", " {\n\t\t\t\tvisibility: visible;\n\t\t\t\topacity: 1;\n\t\t\t}\n\t\t}\n\n\t\t&.is-resizing {\n\t\t\t& .", " {\n\t\t\t\tbackground: ", ";\n\t\t\t}\n\t\t}\n\n\t\t&.", " {\n\t\t\t& .", " {\n\t\t\t\ttransition: none;\n\t\t\t\tbackground: ", ";\n\t\t\t}\n\t\t}\n\t}\n\n\t.", " {\n\t\tdisplay: flex;\n\t\tvisibility: hidden;\n\t\topacity: 0;\n\t\tflex-direction: column;\n\t\tjustify-content: center;\n\t\talign-items: center;\n\t\twidth: 7px;\n\t\ttransition:\n\t\t\tvisibility 0.2s,\n\t\t\topacity 0.2s;\n\n\t\t/*\n      NOTE: The below style is targeted at the div element added by the tooltip. We don't have any means of injecting styles\n      into the tooltip\n    */\n\t\t& div[role='presentation'] {\n\t\t\twidth: 100%;\n\t\t\theight: 100%;\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: column;\n\t\t\tjustify-content: center;\n\t\t\talign-items: center;\n\t\t\tmargin-top: ", ";\n\t\t\twhite-space: normal;\n\t\t}\n\n\t\t/*\n      Handle Positions\n    */\n\t\t&.left {\n\t\t\talign-items: flex-start;\n\t\t}\n\t\t&.right {\n\t\t\talign-items: flex-end;\n\t\t}\n\n\t\t/*\n      Handle Sizing\n    */\n\t\t&.small {\n\t\t\t& .", " {\n\t\t\t\theight: 43px;\n\t\t\t}\n\t\t}\n\t\t&.medium {\n\t\t\t& .", " {\n\t\t\t\theight: 64px;\n\t\t\t}\n\t\t}\n\t\t&.large {\n\t\t\t& .", " {\n\t\t\t\theight: 96px;\n\t\t\t}\n\t\t}\n\t\t&.clamped {\n\t\t\t& .", " {\n\t\t\t\theight: clamp(43px, calc(100% - 32px), 96px);\n\t\t\t}\n\t\t}\n\n\t\t/*\n      Handle Alignment\n    */\n\t\t&.sticky {\n\t\t\t& .", " {\n\t\t\t\tposition: sticky;\n\t\t\t\ttop: ", ";\n\t\t\t\tbottom: ", ";\n\t\t\t}\n\t\t}\n\n\t\t&:hover {\n\t\t\t& .", " {\n\t\t\t\tbackground: ", ";\n\t\t\t}\n\n\t\t\t& .", " {\n\t\t\t\tvisibility: visible;\n\t\t\t\topacity: 0.5;\n\t\t\t}\n\t\t}\n\t}\n\n\t.", " {\n\t\tcontent: ' ';\n\t\tdisplay: flex;\n\t\twidth: 3px;\n\t\tmargin: 0 ", ";\n\t\theight: 64px;\n\t\ttransition: background-color 0.2s;\n\t\tborder-radius: 6px;\n\t\tborder: 0;\n\t\tpadding: 0;\n\t\tz-index: 2;\n\t\toutline: none;\n\t\tmin-height: 24px;\n\t\tbackground: ", ";\n\n\t\t&:hover {\n\t\t\tcursor: col-resize;\n\t\t}\n\n\t\t&:focus {\n\t\t\tbackground: ", ";\n\n\t\t\t&::after {\n\t\t\t\tcontent: '';\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: ", ";\n\t\t\t\tright: ", ";\n\t\t\t\tbottom: ", ";\n\t\t\t\tleft: ", ";\n\t\t\t\tborder: 2px solid ", ";\n\t\t\t\tborder-radius: inherit;\n\t\t\t\tz-index: -1;\n\t\t\t}\n\t\t}\n\t}\n\n\t.", " {\n\t\tvisibility: hidden;\n\t\tposition: absolute;\n\t\twidth: 7px;\n\t\theight: calc(100% - 40px);\n\t\tborder-radius: 4px;\n\t\topacity: 0;\n\t\ttransition:\n\t\t\tbackground-color 0.2s,\n\t\t\tvisibility 0.2s,\n\t\t\topacity 0.2s;\n\n\t\t&.none {\n\t\t\tbackground: none;\n\t\t}\n\n\t\t&.shadow {\n\t\t\tbackground: ", ";\n\t\t}\n\n\t\t&.full-height {\n\t\t\tbackground: ", ";\n\t\t\theight: 100%;\n\t\t\tmin-height: 36px;\n\t\t}\n\t}\n\n\t.", " {\n\t\t& .", " {\n\t\t\tbackground: ", ";\n\t\t}\n\t}\n\n\t// Remove when cleaning up platform_editor_interaction_api_refactor\n\t.ak-editor-no-interaction\n\t\t.", "\n\t\t.", ":not(:hover)\n\t\t.", " {\n\t\tbackground: ", ";\n\t}\n\n\t.", " {\n\t\tposition: relative;\n\t\tdisplay: inline-block;\n\t\twidth: 100%;\n\n\t\t&.", " {\n\t\t\tpadding: 0 ", ";\n\t\t\tleft: ", ";\n\t\t}\n\t}\n\n\t/* This below style is here to make sure the image width is correct when nested in a table */\n\ttable .", ", table .", ".", " {\n\t\tpadding: unset;\n\t\tleft: unset;\n\t}\n"])), resizerItemClassName, handleWrapperClass, resizerHandleClassName, resizerHandleThumbClassName, "var(--ds-border-focused, #388BFF)", resizerDangerClassName, resizerHandleThumbClassName, "var(--ds-icon-danger, ".concat(_editorSharedStyles.akEditorDeleteIconColor, ")"), resizerHandleClassName, "var(--ds-space-negative-200, -16px)", resizerHandleThumbClassName, resizerHandleThumbClassName, resizerHandleThumbClassName, resizerHandleThumbClassName, resizerHandleThumbClassName, "var(--ds-space-150, 12px)", "var(--ds-space-150, 12px)", resizerHandleThumbClassName, "var(--ds-border-focused, #388BFF)", resizerHandleTrackClassName, resizerHandleThumbClassName, "var(--ds-space-025, 2px)", "var(--ds-border, #091E4224)", "var(--ds-border-selected, #0C66E4)", "var(--ds-space-negative-050, -4px)", "var(--ds-space-negative-050, -4px)", "var(--ds-space-negative-050, -4px)", "var(--ds-space-negative-050, -4px)", "var(--ds-border-focused, #388BFF)", resizerHandleTrackClassName, "var(--ds-background-selected, #E9F2FF)", "var(--ds-background-selected, #E9F2FF)", akEditorSelectedNodeClassName, resizerHandleThumbClassName, "var(--ds-border-focused, #388BFF)", akEditorSelectedNodeClassName, resizerHandleClassName, resizerHandleThumbClassName, "var(--ds-border, #091E4224)", resizerHoverZoneClassName, resizerExtendedZone, "var(--ds-space-150, 12px)", "var(--ds-space-negative-150, -12px)", resizerHoverZoneClassName, resizerHoverZoneClassName, resizerExtendedZone);
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
+var pragmaticResizerStylesForTooltip = exports.pragmaticResizerStylesForTooltip = function pragmaticResizerStylesForTooltip() {
+  if ((0, _experiments.editorExperiment)('platform_editor_breakout_resizing', true) && (0, _platformFeatureFlags.fg)('platform_editor_breakout_resizing_hello_release')) {
+    return (0, _react.css)({
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+      '.pm-breakout-resize-handle-rail-wrapper': {
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        height: '100%',
+        cursor: 'col-resize',
+        borderRadius: 4,
+        zIndex: 2,
+        // Tootip element
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+        '[role="presentation"]': {
+          height: '100%',
+          width: '100%'
+        },
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+        '.pm-breakout-resize-handle-rail-inside-tooltip': {
+          height: '100%'
+        }
+      }
+    });
+  }
+};
+
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
 var pragmaticResizerStyles = exports.pragmaticResizerStyles = function pragmaticResizerStyles() {
   if ((0, _experiments.editorExperiment)('platform_editor_breakout_resizing', false)) {

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

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

@@ -153,6 +153,7 @@ export let ACTION = /*#__PURE__*/function (ACTION) {
   ACTION["SELECT_ALL_ESCAPED"] = "selectAllEscaped";
   ACTION["SORT_COLUMN"] = "sortedColumn";
   ACTION["SORT_COLUMN_NOT_ALLOWED"] = "sortColumnNotAllowed";
+  ACTION["NCS_SESSION_STEP_METRICS"] = "ncsSessionStepMetrics";
   ACTION["STEPS_TRACKED"] = "stepsTracked";
   ACTION["STEPS_FILTERED"] = "stepsFiltered";
   ACTION["CREATE_NOT_ALLOWED"] = "createNotAllowed";
@@ -174,6 +175,7 @@ export let ACTION = /*#__PURE__*/function (ACTION) {
   ACTION["UPLOAD_FAILED"] = "uploadFailed";
   ACTION["TOGGLE_CODE_BLOCK_WRAP"] = "toggleCodeBlockWrap";
   ACTION["RESIZED"] = "resized";
+  ACTION["RESIZED_PERF_SAMPLING"] = "resizedPerfSampling";
   ACTION["BLOCKS_DRAG_INIT"] = "blocksDragInit";
   ACTION["SINGLE_COL_LAYOUT_DETECTED"] = "singleColumLayoutDetected";
   ACTION["VIEW_MORE"] = "viewMore";

package/dist/es2019/analytics/types/ncs-session-step-events.js

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

package/dist/es2019/link/ConfigureLinkOverlay/Dropdown.js

@@ -13,6 +13,7 @@ import DropdownMenu, { DropdownItem, DropdownItemGroup } from '@atlaskit/dropdow
 import PreferencesIcon from '@atlaskit/icon/core/migration/customize--preferences';
 import LinkExternalIcon from '@atlaskit/icon/core/migration/link-external--shortcut';
 import ChevronDownIcon from '@atlaskit/icon/utility/migration/chevron-down';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { cardMessages as messages } from '../../messages';
 import { StyledButton } from './StyledButton';
 import { useLinkOverlayAnalyticsEvents } from './useLinkOverlayAnalyticsEvents';
@@ -82,7 +83,8 @@ const Dropdown = ({
       }
     })),
     testId: `${testId}-dropdown`,
-    onOpenChange: onOpenChange
+    onOpenChange: onOpenChange,
+    shouldRenderToParent: fg('should-render-to-parent-should-be-true-editor')
   }, jsx(DropdownItemGroup, null, jsx(DropdownItem, {
     elemBefore: jsx(LinkExternalIcon, {
       label: goToLinkLabel,

package/dist/es2019/messages/breakout.js

@@ -14,5 +14,25 @@ export const messages = defineMessages({
     id: 'fabric.editor.resizeHandle',
     defaultMessage: 'Resize handle',
     description: 'Resize handle'
+  },
+  resizeExpand: {
+    id: 'fabric.editor.breakout.resizeExpand',
+    defaultMessage: 'Resize expand',
+    description: 'Tooltip displayed on custom expand width resize handle'
+  },
+  resizeCodeBlock: {
+    id: 'fabric.editor.breakout.resizeCodeBlock',
+    defaultMessage: 'Resize code snippet',
+    description: 'Tooltip displayed on custom code block width resize handle'
+  },
+  resizeLayout: {
+    id: 'fabric.editor.breakout.resizeLayout',
+    defaultMessage: 'Resize layout',
+    description: 'Tooltip displayed on custom layout width resize handle'
+  },
+  resizeElement: {
+    id: 'fabric.editor.breakout.resizeElement',
+    defaultMessage: 'Resize element',
+    description: 'Tooltip displayed on custom element (node) width resize handle'
   }
 });

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

package/dist/es2019/ncs-step-metrics/index.js

@@ -0,0 +1,9 @@
+// Disable no-re-export rule for entry point files
+/* eslint-disable @atlaskit/editor/no-re-export */
+
+export let NCS_STORAGE = /*#__PURE__*/function (NCS_STORAGE) {
+  NCS_STORAGE["NCS_STORAGE_CLIENT_KEY"] = "ncs-session-step-metrics-storage";
+  NCS_STORAGE["NCS_SESSION_STEP_METRICS"] = "ncsSessionStepMetrics";
+  NCS_STORAGE["NCS_ACTIVE_SESSIONS"] = "ncsActiveSessions";
+  return NCS_STORAGE;
+}({});

package/dist/es2019/styles/index.js

@@ -26,7 +26,7 @@ export { DropdownMenuSharedCssClassName } from './shared/dropdown-menu';
 export { CodeBlockSharedCssClassName, codeBlockSharedStyles, codeBlockInListSafariFix } from './shared/code-block';
 export { LAYOUT_SECTION_MARGIN, LAYOUT_COLUMN_PADDING } from './shared/layout';
 export { EXTENSION_PADDING, BODIED_EXT_PADDING } from './shared/extension';
-export { resizerStyles, resizerHandleClassName, resizerHandleTrackClassName, resizerHandleThumbClassName, resizerHandleThumbWidth, pragmaticResizerStyles } from './shared/resizer';
+export { resizerStyles, resizerHandleClassName, resizerHandleTrackClassName, resizerHandleThumbClassName, resizerHandleThumbWidth, pragmaticResizerStyles, pragmaticResizerStylesForTooltip } from './shared/resizer';
 export { gridStyles, GRID_GUTTER } from './shared/grid';
 export { smartCardStyles, FLOATING_TOOLBAR_LINKPICKER_CLASSNAME, DATASOURCE_INNER_CONTAINER_CLASSNAME } from './shared/smartCard';
 export { embedCardStyles, embedSpacingStyles } from './shared/embedCard';

package/dist/es2019/styles/shared/resizer.js

@@ -1,6 +1,7 @@
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css } from '@emotion/react';
 import { akEditorDeleteIconColor } from '@atlaskit/editor-shared-styles';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 /*
   Styles in this file are based on
@@ -226,6 +227,34 @@ export const resizerStyles = css`
 	}
 `;
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
+export const pragmaticResizerStylesForTooltip = () => {
+  if (editorExperiment('platform_editor_breakout_resizing', true) && fg('platform_editor_breakout_resizing_hello_release')) {
+    return css({
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+      '.pm-breakout-resize-handle-rail-wrapper': {
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        height: '100%',
+        cursor: 'col-resize',
+        borderRadius: 4,
+        zIndex: 2,
+        // Tootip element
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+        '[role="presentation"]': {
+          height: '100%',
+          width: '100%'
+        },
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+        '.pm-breakout-resize-handle-rail-inside-tooltip': {
+          height: '100%'
+        }
+      }
+    });
+  }
+};
+
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
 export const pragmaticResizerStyles = () => {
   if (editorExperiment('platform_editor_breakout_resizing', false)) {

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 = "106.3.3";
+const packageVersion = "106.5.0";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 // Ignored via go/ees005

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

@@ -153,6 +153,7 @@ export var ACTION = /*#__PURE__*/function (ACTION) {
   ACTION["SELECT_ALL_ESCAPED"] = "selectAllEscaped";
   ACTION["SORT_COLUMN"] = "sortedColumn";
   ACTION["SORT_COLUMN_NOT_ALLOWED"] = "sortColumnNotAllowed";
+  ACTION["NCS_SESSION_STEP_METRICS"] = "ncsSessionStepMetrics";
   ACTION["STEPS_TRACKED"] = "stepsTracked";
   ACTION["STEPS_FILTERED"] = "stepsFiltered";
   ACTION["CREATE_NOT_ALLOWED"] = "createNotAllowed";
@@ -174,6 +175,7 @@ export var ACTION = /*#__PURE__*/function (ACTION) {
   ACTION["UPLOAD_FAILED"] = "uploadFailed";
   ACTION["TOGGLE_CODE_BLOCK_WRAP"] = "toggleCodeBlockWrap";
   ACTION["RESIZED"] = "resized";
+  ACTION["RESIZED_PERF_SAMPLING"] = "resizedPerfSampling";
   ACTION["BLOCKS_DRAG_INIT"] = "blocksDragInit";
   ACTION["SINGLE_COL_LAYOUT_DETECTED"] = "singleColumLayoutDetected";
   ACTION["VIEW_MORE"] = "viewMore";

package/dist/esm/analytics/types/ncs-session-step-events.js

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

package/dist/esm/link/ConfigureLinkOverlay/Dropdown.js

@@ -15,6 +15,7 @@ import DropdownMenu, { DropdownItem, DropdownItemGroup } from '@atlaskit/dropdow
 import PreferencesIcon from '@atlaskit/icon/core/migration/customize--preferences';
 import LinkExternalIcon from '@atlaskit/icon/core/migration/link-external--shortcut';
 import ChevronDownIcon from '@atlaskit/icon/utility/migration/chevron-down';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { cardMessages as messages } from '../../messages';
 import { StyledButton } from './StyledButton';
 import { useLinkOverlayAnalyticsEvents } from './useLinkOverlayAnalyticsEvents';
@@ -83,7 +84,8 @@ var Dropdown = function Dropdown(_ref) {
       }));
     },
     testId: "".concat(testId, "-dropdown"),
-    onOpenChange: onOpenChange
+    onOpenChange: onOpenChange,
+    shouldRenderToParent: fg('should-render-to-parent-should-be-true-editor')
   }, jsx(DropdownItemGroup, null, jsx(DropdownItem, {
     elemBefore: jsx(LinkExternalIcon, {
       label: goToLinkLabel,

package/dist/esm/messages/breakout.js

@@ -14,5 +14,25 @@ export var messages = defineMessages({
     id: 'fabric.editor.resizeHandle',
     defaultMessage: 'Resize handle',
     description: 'Resize handle'
+  },
+  resizeExpand: {
+    id: 'fabric.editor.breakout.resizeExpand',
+    defaultMessage: 'Resize expand',
+    description: 'Tooltip displayed on custom expand width resize handle'
+  },
+  resizeCodeBlock: {
+    id: 'fabric.editor.breakout.resizeCodeBlock',
+    defaultMessage: 'Resize code snippet',
+    description: 'Tooltip displayed on custom code block width resize handle'
+  },
+  resizeLayout: {
+    id: 'fabric.editor.breakout.resizeLayout',
+    defaultMessage: 'Resize layout',
+    description: 'Tooltip displayed on custom layout width resize handle'
+  },
+  resizeElement: {
+    id: 'fabric.editor.breakout.resizeElement',
+    defaultMessage: 'Resize element',
+    description: 'Tooltip displayed on custom element (node) width resize handle'
   }
 });

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

package/dist/esm/ncs-step-metrics/index.js

@@ -0,0 +1,9 @@
+// Disable no-re-export rule for entry point files
+/* eslint-disable @atlaskit/editor/no-re-export */
+
+export var NCS_STORAGE = /*#__PURE__*/function (NCS_STORAGE) {
+  NCS_STORAGE["NCS_STORAGE_CLIENT_KEY"] = "ncs-session-step-metrics-storage";
+  NCS_STORAGE["NCS_SESSION_STEP_METRICS"] = "ncsSessionStepMetrics";
+  NCS_STORAGE["NCS_ACTIVE_SESSIONS"] = "ncsActiveSessions";
+  return NCS_STORAGE;
+}({});

package/dist/esm/styles/index.js

@@ -26,7 +26,7 @@ export { DropdownMenuSharedCssClassName } from './shared/dropdown-menu';
 export { CodeBlockSharedCssClassName, codeBlockSharedStyles, codeBlockInListSafariFix } from './shared/code-block';
 export { LAYOUT_SECTION_MARGIN, LAYOUT_COLUMN_PADDING } from './shared/layout';
 export { EXTENSION_PADDING, BODIED_EXT_PADDING } from './shared/extension';
-export { resizerStyles, resizerHandleClassName, resizerHandleTrackClassName, resizerHandleThumbClassName, resizerHandleThumbWidth, pragmaticResizerStyles } from './shared/resizer';
+export { resizerStyles, resizerHandleClassName, resizerHandleTrackClassName, resizerHandleThumbClassName, resizerHandleThumbWidth, pragmaticResizerStyles, pragmaticResizerStylesForTooltip } from './shared/resizer';
 export { gridStyles, GRID_GUTTER } from './shared/grid';
 export { smartCardStyles, FLOATING_TOOLBAR_LINKPICKER_CLASSNAME, DATASOURCE_INNER_CONTAINER_CLASSNAME } from './shared/smartCard';
 export { embedCardStyles, embedSpacingStyles } from './shared/embedCard';

package/dist/esm/styles/shared/resizer.js

@@ -3,6 +3,7 @@ var _templateObject;
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css } from '@emotion/react';
 import { akEditorDeleteIconColor } from '@atlaskit/editor-shared-styles';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 /*
   Styles in this file are based on
@@ -25,6 +26,34 @@ export var resizerHandleZIndex = 1;
 // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766, Seems perfectly safe to autofix, but comments would be lost…
 export var resizerStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\t.", " {\n\t\twill-change: width;\n\n\t\t&:hover,\n\t\t&.display-handle {\n\t\t\t& > .", " > .", " {\n\t\t\t\tvisibility: visible;\n\t\t\t\topacity: 1;\n\t\t\t}\n\t\t}\n\n\t\t&.is-resizing {\n\t\t\t& .", " {\n\t\t\t\tbackground: ", ";\n\t\t\t}\n\t\t}\n\n\t\t&.", " {\n\t\t\t& .", " {\n\t\t\t\ttransition: none;\n\t\t\t\tbackground: ", ";\n\t\t\t}\n\t\t}\n\t}\n\n\t.", " {\n\t\tdisplay: flex;\n\t\tvisibility: hidden;\n\t\topacity: 0;\n\t\tflex-direction: column;\n\t\tjustify-content: center;\n\t\talign-items: center;\n\t\twidth: 7px;\n\t\ttransition:\n\t\t\tvisibility 0.2s,\n\t\t\topacity 0.2s;\n\n\t\t/*\n      NOTE: The below style is targeted at the div element added by the tooltip. We don't have any means of injecting styles\n      into the tooltip\n    */\n\t\t& div[role='presentation'] {\n\t\t\twidth: 100%;\n\t\t\theight: 100%;\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: column;\n\t\t\tjustify-content: center;\n\t\t\talign-items: center;\n\t\t\tmargin-top: ", ";\n\t\t\twhite-space: normal;\n\t\t}\n\n\t\t/*\n      Handle Positions\n    */\n\t\t&.left {\n\t\t\talign-items: flex-start;\n\t\t}\n\t\t&.right {\n\t\t\talign-items: flex-end;\n\t\t}\n\n\t\t/*\n      Handle Sizing\n    */\n\t\t&.small {\n\t\t\t& .", " {\n\t\t\t\theight: 43px;\n\t\t\t}\n\t\t}\n\t\t&.medium {\n\t\t\t& .", " {\n\t\t\t\theight: 64px;\n\t\t\t}\n\t\t}\n\t\t&.large {\n\t\t\t& .", " {\n\t\t\t\theight: 96px;\n\t\t\t}\n\t\t}\n\t\t&.clamped {\n\t\t\t& .", " {\n\t\t\t\theight: clamp(43px, calc(100% - 32px), 96px);\n\t\t\t}\n\t\t}\n\n\t\t/*\n      Handle Alignment\n    */\n\t\t&.sticky {\n\t\t\t& .", " {\n\t\t\t\tposition: sticky;\n\t\t\t\ttop: ", ";\n\t\t\t\tbottom: ", ";\n\t\t\t}\n\t\t}\n\n\t\t&:hover {\n\t\t\t& .", " {\n\t\t\t\tbackground: ", ";\n\t\t\t}\n\n\t\t\t& .", " {\n\t\t\t\tvisibility: visible;\n\t\t\t\topacity: 0.5;\n\t\t\t}\n\t\t}\n\t}\n\n\t.", " {\n\t\tcontent: ' ';\n\t\tdisplay: flex;\n\t\twidth: 3px;\n\t\tmargin: 0 ", ";\n\t\theight: 64px;\n\t\ttransition: background-color 0.2s;\n\t\tborder-radius: 6px;\n\t\tborder: 0;\n\t\tpadding: 0;\n\t\tz-index: 2;\n\t\toutline: none;\n\t\tmin-height: 24px;\n\t\tbackground: ", ";\n\n\t\t&:hover {\n\t\t\tcursor: col-resize;\n\t\t}\n\n\t\t&:focus {\n\t\t\tbackground: ", ";\n\n\t\t\t&::after {\n\t\t\t\tcontent: '';\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: ", ";\n\t\t\t\tright: ", ";\n\t\t\t\tbottom: ", ";\n\t\t\t\tleft: ", ";\n\t\t\t\tborder: 2px solid ", ";\n\t\t\t\tborder-radius: inherit;\n\t\t\t\tz-index: -1;\n\t\t\t}\n\t\t}\n\t}\n\n\t.", " {\n\t\tvisibility: hidden;\n\t\tposition: absolute;\n\t\twidth: 7px;\n\t\theight: calc(100% - 40px);\n\t\tborder-radius: 4px;\n\t\topacity: 0;\n\t\ttransition:\n\t\t\tbackground-color 0.2s,\n\t\t\tvisibility 0.2s,\n\t\t\topacity 0.2s;\n\n\t\t&.none {\n\t\t\tbackground: none;\n\t\t}\n\n\t\t&.shadow {\n\t\t\tbackground: ", ";\n\t\t}\n\n\t\t&.full-height {\n\t\t\tbackground: ", ";\n\t\t\theight: 100%;\n\t\t\tmin-height: 36px;\n\t\t}\n\t}\n\n\t.", " {\n\t\t& .", " {\n\t\t\tbackground: ", ";\n\t\t}\n\t}\n\n\t// Remove when cleaning up platform_editor_interaction_api_refactor\n\t.ak-editor-no-interaction\n\t\t.", "\n\t\t.", ":not(:hover)\n\t\t.", " {\n\t\tbackground: ", ";\n\t}\n\n\t.", " {\n\t\tposition: relative;\n\t\tdisplay: inline-block;\n\t\twidth: 100%;\n\n\t\t&.", " {\n\t\t\tpadding: 0 ", ";\n\t\t\tleft: ", ";\n\t\t}\n\t}\n\n\t/* This below style is here to make sure the image width is correct when nested in a table */\n\ttable .", ", table .", ".", " {\n\t\tpadding: unset;\n\t\tleft: unset;\n\t}\n"])), resizerItemClassName, handleWrapperClass, resizerHandleClassName, resizerHandleThumbClassName, "var(--ds-border-focused, #388BFF)", resizerDangerClassName, resizerHandleThumbClassName, "var(--ds-icon-danger, ".concat(akEditorDeleteIconColor, ")"), resizerHandleClassName, "var(--ds-space-negative-200, -16px)", resizerHandleThumbClassName, resizerHandleThumbClassName, resizerHandleThumbClassName, resizerHandleThumbClassName, resizerHandleThumbClassName, "var(--ds-space-150, 12px)", "var(--ds-space-150, 12px)", resizerHandleThumbClassName, "var(--ds-border-focused, #388BFF)", resizerHandleTrackClassName, resizerHandleThumbClassName, "var(--ds-space-025, 2px)", "var(--ds-border, #091E4224)", "var(--ds-border-selected, #0C66E4)", "var(--ds-space-negative-050, -4px)", "var(--ds-space-negative-050, -4px)", "var(--ds-space-negative-050, -4px)", "var(--ds-space-negative-050, -4px)", "var(--ds-border-focused, #388BFF)", resizerHandleTrackClassName, "var(--ds-background-selected, #E9F2FF)", "var(--ds-background-selected, #E9F2FF)", akEditorSelectedNodeClassName, resizerHandleThumbClassName, "var(--ds-border-focused, #388BFF)", akEditorSelectedNodeClassName, resizerHandleClassName, resizerHandleThumbClassName, "var(--ds-border, #091E4224)", resizerHoverZoneClassName, resizerExtendedZone, "var(--ds-space-150, 12px)", "var(--ds-space-negative-150, -12px)", resizerHoverZoneClassName, resizerHoverZoneClassName, resizerExtendedZone);
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
+export var pragmaticResizerStylesForTooltip = function pragmaticResizerStylesForTooltip() {
+  if (editorExperiment('platform_editor_breakout_resizing', true) && fg('platform_editor_breakout_resizing_hello_release')) {
+    return css({
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+      '.pm-breakout-resize-handle-rail-wrapper': {
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        height: '100%',
+        cursor: 'col-resize',
+        borderRadius: 4,
+        zIndex: 2,
+        // Tootip element
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+        '[role="presentation"]': {
+          height: '100%',
+          width: '100%'
+        },
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+        '.pm-breakout-resize-handle-rail-inside-tooltip': {
+          height: '100%'
+        }
+      }
+    });
+  }
+};
+
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
 export var pragmaticResizerStyles = function pragmaticResizerStyles() {
   if (editorExperiment('platform_editor_breakout_resizing', false)) {

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

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

@@ -49,3 +49,5 @@ export type { AIUnifiedEventPayload, AIUnifiedCommonAttributes } from './types/a
 export type { ActiveSessionEventPayload, ActiveSessionEventAttributes, } from './types/activity-session-events';
 export { type AIInlineSuggestionPayload, AI_SUGGESTION_TRIGGERED_FROM, } from './types/ai-inline-suggestion-events';
 export { type TelepointerClickPayload } from './types/telepointer-events';
+export { type NcsSessionStepEventAEP, type NcsSessionStepMetrics, } from './types/ncs-session-step-events';
+export type { BreakoutEventPayload } from './types/breakout-events';

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

@@ -1,10 +1,17 @@
 import type { ACTION, ACTION_SUBJECT } from './enums';
-import type { TrackAEP } from './utils';
+import type { OperationalAEP, 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 type BreakoutResizedPerfSamplingAEP = OperationalAEP<ACTION.RESIZED_PERF_SAMPLING, ACTION_SUBJECT.ELEMENT, undefined, {
+    nodeType: BreakoutSupportedNodes;
+    frameRate: number;
+    nodeSize: number;
+    docSize: number;
+    isInitialSample: boolean;
+}>;
+export type BreakoutEventPayload = BreakoutResizedAEP | BreakoutResizedPerfSamplingAEP;
 export {};

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

@@ -12,7 +12,13 @@ type ElementAttributes = {
 };
 type ElementMovedAEP = TrackAEP<ACTION.MOVED, ACTION_SUBJECT.ELEMENT, ACTION_SUBJECT_ID.ELEMENT_DRAG_HANDLE, ElementAttributes, null>;
 type ElementDragAEP = UIAEP<ACTION.DRAGGED, ACTION_SUBJECT.ELEMENT, ACTION_SUBJECT_ID.ELEMENT_DRAG_HANDLE, ElementAttributes, null>;
+type ElementDragEndAEP = TrackAEP<ACTION.ENDED, ACTION_SUBJECT.DRAG, ACTION_SUBJECT_ID.ELEMENT_DRAG_HANDLE, {
+    dragInitializationDuration: number;
+    dropProcessingDuration: number;
+    isCancelled: boolean;
+    nodesCount: number;
+}, null>;
 type DragCancelledAEP = UIAEP<ACTION.CANCELLED, ACTION_SUBJECT.DRAG, ACTION_SUBJECT_ID.ELEMENT_DRAG_HANDLE, ElementAttributes, null>;
 type ElementClickedAEP = UIAEP<ACTION.CLICKED, ACTION_SUBJECT.BUTTON, ACTION_SUBJECT_ID.ELEMENT_DRAG_HANDLE, ElementAttributes, null>;
-export type ElementEventPayload = ElementClickedAEP | ElementMovedAEP | ElementDragAEP | DragCancelledAEP;
+export type ElementEventPayload = ElementClickedAEP | ElementMovedAEP | ElementDragAEP | ElementDragEndAEP | DragCancelledAEP;
 export {};

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

@@ -152,6 +152,7 @@ export declare enum ACTION {
     SELECT_ALL_ESCAPED = "selectAllEscaped",
     SORT_COLUMN = "sortedColumn",
     SORT_COLUMN_NOT_ALLOWED = "sortColumnNotAllowed",
+    NCS_SESSION_STEP_METRICS = "ncsSessionStepMetrics",
     STEPS_TRACKED = "stepsTracked",
     STEPS_FILTERED = "stepsFiltered",
     CREATE_NOT_ALLOWED = "createNotAllowed",
@@ -173,6 +174,7 @@ export declare enum ACTION {
     UPLOAD_FAILED = "uploadFailed",
     TOGGLE_CODE_BLOCK_WRAP = "toggleCodeBlockWrap",
     RESIZED = "resized",
+    RESIZED_PERF_SAMPLING = "resizedPerfSampling",
     BLOCKS_DRAG_INIT = "blocksDragInit",
     SINGLE_COL_LAYOUT_DETECTED = "singleColumLayoutDetected",
     VIEW_MORE = "viewMore",

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

@@ -37,6 +37,7 @@ import type { LoomEventPayload } from './loom-events';
 import type { MediaEventPayload } from './media-events';
 import { type MentionEventPayload } from './mention-events';
 import type { MoveContentEventPayload } from './move-content-events';
+import { NcsSessionStepEventAEP } from './ncs-session-step-events';
 import { type NestedTableActionsEventPayload } from './nested-table-events';
 import type { NodeEventPayload } from './node-events';
 import type { OfflineEditingEventPayload } from './offline-editing-event';
@@ -60,7 +61,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 | TextColorEventPayload | 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 | VisitedLinkAEP | ViewEventPayload | MediaUploadEventPayload | MentionEventPayload | EngagementPlatformEventPayload | NestedTableActionsEventPayload | AICommandPaletteEventPayload | AIDefinitionsEventPayload | AIEventPayload | AIProactiveEventPayload | AIUnifiedEventPayload | BreakoutEventPayload | ActiveSessionEventPayload | AIInlineSuggestionPayload | SelectionExtensionEventPayload | TelepointerClickPayload | SelectionToolbarEventPayload | AlignmentEventPayload | UndoRedoAEP | OfflineEditingEventPayload;
+export type AnalyticsEventPayload<T = void> = AvatarEventPayload | GeneralEventPayload<T> | FormatEventPayload | SubstituteEventPayload | InsertEventPayload | NodeEventPayload | MoveContentEventPayload | MediaEventPayload | TableEventPayload | PasteEventPayload | CutCopyEventPayload | ErrorEventPayload | TextColorEventPayload | 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 | VisitedLinkAEP | ViewEventPayload | MediaUploadEventPayload | MentionEventPayload | EngagementPlatformEventPayload | NestedTableActionsEventPayload | AICommandPaletteEventPayload | AIDefinitionsEventPayload | AIEventPayload | AIProactiveEventPayload | AIUnifiedEventPayload | BreakoutEventPayload | ActiveSessionEventPayload | AIInlineSuggestionPayload | SelectionExtensionEventPayload | TelepointerClickPayload | SelectionToolbarEventPayload | AlignmentEventPayload | UndoRedoAEP | OfflineEditingEventPayload | NcsSessionStepEventAEP;
 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/analytics/types/ncs-session-step-events.d.ts

@@ -0,0 +1,11 @@
+import { ACTION, ACTION_SUBJECT } from './enums';
+import type { OperationalAEP } from './utils';
+export type NcsSessionStepMetrics = {
+    ncsSessionId?: string;
+    totalStepSize: number;
+    numberOfSteps: number;
+    maxStepSize: number;
+    stepSizeSumForP90?: number[];
+    p90StepSize?: number;
+};
+export type NcsSessionStepEventAEP = OperationalAEP<ACTION.NCS_SESSION_STEP_METRICS, ACTION_SUBJECT.COLLAB, undefined, NcsSessionStepMetrics>;

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

@@ -14,4 +14,24 @@ export declare const messages: {
         defaultMessage: string;
         description: string;
     };
+    resizeExpand: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    resizeCodeBlock: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    resizeLayout: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    resizeElement: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
 };

package/dist/types/ncs-step-metrics/index.d.ts

@@ -0,0 +1,5 @@
+export declare enum NCS_STORAGE {
+    NCS_STORAGE_CLIENT_KEY = "ncs-session-step-metrics-storage",
+    NCS_SESSION_STEP_METRICS = "ncsSessionStepMetrics",
+    NCS_ACTIVE_SESSIONS = "ncsActiveSessions"
+}

package/dist/types/styles/index.d.ts

@@ -23,7 +23,7 @@ export { DropdownMenuSharedCssClassName } from './shared/dropdown-menu';
 export { CodeBlockSharedCssClassName, codeBlockSharedStyles, codeBlockInListSafariFix, } from './shared/code-block';
 export { LAYOUT_SECTION_MARGIN, LAYOUT_COLUMN_PADDING } from './shared/layout';
 export { EXTENSION_PADDING, BODIED_EXT_PADDING } from './shared/extension';
-export { resizerStyles, resizerHandleClassName, resizerHandleTrackClassName, resizerHandleThumbClassName, resizerHandleThumbWidth, pragmaticResizerStyles, } from './shared/resizer';
+export { resizerStyles, resizerHandleClassName, resizerHandleTrackClassName, resizerHandleThumbClassName, resizerHandleThumbWidth, pragmaticResizerStyles, pragmaticResizerStylesForTooltip, } from './shared/resizer';
 export { gridStyles, GRID_GUTTER } from './shared/grid';
 export { smartCardStyles, FLOATING_TOOLBAR_LINKPICKER_CLASSNAME, DATASOURCE_INNER_CONTAINER_CLASSNAME, } from './shared/smartCard';
 export { embedCardStyles, embedSpacingStyles } from './shared/embedCard';

package/dist/types/styles/shared/resizer.d.ts

@@ -9,4 +9,5 @@ export declare const handleWrapperClass = "resizer-handle-wrapper";
 export declare const resizerHandleThumbWidth = 3;
 export declare const resizerHandleZIndex = 1;
 export declare const resizerStyles: import("@emotion/react").SerializedStyles;
+export declare const pragmaticResizerStylesForTooltip: () => import("@emotion/react").SerializedStyles | undefined;
 export declare const pragmaticResizerStyles: () => import("@emotion/react").SerializedStyles | undefined;

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

@@ -49,3 +49,5 @@ export type { AIUnifiedEventPayload, AIUnifiedCommonAttributes } from './types/a
 export type { ActiveSessionEventPayload, ActiveSessionEventAttributes, } from './types/activity-session-events';
 export { type AIInlineSuggestionPayload, AI_SUGGESTION_TRIGGERED_FROM, } from './types/ai-inline-suggestion-events';
 export { type TelepointerClickPayload } from './types/telepointer-events';
+export { type NcsSessionStepEventAEP, type NcsSessionStepMetrics, } from './types/ncs-session-step-events';
+export type { BreakoutEventPayload } from './types/breakout-events';

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

@@ -1,10 +1,17 @@
 import type { ACTION, ACTION_SUBJECT } from './enums';
-import type { TrackAEP } from './utils';
+import type { OperationalAEP, 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 type BreakoutResizedPerfSamplingAEP = OperationalAEP<ACTION.RESIZED_PERF_SAMPLING, ACTION_SUBJECT.ELEMENT, undefined, {
+    nodeType: BreakoutSupportedNodes;
+    frameRate: number;
+    nodeSize: number;
+    docSize: number;
+    isInitialSample: boolean;
+}>;
+export type BreakoutEventPayload = BreakoutResizedAEP | BreakoutResizedPerfSamplingAEP;
 export {};

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

@@ -12,7 +12,13 @@ type ElementAttributes = {
 };
 type ElementMovedAEP = TrackAEP<ACTION.MOVED, ACTION_SUBJECT.ELEMENT, ACTION_SUBJECT_ID.ELEMENT_DRAG_HANDLE, ElementAttributes, null>;
 type ElementDragAEP = UIAEP<ACTION.DRAGGED, ACTION_SUBJECT.ELEMENT, ACTION_SUBJECT_ID.ELEMENT_DRAG_HANDLE, ElementAttributes, null>;
+type ElementDragEndAEP = TrackAEP<ACTION.ENDED, ACTION_SUBJECT.DRAG, ACTION_SUBJECT_ID.ELEMENT_DRAG_HANDLE, {
+    dragInitializationDuration: number;
+    dropProcessingDuration: number;
+    isCancelled: boolean;
+    nodesCount: number;
+}, null>;
 type DragCancelledAEP = UIAEP<ACTION.CANCELLED, ACTION_SUBJECT.DRAG, ACTION_SUBJECT_ID.ELEMENT_DRAG_HANDLE, ElementAttributes, null>;
 type ElementClickedAEP = UIAEP<ACTION.CLICKED, ACTION_SUBJECT.BUTTON, ACTION_SUBJECT_ID.ELEMENT_DRAG_HANDLE, ElementAttributes, null>;
-export type ElementEventPayload = ElementClickedAEP | ElementMovedAEP | ElementDragAEP | DragCancelledAEP;
+export type ElementEventPayload = ElementClickedAEP | ElementMovedAEP | ElementDragAEP | ElementDragEndAEP | DragCancelledAEP;
 export {};

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

@@ -152,6 +152,7 @@ export declare enum ACTION {
     SELECT_ALL_ESCAPED = "selectAllEscaped",
     SORT_COLUMN = "sortedColumn",
     SORT_COLUMN_NOT_ALLOWED = "sortColumnNotAllowed",
+    NCS_SESSION_STEP_METRICS = "ncsSessionStepMetrics",
     STEPS_TRACKED = "stepsTracked",
     STEPS_FILTERED = "stepsFiltered",
     CREATE_NOT_ALLOWED = "createNotAllowed",
@@ -173,6 +174,7 @@ export declare enum ACTION {
     UPLOAD_FAILED = "uploadFailed",
     TOGGLE_CODE_BLOCK_WRAP = "toggleCodeBlockWrap",
     RESIZED = "resized",
+    RESIZED_PERF_SAMPLING = "resizedPerfSampling",
     BLOCKS_DRAG_INIT = "blocksDragInit",
     SINGLE_COL_LAYOUT_DETECTED = "singleColumLayoutDetected",
     VIEW_MORE = "viewMore",

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

@@ -37,6 +37,7 @@ import type { LoomEventPayload } from './loom-events';
 import type { MediaEventPayload } from './media-events';
 import { type MentionEventPayload } from './mention-events';
 import type { MoveContentEventPayload } from './move-content-events';
+import { NcsSessionStepEventAEP } from './ncs-session-step-events';
 import { type NestedTableActionsEventPayload } from './nested-table-events';
 import type { NodeEventPayload } from './node-events';
 import type { OfflineEditingEventPayload } from './offline-editing-event';
@@ -60,7 +61,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 | TextColorEventPayload | 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 | VisitedLinkAEP | ViewEventPayload | MediaUploadEventPayload | MentionEventPayload | EngagementPlatformEventPayload | NestedTableActionsEventPayload | AICommandPaletteEventPayload | AIDefinitionsEventPayload | AIEventPayload | AIProactiveEventPayload | AIUnifiedEventPayload | BreakoutEventPayload | ActiveSessionEventPayload | AIInlineSuggestionPayload | SelectionExtensionEventPayload | TelepointerClickPayload | SelectionToolbarEventPayload | AlignmentEventPayload | UndoRedoAEP | OfflineEditingEventPayload;
+export type AnalyticsEventPayload<T = void> = AvatarEventPayload | GeneralEventPayload<T> | FormatEventPayload | SubstituteEventPayload | InsertEventPayload | NodeEventPayload | MoveContentEventPayload | MediaEventPayload | TableEventPayload | PasteEventPayload | CutCopyEventPayload | ErrorEventPayload | TextColorEventPayload | 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 | VisitedLinkAEP | ViewEventPayload | MediaUploadEventPayload | MentionEventPayload | EngagementPlatformEventPayload | NestedTableActionsEventPayload | AICommandPaletteEventPayload | AIDefinitionsEventPayload | AIEventPayload | AIProactiveEventPayload | AIUnifiedEventPayload | BreakoutEventPayload | ActiveSessionEventPayload | AIInlineSuggestionPayload | SelectionExtensionEventPayload | TelepointerClickPayload | SelectionToolbarEventPayload | AlignmentEventPayload | UndoRedoAEP | OfflineEditingEventPayload | NcsSessionStepEventAEP;
 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/analytics/types/ncs-session-step-events.d.ts

@@ -0,0 +1,11 @@
+import { ACTION, ACTION_SUBJECT } from './enums';
+import type { OperationalAEP } from './utils';
+export type NcsSessionStepMetrics = {
+    ncsSessionId?: string;
+    totalStepSize: number;
+    numberOfSteps: number;
+    maxStepSize: number;
+    stepSizeSumForP90?: number[];
+    p90StepSize?: number;
+};
+export type NcsSessionStepEventAEP = OperationalAEP<ACTION.NCS_SESSION_STEP_METRICS, ACTION_SUBJECT.COLLAB, undefined, NcsSessionStepMetrics>;

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

@@ -14,4 +14,24 @@ export declare const messages: {
         defaultMessage: string;
         description: string;
     };
+    resizeExpand: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    resizeCodeBlock: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    resizeLayout: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    resizeElement: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
 };

package/dist/types-ts4.5/ncs-step-metrics/index.d.ts

@@ -0,0 +1,5 @@
+export declare enum NCS_STORAGE {
+    NCS_STORAGE_CLIENT_KEY = "ncs-session-step-metrics-storage",
+    NCS_SESSION_STEP_METRICS = "ncsSessionStepMetrics",
+    NCS_ACTIVE_SESSIONS = "ncsActiveSessions"
+}

package/dist/types-ts4.5/styles/index.d.ts

@@ -23,7 +23,7 @@ export { DropdownMenuSharedCssClassName } from './shared/dropdown-menu';
 export { CodeBlockSharedCssClassName, codeBlockSharedStyles, codeBlockInListSafariFix, } from './shared/code-block';
 export { LAYOUT_SECTION_MARGIN, LAYOUT_COLUMN_PADDING } from './shared/layout';
 export { EXTENSION_PADDING, BODIED_EXT_PADDING } from './shared/extension';
-export { resizerStyles, resizerHandleClassName, resizerHandleTrackClassName, resizerHandleThumbClassName, resizerHandleThumbWidth, pragmaticResizerStyles, } from './shared/resizer';
+export { resizerStyles, resizerHandleClassName, resizerHandleTrackClassName, resizerHandleThumbClassName, resizerHandleThumbWidth, pragmaticResizerStyles, pragmaticResizerStylesForTooltip, } from './shared/resizer';
 export { gridStyles, GRID_GUTTER } from './shared/grid';
 export { smartCardStyles, FLOATING_TOOLBAR_LINKPICKER_CLASSNAME, DATASOURCE_INNER_CONTAINER_CLASSNAME, } from './shared/smartCard';
 export { embedCardStyles, embedSpacingStyles } from './shared/embedCard';

package/dist/types-ts4.5/styles/shared/resizer.d.ts

@@ -9,4 +9,5 @@ export declare const handleWrapperClass = "resizer-handle-wrapper";
 export declare const resizerHandleThumbWidth = 3;
 export declare const resizerHandleZIndex = 1;
 export declare const resizerStyles: import("@emotion/react").SerializedStyles;
+export declare const pragmaticResizerStylesForTooltip: () => import("@emotion/react").SerializedStyles | undefined;
 export declare const pragmaticResizerStyles: () => import("@emotion/react").SerializedStyles | undefined;

package/ncs-step-metrics/package.json

@@ -0,0 +1,17 @@
+{
+  "name": "@atlaskit/editor-common/ncs-step-metrics",
+  "main": "../dist/cjs/ncs-step-metrics/index.js",
+  "module": "../dist/esm/ncs-step-metrics/index.js",
+  "module:es2019": "../dist/es2019/ncs-step-metrics/index.js",
+  "sideEffects": [
+    "**/*.compiled.css"
+  ],
+  "types": "../dist/types/ncs-step-metrics/index.d.ts",
+  "typesVersions": {
+    ">=4.5 <5.4": {
+      "*": [
+        "../dist/types-ts4.5/ncs-step-metrics/index.d.ts"
+      ]
+    }
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "106.3.3",
+	"version": "106.5.0",
 	"description": "A package that contains common classes and components for editor and renderer",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -118,7 +118,8 @@
 		"./UNSAFE_do_not_use_editor_context": "./src/ui/EditorContext/index.ts",
 		"./median": "./src/utils/median.ts",
 		"./ugc-tokens": "./src/ugc-tokens/index.ts",
-		"./get-dom-ref-from-selection": "./src/utils/get-dom-ref-from-selection.ts"
+		"./get-dom-ref-from-selection": "./src/utils/get-dom-ref-from-selection.ts",
+		"./ncs-step-metrics": "./src/ncs-step-metrics/index.ts"
 	},
 	"dependencies": {
 		"@atlaskit/activity-provider": "^2.5.0",
@@ -160,7 +161,7 @@
 		"@atlaskit/platform-feature-flags-react": "^0.2.0",
 		"@atlaskit/popper": "^7.0.0",
 		"@atlaskit/primitives": "^14.8.0",
-		"@atlaskit/profilecard": "^23.16.0",
+		"@atlaskit/profilecard": "^23.18.0",
 		"@atlaskit/react-ufo": "^3.13.0",
 		"@atlaskit/section-message": "^8.2.0",
 		"@atlaskit/smart-card": "^38.8.0",
@@ -169,7 +170,7 @@
 		"@atlaskit/task-decision": "^19.2.0",
 		"@atlaskit/textfield": "^8.0.0",
 		"@atlaskit/theme": "^18.0.0",
-		"@atlaskit/tmp-editor-statsig": "^5.14.0",
+		"@atlaskit/tmp-editor-statsig": "^6.0.0",
 		"@atlaskit/tokens": "^5.1.0",
 		"@atlaskit/tooltip": "^20.3.0",
 		"@atlaskit/width-detector": "^5.0.0",
@@ -397,8 +398,14 @@
 		"interactable_in_editor_inputs": {
 			"type": "boolean"
 		},
+		"should-render-to-parent-should-be-true-editor": {
+			"type": "boolean"
+		},
 		"platform_editor_fix_floating_toolbar_focus": {
 			"type": "boolean"
+		},
+		"platform_editor_breakout_resizing_hello_release": {
+			"type": "boolean"
 		}
 	}
 }