@atlaskit/editor-common 100.4.3 → 101.0.0

package/dist/cjs/ai-messages/ai.js

@@ -0,0 +1,122 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.aiMessages = void 0;
+var _reactIntlNext = require("react-intl-next");
+var aiMessages = exports.aiMessages = (0, _reactIntlNext.defineMessages)({
+  // Event hub messages
+  eventHubfallbackSuggestedTitle: {
+    id: 'fabric.editor.ai.eventHub.fallbackSuggestedTitle',
+    defaultMessage: 'Page title',
+    description: 'A fallback suggested title for the suggest title prompt'
+  },
+  // Toolbar messages
+  aiToolbarTitle: {
+    id: 'fabric.editor.ai.toolbar.titleText',
+    defaultMessage: 'Atlassian Intelligence',
+    description: 'Title for Atlassian Intelligence button in editor selection floating toolbar'
+  },
+  improveWritingToolbarIconTitle: {
+    id: 'fabric.editor.ai.toolbar.improveWriting.title',
+    defaultMessage: 'Improve writing',
+    description: 'Title for an option to use Atlassian Intellgience to improve the writing of content currently selected by the user'
+  },
+  improveWritingToolbarIconTooltip: {
+    id: 'fabric.editor.ai.toolbar.improveWriting.tooltip',
+    defaultMessage: 'Tell Atlassian Intelligence to improve the writing of your selection',
+    description: 'Tooltip text for an option to use Atlassian Intellgience to improve the writing of content currently selected by the user'
+  },
+  tryAIToolbarIconTitle: {
+    id: 'fabric.editor.ai.toolbar.tryAI.title',
+    defaultMessage: 'Try AI',
+    description: 'Title for an option to use Atlassian Intellgience'
+  },
+  tryAIToolbarIconTooltip: {
+    id: 'fabric.editor.ai.toolbar.tryAI.tooltip',
+    defaultMessage: 'Open Atlassian Intelligence',
+    description: 'Tooltip text for an option to use Atlassian Intellgience'
+  },
+  simplifiedAIToolbarIconTitle: {
+    id: 'fabric.editor.ai.toolbar.simplifiedAI.title',
+    defaultMessage: 'AI',
+    description: 'Title for Atlassian Intelligence button in editor selection floating toolbar'
+  },
+  // Prebuilt messages
+  atlasGenerateContentConfigItemDescription: {
+    id: 'fabric.editor.ai.atlas-prebuilt.atlasGenerateContentConfigItemDescription',
+    defaultMessage: "Generates content to be inserted into the update",
+    description: 'Description for AI Generate content prompt'
+  },
+  atlasSummarizePageConfigItemDescription: {
+    id: 'fabric.editor.ai.atlas-prebuilt.atlasSummarizePageConfigItemDescription',
+    defaultMessage: "Summarizes the content of the update",
+    description: 'Description for AI Summarise content prompt'
+  },
+  confluenceChangeToneSelectionToolbarDropdownMenuTitle: {
+    id: 'fabric.editor.ai.confluence-prebuilt.confluenceChangeToneSelectionToolbarDropdownMenuTitle',
+    defaultMessage: 'Change tone',
+    description: 'Title for Atlassian Intelligence "Change Tone" dropdown in editor selection floating toolbar'
+  },
+  confluenceRewriteSelectionToolbarDropdownMenuTitle: {
+    id: 'fabric.editor.ai.confluence-prebuilt.confluenceRewriteSelectionToolbarDropdownMenuTitle',
+    defaultMessage: 'Rewrite',
+    description: 'Title for Atlassian Intelligence "Rewrite" dropdown in editor selection floating toolbar'
+  },
+  confluenceTranslateSelectionToolbarDropdownMenuTitle: {
+    id: 'fabric.editor.ai.confluence-prebuilt.confluenceTranslateSelectionToolbarDropdownMenuTitle',
+    defaultMessage: 'Translate',
+    description: 'Title for Atlassian Intelligence "Translate" dropdown in editor selection floating toolbar'
+  },
+  // AI Panel Action items messages
+  actionItemsPageTitle: {
+    id: 'fabric.editor.ai.ai-panels.actionItemsPageTitle',
+    defaultMessage: "Action items panel (Beta)",
+    description: 'Title for AI action items panel'
+  },
+  actionItemsPageDescription: {
+    id: 'fabric.editor.ai.ai-panels.actionItemsPageDescription',
+    defaultMessage: "Use Atlassian Intelligence to find action items and display in a panel",
+    description: 'Description for AI action items panel'
+  },
+  // AI Panel Summarise page messages
+  summarizePageTitle: {
+    id: 'fabric.editor.ai.ai-panels.summarizePageTitle',
+    defaultMessage: "Page summary panel (Beta)",
+    description: 'Title for AI summary panel'
+  },
+  summarisePageDescription: {
+    id: 'fabric.editor.ai.ai-panels.summarizePageDescription',
+    defaultMessage: "Use Atlassian Intelligence to summarize this page and display in a panel",
+    description: 'Description for AI summary panel'
+  },
+  // Agent messages
+  agentsDropdownTitle: {
+    id: 'rovo.agents.dropdown.title',
+    defaultMessage: 'Agents',
+    description: 'Title for the agents dropdown in the editor toolbar'
+  },
+  agentsViewAgentsLabel: {
+    id: 'rovo.agents.dropdown.viewAgents.label',
+    defaultMessage: 'View all agents',
+    description: 'Label for the dropdown option that allows a user to View all available Agents'
+  },
+  // Error messages
+  unhandledErrorMessage: {
+    id: 'fabric.editor.ai.experience-application.unhandledErrorMessage',
+    defaultMessage: "We're having trouble. Close the dialog and try again.",
+    description: 'Message to users that displays when an unexpected error happens'
+  },
+  markdownErrorMessage: {
+    id: 'fabric.editor.ai.experience-application.error-boundary.markdownErrorMessage',
+    defaultMessage: "We're having trouble generating the preview. Close the dialog and try again.",
+    description: 'Message to users that displays when an error occurs while generating a preview.'
+  },
+  // Prompt Builder messages
+  promptBuilderFromButton: {
+    id: 'fabric.editor.ai.commandPalette.promptBuilderForm.buttons.submit',
+    defaultMessage: 'Generate',
+    description: 'Label for the Submit button in the command palette'
+  }
+});

package/dist/cjs/ai-messages/index.js

@@ -0,0 +1,68 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "aiConfigItemMessages", {
+  enumerable: true,
+  get: function get() {
+    return _aiConfigItems.aiConfigItemMessages;
+  }
+});
+Object.defineProperty(exports, "aiDefinitionsMessages", {
+  enumerable: true,
+  get: function get() {
+    return _aiDefinitions.aiDefinitionsMessages;
+  }
+});
+Object.defineProperty(exports, "aiExperienceApplicationMessages", {
+  enumerable: true,
+  get: function get() {
+    return _aiExperienceApplication.aiExperienceApplicationMessages;
+  }
+});
+Object.defineProperty(exports, "aiFailedStateMessages", {
+  enumerable: true,
+  get: function get() {
+    return _aiFailedState.aiFailedStateMessages;
+  }
+});
+Object.defineProperty(exports, "aiLanguageMessages", {
+  enumerable: true,
+  get: function get() {
+    return _aiLanguages.aiLanguageMessages;
+  }
+});
+Object.defineProperty(exports, "aiMessages", {
+  enumerable: true,
+  get: function get() {
+    return _ai.aiMessages;
+  }
+});
+Object.defineProperty(exports, "aiProactiveMessages", {
+  enumerable: true,
+  get: function get() {
+    return _aiProactive.aiProactiveMessages;
+  }
+});
+Object.defineProperty(exports, "aiProactiveSettingMessages", {
+  enumerable: true,
+  get: function get() {
+    return _aiProactiveSetting.aiProactiveSettingMessages;
+  }
+});
+Object.defineProperty(exports, "aiProactiveTransformMessages", {
+  enumerable: true,
+  get: function get() {
+    return _aiProactiveTransform.aiProactiveTransformMessages;
+  }
+});
+var _aiConfigItems = require("./ai-config-items");
+var _aiDefinitions = require("./ai-definitions");
+var _aiExperienceApplication = require("./ai-experience-application");
+var _aiFailedState = require("./ai-failed-state");
+var _aiLanguages = require("./ai-languages");
+var _aiProactive = require("./ai-proactive");
+var _ai = require("./ai");
+var _aiProactiveSetting = require("./ai-proactive-setting");
+var _aiProactiveTransform = require("./ai-proactive-transform");

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/element-browser/components/ElementList/EmptyState.js

@@ -47,7 +47,7 @@ function EmptyState(_ref) {
   })))));
 }
 var emptyStateHeading = (0, _react.css)({
-  font: "var(--ds-font-heading-medium, normal 500 20px/24px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
+  font: "var(--ds-font-heading-medium, normal 500 20px/24px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
   color: "var(--ds-text, rgb(23, 43, 77))",
   marginTop: "var(--ds-space-300, 24px)"
 });

package/dist/cjs/extensibility/Extension/Lozenge/EditToggle.js

@@ -39,7 +39,7 @@ var buttonStyles = (0, _react2.css)({
   borderRadius: "var(--ds-border-radius, 4px)",
   paddingLeft: "var(--ds-space-150, 12px)",
   paddingRight: "var(--ds-space-150, 12px)",
-  font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
+  font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
   '&:hover': {
     backgroundColor: "var(--ds-background-input-hovered, #F7F8F9)"
   },

package/dist/cjs/extensibility/Extension/Lozenge/ExtensionLabel.js

@@ -80,7 +80,7 @@ var labelStyles = (0, _react.css)({
   '&.remove-nested-left-margin': {
     marginLeft: 0
   },
-  font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
+  font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '&.with-bodied-macro-live-page-styles': {
     backgroundColor: "var(--ds-background-input, #FFFFFF)",

package/dist/cjs/link/LinkPicker/HyperlinkAddToolbar/HyperlinkAddToolbar.js

@@ -76,7 +76,7 @@ var textLabelMargin = (0, _react2.css)({
 var inputLabel = (0, _react2.css)({
   color: "var(--ds-text-subtlest, #626F86)",
   paddingBottom: "var(--ds-space-050, 4px)",
-  font: "var(--ds-font-body-small, normal 400 11px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
+  font: "var(--ds-font-body-small, normal 400 11px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
   fontWeight: "var(--ds-font-weight-medium, 500)"
 });
 var inputWrapperPosition = (0, _react2.css)({

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

@@ -3,30 +3,6 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "aiDefinitionsMessages", {
-  enumerable: true,
-  get: function get() {
-    return _aiDefinitions.aiDefinitionsMessages;
-  }
-});
-Object.defineProperty(exports, "aiProactiveMessages", {
-  enumerable: true,
-  get: function get() {
-    return _aiProactive.aiProactiveMessages;
-  }
-});
-Object.defineProperty(exports, "aiProactiveSettingMessages", {
-  enumerable: true,
-  get: function get() {
-    return _aiProactiveSetting.aiProactiveSettingMessages;
-  }
-});
-Object.defineProperty(exports, "aiProactiveTransformMessages", {
-  enumerable: true,
-  get: function get() {
-    return _aiProactiveTransform.aiProactiveTransformMessages;
-  }
-});
 Object.defineProperty(exports, "alignmentMessages", {
   enumerable: true,
   get: function get() {
@@ -233,10 +209,6 @@ Object.defineProperty(exports, "unsupportedContentMessages", {
   }
 });
 var _reactIntlNext = require("react-intl-next");
-var _aiDefinitions = require("./ai-definitions");
-var _aiProactive = require("./ai-proactive");
-var _aiProactiveSetting = require("./ai-proactive-setting");
-var _aiProactiveTransform = require("./ai-proactive-transform");
 var _alignment = require("./alignment");
 var _annotation = require("./annotation");
 var _blockType = require("./block-type");

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 = "101.0.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 = "101.0.0";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 // Ignored via go/ees005

package/dist/cjs/ui/FloatingToolbar/Button.js

@@ -22,6 +22,9 @@ 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; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var minWidthStyle = {
+  minWidth: "var(--ds-space-400, 32px)"
+};
 var _default = exports.default = function _default(_ref) {
   var title = _ref.title,
     icon = _ref.icon,
@@ -103,11 +106,11 @@ var _default = exports.default = function _default(_ref) {
         buttonStyles = _adgTheme.buttonStyles,
         rest = (0, _objectWithoutProperties2.default)(_adgTheme, _excluded);
       return _objectSpread({
-        buttonStyles: _objectSpread(_objectSpread(_objectSpread({}, buttonStyles), customSpacing), appearance === 'danger' && (0, _styles.getButtonStyles)({
+        buttonStyles: _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, buttonStyles), customSpacing), appearance === 'danger' && (0, _styles.getButtonStyles)({
           appearance: appearance,
           state: themeProps.state,
           mode: themeProps.mode
-        }))
+        })), (0, _experiments.editorExperiment)('platform_editor_controls', 'variant1') ? minWidthStyle : {})
       }, rest);
     },
     "aria-label": ariaLabel || title,

package/dist/cjs/ui/FloatingToolbar/Separator.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = require("@emotion/react");
+var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 /**
  * @jsxRuntime classic
  * @jsx jsx
@@ -18,16 +19,21 @@ var separator = (0, _react.css)({
   margin: "0 ".concat("var(--ds-space-050, 4px)"),
   alignSelf: 'center'
 });
+var separatorNew = (0, _react.css)({
+  background: "var(--ds-border, #091E4224)",
+  width: '1px',
+  height: '20px',
+  alignSelf: 'center'
+});
 var separatorFullHeight = (0, _react.css)({
   height: '40px'
 });
 var _default = exports.default = function _default(_ref) {
   var fullHeight = _ref.fullHeight;
-  return (
+  return (0, _react.jsx)("div", {
+    css: [(0, _experiments.editorExperiment)('platform_editor_controls', 'variant1') ? separatorNew : separator, fullHeight && separatorFullHeight]
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    (0, _react.jsx)("div", {
-      css: [separator, fullHeight && separatorFullHeight],
-      className: "separator"
-    })
-  );
+    ,
+    className: "separator"
+  });
 };

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

@@ -16,6 +16,7 @@ var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/glyph/chevron-
 var _chevronDown2 = _interopRequireDefault(require("@atlaskit/icon/utility/chevron-down"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _primitives = require("@atlaskit/primitives");
+var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 var _analytics = require("../../analytics");
 var _uiColor = require("../../ui-color");
@@ -268,7 +269,7 @@ var ColorPickerButton = function ColorPickerButton(props) {
     ref: buttonRef,
     "aria-label": title,
     "aria-expanded": props.isAriaExpanded ? isPopupOpen : undefined,
-    spacing: "compact",
+    spacing: (0, _experiments.editorExperiment)('platform_editor_controls', 'variant1') ? 'default' : 'compact',
     onClick: togglePopup,
     onKeyDown: function onKeyDown(event) {
       if (event.key === 'Enter' || event.key === ' ') {