@atlaskit/editor-common 116.45.0 → 116.47.0

package/dist/es2019/ui-color/ColorPalette/Palettes/panelBackgroundPaletteNew.js

@@ -0,0 +1,95 @@
+// new palette for platform_editor_lovability_text_bg_color experiment
+export const panelBackgroundPaletteNew = [{
+  label: 'White',
+  value: '#FFFFFF'
+}, {
+  label: 'Subtle blue',
+  value: '#DEEBFF'
+}, {
+  label: 'Subtle teal',
+  value: '#E6FCFF'
+}, {
+  label: 'Subtle green',
+  value: '#E3FCEF'
+}, {
+  label: 'Subtle lime',
+  value: '#EFFFD6'
+}, {
+  label: 'Subtle yellow',
+  value: '#FFFAE6'
+}, {
+  label: 'Subtle orange',
+  value: '#FFF5DB'
+}, {
+  label: 'Subtle red',
+  value: '#FFEBE6'
+}, {
+  label: 'Subtle magenta',
+  value: '#FFECF8'
+}, {
+  label: 'Subtle purple',
+  value: '#EAE6FF'
+}, {
+  label: 'Gray',
+  value: '#F4F5F7'
+}, {
+  label: 'Blue',
+  value: '#B3D4FF'
+}, {
+  label: 'Teal',
+  value: '#B3F5FF'
+}, {
+  label: 'Green',
+  value: '#ABF5D1'
+}, {
+  label: 'Lime',
+  value: '#D3F1A7'
+}, {
+  label: 'Yellow',
+  value: '#FFF0B3'
+}, {
+  label: 'Orange',
+  value: '#FCE4A6'
+}, {
+  label: 'Red',
+  value: '#FFBDAD'
+}, {
+  label: 'Magenta',
+  value: '#FDD0EC'
+}, {
+  label: 'Purple',
+  value: '#C0B6F2'
+}, {
+  label: 'Bold gray',
+  value: '#B7B9BE'
+}, {
+  label: 'Bold blue',
+  value: '#ADCBFB'
+}, {
+  label: 'Bold teal',
+  value: '#B1E4F7'
+}, {
+  label: 'Bold green',
+  value: '#97EDC9'
+}, {
+  label: 'Bold lime',
+  value: '#BDE97C'
+}, {
+  label: 'Bold yellow',
+  value: '#EFDD4E'
+}, {
+  label: 'Bold orange',
+  value: '#FBD779'
+}, {
+  label: 'Bold red',
+  value: '#FFB8B2'
+}, {
+  label: 'Bold magenta',
+  value: '#FCB6E1'
+}, {
+  label: 'Bold purple',
+  value: '#E3BDFA'
+}].map(color => ({
+  ...color,
+  border: "var(--ds-border, #0B120E24)"
+}));

package/dist/es2019/ui-color/index.js

@@ -10,8 +10,10 @@ export { DEFAULT_COLOR_PICKER_COLUMNS, getColorsPerRowFromPalette, getSelectedRo
 export { getHighlightColorInNonActiveTheme } from './ColorPalette/getHighlightColorInNonActiveTheme';
 export { getTextColorInNonActiveTheme } from './ColorPalette/getTextColorInNonActiveTheme';
 export { default as cellBackgroundColorPalette } from './ColorPalette/Palettes/cellBackgroundColorPalette';
+export { default as cellBackgroundColorPaletteNew } from './ColorPalette/Palettes/cellBackgroundColorPaletteNew';
 export { default as colorPaletteMessages } from './ColorPalette/Palettes/paletteMessages';
 export { panelBackgroundPalette } from './ColorPalette/Palettes/panelBackgroundPalette';
+export { panelBackgroundPaletteNew } from './ColorPalette/Palettes/panelBackgroundPaletteNew';
 export { textColorPalette } from './ColorPalette/Palettes/textColorPalette';
 export { textColorPaletteNew } from './ColorPalette/Palettes/textColorPaletteNew';
 export { highlightColorPalette, REMOVE_HIGHLIGHT_COLOR } from './ColorPalette/Palettes/highlightColorPalette';

package/dist/esm/analytics/types/enums.js

@@ -448,6 +448,7 @@ export var ACTION_SUBJECT_ID = /*#__PURE__*/function (ACTION_SUBJECT_ID) {
   ACTION_SUBJECT_ID["CODEBLOCK_COPY"] = "codeBlockCopy";
   ACTION_SUBJECT_ID["CODEBLOCK_WRAP"] = "codeBlockWrap";
   ACTION_SUBJECT_ID["CONVERSATION_ERROR"] = "conversationError";
+  ACTION_SUBJECT_ID["SUGGESTIONS_REGENERATION_ERROR"] = "suggestionsRegenerationError";
   ACTION_SUBJECT_ID["COPY_BUTTON"] = "copyButton";
   ACTION_SUBJECT_ID["COPY_LINK_TO_ANCHOR"] = "copyLinkToAnchor";
   ACTION_SUBJECT_ID["COPY_BLOCK"] = "copyBlock";

package/dist/esm/monitoring/error.js

@@ -20,7 +20,7 @@ var NETWORK_FAILURE_REGEX = /^network failure/i;
 var RESIZE_OBSERVER_LOOP_REGEX = /ResizeObserver loop completed with undelivered notifications/;
 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 = "116.44.3";
+var packageVersion = "116.46.0";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007

package/dist/esm/styles/shared/sync-block.js

@@ -14,7 +14,13 @@ export var BodiedSyncBlockSharedCssClassName = {
   prefix: bodiedPrefix,
   renderer: "".concat(bodiedPrefix, "__renderer"),
   content: "".concat(bodiedPrefix, "__content"),
-  selectionInside: "".concat(bodiedPrefix, "__selection_inside")
+  selectionInside: "".concat(bodiedPrefix, "__selection_inside"),
+  // Applied by the node view when the block holds nothing but a single empty paragraph.
+  // Emptiness is derived from the ProseMirror document rather than the rendered DOM, because
+  // decorations (for example the selection marker's cursor widget) and ProseMirror's own
+  // separator/trailing-break hack nodes are injected as children of that paragraph and make
+  // DOM-shape heuristics unreliable. See EDITOR-8327.
+  empty: "".concat(bodiedPrefix, "__empty")
 };
 
 // Constant labelClassName value here has been inlined in css from EditorContentContainer, if you need to make

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

@@ -21,7 +21,7 @@ import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import { fg } from '@atlaskit/platform-feature-flags';
 import Layer from '../Layer';
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "116.44.3";
+var packageVersion = "116.46.0";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var fadeIn = keyframes({

package/dist/esm/ui-color/ColorPalette/Palettes/cellBackgroundColorPaletteNew.js

@@ -0,0 +1,21 @@
+import { tableBackgroundBorderColor, tableBackgroundColorPaletteNew } from '@atlaskit/adf-schema/tableNodes';
+import getColorMessage from './getColorMessage';
+import paletteMessages from './paletteMessages';
+/**
+ * Expanded 10-column (30-entry) UI palette that adds lime, orange, and magenta columns
+ * and updates the bold row to use `subtler.hovered` design tokens.
+ * This is a superset of the default {@link cellBackgroundColorPalette}.
+ */
+var cellBackgroundColorPaletteNew = [];
+tableBackgroundColorPaletteNew.forEach(function (label, color) {
+  // eslint-disable-next-line @atlassian/perf-linting/no-expensive-split-replace -- Ignored via go/ees017 (to be fixed)
+  var key = label.toLowerCase().replace(' ', '-');
+  var message = getColorMessage(paletteMessages, key);
+  cellBackgroundColorPaletteNew.push({
+    value: color,
+    label: label,
+    border: tableBackgroundBorderColor,
+    message: message
+  });
+});
+export default cellBackgroundColorPaletteNew;

package/dist/esm/ui-color/ColorPalette/Palettes/lightBackgroundPaletteTooltipMessages.js

@@ -60,6 +60,11 @@ export var lightBackgroundPaletteTooltipMessages = defineMessages({
     defaultMessage: 'Bold yellow',
     description: 'The text is shown as a tooltip label for a color swatch in the editor background color picker when the user hovers over the bold yellow color option.'
   },
+  '#EFDD4E': {
+    id: 'fabric.theme.bold-yellow-new',
+    defaultMessage: 'Bold yellow',
+    description: 'The text is shown as a tooltip label for a color swatch in the editor background color picker when the user hovers over the bold yellow color option.'
+  },
   '#FFEBE6': {
     id: 'fabric.theme.subtle-red',
     defaultMessage: 'Subtle red',
@@ -104,5 +109,50 @@ export var lightBackgroundPaletteTooltipMessages = defineMessages({
     id: 'fabric.theme.bold-gray',
     defaultMessage: 'Bold gray',
     description: 'The text is shown as a tooltip label for a color swatch in the editor background color picker when the user hovers over the bold gray color option.'
+  },
+  '#EFFFD6': {
+    id: 'fabric.theme.subtle-lime',
+    defaultMessage: 'Subtle lime',
+    description: 'The text is shown as a tooltip label for a color swatch in the editor background color picker when the user hovers over the subtle lime color option.'
+  },
+  '#D3F1A7': {
+    id: 'fabric.theme.lime',
+    defaultMessage: 'Lime',
+    description: 'The text is shown as a tooltip label for a color swatch in the editor background color picker when the user hovers over the lime color option.'
+  },
+  '#BDE97C': {
+    id: 'fabric.theme.bold-lime',
+    defaultMessage: 'Bold lime',
+    description: 'The text is shown as a tooltip label for a color swatch in the editor background color picker when the user hovers over the bold lime color option.'
+  },
+  '#FFF5DB': {
+    id: 'fabric.theme.subtle-orange',
+    defaultMessage: 'Subtle orange',
+    description: 'The text is shown as a tooltip label for a color swatch in the editor background color picker when the user hovers over the subtle orange color option.'
+  },
+  '#FCE4A6': {
+    id: 'fabric.theme.orange',
+    defaultMessage: 'Orange',
+    description: 'The text is shown as a tooltip label for a color swatch in the editor background color picker when the user hovers over the orange color option.'
+  },
+  '#FBD779': {
+    id: 'fabric.theme.bold-orange',
+    defaultMessage: 'Bold orange',
+    description: 'The text is shown as a tooltip label for a color swatch in the editor background color picker when the user hovers over the bold orange color option.'
+  },
+  '#FFECF8': {
+    id: 'fabric.theme.subtle-magenta',
+    defaultMessage: 'Subtle magenta',
+    description: 'The text is shown as a tooltip label for a color swatch in the editor background color picker when the user hovers over the subtle magenta color option.'
+  },
+  '#FDD0EC': {
+    id: 'fabric.theme.magenta',
+    defaultMessage: 'Magenta',
+    description: 'The text is shown as a tooltip label for a color swatch in the editor background color picker when the user hovers over the magenta color option.'
+  },
+  '#FCB6E1': {
+    id: 'fabric.theme.bold-magenta',
+    defaultMessage: 'Bold magenta',
+    description: 'The text is shown as a tooltip label for a color swatch in the editor background color picker when the user hovers over the bold magenta color option.'
   }
 });

package/dist/esm/ui-color/ColorPalette/Palettes/paletteMessages.js

@@ -150,6 +150,66 @@ var _default_1 = defineMessages({
     defaultMessage: 'Bold gray',
     description: 'Tooltip label for the bold gray color swatch displayed in the editor toolbar color palette when users select text or highlight colors.'
   },
+  'subtle-lime': {
+    id: 'fabric.theme.subtle-lime',
+    defaultMessage: 'Subtle lime',
+    description: 'Tooltip label for the subtle lime color swatch displayed in the editor toolbar color palette when users select text or highlight colors.'
+  },
+  'bold-lime': {
+    id: 'fabric.theme.bold-lime',
+    defaultMessage: 'Bold lime',
+    description: 'Tooltip label for the bold lime color swatch displayed in the editor toolbar color palette when users select text or highlight colors.'
+  },
+  'subtle-orange': {
+    id: 'fabric.theme.subtle-orange',
+    defaultMessage: 'Subtle orange',
+    description: 'Tooltip label for the subtle orange color swatch displayed in the editor toolbar color palette when users select text or highlight colors.'
+  },
+  'bold-orange': {
+    id: 'fabric.theme.bold-orange',
+    defaultMessage: 'Bold orange',
+    description: 'Tooltip label for the bold orange color swatch displayed in the editor toolbar color palette when users select text or highlight colors.'
+  },
+  'subtle-magenta': {
+    id: 'fabric.theme.subtle-magenta',
+    defaultMessage: 'Subtle magenta',
+    description: 'Tooltip label for the subtle magenta color swatch displayed in the editor toolbar color palette when users select text or highlight colors.'
+  },
+  'bold-magenta': {
+    id: 'fabric.theme.bold-magenta',
+    defaultMessage: 'Bold magenta',
+    description: 'Tooltip label for the bold magenta color swatch displayed in the editor toolbar color palette when users select text or highlight colors.'
+  },
+  'bold-blue': {
+    id: 'fabric.theme.bold-blue',
+    defaultMessage: 'Bold blue',
+    description: 'Tooltip label for the bold blue color swatch displayed in the editor toolbar color palette when users select text or highlight colors.'
+  },
+  'bold-teal': {
+    id: 'fabric.theme.bold-teal',
+    defaultMessage: 'Bold teal',
+    description: 'Tooltip label for the bold teal color swatch displayed in the editor toolbar color palette when users select text or highlight colors.'
+  },
+  'bold-green': {
+    id: 'fabric.theme.bold-green',
+    defaultMessage: 'Bold green',
+    description: 'Tooltip label for the bold green color swatch displayed in the editor toolbar color palette when users select text or highlight colors.'
+  },
+  'bold-yellow': {
+    id: 'fabric.theme.bold-yellow',
+    defaultMessage: 'Bold yellow',
+    description: 'Tooltip label for the bold yellow color swatch displayed in the editor toolbar color palette when users select text or highlight colors.'
+  },
+  'bold-red': {
+    id: 'fabric.theme.bold-red',
+    defaultMessage: 'Bold red',
+    description: 'Tooltip label for the bold red color swatch displayed in the editor toolbar color palette when users select text or highlight colors.'
+  },
+  'bold-purple': {
+    id: 'fabric.theme.bold-purple',
+    defaultMessage: 'Bold purple',
+    description: 'Tooltip label for the bold purple color swatch displayed in the editor toolbar color palette when users select text or highlight colors.'
+  },
   // Colors only used in highlight palette
   'no-color': {
     id: 'fabric.theme.no-color',

package/dist/esm/ui-color/ColorPalette/Palettes/panelBackgroundPaletteNew.js

@@ -0,0 +1,99 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+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) { _defineProperty(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; }
+// new palette for platform_editor_lovability_text_bg_color experiment
+export var panelBackgroundPaletteNew = [{
+  label: 'White',
+  value: '#FFFFFF'
+}, {
+  label: 'Subtle blue',
+  value: '#DEEBFF'
+}, {
+  label: 'Subtle teal',
+  value: '#E6FCFF'
+}, {
+  label: 'Subtle green',
+  value: '#E3FCEF'
+}, {
+  label: 'Subtle lime',
+  value: '#EFFFD6'
+}, {
+  label: 'Subtle yellow',
+  value: '#FFFAE6'
+}, {
+  label: 'Subtle orange',
+  value: '#FFF5DB'
+}, {
+  label: 'Subtle red',
+  value: '#FFEBE6'
+}, {
+  label: 'Subtle magenta',
+  value: '#FFECF8'
+}, {
+  label: 'Subtle purple',
+  value: '#EAE6FF'
+}, {
+  label: 'Gray',
+  value: '#F4F5F7'
+}, {
+  label: 'Blue',
+  value: '#B3D4FF'
+}, {
+  label: 'Teal',
+  value: '#B3F5FF'
+}, {
+  label: 'Green',
+  value: '#ABF5D1'
+}, {
+  label: 'Lime',
+  value: '#D3F1A7'
+}, {
+  label: 'Yellow',
+  value: '#FFF0B3'
+}, {
+  label: 'Orange',
+  value: '#FCE4A6'
+}, {
+  label: 'Red',
+  value: '#FFBDAD'
+}, {
+  label: 'Magenta',
+  value: '#FDD0EC'
+}, {
+  label: 'Purple',
+  value: '#C0B6F2'
+}, {
+  label: 'Bold gray',
+  value: '#B7B9BE'
+}, {
+  label: 'Bold blue',
+  value: '#ADCBFB'
+}, {
+  label: 'Bold teal',
+  value: '#B1E4F7'
+}, {
+  label: 'Bold green',
+  value: '#97EDC9'
+}, {
+  label: 'Bold lime',
+  value: '#BDE97C'
+}, {
+  label: 'Bold yellow',
+  value: '#EFDD4E'
+}, {
+  label: 'Bold orange',
+  value: '#FBD779'
+}, {
+  label: 'Bold red',
+  value: '#FFB8B2'
+}, {
+  label: 'Bold magenta',
+  value: '#FCB6E1'
+}, {
+  label: 'Bold purple',
+  value: '#E3BDFA'
+}].map(function (color) {
+  return _objectSpread(_objectSpread({}, color), {}, {
+    border: "var(--ds-border, #0B120E24)"
+  });
+});

package/dist/esm/ui-color/index.js

@@ -10,8 +10,10 @@ export { DEFAULT_COLOR_PICKER_COLUMNS, getColorsPerRowFromPalette, getSelectedRo
 export { getHighlightColorInNonActiveTheme } from './ColorPalette/getHighlightColorInNonActiveTheme';
 export { getTextColorInNonActiveTheme } from './ColorPalette/getTextColorInNonActiveTheme';
 export { default as cellBackgroundColorPalette } from './ColorPalette/Palettes/cellBackgroundColorPalette';
+export { default as cellBackgroundColorPaletteNew } from './ColorPalette/Palettes/cellBackgroundColorPaletteNew';
 export { default as colorPaletteMessages } from './ColorPalette/Palettes/paletteMessages';
 export { panelBackgroundPalette } from './ColorPalette/Palettes/panelBackgroundPalette';
+export { panelBackgroundPaletteNew } from './ColorPalette/Palettes/panelBackgroundPaletteNew';
 export { textColorPalette } from './ColorPalette/Palettes/textColorPalette';
 export { textColorPaletteNew } from './ColorPalette/Palettes/textColorPaletteNew';
 export { highlightColorPalette, REMOVE_HIGHLIGHT_COLOR } from './ColorPalette/Palettes/highlightColorPalette';

package/dist/types/analytics/types/ai-suggestions-events.d.ts

@@ -16,6 +16,12 @@ type ConversationErrorAEP = OperationalAEP<ACTION.ERRORED, ACTION_SUBJECT.AI_SUG
     reason: AiSuggestionsConversationErrorReason;
     statusCode?: number;
 }>;
+type RegenerateSuggestionsErrorAEP = OperationalAEP<ACTION.ERRORED, ACTION_SUBJECT.AI_SUGGESTIONS, ACTION_SUBJECT_ID.SUGGESTIONS_REGENERATION_ERROR, {
+    currentNodeCount: number;
+    errorCode?: string;
+    staleSuggestionCount: number;
+    statusCode?: number;
+}>;
 type EntryPointClickedAEP = TrackAEP<ACTION.CLICKED, ACTION_SUBJECT.AI_SUGGESTIONS, undefined, {
     entryPoint: AiSuggestionsEntryPoint;
 }, undefined>;
@@ -48,5 +54,5 @@ type ViewSuggestionAEP = TrackAEP<ACTION.VIEWED, ACTION_SUBJECT.AI_SUGGESTIONS,
     suggestionCardCharacterCount: number;
     suggestionType: string;
 }, undefined>;
-export type AiSuggestionsEventPayload = NoDiffSuggestionAEP | ConversationErrorAEP | EntryPointClickedAEP | EntryPointExposureAEP | AcceptSuggestionAEP | DiscardSuggestionAEP | DismissSuggestionAEP | ViewSuggestionAEP;
+export type AiSuggestionsEventPayload = NoDiffSuggestionAEP | ConversationErrorAEP | RegenerateSuggestionsErrorAEP | EntryPointClickedAEP | EntryPointExposureAEP | AcceptSuggestionAEP | DiscardSuggestionAEP | DismissSuggestionAEP | ViewSuggestionAEP;
 export {};

package/dist/types/analytics/types/enums.d.ts

@@ -422,6 +422,7 @@ export declare enum ACTION_SUBJECT_ID {
     CODEBLOCK_COPY = "codeBlockCopy",
     CODEBLOCK_WRAP = "codeBlockWrap",
     CONVERSATION_ERROR = "conversationError",
+    SUGGESTIONS_REGENERATION_ERROR = "suggestionsRegenerationError",
     COPY_BUTTON = "copyButton",
     COPY_LINK_TO_ANCHOR = "copyLinkToAnchor",
     COPY_BLOCK = "copyBlock",

package/dist/types/styles/shared/sync-block.d.ts

@@ -1,14 +1,15 @@
 export declare const SyncBlockSharedCssClassName: {
-    prefix: string;
-    renderer: string;
     error: string;
     loading: string;
+    prefix: string;
+    renderer: string;
 };
 export declare const SyncBlockRendererDataAttributeName = "data-sync-block-renderer";
 export declare const BodiedSyncBlockSharedCssClassName: {
+    content: string;
+    empty: string;
     prefix: string;
     renderer: string;
-    content: string;
     selectionInside: string;
 };
 export declare const SyncBlockLabelSharedCssClassName: {
@@ -19,8 +20,8 @@ export declare const viewModeClassName = "view-mode";
 export declare const creationLoadingClassName = "creation-loading";
 export declare const draggingClassName = "user-is-dragging";
 export declare const SyncBlockStateCssClassName: {
-    disabledClassName: string;
-    viewModeClassName: string;
     creationLoadingClassName: string;
+    disabledClassName: string;
     draggingClassName: string;
+    viewModeClassName: string;
 };

package/dist/types/types/floating-toolbar.d.ts

@@ -251,6 +251,7 @@ export type FloatingToolbarListPicker<T extends Object> = FloatingToolbarSelectB
     selectType: 'list';
 };
 export type FloatingToolbarColorPicker<T extends Object> = FloatingToolbarSelectBase<T, PaletteColor> & {
+    cols?: number;
     selectType: 'color';
 };
 export type FloatingToolbarEmojiPicker<T extends Object> = FloatingToolbarSelectBase<T, EmojiId> & {

package/dist/types/ui-color/ColorPalette/Palettes/cellBackgroundColorPaletteNew.d.ts

@@ -0,0 +1,8 @@
+import type { PaletteColor } from './type';
+/**
+ * Expanded 10-column (30-entry) UI palette that adds lime, orange, and magenta columns
+ * and updates the bold row to use `subtler.hovered` design tokens.
+ * This is a superset of the default {@link cellBackgroundColorPalette}.
+ */
+declare const cellBackgroundColorPaletteNew: Array<PaletteColor>;
+export default cellBackgroundColorPaletteNew;