@atlaskit/editor-common 103.20.0 → 103.21.1

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @atlaskit/editor-common
 
+## 103.21.1
+
+### Patch Changes
+
+- [#148000](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/148000)
+  [`3dc4d377d546d`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/3dc4d377d546d) -
+  CONFCLOUD-81409 - speed up renderer media client under FG platform_editor_speedup_media_client
+- Updated dependencies
+
+## 103.21.0
+
+### Minor Changes
+
+- [#142736](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/142736)
+  [`0ec12ef9f6524`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/0ec12ef9f6524) -
+  [ux] scrollToPos function added to the core plugin. It can be accessed via
+  editorAPI.core.actions.scrollToPos().
+
 ## 103.20.0
 
 ### Minor Changes

package/dist/cjs/monitoring/error.js

@@ -17,7 +17,7 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 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 = "103.20.0";
+var packageVersion = "103.21.1";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007

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

@@ -54,6 +54,29 @@ var corePlugin = exports.corePlugin = function corePlugin(_ref) {
         editorView.dom.blur();
         return true;
       },
+      scrollToPos: function scrollToPos(pos, scrollOptions) {
+        var editorView = config === null || config === void 0 ? void 0 : config.getEditorView();
+        if (!editorView) {
+          return false;
+        }
+        var tr = editorView.state.tr;
+        var isValidPos = typeof pos === 'number' && pos >= 0 && pos <= tr.doc.content.size;
+        if (!isValidPos) {
+          return false;
+        }
+        var dom = editorView.domAtPos(pos).node;
+        if (!(dom instanceof Element)) {
+          // If it's not an element (e.g. #text node), we'll try the parent.
+          // This is expected to cover most of the scenarios, if not, window.scrollTo is an alternative
+          if (dom.parentNode instanceof Element) {
+            dom.parentNode.scrollIntoView(scrollOptions);
+            return true;
+          }
+          return false;
+        }
+        dom.scrollIntoView(scrollOptions);
+        return true;
+      },
       replaceDocument: function replaceDocument(replaceValue, options) {
         var editorView = config === null || config === void 0 ? void 0 : config.getEditorView();
         if (!editorView || replaceValue === undefined || replaceValue === null) {

package/dist/cjs/provider-factory/context.js

@@ -4,9 +4,10 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useProviderFactory = exports.useProvider = exports.ProviderFactoryProvider = void 0;
+exports.useProviderLayout = exports.useProviderFactory = exports.useProvider = exports.ProviderFactoryProvider = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireDefault(require("react"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _providerFactory = _interopRequireDefault(require("./provider-factory"));
 var ProviderFactoryContext = /*#__PURE__*/_react.default.createContext(new _providerFactory.default());
 var ProviderFactoryProvider = exports.ProviderFactoryProvider = ProviderFactoryContext.Provider;
@@ -29,4 +30,23 @@ var useProvider = exports.useProvider = function useProvider(name) {
     };
   }, [name, providerFactory]);
   return provider;
+};
+var useProviderLayout = exports.useProviderLayout = function useProviderLayout(name) {
+  var _React$useState3 = _react.default.useState(),
+    _React$useState4 = (0, _slicedToArray2.default)(_React$useState3, 2),
+    provider = _React$useState4[0],
+    setProvider = _React$useState4[1];
+  var providerFactory = useProviderFactory();
+  _react.default.useLayoutEffect(function () {
+    if ((0, _platformFeatureFlags.fg)('platform_editor_speedup_media_client')) {
+      var providerHandler = function providerHandler(_, provider) {
+        setProvider(provider);
+      };
+      providerFactory.subscribe(name, providerHandler);
+      return function () {
+        providerFactory.unsubscribe(name, providerHandler);
+      };
+    }
+  }, [name, providerFactory]);
+  return provider;
 };

package/dist/cjs/provider-factory.js

@@ -34,6 +34,12 @@ Object.defineProperty(exports, "useProviderFactory", {
     return _context.useProviderFactory;
   }
 });
+Object.defineProperty(exports, "useProviderLayout", {
+  enumerable: true,
+  get: function get() {
+    return _context.useProviderLayout;
+  }
+});
 var _withProviders = require("./provider-factory/with-providers");
 var _context = require("./provider-factory/context");
 var _providerFactory = _interopRequireDefault(require("./provider-factory/provider-factory"));

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

@@ -23,7 +23,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
  * @jsx jsx
  */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "103.20.0";
+var packageVersion = "103.21.1";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 // Ignored via go/ees005

package/dist/es2019/monitoring/error.js

@@ -1,7 +1,7 @@
 import { isFedRamp } from './environment';
 const SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 const packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-const packageVersion = "103.20.0";
+const packageVersion = "103.21.1";
 const sanitiseSentryEvents = (data, _hint) => {
   // Remove URL as it has UGC
   // Ignored via go/ees007

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

@@ -52,6 +52,29 @@ export const corePlugin = ({
         editorView.dom.blur();
         return true;
       },
+      scrollToPos(pos, scrollOptions) {
+        const editorView = config === null || config === void 0 ? void 0 : config.getEditorView();
+        if (!editorView) {
+          return false;
+        }
+        const tr = editorView.state.tr;
+        const isValidPos = typeof pos === 'number' && pos >= 0 && pos <= tr.doc.content.size;
+        if (!isValidPos) {
+          return false;
+        }
+        const dom = editorView.domAtPos(pos).node;
+        if (!(dom instanceof Element)) {
+          // If it's not an element (e.g. #text node), we'll try the parent.
+          // This is expected to cover most of the scenarios, if not, window.scrollTo is an alternative
+          if (dom.parentNode instanceof Element) {
+            dom.parentNode.scrollIntoView(scrollOptions);
+            return true;
+          }
+          return false;
+        }
+        dom.scrollIntoView(scrollOptions);
+        return true;
+      },
       replaceDocument: (replaceValue, options) => {
         const editorView = config === null || config === void 0 ? void 0 : config.getEditorView();
         if (!editorView || replaceValue === undefined || replaceValue === null) {

package/dist/es2019/provider-factory/context.js

@@ -1,4 +1,5 @@
 import React from 'react';
+import { fg } from '@atlaskit/platform-feature-flags';
 import ProviderFactory from './provider-factory';
 const ProviderFactoryContext = /*#__PURE__*/React.createContext(new ProviderFactory());
 export const ProviderFactoryProvider = ProviderFactoryContext.Provider;
@@ -16,4 +17,20 @@ export const useProvider = name => {
     };
   }, [name, providerFactory]);
   return provider;
+};
+export const useProviderLayout = name => {
+  const [provider, setProvider] = React.useState();
+  const providerFactory = useProviderFactory();
+  React.useLayoutEffect(() => {
+    if (fg('platform_editor_speedup_media_client')) {
+      const providerHandler = (_, provider) => {
+        setProvider(provider);
+      };
+      providerFactory.subscribe(name, providerHandler);
+      return () => {
+        providerFactory.unsubscribe(name, providerHandler);
+      };
+    }
+  }, [name, providerFactory]);
+  return provider;
 };

package/dist/es2019/provider-factory.js

@@ -2,5 +2,5 @@
 /* eslint-disable @atlaskit/editor/no-re-export */
 
 export { WithProviders } from './provider-factory/with-providers';
-export { ProviderFactoryProvider, useProviderFactory, useProvider } from './provider-factory/context';
+export { ProviderFactoryProvider, useProviderFactory, useProvider, useProviderLayout } from './provider-factory/context';
 export { default as ProviderFactory } from './provider-factory/provider-factory';

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

@@ -13,7 +13,7 @@ import withAnalyticsContext from '@atlaskit/analytics-next/withAnalyticsContext'
 import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import Layer from '../Layer';
 const packageName = "@atlaskit/editor-common";
-const packageVersion = "103.20.0";
+const packageVersion = "103.21.1";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 // Ignored via go/ees005

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

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

@@ -49,6 +49,29 @@ export var corePlugin = function corePlugin(_ref) {
         editorView.dom.blur();
         return true;
       },
+      scrollToPos: function scrollToPos(pos, scrollOptions) {
+        var editorView = config === null || config === void 0 ? void 0 : config.getEditorView();
+        if (!editorView) {
+          return false;
+        }
+        var tr = editorView.state.tr;
+        var isValidPos = typeof pos === 'number' && pos >= 0 && pos <= tr.doc.content.size;
+        if (!isValidPos) {
+          return false;
+        }
+        var dom = editorView.domAtPos(pos).node;
+        if (!(dom instanceof Element)) {
+          // If it's not an element (e.g. #text node), we'll try the parent.
+          // This is expected to cover most of the scenarios, if not, window.scrollTo is an alternative
+          if (dom.parentNode instanceof Element) {
+            dom.parentNode.scrollIntoView(scrollOptions);
+            return true;
+          }
+          return false;
+        }
+        dom.scrollIntoView(scrollOptions);
+        return true;
+      },
       replaceDocument: function replaceDocument(replaceValue, options) {
         var editorView = config === null || config === void 0 ? void 0 : config.getEditorView();
         if (!editorView || replaceValue === undefined || replaceValue === null) {

package/dist/esm/provider-factory/context.js

@@ -1,5 +1,6 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import React from 'react';
+import { fg } from '@atlaskit/platform-feature-flags';
 import ProviderFactory from './provider-factory';
 var ProviderFactoryContext = /*#__PURE__*/React.createContext(new ProviderFactory());
 export var ProviderFactoryProvider = ProviderFactoryContext.Provider;
@@ -22,4 +23,23 @@ export var useProvider = function useProvider(name) {
     };
   }, [name, providerFactory]);
   return provider;
+};
+export var useProviderLayout = function useProviderLayout(name) {
+  var _React$useState3 = React.useState(),
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    provider = _React$useState4[0],
+    setProvider = _React$useState4[1];
+  var providerFactory = useProviderFactory();
+  React.useLayoutEffect(function () {
+    if (fg('platform_editor_speedup_media_client')) {
+      var providerHandler = function providerHandler(_, provider) {
+        setProvider(provider);
+      };
+      providerFactory.subscribe(name, providerHandler);
+      return function () {
+        providerFactory.unsubscribe(name, providerHandler);
+      };
+    }
+  }, [name, providerFactory]);
+  return provider;
 };

package/dist/esm/provider-factory.js

@@ -2,5 +2,5 @@
 /* eslint-disable @atlaskit/editor/no-re-export */
 
 export { WithProviders } from './provider-factory/with-providers';
-export { ProviderFactoryProvider, useProviderFactory, useProvider } from './provider-factory/context';
+export { ProviderFactoryProvider, useProviderFactory, useProvider, useProviderLayout } from './provider-factory/context';
 export { default as ProviderFactory } from './provider-factory/provider-factory';

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

package/dist/types/provider-factory/context.d.ts

@@ -4,3 +4,4 @@ import { type ProviderType } from './types';
 export declare const ProviderFactoryProvider: React.Provider<ProviderFactory>;
 export declare const useProviderFactory: () => ProviderFactory;
 export declare const useProvider: <T extends string>(name: T) => ProviderType<T> | undefined;
+export declare const useProviderLayout: <T extends string>(name: T) => ProviderType<T> | undefined;

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

@@ -1,6 +1,6 @@
 export { WithProviders } from './provider-factory/with-providers';
 export type { Providers, ProviderName, ProviderHandler } from './provider-factory/types';
-export { ProviderFactoryProvider, useProviderFactory, useProvider, } from './provider-factory/context';
+export { ProviderFactoryProvider, useProviderFactory, useProvider, useProviderLayout, } from './provider-factory/context';
 export { default as ProviderFactory } from './provider-factory/provider-factory';
 export type { MediaProvider } from './provider-factory/media-provider';
 export type { ImageUploadProvider, InsertedImageProperties, } from './provider-factory/image-upload-provider';

package/dist/types/types/next-editor-plugin.d.ts

@@ -50,6 +50,14 @@ export type CorePlugin = NextEditorPlugin<'core', {
          * @returns (boolean) if the blur was successful
          */
         blur: () => boolean;
+        /**
+         * Scroll to a specific position in the editor using native Element.scrollIntoView
+         *
+         * @param pos - Position number scroll to
+         * @param scrollOptions - [MDN Reference](https://developer.mozilla.org/docs/Web/API/Element/scrollIntoView)
+         * @returns (boolean) if scroll was successful
+         */
+        scrollToPos: (pos: number, scrollOptions?: boolean | ScrollIntoViewOptions) => boolean;
         /**
          * Replaces the current content of the editor with the provided raw value.
          *

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

@@ -4,3 +4,4 @@ import { type ProviderType } from './types';
 export declare const ProviderFactoryProvider: React.Provider<ProviderFactory>;
 export declare const useProviderFactory: () => ProviderFactory;
 export declare const useProvider: <T extends string>(name: T) => ProviderType<T> | undefined;
+export declare const useProviderLayout: <T extends string>(name: T) => ProviderType<T> | undefined;

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

@@ -1,6 +1,6 @@
 export { WithProviders } from './provider-factory/with-providers';
 export type { Providers, ProviderName, ProviderHandler } from './provider-factory/types';
-export { ProviderFactoryProvider, useProviderFactory, useProvider, } from './provider-factory/context';
+export { ProviderFactoryProvider, useProviderFactory, useProvider, useProviderLayout, } from './provider-factory/context';
 export { default as ProviderFactory } from './provider-factory/provider-factory';
 export type { MediaProvider } from './provider-factory/media-provider';
 export type { ImageUploadProvider, InsertedImageProperties, } from './provider-factory/image-upload-provider';

package/dist/types-ts4.5/types/next-editor-plugin.d.ts

@@ -50,6 +50,14 @@ export type CorePlugin = NextEditorPlugin<'core', {
          * @returns (boolean) if the blur was successful
          */
         blur: () => boolean;
+        /**
+         * Scroll to a specific position in the editor using native Element.scrollIntoView
+         *
+         * @param pos - Position number scroll to
+         * @param scrollOptions - [MDN Reference](https://developer.mozilla.org/docs/Web/API/Element/scrollIntoView)
+         * @returns (boolean) if scroll was successful
+         */
+        scrollToPos: (pos: number, scrollOptions?: boolean | ScrollIntoViewOptions) => boolean;
         /**
          * Replaces the current content of the editor with the provided raw value.
          *

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "103.20.0",
+	"version": "103.21.1",
 	"description": "A package that contains common classes and components for editor and renderer",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -151,15 +151,15 @@
 		"@atlaskit/media-ui": "^28.1.0",
 		"@atlaskit/media-viewer": "^52.0.0",
 		"@atlaskit/mention": "^24.1.0",
-		"@atlaskit/menu": "^4.0.0",
+		"@atlaskit/menu": "^5.0.0",
 		"@atlaskit/onboarding": "^14.0.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/popper": "^7.0.0",
 		"@atlaskit/primitives": "^14.4.0",
-		"@atlaskit/profilecard": "^23.9.0",
+		"@atlaskit/profilecard": "^23.10.0",
 		"@atlaskit/react-ufo": "^3.9.0",
 		"@atlaskit/section-message": "^8.2.0",
-		"@atlaskit/smart-card": "^36.11.0",
+		"@atlaskit/smart-card": "^36.12.0",
 		"@atlaskit/smart-user-picker": "^8.0.0",
 		"@atlaskit/spinner": "^18.0.0",
 		"@atlaskit/task-decision": "^19.2.0",
@@ -255,6 +255,9 @@
 		"editor_inline_comments_paste_insert_nodes": {
 			"type": "boolean"
 		},
+		"platform_editor_speedup_media_client": {
+			"type": "boolean"
+		},
 		"platform_editor_react18_mention_with_provider_fix": {
 			"type": "boolean"
 		},