@atlaskit/editor-common 100.4.3 → 101.0.0

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

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

@@ -12,6 +12,9 @@ import Tooltip from '@atlaskit/tooltip';
 import { Pulse } from '../Pulse/Pulse';
 import { ButtonSpotlightCard } from './ButtonSpotlightCard';
 import { getButtonStyles, iconOnlySpacing } from './styles';
+var minWidthStyle = {
+  minWidth: "var(--ds-space-400, 32px)"
+};
 export default (function (_ref) {
   var title = _ref.title,
     icon = _ref.icon,
@@ -93,11 +96,11 @@ export default (function (_ref) {
         buttonStyles = _adgTheme.buttonStyles,
         rest = _objectWithoutProperties(_adgTheme, _excluded);
       return _objectSpread({
-        buttonStyles: _objectSpread(_objectSpread(_objectSpread({}, buttonStyles), customSpacing), appearance === 'danger' && getButtonStyles({
+        buttonStyles: _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, buttonStyles), customSpacing), appearance === 'danger' && getButtonStyles({
           appearance: appearance,
           state: themeProps.state,
           mode: themeProps.mode
-        }))
+        })), editorExperiment('platform_editor_controls', 'variant1') ? minWidthStyle : {})
       }, rest);
     },
     "aria-label": ariaLabel || title,

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

@@ -4,6 +4,7 @@
  */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
+import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 var separator = css({
   background: "var(--ds-border, #091E4224)",
   width: '1px',
@@ -11,16 +12,21 @@ var separator = css({
   margin: "0 ".concat("var(--ds-space-050, 4px)"),
   alignSelf: 'center'
 });
+var separatorNew = css({
+  background: "var(--ds-border, #091E4224)",
+  width: '1px',
+  height: '20px',
+  alignSelf: 'center'
+});
 var separatorFullHeight = css({
   height: '40px'
 });
 export default (function (_ref) {
   var fullHeight = _ref.fullHeight;
-  return (
+  return jsx("div", {
+    css: [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
-    jsx("div", {
-      css: [separator, fullHeight && separatorFullHeight],
-      className: "separator"
-    })
-  );
+    ,
+    className: "separator"
+  });
 });

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

@@ -15,6 +15,7 @@ import LegacyExpandIcon from '@atlaskit/icon/glyph/chevron-down';
 import ChevronDownIcon from '@atlaskit/icon/utility/chevron-down';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { Box, xcss, Inline } from '@atlaskit/primitives';
+import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import Tooltip from '@atlaskit/tooltip';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, editorAnalyticsChannel, EVENT_TYPE } from '../../analytics';
 import { ColorPalette, DEFAULT_BORDER_COLOR, getSelectedRowAndColumnFromPalette } from '../../ui-color';
@@ -261,7 +262,7 @@ var ColorPickerButton = function ColorPickerButton(props) {
     ref: buttonRef,
     "aria-label": title,
     "aria-expanded": props.isAriaExpanded ? isPopupOpen : undefined,
-    spacing: "compact",
+    spacing: editorExperiment('platform_editor_controls', 'variant1') ? 'default' : 'compact',
     onClick: togglePopup,
     onKeyDown: function onKeyDown(event) {
       if (event.key === 'Enter' || event.key === ' ') {

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

@@ -0,0 +1,462 @@
+export declare const aiConfigItemMessages: {
+    agentConfigTitle: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    agentConfigDescription: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    agentConfigPromptHint: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    configActionInsert: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    configActionInsertAtTop: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    configActionInsertBelow: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    configActionReplace: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    configActionReplaceTitle: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    configActionReplaceTitleTooLongDisabledTooltip: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    configActionContinueInChatLabel: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    advancedPromptTitle: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    advancedPromptDescription: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    advancedPromptLabel: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    advancedPromptTaskLabel: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    advancedPromptTaskPlaceholder: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    advancedPromptTaskHelperMessage: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    advancedPromptTaskRequired: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    advancedPromptInstructionsLabel: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    advancedPromptInstructionsPlaceholder: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    advancedPromptInstructionsHelperMessage: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    advancedPromptRulesLabel: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    advancedPromptRulesPlaceholder: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    advancedPromptRulesHelperMessage: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    advancedPromptToneLabel: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    advancedPromptToneProfessional: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    advancedPromptToneEmpathetic: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    advancedPromptToneCasual: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    advancedPromptToneNeutral: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    advancedPromptToneEducational: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    advancedPromptCreativityLabel: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    advancedPromptCreativityLow: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    advancedPromptCreativityMedium: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    advancedPromptCreativityHigh: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    atlasShortenUpdatetitle: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    atlasShortenUpdateDescription: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    brainstormTitle: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    brainstormDescription: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    brainstormPromptLabel: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    brainstormPromptHint: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    changeToneNestingParentTitlePostGA: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    changeToneNeutralToneTitle: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    changeToneNeutralToneShortTitle: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    changeToneNeutralToneDescription: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    changeToneNeutralToneSelectionToolbarDropdownItemTitle: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    changeToneProfessionalToneTitle: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    changeToneProfessionalToneShortTitle: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    changeToneProfessionalToneDescription: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    changeToneProfessionalToneSelectionToolbarDropdownItemTitle: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    changeToneCasualToneTitle: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    changeToneCasualToneShortTitle: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    changeToneCasualToneDescription: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    changeToneCasualToneSelectionToolbarDropdownItemTitle: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    changeToneEducationalToneTitle: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    changeToneEducationalToneShortTitle: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    changeToneEducationalToneDescription: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    changeToneEducationalToneSelectionToolbarDropdownItemTitle: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    changeToneEmpatheticToneTitle: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    changeToneEmpatheticToneShortTitle: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    changeToneEmpatheticToneDescription: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    changeToneEmpatheticToneSelectionToolbarDropdownItemTitle: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    convertToBulletListTitle: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    convertToBulletListDescription: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    convertToTableTitle: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    convertToTableDescription: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    draftReplyTitle: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    draftReplyDescription: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    improveWritingTitle: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    improveWritingSelectionToolbarDropdownItemTitle: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    fixSpellingGrammarTitle: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    improveWritingDescription: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    fixSpellingGrammarDescription: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    fixSpellingGrammarSelectionToolbarDropdownItemTitle: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    findActionItemsTitle: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    findActionItemsDescription: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    freeGeneratePromptHint: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    freeGenerateDisabledPromptHint: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    reformatWithTemplateDescription: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    improveDescription: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    makeLongerTitle: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    makeLongerDescription: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    makeShorterTitle: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    makeShorterDescription: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    makeShorterSelectionToolbarDropdownItemTitle: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    prDescriptionTitle: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    prDescriptionDescription: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    rephraseTitle: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    rephraseDescription: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    suggestTitleTitle: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    suggestTitleDescription: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    summarizeWritingtitle: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    summarizeWritingDescription: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    summarizeWritingSelectionToolbarDropdownItemTitle: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+};