@atlaskit/editor-common 111.1.0 → 111.2.1

package/CHANGELOG.md

@@ -1,5 +1,26 @@
 # @atlaskit/editor-common
 
+## 111.2.1
+
+### Patch Changes
+
+- [`656adaeec9d0b`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/656adaeec9d0b) -
+  [ux] EDITOR-1665 add experience tracking for create sync block
+
+## 111.2.0
+
+### Minor Changes
+
+- [`ba0e1d49e14cb`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/ba0e1d49e14cb) -
+  ENGHEALTH-40073: Make tables and extensions focusable if they have overscroll so that they can be
+  interacted with in an accessible way.
+
+### Patch Changes
+
+- [`38bc4d5d6185c`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/38bc4d5d6185c) -
+  Fixes nested tables in SSR renderer
+- Updated dependencies
+
 ## 111.1.0
 
 ### Minor Changes

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

@@ -531,6 +531,7 @@ var ACTION_SUBJECT_ID = exports.ACTION_SUBJECT_ID = /*#__PURE__*/function (ACTIO
   ACTION_SUBJECT_ID["SYNCED_BLOCK_UPDATE"] = "syncedBlockUpdate";
   ACTION_SUBJECT_ID["REFERENCE_SYNCED_BLOCK_UPDATE"] = "referenceSyncedBlockUpdate";
   ACTION_SUBJECT_ID["SYNCED_BLOCK_CREATE"] = "syncedBlockCreate";
+  ACTION_SUBJECT_ID["REFERENCE_SYNCED_BLOCK_CREATE"] = "referenceSyncedBlockCreate";
   ACTION_SUBJECT_ID["SYNCED_BLOCK_DELETE"] = "syncedBlockDelete";
   ACTION_SUBJECT_ID["SYNCED_BLOCK_GET_SOURCE_INFO"] = "syncedBlockGetSourceInfo";
   ACTION_SUBJECT_ID["SYNCED_BLOCK_FETCH"] = "syncedBlockFetch";

package/dist/cjs/experiences/experience-utils.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getPopupContainerFromEditorView = exports.containsPopupWithNestedElement = void 0;
+exports.popupWithNestedElement = exports.getPopupContainerFromEditorView = exports.containsPopupWithNestedElement = void 0;
 /**
  * Checks if a given node contains a popup with a nested element identified by a specific test ID.
  *
@@ -25,6 +25,27 @@ var containsPopupWithNestedElement = exports.containsPopupWithNestedElement = fu
   return !!node.querySelector(":scope > [data-editor-popup=\"true\"] ".concat(nestedElementQuery));
 };
 
+/**
+ * Returns the popup with a nested element identified by a specific test ID if it exists.
+ *
+ * @param node - The node to check.
+ * @param nestedElementQuery - The query to look for the nested element.
+ * @returns Element if the node contains the popup, undefined otherwise.
+ */
+var popupWithNestedElement = exports.popupWithNestedElement = function popupWithNestedElement(node, nestedElementQuery) {
+  if (!(node instanceof HTMLElement)) {
+    return undefined;
+  }
+
+  // Check if node itself has the popup attribute and contains the element matching the nestedElementQuery
+  if (node.matches('[data-editor-popup="true"]')) {
+    return node.querySelector(nestedElementQuery);
+  }
+
+  // Check if any direct child with popup attribute contains the element matching the nestedElementQuery
+  return node.querySelector(":scope > [data-editor-popup=\"true\"] ".concat(nestedElementQuery));
+};
+
 /**
  * Searches for the popup container element relative to the provided editor view element.
  *

package/dist/cjs/experiences/index.js

@@ -51,6 +51,12 @@ Object.defineProperty(exports, "getPopupContainerFromEditorView", {
     return _experienceUtils.getPopupContainerFromEditorView;
   }
 });
+Object.defineProperty(exports, "popupWithNestedElement", {
+  enumerable: true,
+  get: function get() {
+    return _experienceUtils.popupWithNestedElement;
+  }
+});
 var _Experience = require("./Experience");
 var _consts = require("./consts");
 var _ExperienceCheckComposite = require("./ExperienceCheckComposite");

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

@@ -14,6 +14,7 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _shadowObserver = require("./shadowObserver");
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
@@ -163,13 +164,23 @@ function overflowShadow(Component, options) {
           showLeftShadow = _this$state.showLeftShadow,
           showRightShadow = _this$state.showRightShadow;
         var classNames = [!((_this$props = this.props) !== null && _this$props !== void 0 && _this$props.disableTableOverflowShadow) && showRightShadow && shadowClassNames.RIGHT_SHADOW, !((_this$props2 = this.props) !== null && _this$props2 !== void 0 && _this$props2.disableTableOverflowShadow) && showLeftShadow && shadowClassNames.LEFT_SHADOW, options.useShadowObserver && _shadowObserver.shadowObserverClassNames.SHADOW_CONTAINER].filter(Boolean).join(' ');
+
+        /**
+         * The widths have already been calculated to determine
+         * showRightShadow and showLeftShadow. If either is true,
+         * then the content is scrollable and we need to set the
+         * tabIndex to 0 to allow the user to scroll the content
+         * for a11y purposes.
+         */
+        var hasOverflowScroll = showRightShadow || showLeftShadow;
         return (
           /*#__PURE__*/
           // Ignored via go/ees005
-          // eslint-disable-next-line react/jsx-props-no-spreading
           _react.default.createElement(Component, (0, _extends2.default)({
             handleRef: this.handleContainer,
+            tabIndex: hasOverflowScroll && (0, _platformFeatureFlags.fg)('platform_editor_dec_a11y_fixes') ? 0 : undefined,
             shadowClassNames: classNames
+            // eslint-disable-next-line react/jsx-props-no-spreading
           }, this.props))
         );
       }

package/dist/cjs/utils/processRawValue.js

@@ -11,6 +11,7 @@ var _model = require("@atlaskit/editor-prosemirror/model");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _analytics = require("../analytics");
+var _utilities = require("../nesting/utilities");
 var _privacyFilter = require("./filter/privacy-filter");
 var _trackUnsupportedContent = require("./track-unsupported-content");
 var _validateUsingSpec = require("./validate-using-spec");
@@ -234,7 +235,10 @@ function processRawValue(schema, value, providerFactory, sanitizePrivateContent,
     if ((0, _expValEquals.expValEquals)('platform_editor_ssr_renderer', 'isEnabled', true)) {
       // Validate ADF first before converting nested-table extensions into nested tables
       // This matches the renderer's behavior in render-document.ts
-      entity = (0, _validateUsingSpec.validateADFEntity)(schema, transformedAdf || node, dispatchAnalyticsEvent);
+      var allowNestedTables = (0, _utilities.isNestedTablesSupported)(schema);
+      entity = (0, _validateUsingSpec.validateADFEntity)(schema, transformedAdf || node, dispatchAnalyticsEvent, allowNestedTables ? {
+        allowNestedTables: allowNestedTables
+      } : undefined);
 
       // Convert nested-table extensions into nested tables
       var _transformNestedTable3 = transformNestedTablesWithAnalytics(entity, dispatchAnalyticsEvent);

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

@@ -525,6 +525,7 @@ export let ACTION_SUBJECT_ID = /*#__PURE__*/function (ACTION_SUBJECT_ID) {
   ACTION_SUBJECT_ID["SYNCED_BLOCK_UPDATE"] = "syncedBlockUpdate";
   ACTION_SUBJECT_ID["REFERENCE_SYNCED_BLOCK_UPDATE"] = "referenceSyncedBlockUpdate";
   ACTION_SUBJECT_ID["SYNCED_BLOCK_CREATE"] = "syncedBlockCreate";
+  ACTION_SUBJECT_ID["REFERENCE_SYNCED_BLOCK_CREATE"] = "referenceSyncedBlockCreate";
   ACTION_SUBJECT_ID["SYNCED_BLOCK_DELETE"] = "syncedBlockDelete";
   ACTION_SUBJECT_ID["SYNCED_BLOCK_GET_SOURCE_INFO"] = "syncedBlockGetSourceInfo";
   ACTION_SUBJECT_ID["SYNCED_BLOCK_FETCH"] = "syncedBlockFetch";

package/dist/es2019/experiences/experience-utils.js

@@ -19,6 +19,27 @@ export const containsPopupWithNestedElement = (node, nestedElementQuery) => {
   return !!node.querySelector(`:scope > [data-editor-popup="true"] ${nestedElementQuery}`);
 };
 
+/**
+ * Returns the popup with a nested element identified by a specific test ID if it exists.
+ *
+ * @param node - The node to check.
+ * @param nestedElementQuery - The query to look for the nested element.
+ * @returns Element if the node contains the popup, undefined otherwise.
+ */
+export const popupWithNestedElement = (node, nestedElementQuery) => {
+  if (!(node instanceof HTMLElement)) {
+    return undefined;
+  }
+
+  // Check if node itself has the popup attribute and contains the element matching the nestedElementQuery
+  if (node.matches('[data-editor-popup="true"]')) {
+    return node.querySelector(nestedElementQuery);
+  }
+
+  // Check if any direct child with popup attribute contains the element matching the nestedElementQuery
+  return node.querySelector(`:scope > [data-editor-popup="true"] ${nestedElementQuery}`);
+};
+
 /**
  * Searches for the popup container element relative to the provided editor view element.
  *

package/dist/es2019/experiences/index.js

@@ -6,4 +6,4 @@ export { EXPERIENCE_ABORT_REASON, EXPERIENCE_FAILURE_REASON } from './consts';
 export { ExperienceCheckComposite } from './ExperienceCheckComposite';
 export { ExperienceCheckDomMutation } from './ExperienceCheckDomMutation';
 export { ExperienceCheckTimeout } from './ExperienceCheckTimeout';
-export { containsPopupWithNestedElement, getPopupContainerFromEditorView } from './experience-utils';
+export { containsPopupWithNestedElement, popupWithNestedElement, getPopupContainerFromEditorView } from './experience-utils';

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

@@ -1,6 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React from 'react';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { ShadowObserver, shadowObserverClassNames } from './shadowObserver';
 export const shadowClassNames = {
   RIGHT_SHADOW: 'right-shadow',
@@ -135,13 +136,23 @@ export default function overflowShadow(Component, options) {
         showRightShadow
       } = this.state;
       const classNames = [!((_this$props = this.props) !== null && _this$props !== void 0 && _this$props.disableTableOverflowShadow) && showRightShadow && shadowClassNames.RIGHT_SHADOW, !((_this$props2 = this.props) !== null && _this$props2 !== void 0 && _this$props2.disableTableOverflowShadow) && showLeftShadow && shadowClassNames.LEFT_SHADOW, options.useShadowObserver && shadowObserverClassNames.SHADOW_CONTAINER].filter(Boolean).join(' ');
+
+      /**
+       * The widths have already been calculated to determine
+       * showRightShadow and showLeftShadow. If either is true,
+       * then the content is scrollable and we need to set the
+       * tabIndex to 0 to allow the user to scroll the content
+       * for a11y purposes.
+       */
+      const hasOverflowScroll = showRightShadow || showLeftShadow;
       return (
         /*#__PURE__*/
         // Ignored via go/ees005
-        // eslint-disable-next-line react/jsx-props-no-spreading
         React.createElement(Component, _extends({
           handleRef: this.handleContainer,
+          tabIndex: hasOverflowScroll && fg('platform_editor_dec_a11y_fixes') ? 0 : undefined,
           shadowClassNames: classNames
+          // eslint-disable-next-line react/jsx-props-no-spreading
         }, this.props))
       );
     }

package/dist/es2019/utils/processRawValue.js

@@ -3,6 +3,7 @@ import { Fragment, Node } from '@atlaskit/editor-prosemirror/model';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '../analytics';
+import { isNestedTablesSupported } from '../nesting/utilities';
 import { sanitizeNodeForPrivacy } from './filter/privacy-filter';
 import { findAndTrackUnsupportedContentNodes } from './track-unsupported-content';
 import { validateADFEntity } from './validate-using-spec';
@@ -233,7 +234,10 @@ export function processRawValue(schema, value, providerFactory, sanitizePrivateC
     if (expValEquals('platform_editor_ssr_renderer', 'isEnabled', true)) {
       // Validate ADF first before converting nested-table extensions into nested tables
       // This matches the renderer's behavior in render-document.ts
-      entity = validateADFEntity(schema, transformedAdf || node, dispatchAnalyticsEvent);
+      const allowNestedTables = isNestedTablesSupported(schema);
+      entity = validateADFEntity(schema, transformedAdf || node, dispatchAnalyticsEvent, allowNestedTables ? {
+        allowNestedTables
+      } : undefined);
 
       // Convert nested-table extensions into nested tables
       ({

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

@@ -525,6 +525,7 @@ export var ACTION_SUBJECT_ID = /*#__PURE__*/function (ACTION_SUBJECT_ID) {
   ACTION_SUBJECT_ID["SYNCED_BLOCK_UPDATE"] = "syncedBlockUpdate";
   ACTION_SUBJECT_ID["REFERENCE_SYNCED_BLOCK_UPDATE"] = "referenceSyncedBlockUpdate";
   ACTION_SUBJECT_ID["SYNCED_BLOCK_CREATE"] = "syncedBlockCreate";
+  ACTION_SUBJECT_ID["REFERENCE_SYNCED_BLOCK_CREATE"] = "referenceSyncedBlockCreate";
   ACTION_SUBJECT_ID["SYNCED_BLOCK_DELETE"] = "syncedBlockDelete";
   ACTION_SUBJECT_ID["SYNCED_BLOCK_GET_SOURCE_INFO"] = "syncedBlockGetSourceInfo";
   ACTION_SUBJECT_ID["SYNCED_BLOCK_FETCH"] = "syncedBlockFetch";

package/dist/esm/experiences/experience-utils.js

@@ -19,6 +19,27 @@ export var containsPopupWithNestedElement = function containsPopupWithNestedElem
   return !!node.querySelector(":scope > [data-editor-popup=\"true\"] ".concat(nestedElementQuery));
 };
 
+/**
+ * Returns the popup with a nested element identified by a specific test ID if it exists.
+ *
+ * @param node - The node to check.
+ * @param nestedElementQuery - The query to look for the nested element.
+ * @returns Element if the node contains the popup, undefined otherwise.
+ */
+export var popupWithNestedElement = function popupWithNestedElement(node, nestedElementQuery) {
+  if (!(node instanceof HTMLElement)) {
+    return undefined;
+  }
+
+  // Check if node itself has the popup attribute and contains the element matching the nestedElementQuery
+  if (node.matches('[data-editor-popup="true"]')) {
+    return node.querySelector(nestedElementQuery);
+  }
+
+  // Check if any direct child with popup attribute contains the element matching the nestedElementQuery
+  return node.querySelector(":scope > [data-editor-popup=\"true\"] ".concat(nestedElementQuery));
+};
+
 /**
  * Searches for the popup container element relative to the provided editor view element.
  *

package/dist/esm/experiences/index.js

@@ -6,4 +6,4 @@ export { EXPERIENCE_ABORT_REASON, EXPERIENCE_FAILURE_REASON } from './consts';
 export { ExperienceCheckComposite } from './ExperienceCheckComposite';
 export { ExperienceCheckDomMutation } from './ExperienceCheckDomMutation';
 export { ExperienceCheckTimeout } from './ExperienceCheckTimeout';
-export { containsPopupWithNestedElement, getPopupContainerFromEditorView } from './experience-utils';
+export { containsPopupWithNestedElement, popupWithNestedElement, getPopupContainerFromEditorView } from './experience-utils';

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

@@ -8,6 +8,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React from 'react';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { ShadowObserver, shadowObserverClassNames } from './shadowObserver';
 export var shadowClassNames = {
   RIGHT_SHADOW: 'right-shadow',
@@ -155,13 +156,23 @@ export default function overflowShadow(Component, options) {
           showLeftShadow = _this$state.showLeftShadow,
           showRightShadow = _this$state.showRightShadow;
         var classNames = [!((_this$props = this.props) !== null && _this$props !== void 0 && _this$props.disableTableOverflowShadow) && showRightShadow && shadowClassNames.RIGHT_SHADOW, !((_this$props2 = this.props) !== null && _this$props2 !== void 0 && _this$props2.disableTableOverflowShadow) && showLeftShadow && shadowClassNames.LEFT_SHADOW, options.useShadowObserver && shadowObserverClassNames.SHADOW_CONTAINER].filter(Boolean).join(' ');
+
+        /**
+         * The widths have already been calculated to determine
+         * showRightShadow and showLeftShadow. If either is true,
+         * then the content is scrollable and we need to set the
+         * tabIndex to 0 to allow the user to scroll the content
+         * for a11y purposes.
+         */
+        var hasOverflowScroll = showRightShadow || showLeftShadow;
         return (
           /*#__PURE__*/
           // Ignored via go/ees005
-          // eslint-disable-next-line react/jsx-props-no-spreading
           React.createElement(Component, _extends({
             handleRef: this.handleContainer,
+            tabIndex: hasOverflowScroll && fg('platform_editor_dec_a11y_fixes') ? 0 : undefined,
             shadowClassNames: classNames
+            // eslint-disable-next-line react/jsx-props-no-spreading
           }, this.props))
         );
       }

package/dist/esm/utils/processRawValue.js

@@ -3,6 +3,7 @@ import { Fragment, Node } from '@atlaskit/editor-prosemirror/model';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '../analytics';
+import { isNestedTablesSupported } from '../nesting/utilities';
 import { sanitizeNodeForPrivacy } from './filter/privacy-filter';
 import { findAndTrackUnsupportedContentNodes } from './track-unsupported-content';
 import { validateADFEntity } from './validate-using-spec';
@@ -226,7 +227,10 @@ export function processRawValue(schema, value, providerFactory, sanitizePrivateC
     if (expValEquals('platform_editor_ssr_renderer', 'isEnabled', true)) {
       // Validate ADF first before converting nested-table extensions into nested tables
       // This matches the renderer's behavior in render-document.ts
-      entity = validateADFEntity(schema, transformedAdf || node, dispatchAnalyticsEvent);
+      var allowNestedTables = isNestedTablesSupported(schema);
+      entity = validateADFEntity(schema, transformedAdf || node, dispatchAnalyticsEvent, allowNestedTables ? {
+        allowNestedTables: allowNestedTables
+      } : undefined);
 
       // Convert nested-table extensions into nested tables
       var _transformNestedTable3 = transformNestedTablesWithAnalytics(entity, dispatchAnalyticsEvent);

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

@@ -517,6 +517,7 @@ export declare enum ACTION_SUBJECT_ID {
     SYNCED_BLOCK_UPDATE = "syncedBlockUpdate",
     REFERENCE_SYNCED_BLOCK_UPDATE = "referenceSyncedBlockUpdate",
     SYNCED_BLOCK_CREATE = "syncedBlockCreate",
+    REFERENCE_SYNCED_BLOCK_CREATE = "referenceSyncedBlockCreate",
     SYNCED_BLOCK_DELETE = "syncedBlockDelete",
     SYNCED_BLOCK_GET_SOURCE_INFO = "syncedBlockGetSourceInfo",
     SYNCED_BLOCK_FETCH = "syncedBlockFetch"

package/dist/types/experiences/experience-utils.d.ts

@@ -6,6 +6,14 @@
  * @returns True if the node contains the popup, false otherwise.
  */
 export declare const containsPopupWithNestedElement: (node: Node | null | undefined, nestedElementQuery: string) => boolean;
+/**
+ * Returns the popup with a nested element identified by a specific test ID if it exists.
+ *
+ * @param node - The node to check.
+ * @param nestedElementQuery - The query to look for the nested element.
+ * @returns Element if the node contains the popup, undefined otherwise.
+ */
+export declare const popupWithNestedElement: (node: Node | null | undefined, nestedElementQuery: string) => Element | null | undefined;
 /**
  * Searches for the popup container element relative to the provided editor view element.
  *

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

@@ -5,4 +5,4 @@ export { ExperienceCheckDomMutation } from './ExperienceCheckDomMutation';
 export { ExperienceCheckTimeout } from './ExperienceCheckTimeout';
 export type { ExperienceCheck, ExperienceCheckCallback, ExperienceCheckResult, } from './ExperienceCheck';
 export type { ExperienceCheckDomMutationConfig, ExperienceCheckDomMutationObserveConfig, ExperienceDomMutationCheckOptions, } from './ExperienceCheckDomMutation';
-export { containsPopupWithNestedElement, getPopupContainerFromEditorView, } from './experience-utils';
+export { containsPopupWithNestedElement, popupWithNestedElement, getPopupContainerFromEditorView, } from './experience-utils';

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

@@ -41,6 +41,7 @@ export type TypeAheadItem = {
     keyshortcut?: string;
     lozenge?: ReactNode;
     render?: (props: TypeAheadItemRenderProps) => React.ReactElement<TypeAheadItemRenderProps> | null;
+    testId?: string;
     title: string;
 };
 export type TypeAheadForceSelect = (props: TypeAheadForceSelectProps) => TypeAheadItem | undefined;

package/dist/types/ui/OverflowShadow/index.d.ts

@@ -8,6 +8,7 @@ export interface OverflowShadowProps {
     disableTableOverflowShadow?: boolean;
     handleRef?: (ref: HTMLElement | null) => void;
     shadowClassNames?: string;
+    tabIndex?: number;
 }
 export interface OverflowShadowState {
     showLeftShadow: boolean;

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

@@ -517,6 +517,7 @@ export declare enum ACTION_SUBJECT_ID {
     SYNCED_BLOCK_UPDATE = "syncedBlockUpdate",
     REFERENCE_SYNCED_BLOCK_UPDATE = "referenceSyncedBlockUpdate",
     SYNCED_BLOCK_CREATE = "syncedBlockCreate",
+    REFERENCE_SYNCED_BLOCK_CREATE = "referenceSyncedBlockCreate",
     SYNCED_BLOCK_DELETE = "syncedBlockDelete",
     SYNCED_BLOCK_GET_SOURCE_INFO = "syncedBlockGetSourceInfo",
     SYNCED_BLOCK_FETCH = "syncedBlockFetch"

package/dist/types-ts4.5/experiences/experience-utils.d.ts

@@ -6,6 +6,14 @@
  * @returns True if the node contains the popup, false otherwise.
  */
 export declare const containsPopupWithNestedElement: (node: Node | null | undefined, nestedElementQuery: string) => boolean;
+/**
+ * Returns the popup with a nested element identified by a specific test ID if it exists.
+ *
+ * @param node - The node to check.
+ * @param nestedElementQuery - The query to look for the nested element.
+ * @returns Element if the node contains the popup, undefined otherwise.
+ */
+export declare const popupWithNestedElement: (node: Node | null | undefined, nestedElementQuery: string) => Element | null | undefined;
 /**
  * Searches for the popup container element relative to the provided editor view element.
  *

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

@@ -5,4 +5,4 @@ export { ExperienceCheckDomMutation } from './ExperienceCheckDomMutation';
 export { ExperienceCheckTimeout } from './ExperienceCheckTimeout';
 export type { ExperienceCheck, ExperienceCheckCallback, ExperienceCheckResult, } from './ExperienceCheck';
 export type { ExperienceCheckDomMutationConfig, ExperienceCheckDomMutationObserveConfig, ExperienceDomMutationCheckOptions, } from './ExperienceCheckDomMutation';
-export { containsPopupWithNestedElement, getPopupContainerFromEditorView, } from './experience-utils';
+export { containsPopupWithNestedElement, popupWithNestedElement, getPopupContainerFromEditorView, } from './experience-utils';

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

@@ -41,6 +41,7 @@ export type TypeAheadItem = {
     keyshortcut?: string;
     lozenge?: ReactNode;
     render?: (props: TypeAheadItemRenderProps) => React.ReactElement<TypeAheadItemRenderProps> | null;
+    testId?: string;
     title: string;
 };
 export type TypeAheadForceSelect = (props: TypeAheadForceSelectProps) => TypeAheadItem | undefined;

package/dist/types-ts4.5/ui/OverflowShadow/index.d.ts

@@ -8,6 +8,7 @@ export interface OverflowShadowProps {
     disableTableOverflowShadow?: boolean;
     handleRef?: (ref: HTMLElement | null) => void;
     shadowClassNames?: string;
+    tabIndex?: number;
 }
 export interface OverflowShadowState {
     showLeftShadow: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "111.1.0",
+	"version": "111.2.1",
 	"description": "A package that contains common classes and components for editor and renderer",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -75,13 +75,13 @@
 		"@atlaskit/react-ufo": "^4.16.0",
 		"@atlaskit/section-message": "^8.11.0",
 		"@atlaskit/smart-card": "^43.18.0",
-		"@atlaskit/smart-user-picker": "^8.5.0",
+		"@atlaskit/smart-user-picker": "^8.6.0",
 		"@atlaskit/spinner": "^19.0.0",
 		"@atlaskit/status": "^3.0.0",
 		"@atlaskit/task-decision": "^19.2.0",
 		"@atlaskit/textfield": "^8.2.0",
 		"@atlaskit/theme": "^21.0.0",
-		"@atlaskit/tmp-editor-statsig": "^16.3.0",
+		"@atlaskit/tmp-editor-statsig": "^16.4.0",
 		"@atlaskit/tokens": "^9.0.0",
 		"@atlaskit/tooltip": "^20.11.0",
 		"@atlaskit/width-detector": "^5.0.0",