@atlaskit/editor-common 122.0.0 → 122.2.0

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @atlaskit/editor-common
 
+## 122.2.0
+
+### Minor Changes
+
+- [`85253e0fa5828`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/85253e0fa5828) -
+  Add `rovo_chat_people_entity_hover_cards` and `rovo_chat_inferred_project_hover_cards` gated
+  entity-annotation coverage, rendered-trigger, and hover-card engagement tracking. Person
+  annotation mentions carry a reserved local ID marker so only annotation-originated profile card
+  opens are tracked.
+
+## 122.1.0
+
+### Minor Changes
+
+- [`27b897435a350`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/27b897435a350) -
+  [ux] [EDITOR-8345] This change adds a menu to the feature-gated floating toolbar with options to
+  toggle Divider weights and styles, behind platform_editor_lovability_dividers.
+
 ## 122.0.0
 
 ### Major Changes

package/dist/cjs/messages/rule.js

@@ -0,0 +1,69 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ruleMessages = void 0;
+var _reactIntl = require("react-intl");
+var ruleMessages = exports.ruleMessages = (0, _reactIntl.defineMessages)({
+  dividerOptions: {
+    id: 'fabric.editor.rule.dividerOptions',
+    defaultMessage: 'Divider options',
+    description: 'Label for the floating toolbar button that opens options for a selected divider.'
+  },
+  dividerFloatingControls: {
+    id: 'fabric.editor.rule.dividerFloatingControls',
+    defaultMessage: 'Divider floating controls',
+    description: 'Accessible title for the floating toolbar shown when a divider is selected.'
+  },
+  weight: {
+    id: 'fabric.editor.rule.weight',
+    defaultMessage: 'Weight',
+    description: 'Heading for the divider weight options in the divider options menu.'
+  },
+  style: {
+    id: 'fabric.editor.rule.style',
+    defaultMessage: 'Style',
+    description: 'Heading for the divider style options in the divider options menu.'
+  },
+  smallDivider: {
+    id: 'fabric.editor.rule.smallDivider',
+    defaultMessage: 'Small divider',
+    description: 'Accessible label for the button that selects a small divider weight.'
+  },
+  mediumDivider: {
+    id: 'fabric.editor.rule.mediumDivider',
+    defaultMessage: 'Medium divider',
+    description: 'Accessible label for the button that selects a medium divider weight.'
+  },
+  largeDivider: {
+    id: 'fabric.editor.rule.largeDivider',
+    defaultMessage: 'Large divider',
+    description: 'Accessible label for the button that selects a large divider weight.'
+  },
+  solidDivider: {
+    id: 'fabric.editor.rule.solidDivider',
+    defaultMessage: 'Solid divider',
+    description: 'Accessible label for the button that selects a solid divider style.'
+  },
+  dashedDivider: {
+    id: 'fabric.editor.rule.dashedDivider',
+    defaultMessage: 'Dashed divider',
+    description: 'Accessible label for the button that selects a dashed divider style.'
+  },
+  dottedDivider: {
+    id: 'fabric.editor.rule.dottedDivider',
+    defaultMessage: 'Dotted divider',
+    description: 'Accessible label for the button that selects a dotted divider style.'
+  },
+  sketchDivider: {
+    id: 'fabric.editor.rule.sketchDivider',
+    defaultMessage: 'Sketch divider',
+    description: 'Accessible label for the button that selects a sketch divider style.'
+  },
+  fadeDivider: {
+    id: 'fabric.editor.rule.fadeDivider',
+    defaultMessage: 'Fade divider',
+    description: 'Accessible label for the button that selects a fading divider style.'
+  }
+});

package/dist/cjs/monitoring/error.js

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

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

@@ -24,7 +24,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 = "121.5.2";
+var packageVersion = "122.1.0";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var fadeIn = (0, _react2.keyframes)({

package/dist/cjs/ui/Mention/mention-with-profilecard.js

@@ -100,6 +100,7 @@ function MentionWithProfileCard(_ref) {
         userId: id,
         cloudId: cloudId,
         children: mention,
+        localId: localId,
         prefilledProfileData: prefilledProfileData
       }));
     }

package/dist/es2019/messages/rule.js

@@ -0,0 +1,63 @@
+import { defineMessages } from 'react-intl';
+export const ruleMessages = defineMessages({
+  dividerOptions: {
+    id: 'fabric.editor.rule.dividerOptions',
+    defaultMessage: 'Divider options',
+    description: 'Label for the floating toolbar button that opens options for a selected divider.'
+  },
+  dividerFloatingControls: {
+    id: 'fabric.editor.rule.dividerFloatingControls',
+    defaultMessage: 'Divider floating controls',
+    description: 'Accessible title for the floating toolbar shown when a divider is selected.'
+  },
+  weight: {
+    id: 'fabric.editor.rule.weight',
+    defaultMessage: 'Weight',
+    description: 'Heading for the divider weight options in the divider options menu.'
+  },
+  style: {
+    id: 'fabric.editor.rule.style',
+    defaultMessage: 'Style',
+    description: 'Heading for the divider style options in the divider options menu.'
+  },
+  smallDivider: {
+    id: 'fabric.editor.rule.smallDivider',
+    defaultMessage: 'Small divider',
+    description: 'Accessible label for the button that selects a small divider weight.'
+  },
+  mediumDivider: {
+    id: 'fabric.editor.rule.mediumDivider',
+    defaultMessage: 'Medium divider',
+    description: 'Accessible label for the button that selects a medium divider weight.'
+  },
+  largeDivider: {
+    id: 'fabric.editor.rule.largeDivider',
+    defaultMessage: 'Large divider',
+    description: 'Accessible label for the button that selects a large divider weight.'
+  },
+  solidDivider: {
+    id: 'fabric.editor.rule.solidDivider',
+    defaultMessage: 'Solid divider',
+    description: 'Accessible label for the button that selects a solid divider style.'
+  },
+  dashedDivider: {
+    id: 'fabric.editor.rule.dashedDivider',
+    defaultMessage: 'Dashed divider',
+    description: 'Accessible label for the button that selects a dashed divider style.'
+  },
+  dottedDivider: {
+    id: 'fabric.editor.rule.dottedDivider',
+    defaultMessage: 'Dotted divider',
+    description: 'Accessible label for the button that selects a dotted divider style.'
+  },
+  sketchDivider: {
+    id: 'fabric.editor.rule.sketchDivider',
+    defaultMessage: 'Sketch divider',
+    description: 'Accessible label for the button that selects a sketch divider style.'
+  },
+  fadeDivider: {
+    id: 'fabric.editor.rule.fadeDivider',
+    defaultMessage: 'Fade divider',
+    description: 'Accessible label for the button that selects a fading divider style.'
+  }
+});

package/dist/es2019/monitoring/error.js

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

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

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

package/dist/es2019/ui/Mention/mention-with-profilecard.js

@@ -85,6 +85,7 @@ export default function MentionWithProfileCard({
         userId: id,
         cloudId,
         children: mention,
+        localId,
         prefilledProfileData
       }));
     }

package/dist/esm/messages/rule.js

@@ -0,0 +1,63 @@
+import { defineMessages } from 'react-intl';
+export var ruleMessages = defineMessages({
+  dividerOptions: {
+    id: 'fabric.editor.rule.dividerOptions',
+    defaultMessage: 'Divider options',
+    description: 'Label for the floating toolbar button that opens options for a selected divider.'
+  },
+  dividerFloatingControls: {
+    id: 'fabric.editor.rule.dividerFloatingControls',
+    defaultMessage: 'Divider floating controls',
+    description: 'Accessible title for the floating toolbar shown when a divider is selected.'
+  },
+  weight: {
+    id: 'fabric.editor.rule.weight',
+    defaultMessage: 'Weight',
+    description: 'Heading for the divider weight options in the divider options menu.'
+  },
+  style: {
+    id: 'fabric.editor.rule.style',
+    defaultMessage: 'Style',
+    description: 'Heading for the divider style options in the divider options menu.'
+  },
+  smallDivider: {
+    id: 'fabric.editor.rule.smallDivider',
+    defaultMessage: 'Small divider',
+    description: 'Accessible label for the button that selects a small divider weight.'
+  },
+  mediumDivider: {
+    id: 'fabric.editor.rule.mediumDivider',
+    defaultMessage: 'Medium divider',
+    description: 'Accessible label for the button that selects a medium divider weight.'
+  },
+  largeDivider: {
+    id: 'fabric.editor.rule.largeDivider',
+    defaultMessage: 'Large divider',
+    description: 'Accessible label for the button that selects a large divider weight.'
+  },
+  solidDivider: {
+    id: 'fabric.editor.rule.solidDivider',
+    defaultMessage: 'Solid divider',
+    description: 'Accessible label for the button that selects a solid divider style.'
+  },
+  dashedDivider: {
+    id: 'fabric.editor.rule.dashedDivider',
+    defaultMessage: 'Dashed divider',
+    description: 'Accessible label for the button that selects a dashed divider style.'
+  },
+  dottedDivider: {
+    id: 'fabric.editor.rule.dottedDivider',
+    defaultMessage: 'Dotted divider',
+    description: 'Accessible label for the button that selects a dotted divider style.'
+  },
+  sketchDivider: {
+    id: 'fabric.editor.rule.sketchDivider',
+    defaultMessage: 'Sketch divider',
+    description: 'Accessible label for the button that selects a sketch divider style.'
+  },
+  fadeDivider: {
+    id: 'fabric.editor.rule.fadeDivider',
+    defaultMessage: 'Fade divider',
+    description: 'Accessible label for the button that selects a fading divider style.'
+  }
+});

package/dist/esm/monitoring/error.js

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

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/fg';
 import Layer from '../Layer';
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "121.5.2";
+var packageVersion = "122.1.0";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var fadeIn = keyframes({

package/dist/esm/ui/Mention/mention-with-profilecard.js

@@ -90,6 +90,7 @@ export default function MentionWithProfileCard(_ref) {
         userId: id,
         cloudId: cloudId,
         children: mention,
+        localId: localId,
         prefilledProfileData: prefilledProfileData
       }));
     }

package/dist/types/analytics/types/node-events.d.ts

@@ -102,6 +102,15 @@ type ResizedLayoutColumnAEP = TrackAEP<ACTION.DRAGGED, ACTION_SUBJECT.DOCUMENT,
 type DeletedExpandAEP = TrackAEP<ACTION.DELETED, ACTION_SUBJECT.EXPAND | ACTION_SUBJECT.NESTED_EXPAND, undefined, {
     inputMethod: INPUT_METHOD.TOOLBAR | INPUT_METHOD.FLOATING_TB;
 }, undefined>;
+type UpdatedDividerAEP = TrackAEP<ACTION.UPDATED, ACTION_SUBJECT.DIVIDER, undefined, {
+    inputMethod: INPUT_METHOD.FLOATING_TB;
+    previousStyle: 'solid' | 'dashed' | 'dotted' | 'sketch' | 'fade';
+    style: 'solid' | 'dashed' | 'dotted' | 'sketch' | 'fade';
+} | {
+    inputMethod: INPUT_METHOD.FLOATING_TB;
+    previousWeight: number;
+    weight: number;
+}, undefined>;
 type UnsupportedContentAEP = TrackAEP<ACTION.UNSUPPORTED_CONTENT_ENCOUNTERED, ACTION_SUBJECT.DOCUMENT, ACTION_SUBJECT_ID.UNSUPPORTED_BLOCK | ACTION_SUBJECT_ID.UNSUPPORTED_INLINE | ACTION_SUBJECT_ID.UNSUPPORTED_MARK, {
     unsupportedNode: {
         ancestry: string;
@@ -109,5 +118,5 @@ type UnsupportedContentAEP = TrackAEP<ACTION.UNSUPPORTED_CONTENT_ENCOUNTERED, AC
         type: string;
     };
 }, undefined>;
-export type NodeEventPayload = ChangePanelAEP | DeletePanelAEP | DeletedSmartLink | VisitedSmartLink | VisitedHyperlink | ChangedLayoutAEP | DeletedLayoutAEP | OpenedLayoutColumnMenuAEP | DeletedLayoutColumnAEP | UpdatedLayoutColumnVerticalAlignmentAEP | DistributedLayoutColumnAEP | ResizedLayoutColumnAEP | DeletedExpandAEP | NodeDeletedAEP | ChangeSmartLinkAEP | ChangeNativeEmbedAEP | UnsupportedContentAEP;
+export type NodeEventPayload = ChangePanelAEP | DeletePanelAEP | DeletedSmartLink | VisitedSmartLink | VisitedHyperlink | ChangedLayoutAEP | DeletedLayoutAEP | OpenedLayoutColumnMenuAEP | DeletedLayoutColumnAEP | UpdatedLayoutColumnVerticalAlignmentAEP | DistributedLayoutColumnAEP | ResizedLayoutColumnAEP | DeletedExpandAEP | UpdatedDividerAEP | NodeDeletedAEP | ChangeSmartLinkAEP | ChangeNativeEmbedAEP | UnsupportedContentAEP;
 export {};

package/dist/types/messages/rule.d.ts

@@ -0,0 +1,62 @@
+export declare const ruleMessages: {
+    dashedDivider: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
+    dividerFloatingControls: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
+    dividerOptions: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
+    dottedDivider: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
+    fadeDivider: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
+    largeDivider: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
+    mediumDivider: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
+    sketchDivider: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
+    smallDivider: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
+    solidDivider: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
+    style: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
+    weight: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
+};

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

@@ -16,6 +16,8 @@ import type ProfileClient from '@atlaskit/profilecard/profile-card-client';
 export type RenderUserMentionCard = (props: {
     children: ReactNode;
     cloudId: string;
+    /** Optional mention-local marker supplied by the renderer. */
+    localId?: string;
     /** Known identity to prefill the card with, giving its trigger a concrete accessible name. */
     prefilledProfileData?: {
         accountId: string;

package/messages/rule/package.json

@@ -0,0 +1,10 @@
+{
+  "name": "@atlaskit/editor-common/messages/rule",
+  "main": "../../dist/cjs/messages/rule.js",
+  "module": "../../dist/esm/messages/rule.js",
+  "module:es2019": "../../dist/es2019/messages/rule.js",
+  "sideEffects": [
+    "**/*.compiled.css"
+  ],
+  "types": "../../dist/types/messages/rule.d.ts"
+}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "122.0.0",
+	"version": "122.2.0",
 	"description": "A package that contains common classes and components for editor and renderer",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"