@atlaskit/editor-common 109.14.1 → 109.15.1

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

@@ -4,7 +4,7 @@ import { tableCellContentDomSelector, tableCellSelector, tableHeaderSelector, ta
 import { akEditorBreakoutPadding, akEditorFullWidthLayoutWidth, akEditorSelectedNodeClassName, akEditorTableBorder, akEditorTableNumberColumnWidth, akEditorTableToolbar, akEditorWideLayoutWidth, overflowShadow } from '@atlaskit/editor-shared-styles';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
-import { browser } from '../../utils/browser';
+import { browser as browserLegacy, getBrowserInfo } from '../../utils/browser';
 import { CodeBlockSharedCssClassName } from './code-block';
 import { tableCellBackgroundStyleOverride } from './tableCell';
 export const tableMarginTop = 24;
@@ -68,148 +68,150 @@ css`
 					margin-top: 0;
 				}
 			`;
-
-// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- Appears safe to auto-fix, but leaving it up to the team to remediate as the readability only gets worse with autofixing
-const tableSharedStyle = () => css`
-	${tableCellBackgroundStyleOverride()}
-	.${TableSharedCssClassName.TABLE_CONTAINER} {
-		position: relative;
-		margin: 0 auto ${"var(--ds-space-200, 16px)"};
-		box-sizing: border-box;
-
-		/**
+const tableSharedStyle = () => {
+  const browser = expValEquals('platform_editor_hydratable_ui', 'isEnabled', true) ? getBrowserInfo() : browserLegacy;
+  // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- Appears safe to auto-fix, but leaving it up to the team to remediate as the readability only gets worse with autofixing
+  return css`
+		${tableCellBackgroundStyleOverride()}
+		.${TableSharedCssClassName.TABLE_CONTAINER} {
+			position: relative;
+			margin: 0 auto ${"var(--ds-space-200, 16px)"};
+			box-sizing: border-box;
+
+			/**
      * Fix block top alignment inside table cells.
      */
-		.decisionItemView-content-wrap:first-of-type > div {
-			margin-top: 0;
+			.decisionItemView-content-wrap:first-of-type > div {
+				margin-top: 0;
+			}
+		}
+		.${TableSharedCssClassName.TABLE_CONTAINER}[data-number-column='true'] {
+			padding-left: ${akEditorTableNumberColumnWidth - 1}px;
+			clear: both;
 		}
-	}
-	.${TableSharedCssClassName.TABLE_CONTAINER}[data-number-column='true'] {
-		padding-left: ${akEditorTableNumberColumnWidth - 1}px;
-		clear: both;
-	}
 
-	.${TableSharedCssClassName.TABLE_RESIZER_CONTAINER} {
-		will-change: width, margin-left;
-	}
+		.${TableSharedCssClassName.TABLE_RESIZER_CONTAINER} {
+			will-change: width, margin-left;
+		}
 
-	.${TableSharedCssClassName.TABLE_RESIZER_CONTAINER} table {
-		will-change: width;
-	}
+		.${TableSharedCssClassName.TABLE_RESIZER_CONTAINER} table {
+			will-change: width;
+		}
 
-	.${TableSharedCssClassName.TABLE_NODE_WRAPPER} > table {
-		margin: ${"var(--ds-space-300, 24px)"} 0 0 0;
-	}
+		.${TableSharedCssClassName.TABLE_NODE_WRAPPER} > table {
+			margin: ${"var(--ds-space-300, 24px)"} 0 0 0;
+		}
 
-	.${TableSharedCssClassName.TABLE_CONTAINER} > table,
-	.${TableSharedCssClassName.TABLE_STICKY_WRAPPER} > table {
-		margin: ${"var(--ds-space-300, 24px)"} ${"var(--ds-space-100, 8px)"} 0 0;
-	}
+		.${TableSharedCssClassName.TABLE_CONTAINER} > table,
+		.${TableSharedCssClassName.TABLE_STICKY_WRAPPER} > table {
+			margin: ${"var(--ds-space-300, 24px)"} ${"var(--ds-space-100, 8px)"} 0 0;
+		}
 
-	/* support panel nested in table */
-	${fg('platform_editor_bordered_panel_nested_in_table') ? `.${TableSharedCssClassName.TABLE_NODE_WRAPPER} .ak-editor-panel {
+		/* support panel nested in table */
+		${fg('platform_editor_bordered_panel_nested_in_table') ? `.${TableSharedCssClassName.TABLE_NODE_WRAPPER} .ak-editor-panel {
 			border: ${"var(--ds-border-width, 1px)"} solid ${"var(--ds-border, #d9dbea)"};
 		}` : ''}
 
-	/* avoid applying styles to nested tables (possible via extensions) */
+		/* avoid applying styles to nested tables (possible via extensions) */
 	.${TableSharedCssClassName.TABLE_CONTAINER} > table,
 	.${TableSharedCssClassName.TABLE_NODE_WRAPPER} > table,
 	.${TableSharedCssClassName.TABLE_STICKY_WRAPPER} > table {
-		border-collapse: collapse;
-		border: ${tableCellBorderWidth}px solid
-			${`var(--ds-background-accent-gray-subtler, ${akEditorTableBorder})`};
-		table-layout: fixed;
-		font-size: 1em;
-		width: 100%;
-
-		&[data-autosize='true'] {
-			table-layout: auto;
-		}
-
-		& {
-			* {
-				box-sizing: border-box;
-			}
-			hr {
-				box-sizing: content-box;
+			border-collapse: collapse;
+			border: ${tableCellBorderWidth}px solid
+				${`var(--ds-background-accent-gray-subtler, ${akEditorTableBorder})`};
+			table-layout: fixed;
+			font-size: 1em;
+			width: 100%;
+
+			&[data-autosize='true'] {
+				table-layout: auto;
 			}
 
-			tbody {
-				border-bottom: none;
-			}
-			th td {
-				background-color: ${"var(--ds-background-neutral-subtle, white)"};
-			}
+			& {
+				* {
+					box-sizing: border-box;
+				}
+				hr {
+					box-sizing: content-box;
+				}
 
-			> tbody > tr > th,
-			> tbody > tr > td {
-				min-width: ${tableCellMinWidth}px;
-				font-weight: ${"var(--ds-font-weight-regular, 400)"};
-				vertical-align: top;
-				border: 1px solid ${`var(--ds-background-accent-gray-subtler, ${akEditorTableBorder})`};
-				border-right-width: 0;
-				border-bottom-width: 0;
+				tbody {
+					border-bottom: none;
+				}
+				th td {
+					background-color: ${"var(--ds-background-neutral-subtle, white)"};
+				}
+
+				> tbody > tr > th,
+				> tbody > tr > td {
+					min-width: ${tableCellMinWidth}px;
+					font-weight: ${"var(--ds-font-weight-regular, 400)"};
+					vertical-align: top;
+					border: 1px solid ${`var(--ds-background-accent-gray-subtler, ${akEditorTableBorder})`};
+					border-right-width: 0;
+					border-bottom-width: 0;
 
-				padding: ${"var(--ds-space-100, 8px)"};
-				/* https://stackoverflow.com/questions/7517127/borders-not-shown-in-firefox-with-border-collapse-on-table-position-relative-o */
-				${browser.gecko || browser.ie || browser.mac && browser.chrome ? 'background-clip: padding-box;' : ''}
+					padding: ${"var(--ds-space-100, 8px)"};
+					/* https://stackoverflow.com/questions/7517127/borders-not-shown-in-firefox-with-border-collapse-on-table-position-relative-o */
+					${browser.gecko || browser.ie || browser.mac && browser.chrome ? 'background-clip: padding-box;' : ''}
 
-				${firstNodeWithNotMarginTop()}
+					${firstNodeWithNotMarginTop()}
 
 				th p:not(:first-of-type),
 				td p:not(:first-of-type) {
-					margin-top: ${"var(--ds-space-150, 12px)"};
+						margin-top: ${"var(--ds-space-150, 12px)"};
+					}
 				}
-			}
 
-			/* Ensures nested tables are compatible with parent table background color - uses specificity to ensure tables nested by extensions are not affected */
-			> tbody > tr > td {
-				background-color: ${"var(--ds-surface, #FFFFFF)"};
-			}
+				/* Ensures nested tables are compatible with parent table background color - uses specificity to ensure tables nested by extensions are not affected */
+				> tbody > tr > td {
+					background-color: ${"var(--ds-surface, #FFFFFF)"};
+				}
 
-			th {
-				background-color: ${`var(--ds-background-accent-gray-subtlest, ${akEditorTableToolbar})`};
-				text-align: left;
+				th {
+					background-color: ${`var(--ds-background-accent-gray-subtlest, ${akEditorTableToolbar})`};
+					text-align: left;
 
-				/* only apply this styling to codeblocks in default background headercells */
-				/* TODO this needs to be overhauled as it relies on unsafe selectors */
-				${expValEquals('platform_editor_native_anchor_support', 'isEnabled', true) ? '&:not(.danger)' : '&:not([style]):not(.danger)'} {
-					.${CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER}:not(.danger) {
-						background-color: ${"var(--ds-surface-raised, rgb(235, 237, 240))"};
+					/* only apply this styling to codeblocks in default background headercells */
+					/* TODO this needs to be overhauled as it relies on unsafe selectors */
+					${expValEquals('platform_editor_native_anchor_support', 'isEnabled', true) ? '&:not(.danger)' : '&:not([style]):not(.danger)'} {
+						.${CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER}:not(.danger) {
+							background-color: ${"var(--ds-surface-raised, rgb(235, 237, 240))"};
 
-						:not(.${akEditorSelectedNodeClassName}) {
-							box-shadow: 0px 0px 0px 1px ${"var(--ds-border, transparent)"};
-						}
+							:not(.${akEditorSelectedNodeClassName}) {
+								box-shadow: 0px 0px 0px 1px ${"var(--ds-border, transparent)"};
+							}
 
-						.${CodeBlockSharedCssClassName.CODEBLOCK_CONTENT_WRAPPER} {
-							background-image: ${overflowShadow({
-  leftCoverWidth: "var(--ds-space-300, 24px)"
-})};
+							.${CodeBlockSharedCssClassName.CODEBLOCK_CONTENT_WRAPPER} {
+								background-image: ${overflowShadow({
+    leftCoverWidth: "var(--ds-space-300, 24px)"
+  })};
 
-							background-color: ${"var(--ds-background-neutral, rgb(235, 237, 240))"};
-						}
+								background-color: ${"var(--ds-background-neutral, rgb(235, 237, 240))"};
+							}
 
-						.${CodeBlockSharedCssClassName.CODEBLOCK_LINE_NUMBER_GUTTER} {
-							background-color: ${"var(--ds-background-neutral, rgb(226, 229, 233))"};
-						}
+							.${CodeBlockSharedCssClassName.CODEBLOCK_LINE_NUMBER_GUTTER} {
+								background-color: ${"var(--ds-background-neutral, rgb(226, 229, 233))"};
+							}
 
-						/* this is only relevant to the element taken care of by renderer */
-						> [data-ds--code--code-block] {
-							background-image: ${overflowShadow({
-  leftCoverWidth: "var(--ds-space-300, 24px)"
-})}!important;
+							/* this is only relevant to the element taken care of by renderer */
+							> [data-ds--code--code-block] {
+								background-image: ${overflowShadow({
+    leftCoverWidth: "var(--ds-space-300, 24px)"
+  })}!important;
 
-							background-color: ${"var(--ds-background-neutral, rgb(235, 237, 240))"}!important;
+								background-color: ${"var(--ds-background-neutral, rgb(235, 237, 240))"}!important;
 
-							/* selector lives inside @atlaskit/code */
-							--ds--code--line-number-bg-color: ${"var(--ds-background-neutral, rgb(226, 229, 233))"};
+								/* selector lives inside @atlaskit/code */
+								--ds--code--line-number-bg-color: ${"var(--ds-background-neutral, rgb(226, 229, 233))"};
+							}
 						}
 					}
 				}
 			}
 		}
-	}
-`;
+	`;
+};
 export const calcTableWidth = (layout, containerWidth, addControllerPadding = true) => {
   switch (layout) {
     case 'full-width':

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

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

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

@@ -8,7 +8,8 @@ import { PureComponent } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
-import { browser } from '../../utils';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+import { browser as browserLegacy, getBrowserInfo } from '../../utils/browser';
 import { panelTextInput, panelTextInputWithCustomWidth } from './styles';
 const KeyZCode = 90;
 const KeyYCode = 89;
@@ -157,6 +158,7 @@ export default class PanelTextInput extends PureComponent {
   // Ignored via go/ees005
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   isUndoEvent(event) {
+    const browser = expValEquals('platform_editor_hydratable_ui', 'isEnabled', true) ? getBrowserInfo() : browserLegacy;
     return event.keyCode === KeyZCode && (
     // cmd + z for mac
     browser.mac && event.metaKey && !event.shiftKey ||
@@ -167,6 +169,7 @@ export default class PanelTextInput extends PureComponent {
   // Ignored via go/ees005
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   isRedoEvent(event) {
+    const browser = expValEquals('platform_editor_hydratable_ui', 'isEnabled', true) ? getBrowserInfo() : browserLegacy;
     return (
       // ctrl + y for non-mac
       !browser.mac && event.ctrlKey && event.keyCode === KeyYCode || browser.mac && event.metaKey && event.shiftKey && event.keyCode === KeyZCode || event.ctrlKey && event.shiftKey && event.keyCode === KeyZCode

package/dist/es2019/utils/browser.js

@@ -98,6 +98,42 @@ const getSecondMatch = (regexp, ua) => {
   return match && match.length > 0 && match[2] || '';
 };
 
+// Helper functions to safely access browser properties
+const getSafeUserAgent = () => {
+  var _window$navigator;
+  if (typeof window === 'undefined') {
+    return undefined;
+  }
+
+  // Check for SSR user agent first
+  if (process.env.REACT_SSR) {
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    const ssrUserAgent = window.__SSR_USER_AGENT__;
+    if (ssrUserAgent) {
+      return ssrUserAgent;
+    }
+  }
+
+  // Fallback to navigator.userAgent with proper null checking
+  return (_window$navigator = window.navigator) === null || _window$navigator === void 0 ? void 0 : _window$navigator.userAgent;
+};
+const getSafePlatform = () => {
+  var _window$navigator2;
+  if (typeof window === 'undefined') {
+    return undefined;
+  }
+  return (_window$navigator2 = window.navigator) === null || _window$navigator2 === void 0 ? void 0 : _window$navigator2.platform;
+};
+const hasIntersectionObserver = () => {
+  return typeof window !== 'undefined' && 'IntersectionObserver' in window && 'IntersectionObserverEntry' in window &&
+  // Ignored via go/ees005
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  'intersectionRatio' in window.IntersectionObserverEntry.prototype;
+};
+const hasResizeObserver = () => {
+  return typeof window !== 'undefined' && 'ResizeObserver' in window && 'ResizeObserverEntry' in window;
+};
+
 // New API to get the browser info on demand
 export const getBrowserInfo = memorizeOne(() => {
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -118,9 +154,8 @@ export const getBrowserInfo = memorizeOne(() => {
     supportsIntersectionObserver: false,
     supportsResizeObserver: false
   };
-  const userAgent = process.env.REACT_SSR ?
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  window.__SSR_USER_AGENT__ : navigator.userAgent;
+  const userAgent = getSafeUserAgent();
+  const platform = getSafePlatform();
   if (userAgent) {
     // inspired from https://github.com/bowser-js/bowser/blob/master/src/parser-browsers.js
     // Ignored via go/ees005
@@ -131,9 +166,11 @@ export const getBrowserInfo = memorizeOne(() => {
     // eslint-disable-next-line require-unicode-regexp
     const internetExplorer = /msie|trident/i.test(userAgent);
 
+    // Ideally we should use userAgent instead of platform, but we have lots of keymap tests failure when we change it
+    // So leave it as is for now.
     // Ignored via go/ees005
     // eslint-disable-next-line require-unicode-regexp
-    result.mac = /macintosh/i.test(userAgent);
+    result.mac = platform && /Mac/.test(platform);
 
     // Previously relied on navigator.userAgentData?.platform and userAgent, now used only userAgent
     result.windows =
@@ -188,11 +225,8 @@ export const getBrowserInfo = memorizeOne(() => {
     // Previously we relied on documentElement.style.WebkitAppearance, now changed to userAgent
     // eslint-disable-next-line require-unicode-regexp
     result.webkit = /(apple)?webkit/i.test(userAgent);
-    result.supportsIntersectionObserver = typeof window !== 'undefined' && 'IntersectionObserver' in window && 'IntersectionObserverEntry' in window &&
-    // Ignored via go/ees005
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    'intersectionRatio' in window.IntersectionObserverEntry.prototype;
-    result.supportsResizeObserver = typeof window !== 'undefined' && 'ResizeObserver' in window && 'ResizeObserverEntry' in window;
+    result.supportsIntersectionObserver = hasIntersectionObserver();
+    result.supportsResizeObserver = hasResizeObserver();
   }
   return result;
 });

package/dist/esm/copy-button/index.js

@@ -1,8 +1,9 @@
 import { DOMSerializer } from '@atlaskit/editor-prosemirror/model';
 import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
 import { findParentNodeOfType, findSelectedNodeOfType } from '@atlaskit/editor-prosemirror/utils';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { copyHTMLToClipboard, copyHTMLToClipboardPolyfill } from '../clipboard';
-import { browser } from '../utils';
+import { browser as browserLegacy, getBrowserInfo } from '../utils/browser';
 export function getSelectedNodeOrNodeParentByNodeType(_ref) {
   var nodeType = _ref.nodeType,
     selection = _ref.selection;
@@ -20,6 +21,7 @@ export var copyDomNode = function copyDomNode(domNode, nodeType, selection) {
     var div = document.createElement('div');
     div.appendChild(domNode);
     var schema = selection.$from.doc.type.schema;
+    var browser = expValEquals('platform_editor_hydratable_ui', 'isEnabled', true) ? getBrowserInfo() : browserLegacy;
 
     // if copying inline content
     if (nodeType.inlineContent) {

package/dist/esm/keymaps/index.js

@@ -8,8 +8,9 @@ import React, { Fragment } from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { base, keyName } from 'w3c-keyname';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { editorCommandToPMCommand } from '../preset/editor-commands';
-import { browser } from '../utils';
+import { browser as browserLegacy, getBrowserInfo } from '../utils/browser';
 export var addAltText = makeKeyMapWithCommon('Add Alt Text', 'Mod-Alt-y');
 export var navToEditorToolbar = makeKeyMapWithCommon('Navigate to editor toolbar', 'Alt-F9');
 export var navToFloatingToolbar = makeKeyMapWithCommon('Navigate to floating toolbar', 'Alt-F10');
@@ -124,6 +125,7 @@ var tooltipShortcutStyle = css({
 });
 export function formatShortcut(keymap) {
   var shortcut;
+  var browser = expValEquals('platform_editor_hydratable_ui', 'isEnabled', true) ? getBrowserInfo() : browserLegacy;
   if (browser.mac) {
     // for reference: https://wincent.com/wiki/Unicode_representations_of_modifier_keys
     shortcut = keymap.mac
@@ -205,6 +207,7 @@ export function findShortcutByDescription(description) {
   return;
 }
 export function findShortcutByKeymap(keymap) {
+  var browser = expValEquals('platform_editor_hydratable_ui', 'isEnabled', true) ? getBrowserInfo() : browserLegacy;
   if (browser.mac) {
     return keymap.mac;
   }
@@ -212,6 +215,7 @@ export function findShortcutByKeymap(keymap) {
 }
 export function getAriaKeyshortcuts(keymap) {
   var keyShortcuts;
+  var browser = expValEquals('platform_editor_hydratable_ui', 'isEnabled', true) ? getBrowserInfo() : browserLegacy;
   if (typeof keymap === 'string') {
     keyShortcuts = keymap;
   } else if (_typeof(keymap) === 'object') {
@@ -302,6 +306,7 @@ export function bindKeymapWithEditorCommand(shortcut, cmd, keymap) {
 }
 export function findKeyMapForBrowser(keyMap) {
   if (keyMap) {
+    var browser = expValEquals('platform_editor_hydratable_ui', 'isEnabled', true) ? getBrowserInfo() : browserLegacy;
     if (browser.mac) {
       return keyMap.mac;
     }

package/dist/esm/link/LinkPicker/HyperlinkAddToolbar/HyperlinkAddToolbar.js

@@ -33,7 +33,8 @@ import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import Tooltip from '@atlaskit/tooltip';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, fireAnalyticsEvent, INPUT_METHOD } from '../../../analytics';
 import { Announcer, PanelTextInput } from '../../../ui';
-import { browser, normalizeUrl } from '../../../utils';
+import { normalizeUrl } from '../../../utils';
+import { browser as browserLegacy, getBrowserInfo } from '../../../utils/browser';
 import LinkSearchList, { LinkSearchListNext } from '../../LinkSearch/LinkSearchList';
 import { container, containerWithProvider, inputWrapper } from '../../LinkSearch/ToolbarComponents';
 import { transformTimeStamp } from '../../LinkSearch/transformTimeStamp';
@@ -873,6 +874,7 @@ export var HyperlinkLinkAddToolbar = /*#__PURE__*/function (_PureComponent) {
       var ariaActiveDescendant = selectedIndex > -1 ? "link-search-list-item-".concat(selectedIndex) : '';
       var linkSearchInputId = 'search-recent-links-field-id';
       var displayTextInputId = 'display-text-filed-id';
+      var browser = expValEquals('platform_editor_hydratable_ui', 'isEnabled', true) ? getBrowserInfo() : browserLegacy;
       // Added workaround with a screen reader Announcer specifically for VoiceOver + Safari
       // as the Aria design pattern for combobox does not work in this case
       // for details: https://a11y-internal.atlassian.net/browse/AK-740

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

package/dist/esm/preset/core-plugin/index.js

@@ -118,7 +118,7 @@ export var corePlugin = function corePlugin(_ref) {
       requestDocument: function requestDocument(onReceive, options) {
         var _config$getEditorView;
         var view = (_config$getEditorView = config === null || config === void 0 ? void 0 : config.getEditorView()) !== null && _config$getEditorView !== void 0 ? _config$getEditorView : null;
-        scheduleDocumentRequest(view, onReceive, options === null || options === void 0 ? void 0 : options.transformer, config === null || config === void 0 ? void 0 : config.fireAnalyticsEvent);
+        scheduleDocumentRequest(view, onReceive, options === null || options === void 0 ? void 0 : options.transformer, config === null || config === void 0 ? void 0 : config.fireAnalyticsEvent, options === null || options === void 0 ? void 0 : options.alwaysFire);
       },
       createTransformer: function createTransformer(cb) {
         var _config$getEditorView2;

package/dist/esm/preset/core-plugin/requestDocument.js

@@ -1,6 +1,8 @@
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import { JSONTransformer } from '@atlaskit/editor-json-transformer';
 import { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '../../analytics';
 var transformer = new JSONTransformer();
 export function toJSON(node) {
@@ -13,13 +15,28 @@ export function toJSON(node) {
 export function createThrottleSchedule(callback) {
   var frameId;
   var lastArgs;
+  var delayedCallbacks = [];
   var wrapperFn = function wrapperFn() {
     var _globalThis$requestId;
+    var lastArgsBefore = lastArgs;
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
     lastArgs = args;
     if (frameId) {
+      if (fg('aifc_create_enabled')) {
+        if (lastArgsBefore) {
+          var _lastArgsBefore = _slicedToArray(lastArgsBefore, 5),
+            _v = _lastArgsBefore[0],
+            _c = _lastArgsBefore[1],
+            _t = _lastArgsBefore[2],
+            _f = _lastArgsBefore[3],
+            alwaysFire = _lastArgsBefore[4];
+          if (alwaysFire) {
+            delayedCallbacks.push(lastArgsBefore);
+          }
+        }
+      }
       return;
     }
 
@@ -28,6 +45,11 @@ export function createThrottleSchedule(callback) {
     frameId = delayFunction(function () {
       frameId = undefined;
       if (lastArgs) {
+        if (fg('aifc_create_enabled')) {
+          delayedCallbacks.forEach(function (savedArgs) {
+            callback.apply(void 0, _toConsumableArray(savedArgs));
+          });
+        }
         callback.apply(void 0, _toConsumableArray(lastArgs));
       }
     }, {
@@ -38,7 +60,7 @@ export function createThrottleSchedule(callback) {
 }
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-export function returnDocumentRequest(editorView, callback, transformer, fireAnalyticsEvent) {
+export function returnDocumentRequest(editorView, callback, transformer, fireAnalyticsEvent, alwaysFire) {
   var _editorView$state;
   var _ref = (_editorView$state = editorView === null || editorView === void 0 ? void 0 : editorView.state) !== null && _editorView$state !== void 0 ? _editorView$state : {},
     doc = _ref.doc,

package/dist/esm/resizer/BreakoutResizer.js

@@ -3,10 +3,11 @@ import React, { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useSta
 import { bind, bindAll } from 'bind-event-listener';
 import { akEditorDefaultLayoutWidth, akEditorFullWidthLayoutWidth, akEditorGutterPadding, akEditorGutterPaddingDynamic, akEditorGutterPaddingReduced, akEditorFullPageNarrowBreakout } from '@atlaskit/editor-shared-styles';
 import { fg } from '@atlaskit/platform-feature-flags';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 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 { browser } from '../utils/browser';
+import { browser as browserLegacy, getBrowserInfo } from '../utils/browser';
 import Resizer from './Resizer';
 import { ResizerBreakoutModeLabel } from './ResizerBreakoutModeLabel';
 import { SNAP_GAP, useBreakoutGuidelines } from './useBreakoutGuidelines';
@@ -131,6 +132,7 @@ var BreakoutResizer = function BreakoutResizer(_ref) {
     currentLayout = _useBreakoutGuideline.currentLayout,
     guidelines = _useBreakoutGuideline.guidelines,
     setCurrentWidth = _useBreakoutGuideline.setCurrentWidth;
+  var browser = expValEquals('platform_editor_hydratable_ui', 'isEnabled', true) ? getBrowserInfo() : browserLegacy;
   useEffect(function () {
     if (displayGuidelines) {
       displayGuidelines(guidelines || []);
@@ -266,7 +268,7 @@ var BreakoutResizer = function BreakoutResizer(_ref) {
     } else if (!areResizeMetaKeysPressed.current) {
       handleEscape();
     }
-  }, [handleEscape, handleLayoutSizeChangeOnKeypress]);
+  }, [handleEscape, handleLayoutSizeChangeOnKeypress, browser]);
   var resizeHandleKeyUpHandler = useCallback(function (event) {
     if (event.altKey || event.metaKey) {
       areResizeMetaKeysPressed.current = false;
@@ -292,7 +294,7 @@ var BreakoutResizer = function BreakoutResizer(_ref) {
         inline: 'nearest'
       });
     }
-  }, [resizerRef]);
+  }, [resizerRef, browser]);
   useLayoutEffect(function () {
     if (!resizerRef.current || !editorView) {
       return;

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

@@ -6,7 +6,7 @@ import { tableCellContentDomSelector, tableCellSelector, tableHeaderSelector, ta
 import { akEditorBreakoutPadding, akEditorFullWidthLayoutWidth, akEditorSelectedNodeClassName, akEditorTableBorder, akEditorTableNumberColumnWidth, akEditorTableToolbar, akEditorWideLayoutWidth, overflowShadow } from '@atlaskit/editor-shared-styles';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
-import { browser } from '../../utils/browser';
+import { browser as browserLegacy, getBrowserInfo } from '../../utils/browser';
 import { CodeBlockSharedCssClassName } from './code-block';
 import { tableCellBackgroundStyleOverride } from './tableCell';
 export var tableMarginTop = 24;
@@ -51,10 +51,10 @@ var firstNodeWithNotMarginTop = function firstNodeWithNotMarginTop() {
   css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\t\t\t\t> :nth-child(1 of :not(style, .ProseMirror-gapcursor, .ProseMirror-widget, span)) {\n\t\t\t\t\tmargin-top: 0;\n\t\t\t\t}\n\t\t\t"]))) : // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression
   css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n\t\t\t\t> :first-child:not(style),\n\t\t\t\t> style:first-child + * {\n\t\t\t\t\tmargin-top: 0;\n\t\t\t\t}\n\n\t\t\t\t> .ProseMirror-gapcursor:first-child + *,\n\t\t\t\t> style:first-child + .ProseMirror-gapcursor + * {\n\t\t\t\t\tmargin-top: 0;\n\t\t\t\t}\n\n\t\t\t\t> .ProseMirror-gapcursor:first-child + span + *,\n\t\t\t\t> style:first-child + .ProseMirror-gapcursor + span + * {\n\t\t\t\t\tmargin-top: 0;\n\t\t\t\t}\n\t\t\t"])));
 };
-
-// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- Appears safe to auto-fix, but leaving it up to the team to remediate as the readability only gets worse with autofixing
 var tableSharedStyle = function tableSharedStyle() {
-  return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n\t", "\n\t.", " {\n\t\tposition: relative;\n\t\tmargin: 0 auto ", ";\n\t\tbox-sizing: border-box;\n\n\t\t/**\n     * Fix block top alignment inside table cells.\n     */\n\t\t.decisionItemView-content-wrap:first-of-type > div {\n\t\t\tmargin-top: 0;\n\t\t}\n\t}\n\t.", "[data-number-column='true'] {\n\t\tpadding-left: ", "px;\n\t\tclear: both;\n\t}\n\n\t.", " {\n\t\twill-change: width, margin-left;\n\t}\n\n\t.", " table {\n\t\twill-change: width;\n\t}\n\n\t.", " > table {\n\t\tmargin: ", " 0 0 0;\n\t}\n\n\t.", " > table,\n\t.", " > table {\n\t\tmargin: ", " ", " 0 0;\n\t}\n\n\t/* support panel nested in table */\n\t", "\n\n\t/* avoid applying styles to nested tables (possible via extensions) */\n\t.", " > table,\n\t.", " > table,\n\t.", " > table {\n\t\tborder-collapse: collapse;\n\t\tborder: ", "px solid\n\t\t\t", ";\n\t\ttable-layout: fixed;\n\t\tfont-size: 1em;\n\t\twidth: 100%;\n\n\t\t&[data-autosize='true'] {\n\t\t\ttable-layout: auto;\n\t\t}\n\n\t\t& {\n\t\t\t* {\n\t\t\t\tbox-sizing: border-box;\n\t\t\t}\n\t\t\thr {\n\t\t\t\tbox-sizing: content-box;\n\t\t\t}\n\n\t\t\ttbody {\n\t\t\t\tborder-bottom: none;\n\t\t\t}\n\t\t\tth td {\n\t\t\t\tbackground-color: ", ";\n\t\t\t}\n\n\t\t\t> tbody > tr > th,\n\t\t\t> tbody > tr > td {\n\t\t\t\tmin-width: ", "px;\n\t\t\t\tfont-weight: ", ";\n\t\t\t\tvertical-align: top;\n\t\t\t\tborder: 1px solid ", ";\n\t\t\t\tborder-right-width: 0;\n\t\t\t\tborder-bottom-width: 0;\n\n\t\t\t\tpadding: ", ";\n\t\t\t\t/* https://stackoverflow.com/questions/7517127/borders-not-shown-in-firefox-with-border-collapse-on-table-position-relative-o */\n\t\t\t\t", "\n\n\t\t\t\t", "\n\n\t\t\t\tth p:not(:first-of-type),\n\t\t\t\ttd p:not(:first-of-type) {\n\t\t\t\t\tmargin-top: ", ";\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t/* Ensures nested tables are compatible with parent table background color - uses specificity to ensure tables nested by extensions are not affected */\n\t\t\t> tbody > tr > td {\n\t\t\t\tbackground-color: ", ";\n\t\t\t}\n\n\t\t\tth {\n\t\t\t\tbackground-color: ", ";\n\t\t\t\ttext-align: left;\n\n\t\t\t\t/* only apply this styling to codeblocks in default background headercells */\n\t\t\t\t/* TODO this needs to be overhauled as it relies on unsafe selectors */\n\t\t\t\t", " {\n\t\t\t\t\t.", ":not(.danger) {\n\t\t\t\t\t\tbackground-color: ", ";\n\n\t\t\t\t\t\t:not(.", ") {\n\t\t\t\t\t\t\tbox-shadow: 0px 0px 0px 1px ", ";\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.", " {\n\t\t\t\t\t\t\tbackground-image: ", ";\n\n\t\t\t\t\t\t\tbackground-color: ", ";\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.", " {\n\t\t\t\t\t\t\tbackground-color: ", ";\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t/* this is only relevant to the element taken care of by renderer */\n\t\t\t\t\t\t> [data-ds--code--code-block] {\n\t\t\t\t\t\t\tbackground-image: ", "!important;\n\n\t\t\t\t\t\t\tbackground-color: ", "!important;\n\n\t\t\t\t\t\t\t/* selector lives inside @atlaskit/code */\n\t\t\t\t\t\t\t--ds--code--line-number-bg-color: ", ";\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n"])), tableCellBackgroundStyleOverride(), TableSharedCssClassName.TABLE_CONTAINER, "var(--ds-space-200, 16px)", TableSharedCssClassName.TABLE_CONTAINER, akEditorTableNumberColumnWidth - 1, TableSharedCssClassName.TABLE_RESIZER_CONTAINER, TableSharedCssClassName.TABLE_RESIZER_CONTAINER, TableSharedCssClassName.TABLE_NODE_WRAPPER, "var(--ds-space-300, 24px)", TableSharedCssClassName.TABLE_CONTAINER, TableSharedCssClassName.TABLE_STICKY_WRAPPER, "var(--ds-space-300, 24px)", "var(--ds-space-100, 8px)", fg('platform_editor_bordered_panel_nested_in_table') ? ".".concat(TableSharedCssClassName.TABLE_NODE_WRAPPER, " .ak-editor-panel {\n\t\t\tborder: ", "var(--ds-border-width, 1px)", " solid ", "var(--ds-border, #d9dbea)", ";\n\t\t}") : '', TableSharedCssClassName.TABLE_CONTAINER, TableSharedCssClassName.TABLE_NODE_WRAPPER, TableSharedCssClassName.TABLE_STICKY_WRAPPER, tableCellBorderWidth, "var(--ds-background-accent-gray-subtler, ".concat(akEditorTableBorder, ")"), "var(--ds-background-neutral-subtle, white)", tableCellMinWidth, "var(--ds-font-weight-regular, 400)", "var(--ds-background-accent-gray-subtler, ".concat(akEditorTableBorder, ")"), "var(--ds-space-100, 8px)", browser.gecko || browser.ie || browser.mac && browser.chrome ? 'background-clip: padding-box;' : '', firstNodeWithNotMarginTop(), "var(--ds-space-150, 12px)", "var(--ds-surface, #FFFFFF)", "var(--ds-background-accent-gray-subtlest, ".concat(akEditorTableToolbar, ")"), expValEquals('platform_editor_native_anchor_support', 'isEnabled', true) ? '&:not(.danger)' : '&:not([style]):not(.danger)', CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER, "var(--ds-surface-raised, rgb(235, 237, 240))", akEditorSelectedNodeClassName, "var(--ds-border, transparent)", CodeBlockSharedCssClassName.CODEBLOCK_CONTENT_WRAPPER, overflowShadow({
+  var browser = expValEquals('platform_editor_hydratable_ui', 'isEnabled', true) ? getBrowserInfo() : browserLegacy;
+  // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- Appears safe to auto-fix, but leaving it up to the team to remediate as the readability only gets worse with autofixing
+  return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n\t\t", "\n\t\t.", " {\n\t\t\tposition: relative;\n\t\t\tmargin: 0 auto ", ";\n\t\t\tbox-sizing: border-box;\n\n\t\t\t/**\n     * Fix block top alignment inside table cells.\n     */\n\t\t\t.decisionItemView-content-wrap:first-of-type > div {\n\t\t\t\tmargin-top: 0;\n\t\t\t}\n\t\t}\n\t\t.", "[data-number-column='true'] {\n\t\t\tpadding-left: ", "px;\n\t\t\tclear: both;\n\t\t}\n\n\t\t.", " {\n\t\t\twill-change: width, margin-left;\n\t\t}\n\n\t\t.", " table {\n\t\t\twill-change: width;\n\t\t}\n\n\t\t.", " > table {\n\t\t\tmargin: ", " 0 0 0;\n\t\t}\n\n\t\t.", " > table,\n\t\t.", " > table {\n\t\t\tmargin: ", " ", " 0 0;\n\t\t}\n\n\t\t/* support panel nested in table */\n\t\t", "\n\n\t\t/* avoid applying styles to nested tables (possible via extensions) */\n\t.", " > table,\n\t.", " > table,\n\t.", " > table {\n\t\t\tborder-collapse: collapse;\n\t\t\tborder: ", "px solid\n\t\t\t\t", ";\n\t\t\ttable-layout: fixed;\n\t\t\tfont-size: 1em;\n\t\t\twidth: 100%;\n\n\t\t\t&[data-autosize='true'] {\n\t\t\t\ttable-layout: auto;\n\t\t\t}\n\n\t\t\t& {\n\t\t\t\t* {\n\t\t\t\t\tbox-sizing: border-box;\n\t\t\t\t}\n\t\t\t\thr {\n\t\t\t\t\tbox-sizing: content-box;\n\t\t\t\t}\n\n\t\t\t\ttbody {\n\t\t\t\t\tborder-bottom: none;\n\t\t\t\t}\n\t\t\t\tth td {\n\t\t\t\t\tbackground-color: ", ";\n\t\t\t\t}\n\n\t\t\t\t> tbody > tr > th,\n\t\t\t\t> tbody > tr > td {\n\t\t\t\t\tmin-width: ", "px;\n\t\t\t\t\tfont-weight: ", ";\n\t\t\t\t\tvertical-align: top;\n\t\t\t\t\tborder: 1px solid ", ";\n\t\t\t\t\tborder-right-width: 0;\n\t\t\t\t\tborder-bottom-width: 0;\n\n\t\t\t\t\tpadding: ", ";\n\t\t\t\t\t/* https://stackoverflow.com/questions/7517127/borders-not-shown-in-firefox-with-border-collapse-on-table-position-relative-o */\n\t\t\t\t\t", "\n\n\t\t\t\t\t", "\n\n\t\t\t\tth p:not(:first-of-type),\n\t\t\t\ttd p:not(:first-of-type) {\n\t\t\t\t\t\tmargin-top: ", ";\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t/* Ensures nested tables are compatible with parent table background color - uses specificity to ensure tables nested by extensions are not affected */\n\t\t\t\t> tbody > tr > td {\n\t\t\t\t\tbackground-color: ", ";\n\t\t\t\t}\n\n\t\t\t\tth {\n\t\t\t\t\tbackground-color: ", ";\n\t\t\t\t\ttext-align: left;\n\n\t\t\t\t\t/* only apply this styling to codeblocks in default background headercells */\n\t\t\t\t\t/* TODO this needs to be overhauled as it relies on unsafe selectors */\n\t\t\t\t\t", " {\n\t\t\t\t\t\t.", ":not(.danger) {\n\t\t\t\t\t\t\tbackground-color: ", ";\n\n\t\t\t\t\t\t\t:not(.", ") {\n\t\t\t\t\t\t\t\tbox-shadow: 0px 0px 0px 1px ", ";\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t.", " {\n\t\t\t\t\t\t\t\tbackground-image: ", ";\n\n\t\t\t\t\t\t\t\tbackground-color: ", ";\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t.", " {\n\t\t\t\t\t\t\t\tbackground-color: ", ";\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t/* this is only relevant to the element taken care of by renderer */\n\t\t\t\t\t\t\t> [data-ds--code--code-block] {\n\t\t\t\t\t\t\t\tbackground-image: ", "!important;\n\n\t\t\t\t\t\t\t\tbackground-color: ", "!important;\n\n\t\t\t\t\t\t\t\t/* selector lives inside @atlaskit/code */\n\t\t\t\t\t\t\t\t--ds--code--line-number-bg-color: ", ";\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t"])), tableCellBackgroundStyleOverride(), TableSharedCssClassName.TABLE_CONTAINER, "var(--ds-space-200, 16px)", TableSharedCssClassName.TABLE_CONTAINER, akEditorTableNumberColumnWidth - 1, TableSharedCssClassName.TABLE_RESIZER_CONTAINER, TableSharedCssClassName.TABLE_RESIZER_CONTAINER, TableSharedCssClassName.TABLE_NODE_WRAPPER, "var(--ds-space-300, 24px)", TableSharedCssClassName.TABLE_CONTAINER, TableSharedCssClassName.TABLE_STICKY_WRAPPER, "var(--ds-space-300, 24px)", "var(--ds-space-100, 8px)", fg('platform_editor_bordered_panel_nested_in_table') ? ".".concat(TableSharedCssClassName.TABLE_NODE_WRAPPER, " .ak-editor-panel {\n\t\t\tborder: ", "var(--ds-border-width, 1px)", " solid ", "var(--ds-border, #d9dbea)", ";\n\t\t}") : '', TableSharedCssClassName.TABLE_CONTAINER, TableSharedCssClassName.TABLE_NODE_WRAPPER, TableSharedCssClassName.TABLE_STICKY_WRAPPER, tableCellBorderWidth, "var(--ds-background-accent-gray-subtler, ".concat(akEditorTableBorder, ")"), "var(--ds-background-neutral-subtle, white)", tableCellMinWidth, "var(--ds-font-weight-regular, 400)", "var(--ds-background-accent-gray-subtler, ".concat(akEditorTableBorder, ")"), "var(--ds-space-100, 8px)", browser.gecko || browser.ie || browser.mac && browser.chrome ? 'background-clip: padding-box;' : '', firstNodeWithNotMarginTop(), "var(--ds-space-150, 12px)", "var(--ds-surface, #FFFFFF)", "var(--ds-background-accent-gray-subtlest, ".concat(akEditorTableToolbar, ")"), expValEquals('platform_editor_native_anchor_support', 'isEnabled', true) ? '&:not(.danger)' : '&:not([style]):not(.danger)', CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER, "var(--ds-surface-raised, rgb(235, 237, 240))", akEditorSelectedNodeClassName, "var(--ds-border, transparent)", CodeBlockSharedCssClassName.CODEBLOCK_CONTENT_WRAPPER, overflowShadow({
     leftCoverWidth: "var(--ds-space-300, 24px)"
   }), "var(--ds-background-neutral, rgb(235, 237, 240))", CodeBlockSharedCssClassName.CODEBLOCK_LINE_NUMBER_GUTTER, "var(--ds-background-neutral, rgb(226, 229, 233))", overflowShadow({
     leftCoverWidth: "var(--ds-space-300, 24px)"

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

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