@atlaskit/editor-common 100.4.3 → 100.5.0

package/CHANGELOG.md

@@ -1,5 +1,31 @@
 # @atlaskit/editor-common
 
+## 100.5.0
+
+### Minor Changes
+
+- [#120472](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/120472)
+  [`73c800ab5f2fc`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/73c800ab5f2fc) -
+  ED-26766 update adf-schema from 47.2.1 to 47.6.0 and adf-schema-json from 1.27.0 to 1.31.0
+- [#121044](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/121044)
+  [`1c7ee40e1cf44`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/1c7ee40e1cf44) -
+  Add getDropdownOption and export appearancePropsMap from card directory
+
+### Patch Changes
+
+- [#121822](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/121822)
+  [`2316af8fbe07d`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/2316af8fbe07d) -
+  [ux] Updates floating toolbar of the inline and media single by moving alt text option to the
+  overflow menu.
+- [#119706](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/119706)
+  [`42fd258ba482e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/42fd258ba482e) -
+  ED-26704: enables editor node virtualization experiment
+- [#121073](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/121073)
+  [`9c197731fcbf8`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/9c197731fcbf8) -
+  [ux] [ED-26824] When platform_editor_controls is enabled, add 'View more' button to quick
+  insertpopup to open element browser modal
+- Updated dependencies
+
 ## 100.4.3
 
 ### Patch Changes

package/dist/cjs/card/index.js

@@ -47,6 +47,12 @@ Object.defineProperty(exports, "alignmentIcons", {
     return _MediaAndEmbedsToolbar.alignmentIcons;
   }
 });
+Object.defineProperty(exports, "appearancePropsMap", {
+  enumerable: true,
+  get: function get() {
+    return _linkToolbarButtonGroupOptions.appearancePropsMap;
+  }
+});
 Object.defineProperty(exports, "buildLayoutButtons", {
   enumerable: true,
   get: function get() {
@@ -65,6 +71,12 @@ Object.defineProperty(exports, "getButtonGroupOption", {
     return _linkToolbarButtonGroupOptions.getButtonGroupOption;
   }
 });
+Object.defineProperty(exports, "getDropdownOption", {
+  enumerable: true,
+  get: function get() {
+    return _linkToolbarDropdownOptions.getDropdownOption;
+  }
+});
 Object.defineProperty(exports, "getLinkMetadataFromTransaction", {
   enumerable: true,
   get: function get() {
@@ -87,6 +99,7 @@ var _utils = require("./utils");
 var _MediaAndEmbedsToolbar = _interopRequireWildcard(require("./MediaAndEmbedsToolbar"));
 var _LinkToolbarButtonGroup = require("./LinkToolbarButtonGroup");
 var _linkToolbarButtonGroupOptions = require("./link-toolbar-button-group-options");
+var _linkToolbarDropdownOptions = require("./link-toolbar-dropdown-options");
 var _card = require("./ui/assets/card");
 var _inline = require("./ui/assets/inline");
 var _embed = require("./ui/assets/embed");

package/dist/cjs/card/link-toolbar-button-group-options.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getButtonGroupOption = void 0;
+exports.getButtonGroupOption = exports.appearancePropsMap = void 0;
 var _minus = _interopRequireDefault(require("@atlaskit/icon/core/minus"));
 var _smartLinkCard = _interopRequireDefault(require("@atlaskit/icon/core/smart-link-card"));
 var _smartLinkEmbed = _interopRequireDefault(require("@atlaskit/icon/core/smart-link-embed"));
@@ -14,7 +14,7 @@ var _card = require("./ui/assets/card");
 var _embed = require("./ui/assets/embed");
 var _inline = require("./ui/assets/inline");
 var _url = require("./ui/assets/url");
-var appearancePropsMap = {
+var appearancePropsMap = exports.appearancePropsMap = {
   url: {
     title: _messages.cardMessages.urlTitle,
     icon: _minus.default,

package/dist/cjs/card/link-toolbar-dropdown-options.js

@@ -0,0 +1,33 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getDropdownOption = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _linkToolbarButtonGroupOptions = require("./link-toolbar-button-group-options");
+var getDropdownOption = exports.getDropdownOption = function getDropdownOption(intl, dispatchCommand, _ref) {
+  var disabled = _ref.disabled,
+    _onClick = _ref.onClick,
+    selected = _ref.selected,
+    appearance = _ref.appearance,
+    testId = _ref.testId,
+    tooltip = _ref.tooltip;
+  var _appearancePropsMap = _linkToolbarButtonGroupOptions.appearancePropsMap[appearance !== null && appearance !== void 0 ? appearance : 'url'],
+    title = _appearancePropsMap.title,
+    Icon = _appearancePropsMap.icon;
+  return {
+    title: intl.formatMessage(title),
+    icon: /*#__PURE__*/_react.default.createElement(Icon, {
+      label: intl.formatMessage(title)
+    }),
+    onClick: function onClick() {
+      return dispatchCommand(_onClick);
+    },
+    disabled: Boolean(disabled),
+    testId: testId,
+    selected: selected,
+    tooltip: tooltip !== null && tooltip !== void 0 ? tooltip : ''
+  };
+};

package/dist/cjs/media/messages/altText.js

@@ -11,6 +11,11 @@ var altTextMessages = exports.altTextMessages = (0, _reactIntlNext.defineMessage
     defaultMessage: 'Alt text',
     description: 'Add an alt text for this image'
   },
+  addAltText: {
+    id: 'fabric.editor.addUpdatedAltText',
+    defaultMessage: 'Add alt text',
+    description: 'Add an alt text for this image'
+  },
   editAltText: {
     id: 'fabric.editor.editAltText',
     defaultMessage: 'Edit alt text',

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 = "100.4.3";
+var packageVersion = "100.5.0";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

package/dist/cjs/react-node-view/getInlineNodeViewProducer.js

@@ -11,7 +11,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@emotion/react");
 var _model = require("@atlaskit/editor-prosemirror/model");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _analytics = require("../analytics");
 var _ErrorBoundary = require("../ui/ErrorBoundary");
 var _utils = require("../utils");
@@ -24,16 +24,42 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
  * @jsx jsx
  */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var inlineNodeViewClassname = exports.inlineNodeViewClassname = 'inlineNodeView';
+
+// number of initial nodes to allow React to render before switching to fallback
+var initialReactRenderedNodeCount = 0;
 var canRenderFallback = function canRenderFallback(node) {
   return node.type.isInline && node.type.isAtom && node.type.isLeaf;
 };
+var virtualisationConfiguration = function virtualisationConfiguration() {
+  var enableVirtualization = false;
+  var reactRenderedDocumentPositionThreshold = 0;
+  if ((0, _experiments.editorExperiment)("platform_editor_inline_node_virtualization", "off")) {
+    enableVirtualization = false;
+  } else if ((0, _experiments.editorExperiment)("platform_editor_inline_node_virtualization", "fallbackall")) {
+    enableVirtualization = true;
+    reactRenderedDocumentPositionThreshold = 0;
+  } else if ((0, _experiments.editorExperiment)("platform_editor_inline_node_virtualization", "fallbackoffscreen")) {
+    enableVirtualization = true;
+    reactRenderedDocumentPositionThreshold = 100;
+  }
+  return {
+    enableVirtualization: enableVirtualization,
+    reactRenderedDocumentPositionThreshold: reactRenderedDocumentPositionThreshold,
+    virtualizeCurrentNode: function virtualizeCurrentNode() {
+      return enableVirtualization && !(initialReactRenderedNodeCount < reactRenderedDocumentPositionThreshold);
+    }
+  };
+};
 function createNodeView(_ref) {
   var nodeViewParams = _ref.nodeViewParams,
     pmPluginFactoryParams = _ref.pmPluginFactoryParams,
     Component = _ref.Component,
     extraComponentProps = _ref.extraComponentProps,
     extraNodeViewProps = _ref.extraNodeViewProps;
-  var shouldVirtualize = (0, _platformFeatureFlags.fg)('platform_editor_lego__inline_node_virtualization');
+  var _virtualisationConfig = virtualisationConfiguration(),
+    enableVirtualization = _virtualisationConfig.enableVirtualization,
+    virtualizeCurrentNode = _virtualisationConfig.virtualizeCurrentNode;
+  var virtualizeNode = virtualizeCurrentNode();
   // We set a variable for the current node which is
   // used for comparisions when doing updates, before being
   // overwritten to the updated node.
@@ -99,7 +125,7 @@ function createNodeView(_ref) {
       });
     }
   }
-  if (shouldVirtualize) {
+  if (virtualizeNode) {
     renderFallback();
     // allow the fallback to render first before attaching the observer.
     // Will tweak this in a follow up PR to optimise rendering of visible
@@ -108,6 +134,7 @@ function createNodeView(_ref) {
       attachNodeViewObserver();
     }, 0);
   } else {
+    initialReactRenderedNodeCount = initialReactRenderedNodeCount + 1;
     var _getPerformanceOption = (0, _utils.getPerformanceOptions)(nodeViewParams.view),
       samplingRate = _getPerformanceOption.samplingRate,
       slowThreshold = _getPerformanceOption.slowThreshold,
@@ -125,9 +152,9 @@ function createNodeView(_ref) {
       slowThreshold: slowThreshold
     });
   }
-  var extraNodeViewPropsWithStopEvent = _objectSpread(_objectSpread({}, extraNodeViewProps), (0, _platformFeatureFlags.fg)('platform_editor_lego__inline_node_virtualization') ? {
+  var extraNodeViewPropsWithStopEvent = _objectSpread(_objectSpread({}, extraNodeViewProps), enableVirtualization ? {
     // This is not related to virtualization, but it's something we should fix/handle
-    // Remove this comment when `platform_editor_lego__inline_node_virtualization` FF is cleaned up
+    // Remove this comment when virtualization experiment is cleaned up
     stopEvent: function stopEvent(event) {
       var maybeStopEvent = extraNodeViewProps === null || extraNodeViewProps === void 0 ? void 0 : extraNodeViewProps.stopEvent;
       if (typeof maybeStopEvent === 'function') {
@@ -167,7 +194,7 @@ function createNodeView(_ref) {
         setDomAttrs(nextNode, domRef);
       }
       currentNode = nextNode;
-      if (shouldVirtualize) {
+      if (virtualizeNode) {
         if (didRenderComponentWithIntersectionObserver) {
           renderComponent();
         }
@@ -177,7 +204,7 @@ function createNodeView(_ref) {
       return true;
     },
     destroy: function destroy() {
-      if (shouldVirtualize) {
+      if (virtualizeNode) {
         removeIntersectionObserver();
       }
 
@@ -189,7 +216,7 @@ function createNodeView(_ref) {
       // of HTMLSpanElement type however once the node view has
       // been destroyed no other consumers should still be using it.
       domRef = undefined;
-      if (shouldVirtualize) {
+      if (virtualizeNode) {
         destroyed = true;
       }
     }

package/dist/cjs/selection/gap-cursor/styles.js

@@ -18,7 +18,7 @@ var gapCursorBlink = (0, _react.keyframes)({
 });
 var hideCaretModifier = exports.hideCaretModifier = 'ProseMirror-hide-gapcursor';
 var gapCursor = '.ProseMirror-gapcursor';
-var prosemirrorwidgetNotBlock = '.ProseMirror-widget:not([data-blocks-decoration-container="true"]):not([data-blocks-drag-handle-container="true"])';
+var prosemirrorwidgetNotBlock = '.ProseMirror-widget:not([data-blocks-decoration-container="true"]):not([data-blocks-drag-handle-container="true"]):not([data-blocks-quick-insert-container="true"])';
 var wrapLeft = '[layout="wrap-left"]';
 var wrapRight = '[layout="wrap-right"]';
 

package/dist/cjs/type-ahead/messages.js

@@ -95,5 +95,15 @@ var typeAheadListMessages = exports.typeAheadListMessages = (0, _reactIntlNext.d
     id: 'fablric.editor.viewAllInserts',
     defaultMessage: 'View all inserts',
     description: 'a text on a button that opens a side panel with a list of all insertable editor elements'
+  },
+  emptySearchResults: {
+    id: 'fabric.editor.emptySearchResults',
+    defaultMessage: "We couldn't find any results.",
+    description: 'a message displayed when there are no search results'
+  },
+  emptySearchResultsSuggestion: {
+    id: 'fabric.editor.emptySearchResultsSuggestion',
+    defaultMessage: 'Select {buttonName} to browse inserts.',
+    description: 'a prompt to suggest user to click a button to browse inserts when there are no search results'
   }
 });

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

package/dist/es2019/card/index.js

@@ -4,7 +4,8 @@
 export { addLinkMetadata, getLinkMetadataFromTransaction, commandWithMetadata } from './utils';
 export { default as buildLayoutButtons, alignmentIcons, wrappingIcons, layoutToMessages } from './MediaAndEmbedsToolbar';
 export { LinkToolbarButtonGroup } from './LinkToolbarButtonGroup';
-export { getButtonGroupOption } from './link-toolbar-button-group-options';
+export { appearancePropsMap, getButtonGroupOption } from './link-toolbar-button-group-options';
+export { getDropdownOption } from './link-toolbar-dropdown-options';
 export const DATASOURCE_INNER_CONTAINER_CLASSNAME = 'datasourceView-content-inner-wrap';
 export { IconCard } from './ui/assets/card';
 export { IconInline } from './ui/assets/inline';

package/dist/es2019/card/link-toolbar-button-group-options.js

@@ -7,7 +7,7 @@ import { IconCard } from './ui/assets/card';
 import { IconEmbed } from './ui/assets/embed';
 import { IconInline } from './ui/assets/inline';
 import { IconUrl } from './ui/assets/url';
-const appearancePropsMap = {
+export const appearancePropsMap = {
   url: {
     title: messages.urlTitle,
     icon: MinusIcon,

package/dist/es2019/card/link-toolbar-dropdown-options.js

@@ -0,0 +1,26 @@
+import React from 'react';
+import { appearancePropsMap } from './link-toolbar-button-group-options';
+export const getDropdownOption = (intl, dispatchCommand, {
+  disabled,
+  onClick,
+  selected,
+  appearance,
+  testId,
+  tooltip
+}) => {
+  const {
+    title,
+    icon: Icon
+  } = appearancePropsMap[appearance !== null && appearance !== void 0 ? appearance : 'url'];
+  return {
+    title: intl.formatMessage(title),
+    icon: /*#__PURE__*/React.createElement(Icon, {
+      label: intl.formatMessage(title)
+    }),
+    onClick: () => dispatchCommand(onClick),
+    disabled: Boolean(disabled),
+    testId,
+    selected,
+    tooltip: tooltip !== null && tooltip !== void 0 ? tooltip : ''
+  };
+};

package/dist/es2019/media/messages/altText.js

@@ -5,6 +5,11 @@ export const altTextMessages = defineMessages({
     defaultMessage: 'Alt text',
     description: 'Add an alt text for this image'
   },
+  addAltText: {
+    id: 'fabric.editor.addUpdatedAltText',
+    defaultMessage: 'Add alt text',
+    description: 'Add an alt text for this image'
+  },
   editAltText: {
     id: 'fabric.editor.editAltText',
     defaultMessage: 'Edit alt text',

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 = "100.4.3";
+const packageVersion = "100.5.0";
 const sanitiseSentryEvents = (data, _hint) => {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

package/dist/es2019/react-node-view/getInlineNodeViewProducer.js

@@ -8,7 +8,7 @@ import React from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import { DOMSerializer } from '@atlaskit/editor-prosemirror/model';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { ACTION_SUBJECT, ACTION_SUBJECT_ID } from '../analytics';
 import { ErrorBoundary } from '../ui/ErrorBoundary';
 import { analyticsEventKey, browser, getPerformanceOptions, startMeasureReactNodeViewRendered, stopMeasureReactNodeViewRendered } from '../utils';
@@ -16,9 +16,30 @@ import { ZERO_WIDTH_SPACE } from '../whitespace';
 import { generateUniqueNodeKey } from './generateUniqueNodeKey';
 import { getOrCreateOnVisibleObserver } from './onVisibleObserverFactory';
 export const inlineNodeViewClassname = 'inlineNodeView';
+
+// number of initial nodes to allow React to render before switching to fallback
+let initialReactRenderedNodeCount = 0;
 const canRenderFallback = node => {
   return node.type.isInline && node.type.isAtom && node.type.isLeaf;
 };
+const virtualisationConfiguration = () => {
+  let enableVirtualization = false;
+  let reactRenderedDocumentPositionThreshold = 0;
+  if (editorExperiment("platform_editor_inline_node_virtualization", "off")) {
+    enableVirtualization = false;
+  } else if (editorExperiment("platform_editor_inline_node_virtualization", "fallbackall")) {
+    enableVirtualization = true;
+    reactRenderedDocumentPositionThreshold = 0;
+  } else if (editorExperiment("platform_editor_inline_node_virtualization", "fallbackoffscreen")) {
+    enableVirtualization = true;
+    reactRenderedDocumentPositionThreshold = 100;
+  }
+  return {
+    enableVirtualization,
+    reactRenderedDocumentPositionThreshold,
+    virtualizeCurrentNode: () => enableVirtualization && !(initialReactRenderedNodeCount < reactRenderedDocumentPositionThreshold)
+  };
+};
 function createNodeView({
   nodeViewParams,
   pmPluginFactoryParams,
@@ -26,7 +47,11 @@ function createNodeView({
   extraComponentProps,
   extraNodeViewProps
 }) {
-  const shouldVirtualize = fg('platform_editor_lego__inline_node_virtualization');
+  const {
+    enableVirtualization,
+    virtualizeCurrentNode
+  } = virtualisationConfiguration();
+  const virtualizeNode = virtualizeCurrentNode();
   // We set a variable for the current node which is
   // used for comparisions when doing updates, before being
   // overwritten to the updated node.
@@ -92,7 +117,7 @@ function createNodeView({
       });
     }
   }
-  if (shouldVirtualize) {
+  if (virtualizeNode) {
     renderFallback();
     // allow the fallback to render first before attaching the observer.
     // Will tweak this in a follow up PR to optimise rendering of visible
@@ -101,6 +126,7 @@ function createNodeView({
       attachNodeViewObserver();
     }, 0);
   } else {
+    initialReactRenderedNodeCount = initialReactRenderedNodeCount + 1;
     const {
       samplingRate,
       slowThreshold,
@@ -121,9 +147,9 @@ function createNodeView({
   }
   const extraNodeViewPropsWithStopEvent = {
     ...extraNodeViewProps,
-    ...(fg('platform_editor_lego__inline_node_virtualization') ? {
+    ...(enableVirtualization ? {
       // This is not related to virtualization, but it's something we should fix/handle
-      // Remove this comment when `platform_editor_lego__inline_node_virtualization` FF is cleaned up
+      // Remove this comment when virtualization experiment is cleaned up
       stopEvent(event) {
         const maybeStopEvent = extraNodeViewProps === null || extraNodeViewProps === void 0 ? void 0 : extraNodeViewProps.stopEvent;
         if (typeof maybeStopEvent === 'function') {
@@ -164,7 +190,7 @@ function createNodeView({
         setDomAttrs(nextNode, domRef);
       }
       currentNode = nextNode;
-      if (shouldVirtualize) {
+      if (virtualizeNode) {
         if (didRenderComponentWithIntersectionObserver) {
           renderComponent();
         }
@@ -174,7 +200,7 @@ function createNodeView({
       return true;
     },
     destroy() {
-      if (shouldVirtualize) {
+      if (virtualizeNode) {
         removeIntersectionObserver();
       }
 
@@ -186,7 +212,7 @@ function createNodeView({
       // of HTMLSpanElement type however once the node view has
       // been destroyed no other consumers should still be using it.
       domRef = undefined;
-      if (shouldVirtualize) {
+      if (virtualizeNode) {
         destroyed = true;
       }
     },

package/dist/es2019/selection/gap-cursor/styles.js

@@ -10,7 +10,7 @@ const gapCursorBlink = keyframes({
 });
 export const hideCaretModifier = 'ProseMirror-hide-gapcursor';
 const gapCursor = '.ProseMirror-gapcursor';
-const prosemirrorwidgetNotBlock = '.ProseMirror-widget:not([data-blocks-decoration-container="true"]):not([data-blocks-drag-handle-container="true"])';
+const prosemirrorwidgetNotBlock = '.ProseMirror-widget:not([data-blocks-decoration-container="true"]):not([data-blocks-drag-handle-container="true"]):not([data-blocks-quick-insert-container="true"])';
 const wrapLeft = '[layout="wrap-left"]';
 const wrapRight = '[layout="wrap-right"]';
 

package/dist/es2019/type-ahead/messages.js

@@ -89,5 +89,15 @@ export const typeAheadListMessages = defineMessages({
     id: 'fablric.editor.viewAllInserts',
     defaultMessage: 'View all inserts',
     description: 'a text on a button that opens a side panel with a list of all insertable editor elements'
+  },
+  emptySearchResults: {
+    id: 'fabric.editor.emptySearchResults',
+    defaultMessage: "We couldn't find any results.",
+    description: 'a message displayed when there are no search results'
+  },
+  emptySearchResultsSuggestion: {
+    id: 'fabric.editor.emptySearchResultsSuggestion',
+    defaultMessage: 'Select {buttonName} to browse inserts.',
+    description: 'a prompt to suggest user to click a button to browse inserts when there are no search results'
   }
 });

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

package/dist/esm/card/index.js

@@ -4,7 +4,8 @@
 export { addLinkMetadata, getLinkMetadataFromTransaction, commandWithMetadata } from './utils';
 export { default as buildLayoutButtons, alignmentIcons, wrappingIcons, layoutToMessages } from './MediaAndEmbedsToolbar';
 export { LinkToolbarButtonGroup } from './LinkToolbarButtonGroup';
-export { getButtonGroupOption } from './link-toolbar-button-group-options';
+export { appearancePropsMap, getButtonGroupOption } from './link-toolbar-button-group-options';
+export { getDropdownOption } from './link-toolbar-dropdown-options';
 export var DATASOURCE_INNER_CONTAINER_CLASSNAME = 'datasourceView-content-inner-wrap';
 export { IconCard } from './ui/assets/card';
 export { IconInline } from './ui/assets/inline';

package/dist/esm/card/link-toolbar-button-group-options.js

@@ -7,7 +7,7 @@ import { IconCard } from './ui/assets/card';
 import { IconEmbed } from './ui/assets/embed';
 import { IconInline } from './ui/assets/inline';
 import { IconUrl } from './ui/assets/url';
-var appearancePropsMap = {
+export var appearancePropsMap = {
   url: {
     title: messages.urlTitle,
     icon: MinusIcon,

package/dist/esm/card/link-toolbar-dropdown-options.js

@@ -0,0 +1,26 @@
+import React from 'react';
+import { appearancePropsMap } from './link-toolbar-button-group-options';
+export var getDropdownOption = function getDropdownOption(intl, dispatchCommand, _ref) {
+  var disabled = _ref.disabled,
+    _onClick = _ref.onClick,
+    selected = _ref.selected,
+    appearance = _ref.appearance,
+    testId = _ref.testId,
+    tooltip = _ref.tooltip;
+  var _appearancePropsMap = appearancePropsMap[appearance !== null && appearance !== void 0 ? appearance : 'url'],
+    title = _appearancePropsMap.title,
+    Icon = _appearancePropsMap.icon;
+  return {
+    title: intl.formatMessage(title),
+    icon: /*#__PURE__*/React.createElement(Icon, {
+      label: intl.formatMessage(title)
+    }),
+    onClick: function onClick() {
+      return dispatchCommand(_onClick);
+    },
+    disabled: Boolean(disabled),
+    testId: testId,
+    selected: selected,
+    tooltip: tooltip !== null && tooltip !== void 0 ? tooltip : ''
+  };
+};

package/dist/esm/media/messages/altText.js

@@ -5,6 +5,11 @@ export var altTextMessages = defineMessages({
     defaultMessage: 'Alt text',
     description: 'Add an alt text for this image'
   },
+  addAltText: {
+    id: 'fabric.editor.addUpdatedAltText',
+    defaultMessage: 'Add alt text',
+    description: 'Add an alt text for this image'
+  },
   editAltText: {
     id: 'fabric.editor.editAltText',
     defaultMessage: 'Edit alt text',

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 = "100.4.3";
+var packageVersion = "100.5.0";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

package/dist/esm/react-node-view/getInlineNodeViewProducer.js

@@ -11,7 +11,7 @@ import React from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import { DOMSerializer } from '@atlaskit/editor-prosemirror/model';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { ACTION_SUBJECT, ACTION_SUBJECT_ID } from '../analytics';
 import { ErrorBoundary } from '../ui/ErrorBoundary';
 import { analyticsEventKey, browser, getPerformanceOptions, startMeasureReactNodeViewRendered, stopMeasureReactNodeViewRendered } from '../utils';
@@ -19,16 +19,42 @@ import { ZERO_WIDTH_SPACE } from '../whitespace';
 import { generateUniqueNodeKey } from './generateUniqueNodeKey';
 import { getOrCreateOnVisibleObserver } from './onVisibleObserverFactory';
 export var inlineNodeViewClassname = 'inlineNodeView';
+
+// number of initial nodes to allow React to render before switching to fallback
+var initialReactRenderedNodeCount = 0;
 var canRenderFallback = function canRenderFallback(node) {
   return node.type.isInline && node.type.isAtom && node.type.isLeaf;
 };
+var virtualisationConfiguration = function virtualisationConfiguration() {
+  var enableVirtualization = false;
+  var reactRenderedDocumentPositionThreshold = 0;
+  if (editorExperiment("platform_editor_inline_node_virtualization", "off")) {
+    enableVirtualization = false;
+  } else if (editorExperiment("platform_editor_inline_node_virtualization", "fallbackall")) {
+    enableVirtualization = true;
+    reactRenderedDocumentPositionThreshold = 0;
+  } else if (editorExperiment("platform_editor_inline_node_virtualization", "fallbackoffscreen")) {
+    enableVirtualization = true;
+    reactRenderedDocumentPositionThreshold = 100;
+  }
+  return {
+    enableVirtualization: enableVirtualization,
+    reactRenderedDocumentPositionThreshold: reactRenderedDocumentPositionThreshold,
+    virtualizeCurrentNode: function virtualizeCurrentNode() {
+      return enableVirtualization && !(initialReactRenderedNodeCount < reactRenderedDocumentPositionThreshold);
+    }
+  };
+};
 function createNodeView(_ref) {
   var nodeViewParams = _ref.nodeViewParams,
     pmPluginFactoryParams = _ref.pmPluginFactoryParams,
     Component = _ref.Component,
     extraComponentProps = _ref.extraComponentProps,
     extraNodeViewProps = _ref.extraNodeViewProps;
-  var shouldVirtualize = fg('platform_editor_lego__inline_node_virtualization');
+  var _virtualisationConfig = virtualisationConfiguration(),
+    enableVirtualization = _virtualisationConfig.enableVirtualization,
+    virtualizeCurrentNode = _virtualisationConfig.virtualizeCurrentNode;
+  var virtualizeNode = virtualizeCurrentNode();
   // We set a variable for the current node which is
   // used for comparisions when doing updates, before being
   // overwritten to the updated node.
@@ -94,7 +120,7 @@ function createNodeView(_ref) {
       });
     }
   }
-  if (shouldVirtualize) {
+  if (virtualizeNode) {
     renderFallback();
     // allow the fallback to render first before attaching the observer.
     // Will tweak this in a follow up PR to optimise rendering of visible
@@ -103,6 +129,7 @@ function createNodeView(_ref) {
       attachNodeViewObserver();
     }, 0);
   } else {
+    initialReactRenderedNodeCount = initialReactRenderedNodeCount + 1;
     var _getPerformanceOption = getPerformanceOptions(nodeViewParams.view),
       samplingRate = _getPerformanceOption.samplingRate,
       slowThreshold = _getPerformanceOption.slowThreshold,
@@ -120,9 +147,9 @@ function createNodeView(_ref) {
       slowThreshold: slowThreshold
     });
   }
-  var extraNodeViewPropsWithStopEvent = _objectSpread(_objectSpread({}, extraNodeViewProps), fg('platform_editor_lego__inline_node_virtualization') ? {
+  var extraNodeViewPropsWithStopEvent = _objectSpread(_objectSpread({}, extraNodeViewProps), enableVirtualization ? {
     // This is not related to virtualization, but it's something we should fix/handle
-    // Remove this comment when `platform_editor_lego__inline_node_virtualization` FF is cleaned up
+    // Remove this comment when virtualization experiment is cleaned up
     stopEvent: function stopEvent(event) {
       var maybeStopEvent = extraNodeViewProps === null || extraNodeViewProps === void 0 ? void 0 : extraNodeViewProps.stopEvent;
       if (typeof maybeStopEvent === 'function') {
@@ -162,7 +189,7 @@ function createNodeView(_ref) {
         setDomAttrs(nextNode, domRef);
       }
       currentNode = nextNode;
-      if (shouldVirtualize) {
+      if (virtualizeNode) {
         if (didRenderComponentWithIntersectionObserver) {
           renderComponent();
         }
@@ -172,7 +199,7 @@ function createNodeView(_ref) {
       return true;
     },
     destroy: function destroy() {
-      if (shouldVirtualize) {
+      if (virtualizeNode) {
         removeIntersectionObserver();
       }
 
@@ -184,7 +211,7 @@ function createNodeView(_ref) {
       // of HTMLSpanElement type however once the node view has
       // been destroyed no other consumers should still be using it.
       domRef = undefined;
-      if (shouldVirtualize) {
+      if (virtualizeNode) {
         destroyed = true;
       }
     }

package/dist/esm/selection/gap-cursor/styles.js

@@ -12,7 +12,7 @@ var gapCursorBlink = keyframes({
 });
 export var hideCaretModifier = 'ProseMirror-hide-gapcursor';
 var gapCursor = '.ProseMirror-gapcursor';
-var prosemirrorwidgetNotBlock = '.ProseMirror-widget:not([data-blocks-decoration-container="true"]):not([data-blocks-drag-handle-container="true"])';
+var prosemirrorwidgetNotBlock = '.ProseMirror-widget:not([data-blocks-decoration-container="true"]):not([data-blocks-drag-handle-container="true"]):not([data-blocks-quick-insert-container="true"])';
 var wrapLeft = '[layout="wrap-left"]';
 var wrapRight = '[layout="wrap-right"]';
 

package/dist/esm/type-ahead/messages.js

@@ -89,5 +89,15 @@ export var typeAheadListMessages = defineMessages({
     id: 'fablric.editor.viewAllInserts',
     defaultMessage: 'View all inserts',
     description: 'a text on a button that opens a side panel with a list of all insertable editor elements'
+  },
+  emptySearchResults: {
+    id: 'fabric.editor.emptySearchResults',
+    defaultMessage: "We couldn't find any results.",
+    description: 'a message displayed when there are no search results'
+  },
+  emptySearchResultsSuggestion: {
+    id: 'fabric.editor.emptySearchResultsSuggestion',
+    defaultMessage: 'Select {buttonName} to browse inserts.',
+    description: 'a prompt to suggest user to click a button to browse inserts when there are no search results'
   }
 });

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

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

@@ -4,7 +4,8 @@ export { default as buildLayoutButtons, alignmentIcons, wrappingIcons, layoutToM
 export type { IconMap, LayoutIcon } from './MediaAndEmbedsToolbar';
 export type { OptionConfig, CardPluginActions, QueueCardsFromTransactionAction, HideLinkToolbarAction, ChangeSelectedCardToLink, SetSelectedCardAppearance, CardReplacementInputMethod, } from './types';
 export { LinkToolbarButtonGroup } from './LinkToolbarButtonGroup';
-export { getButtonGroupOption } from './link-toolbar-button-group-options';
+export { appearancePropsMap, getButtonGroupOption } from './link-toolbar-button-group-options';
+export { getDropdownOption } from './link-toolbar-dropdown-options';
 export declare const DATASOURCE_INNER_CONTAINER_CLASSNAME = "datasourceView-content-inner-wrap";
 export { IconCard } from './ui/assets/card';
 export { IconInline } from './ui/assets/inline';

package/dist/types/card/link-toolbar-button-group-options.d.ts

@@ -1,5 +1,56 @@
+/// <reference types="react" />
 import { type IntlShape } from 'react-intl-next';
 import type { Command } from '../types';
 import type { ButtonOptionProps } from './LinkToolbarButtonGroup';
 import type { OptionConfig } from './types';
+export declare const appearancePropsMap: {
+    url: {
+        title: {
+            id: string;
+            defaultMessage: string;
+            description: string;
+        };
+        icon: {
+            (props: import("@atlaskit/icon").NewCoreIconProps): JSX.Element;
+            displayName: string;
+        };
+        iconFallback: (props: import("@atlaskit/icon").NewCoreIconProps) => import("react").JSX.Element;
+    };
+    inline: {
+        title: {
+            id: string;
+            defaultMessage: string;
+            description: string;
+        };
+        icon: {
+            (props: import("@atlaskit/icon").NewCoreIconProps): JSX.Element;
+            displayName: string;
+        };
+        iconFallback: (props: import("@atlaskit/icon").NewIconProps) => import("react").JSX.Element;
+    };
+    block: {
+        title: {
+            id: string;
+            defaultMessage: string;
+            description: string;
+        };
+        icon: {
+            (props: import("@atlaskit/icon").NewCoreIconProps): JSX.Element;
+            displayName: string;
+        };
+        iconFallback: (props: import("@atlaskit/icon").NewIconProps) => import("react").JSX.Element;
+    };
+    embed: {
+        title: {
+            id: string;
+            defaultMessage: string;
+            description: string;
+        };
+        icon: {
+            (props: import("@atlaskit/icon").NewCoreIconProps): JSX.Element;
+            displayName: string;
+        };
+        iconFallback: (props: import("@atlaskit/icon").NewIconProps) => import("react").JSX.Element;
+    };
+};
 export declare const getButtonGroupOption: (intl: IntlShape, dispatchCommand: (command: Command) => void, { disabled, onClick, selected, appearance, testId, tooltip }: OptionConfig) => ButtonOptionProps;

package/dist/types/card/link-toolbar-dropdown-options.d.ts

@@ -0,0 +1,4 @@
+import { type IntlShape } from 'react-intl-next';
+import type { Command, DropdownOptionT } from '../types';
+import type { OptionConfig } from './types';
+export declare const getDropdownOption: (intl: IntlShape, dispatchCommand: (command: Command) => void, { disabled, onClick, selected, appearance, testId, tooltip }: OptionConfig) => DropdownOptionT<Function>;

package/dist/types/media/messages/altText.d.ts

@@ -4,6 +4,11 @@ export declare const altTextMessages: {
         defaultMessage: string;
         description: string;
     };
+    addAltText: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
     editAltText: {
         id: string;
         defaultMessage: string;

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

@@ -89,4 +89,14 @@ export declare const typeAheadListMessages: {
         defaultMessage: string;
         description: string;
     };
+    emptySearchResults: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    emptySearchResultsSuggestion: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
 };

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

@@ -4,7 +4,8 @@ export { default as buildLayoutButtons, alignmentIcons, wrappingIcons, layoutToM
 export type { IconMap, LayoutIcon } from './MediaAndEmbedsToolbar';
 export type { OptionConfig, CardPluginActions, QueueCardsFromTransactionAction, HideLinkToolbarAction, ChangeSelectedCardToLink, SetSelectedCardAppearance, CardReplacementInputMethod, } from './types';
 export { LinkToolbarButtonGroup } from './LinkToolbarButtonGroup';
-export { getButtonGroupOption } from './link-toolbar-button-group-options';
+export { appearancePropsMap, getButtonGroupOption } from './link-toolbar-button-group-options';
+export { getDropdownOption } from './link-toolbar-dropdown-options';
 export declare const DATASOURCE_INNER_CONTAINER_CLASSNAME = "datasourceView-content-inner-wrap";
 export { IconCard } from './ui/assets/card';
 export { IconInline } from './ui/assets/inline';

package/dist/types-ts4.5/card/link-toolbar-button-group-options.d.ts

@@ -1,5 +1,56 @@
+/// <reference types="react" />
 import { type IntlShape } from 'react-intl-next';
 import type { Command } from '../types';
 import type { ButtonOptionProps } from './LinkToolbarButtonGroup';
 import type { OptionConfig } from './types';
+export declare const appearancePropsMap: {
+    url: {
+        title: {
+            id: string;
+            defaultMessage: string;
+            description: string;
+        };
+        icon: {
+            (props: import("@atlaskit/icon").NewCoreIconProps): JSX.Element;
+            displayName: string;
+        };
+        iconFallback: (props: import("@atlaskit/icon").NewCoreIconProps) => import("react").JSX.Element;
+    };
+    inline: {
+        title: {
+            id: string;
+            defaultMessage: string;
+            description: string;
+        };
+        icon: {
+            (props: import("@atlaskit/icon").NewCoreIconProps): JSX.Element;
+            displayName: string;
+        };
+        iconFallback: (props: import("@atlaskit/icon").NewIconProps) => import("react").JSX.Element;
+    };
+    block: {
+        title: {
+            id: string;
+            defaultMessage: string;
+            description: string;
+        };
+        icon: {
+            (props: import("@atlaskit/icon").NewCoreIconProps): JSX.Element;
+            displayName: string;
+        };
+        iconFallback: (props: import("@atlaskit/icon").NewIconProps) => import("react").JSX.Element;
+    };
+    embed: {
+        title: {
+            id: string;
+            defaultMessage: string;
+            description: string;
+        };
+        icon: {
+            (props: import("@atlaskit/icon").NewCoreIconProps): JSX.Element;
+            displayName: string;
+        };
+        iconFallback: (props: import("@atlaskit/icon").NewIconProps) => import("react").JSX.Element;
+    };
+};
 export declare const getButtonGroupOption: (intl: IntlShape, dispatchCommand: (command: Command) => void, { disabled, onClick, selected, appearance, testId, tooltip }: OptionConfig) => ButtonOptionProps;

package/dist/types-ts4.5/card/link-toolbar-dropdown-options.d.ts

@@ -0,0 +1,4 @@
+import { type IntlShape } from 'react-intl-next';
+import type { Command, DropdownOptionT } from '../types';
+import type { OptionConfig } from './types';
+export declare const getDropdownOption: (intl: IntlShape, dispatchCommand: (command: Command) => void, { disabled, onClick, selected, appearance, testId, tooltip }: OptionConfig) => DropdownOptionT<Function>;

package/dist/types-ts4.5/media/messages/altText.d.ts

@@ -4,6 +4,11 @@ export declare const altTextMessages: {
         defaultMessage: string;
         description: string;
     };
+    addAltText: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
     editAltText: {
         id: string;
         defaultMessage: string;

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

@@ -89,4 +89,14 @@ export declare const typeAheadListMessages: {
         defaultMessage: string;
         description: string;
     };
+    emptySearchResults: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    emptySearchResultsSuggestion: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
 };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "100.4.3",
+	"version": "100.5.0",
 	"description": "A package that contains common classes and components for editor and renderer",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -115,8 +115,8 @@
 	},
 	"dependencies": {
 		"@atlaskit/activity-provider": "^2.5.0",
-		"@atlaskit/adf-schema": "^47.2.1",
-		"@atlaskit/adf-utils": "^19.18.0",
+		"@atlaskit/adf-schema": "^47.6.0",
+		"@atlaskit/adf-utils": "^19.19.0",
 		"@atlaskit/analytics-listeners": "^9.0.0",
 		"@atlaskit/analytics-namespaced-context": "^7.0.0",
 		"@atlaskit/analytics-next": "^11.0.0",
@@ -125,9 +125,9 @@
 		"@atlaskit/code": "^16.0.0",
 		"@atlaskit/codemod-utils": "^4.2.0",
 		"@atlaskit/css": "^0.10.0",
-		"@atlaskit/custom-steps": "^0.10.0",
+		"@atlaskit/custom-steps": "^0.11.0",
 		"@atlaskit/dropdown-menu": "^13.0.0",
-		"@atlaskit/editor-json-transformer": "^8.23.0",
+		"@atlaskit/editor-json-transformer": "^8.24.0",
 		"@atlaskit/editor-palette": "2.0.0",
 		"@atlaskit/editor-prosemirror": "7.0.0",
 		"@atlaskit/editor-shared-styles": "^3.4.0",
@@ -135,7 +135,7 @@
 		"@atlaskit/emoji": "^68.0.0",
 		"@atlaskit/icon": "^24.1.0",
 		"@atlaskit/icon-object": "^7.0.0",
-		"@atlaskit/link-datasource": "^3.21.0",
+		"@atlaskit/link-datasource": "^3.22.0",
 		"@atlaskit/link-picker": "^3.0.0",
 		"@atlaskit/media-card": "^79.0.0",
 		"@atlaskit/media-client": "^32.0.0",
@@ -145,7 +145,7 @@
 		"@atlaskit/media-picker": "^68.0.0",
 		"@atlaskit/media-ui": "^28.0.0",
 		"@atlaskit/media-viewer": "52.0.0",
-		"@atlaskit/mention": "^24.0.0",
+		"@atlaskit/mention": "^24.1.0",
 		"@atlaskit/menu": "^3.1.0",
 		"@atlaskit/onboarding": "^13.0.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
@@ -158,7 +158,7 @@
 		"@atlaskit/spinner": "^18.0.0",
 		"@atlaskit/task-decision": "^19.0.0",
 		"@atlaskit/textfield": "^8.0.0",
-		"@atlaskit/tmp-editor-statsig": "^3.3.0",
+		"@atlaskit/tmp-editor-statsig": "^3.4.0",
 		"@atlaskit/tokens": "^4.3.0",
 		"@atlaskit/tooltip": "^20.0.0",
 		"@atlaskit/width-detector": "^5.0.0",
@@ -263,9 +263,6 @@
 		"platform_editor_typography_ugc": {
 			"type": "boolean"
 		},
-		"platform_editor_lego__inline_node_virtualization": {
-			"type": "boolean"
-		},
 		"platform_editor_heading_margin_fix": {
 			"type": "boolean"
 		},