@atlaskit/editor-common 111.2.0 → 111.3.0

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @atlaskit/editor-common
 
+## 111.3.0
+
+### Minor Changes
+
+- [`77df724ec737e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/77df724ec737e) -
+  [https://product-fabric.atlassian.net/browse/ED-28631](ED-28631) - cleanup the
+  platform_editor_smart_card_otp Statsig experiment
+
+### Patch Changes
+
+- Updated dependencies
+
+## 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

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/ResizerLegacy/index.js

@@ -15,7 +15,6 @@ var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _reResizable = require("re-resizable");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
-var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _analytics = require("../../analytics");
 var _styles = require("../../styles");
 var _utils = require("../../utils");
@@ -190,8 +189,7 @@ var Resizer = exports.default = /*#__PURE__*/function (_React$Component) {
           pointerEvents: 'none'
         };
       }
-      var nonZeroWidth = (0, _expValEquals.expValEquals)('platform_editor_smart_card_otp', 'isEnabled', true) ? width || '100%' // In SSR width could be 0 initially
-      : width;
+      var nonZeroWidth = width || '100%'; // In SSR width could be 0 initially
 
       // Ideally, Resizable would let you pass in the component rather than
       // the div. For now, we just apply the same styles using CSS

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/ResizerLegacy/index.js

@@ -3,7 +3,6 @@ import React from 'react';
 import classnames from 'classnames';
 import { Resizable } from 're-resizable';
 import { akRichMediaResizeZIndex } from '@atlaskit/editor-shared-styles';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '../../analytics';
 import { richMediaClassName } from '../../styles';
 import { gridTypeForLayout } from '../../utils';
@@ -181,8 +180,7 @@ export default class Resizer extends React.Component {
         pointerEvents: 'none'
       };
     }
-    const nonZeroWidth = expValEquals('platform_editor_smart_card_otp', 'isEnabled', true) ? width || '100%' // In SSR width could be 0 initially
-    : width;
+    const nonZeroWidth = width || '100%'; // In SSR width could be 0 initially
 
     // Ideally, Resizable would let you pass in the component rather than
     // the div. For now, we just apply the same styles using CSS

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/ResizerLegacy/index.js

@@ -12,7 +12,6 @@ import React from 'react';
 import classnames from 'classnames';
 import { Resizable } from 're-resizable';
 import { akRichMediaResizeZIndex } from '@atlaskit/editor-shared-styles';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '../../analytics';
 import { richMediaClassName } from '../../styles';
 import { gridTypeForLayout } from '../../utils';
@@ -183,8 +182,7 @@ var Resizer = /*#__PURE__*/function (_React$Component) {
           pointerEvents: 'none'
         };
       }
-      var nonZeroWidth = expValEquals('platform_editor_smart_card_otp', 'isEnabled', true) ? width || '100%' // In SSR width could be 0 initially
-      : width;
+      var nonZeroWidth = width || '100%'; // In SSR width could be 0 initially
 
       // Ideally, Resizable would let you pass in the component rather than
       // the div. For now, we just apply the same styles using CSS

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-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/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "111.2.0",
+	"version": "111.3.0",
 	"description": "A package that contains common classes and components for editor and renderer",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -74,15 +74,15 @@
 		"@atlaskit/prosemirror-history": "^0.2.0",
 		"@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-card": "^43.19.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/tokens": "^9.0.0",
+		"@atlaskit/tmp-editor-statsig": "^16.6.0",
+		"@atlaskit/tokens": "^9.1.0",
 		"@atlaskit/tooltip": "^20.11.0",
 		"@atlaskit/width-detector": "^5.0.0",
 		"@babel/runtime": "^7.0.0",