@atlaskit/editor-common 102.0.0 → 102.2.0

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

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

@@ -23,7 +23,6 @@ var defaultState = {
       position: null
     }
   },
-  // fix Safari parent width: https://product-fabric.atlassian.net/browse/ED-1784
   cssPosition: 'absolute',
   originalHeight: null,
   maxHeight: null

package/dist/esm/ui-menu/ColorPickerButton/index.js

@@ -51,7 +51,7 @@ var colorPickerButtonStyle = css({
 });
 
 // Control the size of color picker buttons and preview
-// TODO: https://product-fabric.atlassian.net/browse/DSP-4134
+// TODO: DSP-4134 - Color picking UI
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
 // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
 var colorPickerWrapper = function colorPickerWrapper() {

package/dist/esm/ui-menu/ToolbarButton/styles.js

@@ -9,6 +9,8 @@ export default /*#__PURE__*/React.forwardRef(function (props, ref) {
     // Ignored via go/ees005
     // eslint-disable-next-line react/jsx-props-no-spreading
   }, props, {
+    // Ignored via go/ees007
+    // eslint-disable-next-line @atlaskit/editor/enforce-todo-comment-format
     // TODO: (from codemod) Buttons with "component", "css" or "style" prop can't be automatically migrated with codemods. Please migrate it manually.
     // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
     style: {

package/dist/esm/ui-react/with-react-editor-view-outer-listeners.js

@@ -6,10 +6,11 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstruct
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/inherits";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["handleClickOutside", "handleEnterKeydown", "handleEscapeKeydown", "closeOnTab"];
+var _excluded = ["handleClickOutside", "handleEnterKeydown", "handleEscapeKeydown", "closeOnTab", "captureClick"];
 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, { PureComponent, useCallback, useEffect, useRef, useState } from 'react';
+import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import ReactEditorViewContext from './ReactEditorViewContext';
 // Use this context to pass in the reference of the element that should be considered as the outside click target
 // The outside click target is the element that should be clicked outside of to trigger the `handleClickOutside` event
@@ -68,9 +69,12 @@ var WithOutsideClick = /*#__PURE__*/function (_PureComponent) {
     key: "componentDidMount",
     value: function componentDidMount() {
       if (this.props.handleClickOutside) {
+        var options = this.props.captureClick && editorExperiment('platform_editor_controls', 'variant1') ? {
+          capture: true
+        } : false;
         // Ignored via go/ees005
         // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
-        document.addEventListener('click', this.handleClick, false);
+        document.addEventListener('click', this.handleClick, options);
       }
       if (this.props.handleEscapeKeydown) {
         var _this$props$editorRef;
@@ -88,9 +92,12 @@ var WithOutsideClick = /*#__PURE__*/function (_PureComponent) {
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
       if (this.props.handleClickOutside) {
+        var options = this.props.captureClick && editorExperiment('platform_editor_controls', 'variant1') ? {
+          capture: true
+        } : false;
         // Ignored via go/ees005
         // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
-        document.removeEventListener('click', this.handleClick, false);
+        document.removeEventListener('click', this.handleClick, options);
       }
       if (this.props.handleEscapeKeydown) {
         var _this$props$editorRef2;
@@ -121,6 +128,7 @@ export default function withReactEditorViewOuterListeners(Component) {
       handleEnterKeydown = _ref.handleEnterKeydown,
       handleEscapeKeydown = _ref.handleEscapeKeydown,
       closeOnTab = _ref.closeOnTab,
+      captureClick = _ref.captureClick,
       props = _objectWithoutProperties(_ref, _excluded);
     var isActiveProp = hasIsOpen(props) ? props.isOpen : true;
     var _useState = useState(false),
@@ -152,7 +160,8 @@ export default function withReactEditorViewOuterListeners(Component) {
         handleClickOutside: handleClickOutside,
         handleEnterKeydown: handleEnterKeydown,
         handleEscapeKeydown: handleEscapeKeydown,
-        closeOnTab: closeOnTab
+        closeOnTab: closeOnTab,
+        captureClick: captureClick
       }, /*#__PURE__*/React.createElement(Component
       // Ignored via go/ees005
       // eslint-disable-next-line react/jsx-props-no-spreading

package/dist/esm/utils/calculate-toolbar-position.js

@@ -18,6 +18,8 @@ export var calculateToolbarPositionAboveSelection = function calculateToolbarPos
       return nextPos;
     }
     // scroll wrapper for full page, fall back to document body
+    // Ignored via go/ees007
+    // eslint-disable-next-line @atlaskit/editor/enforce-todo-comment-format
     // TODO: look into using getScrollGutterOptions()
     var scrollWrapper = editorView.dom.closest('.fabric-editor-popup-scroll-parent') || document.body;
     var wrapperBounds = scrollWrapper.getBoundingClientRect();
@@ -92,6 +94,8 @@ export var calculateToolbarPositionTrackHead = function calculateToolbarPosition
       return nextPos;
     }
     // scroll wrapper for full page, fall back to document body
+    // Ignored via go/ees007
+    // eslint-disable-next-line @atlaskit/editor/enforce-todo-comment-format
     // TODO: look into using getScrollGutterOptions()
     var scrollWrapper = editorView.dom.closest('.fabric-editor-popup-scroll-parent') || document.body;
     var wrapperBounds = scrollWrapper.getBoundingClientRect();

package/dist/esm/utils/compareNodes.js

@@ -157,7 +157,6 @@ function getMetaFromNode(node, options, normalizeTextParser) {
       }
     case 'mention':
       {
-        // TODO: Check what should be the fallback when mention does not have a text
         var _text2 = firstChild.attrs.text || '';
         return {
           type: ContentType.MENTION,

package/dist/esm/utils/get-performance-options.js

@@ -8,7 +8,6 @@ var DEFAULT_SAMPLING_RATE = 100;
 var DEFAULT_SLOW_THRESHOLD = 7;
 export function getPerformanceOptions(view) {
   var _nodeViewTracking$sam, _nodeViewTracking$slo;
-  // TODO: ED-15663
   // Please, do not copy or use this kind of code below
   // @ts-ignore
   var fakePluginKey = {

package/dist/esm/utils/is-text-input.js

@@ -1,6 +1,4 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-// TODO: remove from editor-core utils, re-export from editor-common
-
 import { ReplaceStep } from '@atlaskit/editor-prosemirror/transform';
 export var isTextInput = function isTextInput(tr) {
   var _tr$steps = _slicedToArray(tr.steps, 1),

package/dist/esm/utils/table.js

@@ -33,6 +33,8 @@ export function getColumnWidths(node) {
   return tableColumnWidths;
 }
 export function calcTableColumnWidths(node) {
+  // Ignored via go/ees007
+  // eslint-disable-next-line @atlaskit/editor/enforce-todo-comment-format
   // TODO: replaced with getColumnWidths, which correctly scans entire table for column widths
   if (fg('platform_editor_table_row_span_fix')) {
     var _firstRow = node.firstChild;

package/dist/esm/utils/validate-using-spec.js

@@ -42,6 +42,8 @@ export var validationErrorHandler = function validationErrorHandler(entity, erro
     };
   }
 
+  // Ignored via go/ees007
+  // eslint-disable-next-line @atlaskit/editor/enforce-todo-comment-format
   // TODO: We can repair missing content like `panel` without a `paragraph`.
   if (error.code === 'INVALID_CONTENT_LENGTH') {
     if (error.meta && options.allowUnsupportedBlock && entity.content) {

package/dist/esm/with-plugin-state/index.js

@@ -210,7 +210,6 @@ export var WithPluginStateInner = /*#__PURE__*/function (_React$Component2) {
         return;
       }
 
-      // TODO: ED-15663
       // Please, do not copy or use this kind of code below
       // @ts-ignore
       var fakePluginKey = {

package/dist/types/ai-messages/ai.d.ts

@@ -4,6 +4,11 @@ export declare const aiMessages: {
         defaultMessage: string;
         description: string;
     };
+    eventHubfallbackSuggestedTitlePrefix: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
     aiToolbarTitle: {
         id: string;
         defaultMessage: string;

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

@@ -1,7 +1,7 @@
 import type { ReactElement } from 'react';
 import { type BatchAttrsStep, type OverrideDocumentStepJSON as OverrideDocumentStep } from '@atlaskit/adf-schema/steps';
 import type { JSONDocNode } from '@atlaskit/editor-json-transformer';
-import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
+import type { Node as PMNode, Slice } from '@atlaskit/editor-prosemirror/model';
 import type { EditorState, ReadonlyTransaction, Transaction } from '@atlaskit/editor-prosemirror/state';
 import type { Step } from '@atlaskit/editor-prosemirror/transform';
 import { token } from '@atlaskit/tokens';
@@ -409,7 +409,17 @@ export type UserPermitType = {
     isPermittedToEdit: boolean;
 };
 export type CollabPermissionEventPayload = UserPermitType;
-export interface CollabEventConflictPayload {
+export type ConflictChange = {
+    from: number;
+    to: number;
+    local: Slice;
+    remote: Slice;
+};
+export type ConflictChanges = {
+    inserted: ConflictChange[];
+    deleted: ConflictChange[];
+};
+export interface CollabEventConflictPayload extends ConflictChanges {
     offlineDoc: PMNode;
 }
 export interface CollabEvents {

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

@@ -29,6 +29,11 @@ export declare const panelMessages: {
         defaultMessage: string;
         description: string;
     };
+    custom: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
     backgroundColor: {
         id: string;
         defaultMessage: string;

package/dist/types/provider-factory/with-providers.d.ts

@@ -13,7 +13,6 @@ export declare class WithProviders extends PureComponent<Props, {
     mounted: boolean;
     constructor(props: Props);
     componentDidMount(): void;
-    UNSAFE_componentWillMount(): void;
     componentWillUnmount(): void;
     handleProviderIfMounted: (name: string, provider?: Promise<any>) => void;
     handleProvider: (name: string, provider?: Promise<any>) => void;

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

@@ -84,9 +84,6 @@ export type InlineCommentViewComponentProps = {
      * for annotation with given ID.
      *
      * The `undefined` will be returned if `editor_inline_comments_on_inline_nodes` is off.
-     *
-     * @todo: Do not forget to remove `undefined` when the
-     *        `editor_inline_comments_on_inline_nodes` is removed.
      */
     getInlineNodeTypes: (annotationId: string) => string[] | undefined;
 };

package/dist/types/ui-react/with-react-editor-view-outer-listeners.d.ts

@@ -7,6 +7,12 @@ export interface WithOutsideClickProps {
     handleEnterKeydown?: SimpleEventHandler<KeyboardEvent>;
     targetRef?: any;
     closeOnTab?: boolean;
+    /**
+     * Use when you want the click handler to call on the capture phase instead of during bubbling.
+     * This is useful when you're in a popup with interative UI elements that may disappear on click
+     * like when toggling UI states
+     */
+    captureClick?: boolean;
 }
 export default function withReactEditorViewOuterListeners<P extends Object>(Component: React.ComponentType<React.PropsWithChildren<P>>): React.ComponentType<React.PropsWithChildren<P & WithOutsideClickProps>>;
 export {};

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

@@ -4,6 +4,11 @@ export declare const aiMessages: {
         defaultMessage: string;
         description: string;
     };
+    eventHubfallbackSuggestedTitlePrefix: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
     aiToolbarTitle: {
         id: string;
         defaultMessage: string;

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

@@ -1,7 +1,7 @@
 import type { ReactElement } from 'react';
 import { type BatchAttrsStep, type OverrideDocumentStepJSON as OverrideDocumentStep } from '@atlaskit/adf-schema/steps';
 import type { JSONDocNode } from '@atlaskit/editor-json-transformer';
-import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
+import type { Node as PMNode, Slice } from '@atlaskit/editor-prosemirror/model';
 import type { EditorState, ReadonlyTransaction, Transaction } from '@atlaskit/editor-prosemirror/state';
 import type { Step } from '@atlaskit/editor-prosemirror/transform';
 import { token } from '@atlaskit/tokens';
@@ -409,7 +409,17 @@ export type UserPermitType = {
     isPermittedToEdit: boolean;
 };
 export type CollabPermissionEventPayload = UserPermitType;
-export interface CollabEventConflictPayload {
+export type ConflictChange = {
+    from: number;
+    to: number;
+    local: Slice;
+    remote: Slice;
+};
+export type ConflictChanges = {
+    inserted: ConflictChange[];
+    deleted: ConflictChange[];
+};
+export interface CollabEventConflictPayload extends ConflictChanges {
     offlineDoc: PMNode;
 }
 export interface CollabEvents {

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

@@ -29,6 +29,11 @@ export declare const panelMessages: {
         defaultMessage: string;
         description: string;
     };
+    custom: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
     backgroundColor: {
         id: string;
         defaultMessage: string;

package/dist/types-ts4.5/provider-factory/with-providers.d.ts

@@ -13,7 +13,6 @@ export declare class WithProviders extends PureComponent<Props, {
     mounted: boolean;
     constructor(props: Props);
     componentDidMount(): void;
-    UNSAFE_componentWillMount(): void;
     componentWillUnmount(): void;
     handleProviderIfMounted: (name: string, provider?: Promise<any>) => void;
     handleProvider: (name: string, provider?: Promise<any>) => void;

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

@@ -84,9 +84,6 @@ export type InlineCommentViewComponentProps = {
      * for annotation with given ID.
      *
      * The `undefined` will be returned if `editor_inline_comments_on_inline_nodes` is off.
-     *
-     * @todo: Do not forget to remove `undefined` when the
-     *        `editor_inline_comments_on_inline_nodes` is removed.
      */
     getInlineNodeTypes: (annotationId: string) => string[] | undefined;
 };

package/dist/types-ts4.5/ui-react/with-react-editor-view-outer-listeners.d.ts

@@ -7,6 +7,12 @@ export interface WithOutsideClickProps {
     handleEnterKeydown?: SimpleEventHandler<KeyboardEvent>;
     targetRef?: any;
     closeOnTab?: boolean;
+    /**
+     * Use when you want the click handler to call on the capture phase instead of during bubbling.
+     * This is useful when you're in a popup with interative UI elements that may disappear on click
+     * like when toggling UI states
+     */
+    captureClick?: boolean;
 }
 export default function withReactEditorViewOuterListeners<P extends Object>(Component: React.ComponentType<React.PropsWithChildren<P>>): React.ComponentType<React.PropsWithChildren<P & WithOutsideClickProps>>;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "102.0.0",
+	"version": "102.2.0",
 	"description": "A package that contains common classes and components for editor and renderer",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -256,9 +256,6 @@
 		"platform_editor_react18_phase2_v2": {
 			"type": "boolean"
 		},
-		"platform_editor_is_disabled_state_element_browser": {
-			"type": "boolean"
-		},
 		"platform_editor_allow_annotation_triple_click": {
 			"type": "boolean"
 		},