@atlaskit/editor-common 100.1.0 → 100.1.2

package/dist/esm/ui/Mention/mention-with-providers.js

@@ -1,18 +1,8 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-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, useLayoutEffect, useRef, useState } from 'react';
+import React, { useLayoutEffect, useRef, useState } from 'react';
 import { ResourcedMention } from '@atlaskit/mention/element';
 import ResourcedMentionWithProfilecard from './mention-with-profilecard';
 var GENERIC_USER_IDS = ['HipChat', 'all', 'here'];
-var noop = function noop() {};
 export var MentionWithProviders = function MentionWithProviders(_ref) {
   var accessLevel = _ref.accessLevel,
     eventHandlers = _ref.eventHandlers,
@@ -62,97 +52,4 @@ export var MentionWithProviders = function MentionWithProviders(_ref) {
     onMouseEnter: eventHandlers === null || eventHandlers === void 0 ? void 0 : eventHandlers.onMouseEnter,
     onMouseLeave: eventHandlers === null || eventHandlers === void 0 ? void 0 : eventHandlers.onMouseLeave
   });
-};
-
-// eslint-disable-next-line @repo/internal/react/no-class-components
-export var MentionWithProvidersOld = /*#__PURE__*/function (_PureComponent) {
-  function MentionWithProvidersOld() {
-    var _this;
-    _classCallCheck(this, MentionWithProvidersOld);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _callSuper(this, MentionWithProvidersOld, [].concat(args));
-    _defineProperty(_this, "state", {
-      profilecardProvider: null
-    });
-    return _this;
-  }
-  _inherits(MentionWithProvidersOld, _PureComponent);
-  return _createClass(MentionWithProvidersOld, [{
-    key: "UNSAFE_componentWillMount",
-    value:
-    // Ignored via go/ees005
-    // eslint-disable-next-line react/no-unsafe
-    function UNSAFE_componentWillMount() {
-      this.updateProfilecardProvider(this.props);
-    }
-
-    // Ignored via go/ees005
-    // eslint-disable-next-line react/no-unsafe
-  }, {
-    key: "UNSAFE_componentWillReceiveProps",
-    value: function UNSAFE_componentWillReceiveProps(nextProps) {
-      if (nextProps.profilecardProvider !== this.props.profilecardProvider) {
-        this.updateProfilecardProvider(nextProps);
-      }
-    }
-  }, {
-    key: "updateProfilecardProvider",
-    value: function updateProfilecardProvider(props) {
-      var _this2 = this;
-      // We are not using async/await here to avoid having an intermediate Promise
-      // introduced by the transpiler.
-      // This will allow consumer to use a SynchronousPromise.resolve and avoid useless
-      // rerendering
-      if (props.profilecardProvider) {
-        props.profilecardProvider.then(function (profilecardProvider) {
-          _this2.setState({
-            profilecardProvider: profilecardProvider
-          });
-        }).catch(function () {
-          _this2.setState({
-            profilecardProvider: null
-          });
-        });
-      } else {
-        this.setState({
-          profilecardProvider: null
-        });
-      }
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-        accessLevel = _this$props.accessLevel,
-        eventHandlers = _this$props.eventHandlers,
-        id = _this$props.id,
-        mentionProvider = _this$props.mentionProvider,
-        text = _this$props.text,
-        localId = _this$props.localId;
-      var profilecardProvider = this.state.profilecardProvider;
-
-      // Ignored via go/ees005
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      var actionHandlers = {};
-      ['onClick', 'onMouseEnter', 'onMouseLeave'].forEach(function (handler) {
-        actionHandlers[handler] = eventHandlers && eventHandlers[handler] || noop;
-      });
-      var MentionComponent = profilecardProvider && GENERIC_USER_IDS.indexOf(id) === -1 ? ResourcedMentionWithProfilecard : ResourcedMention;
-      return /*#__PURE__*/React.createElement(MentionComponent, _extends({
-        id: id,
-        text: text,
-        accessLevel: accessLevel,
-        localId: localId,
-        mentionProvider: mentionProvider
-        // Ignored via go/ees005
-        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-        ,
-        profilecardProvider: profilecardProvider
-        // Ignored via go/ees005
-        // eslint-disable-next-line react/jsx-props-no-spreading
-      }, actionHandlers));
-    }
-  }]);
-}(PureComponent);
+};

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

@@ -20,7 +20,9 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
  * @jsxRuntime classic
  * @jsx jsx
  */
+
 import React, { PureComponent, useContext } from 'react';
+
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { akEditorFloatingPanelZIndex } from '@atlaskit/editor-shared-styles';
@@ -50,7 +52,7 @@ var buttonStyles = function buttonStyles(isActive, submenuActive) {
      * Hack for item to imitate old dropdown-menu selected styles
      */
     // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
-    return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\t\t\t> span,\n\t\t\t> span:hover,\n\t\t\t> span:active {\n\t\t\t\tbackground: ", ";\n\t\t\t\tcolor: ", ";\n\t\t\t}\n\t\t\t:focus > span[aria-disabled='false'] {\n\t\t\t\t", ";\n\t\t\t}\n\t\t\t:focus-visible,\n\t\t\t:focus-visible > span[aria-disabled='false'] {\n\t\t\t\toutline: none;\n\t\t\t}\n\t\t"])), "var(--ds-background-selected, #6c798f)", "var(--ds-text, #fff)", focusedMenuItemStyle);
+    return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\t\t\t> span,\n\t\t\t> span:hover,\n\t\t\t> span:active {\n\t\t\t\tbackground: ", ";\n\t\t\t\tcolor: ", ";\n\t\t\t}\n\t\t\t:focus > span[aria-disabled='false'] {\n\t\t\t\t", ";\n\t\t\t}\n\t\t\t:focus-visible,\n\t\t\t:focus-visible > span[aria-disabled='false'] {\n\t\t\t\toutline: none;\n\t\t\t}\n\t\t"])), "var(--ds-background-selected, #6c798f)", "var(--ds-text-selected, #0C66E4)", focusedMenuItemStyle);
   } else {
     // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
     return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n\t\t\t> span:hover[aria-disabled='false'] {\n\t\t\t\tcolor: ", ";\n\t\t\t\tbackground-color: ", ";\n\t\t\t}\n\t\t\t", "\n\t\t\t> span[aria-disabled='true'] {\n\t\t\t\tcolor: ", ";\n\t\t\t}\n\t\t\t:focus > span[aria-disabled='false'] {\n\t\t\t\t", ";\n\t\t\t}\n\t\t\t:focus-visible,\n\t\t\t:focus-visible > span[aria-disabled='false'] {\n\t\t\t\toutline: none;\n\t\t\t}\n\t\t"])), "var(--ds-text, #172B4D)", "var(--ds-background-neutral-subtle-hovered, rgb(244, 245, 247))", !submenuActive && "\n\t\t\t\t\t> span:active[aria-disabled='false'] {\n\t\t\t\t\t\tbackground-color: ".concat("var(--ds-background-neutral-subtle-pressed, rgb(179, 212, 255))", ";\n\t\t\t\t\t}"), "var(--ds-text-disabled, #091E424F)", focusedMenuItemStyle); // The default focus-visible style is removed to ensure consistency across browsers

package/dist/esm/utils/editor-core-utils.js

@@ -2,6 +2,7 @@ import { AllSelection, NodeSelection, TextSelection } from '@atlaskit/editor-pro
 import { ReplaceAroundStep, ReplaceStep } from '@atlaskit/editor-prosemirror/transform';
 import { hasParentNodeOfType } from '@atlaskit/editor-prosemirror/utils';
 import { CellSelection } from '@atlaskit/editor-tables/cell-selection';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { closest } from './dom';
 
 /**
@@ -47,7 +48,11 @@ export var isTextSelection = function isTextSelection(selection) {
   return selection instanceof TextSelection;
 };
 export var isElementInTableCell = function isElementInTableCell(element) {
-  return closest(element, 'td') || closest(element, 'th');
+  if (fg('platform_editor_nested_tables_column_drag_fix')) {
+    return closest(element, 'td, th');
+  } else {
+    return closest(element, 'td') || closest(element, 'th');
+  }
 };
 export var isLastItemMediaGroup = function isLastItemMediaGroup(node) {
   var content = node.content;

package/dist/types/extensibility/ExtensionComponent.d.ts

@@ -1,9 +1,8 @@
-import React, { Component } from 'react';
+import React from 'react';
 import type { ADFEntity } from '@atlaskit/adf-utils/types';
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { EventDispatcher } from '../event-dispatcher';
-import { getExtensionModuleNodePrivateProps, getNodeRenderer } from '../extensions';
 import type { ExtensionHandlers, ExtensionProvider, ReferenceEntity } from '../extensions';
 import type { ProsemirrorGetPosHandler } from '../react-node-view';
 import type { EditorAppearance } from '../types';
@@ -41,31 +40,4 @@ export type PropsNew = Omit<Props, 'extensionProvider'> & {
     setShowBodiedExtensionRendererView?: (showBodiedExtensionRendererView: boolean) => void;
 };
 export type StateNew = Omit<State, 'extensionProvider' | 'showBodiedExtensionRendererView'>;
-export declare class ExtensionComponentOld extends Component<Props, State> {
-    private privatePropsParsed;
-    state: State;
-    mounted: boolean;
-    UNSAFE_componentWillMount(): void;
-    componentDidMount(): void;
-    componentDidUpdate(): void;
-    componentWillUnmount(): void;
-    UNSAFE_componentWillReceiveProps(nextProps: Props): void;
-    getNodeRenderer: import("memoize-one").MemoizedFn<typeof getNodeRenderer>;
-    getExtensionModuleNodePrivateProps: import("memoize-one").MemoizedFn<typeof getExtensionModuleNodePrivateProps>;
-    setIsNodeHovered: (isHovered: boolean) => void;
-    setShowBodiedExtensionRendererView: (showRendererView: boolean) => void;
-    render(): React.JSX.Element | null;
-    private setStateFromPromise;
-    /**
-     * Parses any private nodes once an extension provider is available.
-     *
-     * We do this separately from resolving a node renderer component since the
-     * private props come from extension provider, rather than an extension
-     * handler which only handles `render`/component concerns.
-     */
-    private parsePrivateNodePropsIfNeeded;
-    private tryExtensionHandler;
-    private handleExtension;
-}
-export declare const ExtensionComponentNew: (props: Props) => React.JSX.Element;
 export declare const ExtensionComponent: (props: Props) => React.JSX.Element;

package/dist/types/ui/Mention/mention-with-providers.d.ts

@@ -1,4 +1,4 @@
-import React, { PureComponent } from 'react';
+import React from 'react';
 import type { MentionProvider } from '@atlaskit/mention/resource';
 import type { ProfilecardProvider } from '../../provider-factory/profile-card-provider';
 import type { MentionEventHandlers } from '../EventHandlers';
@@ -15,10 +15,3 @@ export interface State {
     profilecardProvider: ProfilecardProvider | null;
 }
 export declare const MentionWithProviders: ({ accessLevel, eventHandlers, id, mentionProvider, profilecardProvider: profilecardProviderResolver, text, localId, }: Props) => React.JSX.Element;
-export declare class MentionWithProvidersOld extends PureComponent<Props, State> {
-    state: State;
-    UNSAFE_componentWillMount(): void;
-    UNSAFE_componentWillReceiveProps(nextProps: Props): void;
-    private updateProfilecardProvider;
-    render(): React.JSX.Element;
-}

package/dist/types/ui-menu/DropdownMenu/index.d.ts

@@ -1,7 +1,3 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
 import React, { PureComponent } from 'react';
 import { jsx } from '@emotion/react';
 import type { MenuItem, Props, State } from './types';

package/dist/types-ts4.5/extensibility/ExtensionComponent.d.ts

@@ -1,9 +1,8 @@
-import React, { Component } from 'react';
+import React from 'react';
 import type { ADFEntity } from '@atlaskit/adf-utils/types';
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { EventDispatcher } from '../event-dispatcher';
-import { getExtensionModuleNodePrivateProps, getNodeRenderer } from '../extensions';
 import type { ExtensionHandlers, ExtensionProvider, ReferenceEntity } from '../extensions';
 import type { ProsemirrorGetPosHandler } from '../react-node-view';
 import type { EditorAppearance } from '../types';
@@ -41,31 +40,4 @@ export type PropsNew = Omit<Props, 'extensionProvider'> & {
     setShowBodiedExtensionRendererView?: (showBodiedExtensionRendererView: boolean) => void;
 };
 export type StateNew = Omit<State, 'extensionProvider' | 'showBodiedExtensionRendererView'>;
-export declare class ExtensionComponentOld extends Component<Props, State> {
-    private privatePropsParsed;
-    state: State;
-    mounted: boolean;
-    UNSAFE_componentWillMount(): void;
-    componentDidMount(): void;
-    componentDidUpdate(): void;
-    componentWillUnmount(): void;
-    UNSAFE_componentWillReceiveProps(nextProps: Props): void;
-    getNodeRenderer: import("memoize-one").MemoizedFn<typeof getNodeRenderer>;
-    getExtensionModuleNodePrivateProps: import("memoize-one").MemoizedFn<typeof getExtensionModuleNodePrivateProps>;
-    setIsNodeHovered: (isHovered: boolean) => void;
-    setShowBodiedExtensionRendererView: (showRendererView: boolean) => void;
-    render(): React.JSX.Element | null;
-    private setStateFromPromise;
-    /**
-     * Parses any private nodes once an extension provider is available.
-     *
-     * We do this separately from resolving a node renderer component since the
-     * private props come from extension provider, rather than an extension
-     * handler which only handles `render`/component concerns.
-     */
-    private parsePrivateNodePropsIfNeeded;
-    private tryExtensionHandler;
-    private handleExtension;
-}
-export declare const ExtensionComponentNew: (props: Props) => React.JSX.Element;
 export declare const ExtensionComponent: (props: Props) => React.JSX.Element;

package/dist/types-ts4.5/ui/Mention/mention-with-providers.d.ts

@@ -1,4 +1,4 @@
-import React, { PureComponent } from 'react';
+import React from 'react';
 import type { MentionProvider } from '@atlaskit/mention/resource';
 import type { ProfilecardProvider } from '../../provider-factory/profile-card-provider';
 import type { MentionEventHandlers } from '../EventHandlers';
@@ -15,10 +15,3 @@ export interface State {
     profilecardProvider: ProfilecardProvider | null;
 }
 export declare const MentionWithProviders: ({ accessLevel, eventHandlers, id, mentionProvider, profilecardProvider: profilecardProviderResolver, text, localId, }: Props) => React.JSX.Element;
-export declare class MentionWithProvidersOld extends PureComponent<Props, State> {
-    state: State;
-    UNSAFE_componentWillMount(): void;
-    UNSAFE_componentWillReceiveProps(nextProps: Props): void;
-    private updateProfilecardProvider;
-    render(): React.JSX.Element;
-}

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

@@ -1,7 +1,3 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
 import React, { PureComponent } from 'react';
 import { jsx } from '@emotion/react';
 import type { MenuItem, Props, State } from './types';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "100.1.0",
+	"version": "100.1.2",
 	"description": "A package that contains common classes and components for editor and renderer",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -130,7 +130,7 @@
 		"@atlaskit/editor-shared-styles": "^3.3.0",
 		"@atlaskit/editor-tables": "^2.9.0",
 		"@atlaskit/emoji": "^68.0.0",
-		"@atlaskit/icon": "^24.0.0",
+		"@atlaskit/icon": "^24.1.0",
 		"@atlaskit/icon-object": "^7.0.0",
 		"@atlaskit/link-datasource": "^3.21.0",
 		"@atlaskit/link-picker": "^2.0.0",
@@ -143,11 +143,11 @@
 		"@atlaskit/media-ui": "^28.0.0",
 		"@atlaskit/media-viewer": "51.0.0",
 		"@atlaskit/mention": "^24.0.0",
-		"@atlaskit/menu": "^3.0.0",
+		"@atlaskit/menu": "^3.1.0",
 		"@atlaskit/onboarding": "^13.0.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/popper": "^7.0.0",
-		"@atlaskit/primitives": "^14.0.0",
+		"@atlaskit/primitives": "^14.1.0",
 		"@atlaskit/profilecard": "^23.1.0",
 		"@atlaskit/section-message": "^8.0.0",
 		"@atlaskit/smart-card": "^35.0.0",
@@ -155,8 +155,8 @@
 		"@atlaskit/spinner": "^18.0.0",
 		"@atlaskit/task-decision": "^19.0.0",
 		"@atlaskit/textfield": "^8.0.0",
-		"@atlaskit/tmp-editor-statsig": "^3.1.0",
-		"@atlaskit/tokens": "^4.1.0",
+		"@atlaskit/tmp-editor-statsig": "^3.2.0",
+		"@atlaskit/tokens": "^4.2.0",
 		"@atlaskit/tooltip": "^20.0.0",
 		"@atlaskit/width-detector": "^5.0.0",
 		"@babel/runtime": "^7.0.0",
@@ -246,15 +246,9 @@
 		"editor_inline_comments_paste_insert_nodes": {
 			"type": "boolean"
 		},
-		"platform_editor_react18_mention_with_provider_fix": {
-			"type": "boolean"
-		},
 		"platform_editor_react18_phase2_v2": {
 			"type": "boolean"
 		},
-		"platform_editor_react18_extension_component_v2": {
-			"type": "boolean"
-		},
 		"platform_editor_is_disabled_state_element_browser": {
 			"type": "boolean"
 		},
@@ -320,6 +314,9 @@
 		},
 		"platform_editor_renderer_table_header_styles": {
 			"type": "boolean"
+		},
+		"platform_editor_nested_tables_column_drag_fix": {
+			"type": "boolean"
 		}
 	}
 }