@atlaskit/editor-common 128.0.1 → 128.2.0

package/dist/esm/quick-insert/SkillTag.js

@@ -0,0 +1,37 @@
+/* SkillTag.tsx generated by @compiled/babel-plugin v3.0.2 */
+import "./SkillTag.compiled.css";
+import { ax, ix } from "@compiled/react/runtime";
+import React from 'react';
+import { cx } from '@atlaskit/css';
+import { Box } from '@atlaskit/primitives/compiled/box';
+import { Text } from '@atlaskit/primitives/compiled/text';
+var styles = {
+  highlight: "_bfhki8nm _16d9qvcn _1e0c1nu9",
+  start: "_bozg1b66 _y4ti1b66 _mkrz1f6o",
+  end: "_y4ti1b66 _mkrz1gdk",
+  wrapping: "_1i4qfg65 _o5724jg8",
+  text: "_1i4qfg65"
+};
+export var SkillTag = function SkillTag(_ref) {
+  var slug = _ref.slug,
+    _ref$isDisabled = _ref.isDisabled,
+    isDisabled = _ref$isDisabled === void 0 ? false : _ref$isDisabled;
+  return /*#__PURE__*/React.createElement(Box, {
+    as: "span",
+    xcss: styles.wrapping
+  }, /*#__PURE__*/React.createElement(Text, {
+    color: isDisabled ? 'color.text.disabled' : 'color.text',
+    xcss: styles.text
+  }, /*#__PURE__*/React.createElement(Box, {
+    as: "span",
+    xcss: cx(styles.highlight, styles.start)
+  }, /*#__PURE__*/React.createElement(Text, {
+    color: isDisabled ? 'color.text.disabled' : 'color.text.subtle'
+  }, "/")), /*#__PURE__*/React.createElement(Box, {
+    as: "span",
+    xcss: styles.highlight
+  }, slug.slice(0, -1)), slug && /*#__PURE__*/React.createElement(Box, {
+    as: "span",
+    xcss: cx(styles.highlight, styles.end)
+  }, slug.slice(-1))));
+};

package/dist/esm/styles/shared/table.js

@@ -39,12 +39,10 @@ var firstNodeWithNotMarginTop = function firstNodeWithNotMarginTop() {
  *
  * If you are updating this, please also update the above files.
  *
- * @deprecated This Emotion-based style function is being phased out as part of the
- * `platform_editor_core_static_css` experiment migration to Compiled CSS. While the experiment
- * is running, any changes here MUST also be reflected in `EditorContentContainer-compiled.tsx`
+ * @deprecated This Emotion-based style function is being phased out in favor of Compiled CSS.
+ * Any changes here MUST also be reflected in `EditorContentContainer-compiled.tsx`
  * (look for `tableSharedStyle`, `tableSharedStyle_with_*`, `tableSharedStyle_without_*` entries
- * in the `editorContentStyles` cssMap). Failure to do so will cause visual regressions when the
- * compiled version is active.
+ * in the `editorContentStyles` cssMap) to keep the shared styles consistent.
  */
 var tableSharedStyle = function tableSharedStyle() {
   var browser = getBrowserInfo();

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 = "128.0.0";
+var packageVersion = "128.1.0";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var fadeIn = keyframes({

package/dist/types/extensions/types/utils.d.ts

@@ -15,6 +15,7 @@ export type MenuItem = {
     key: string;
     keywords: string[];
     lozenge?: ReactNode;
+    moduleKey?: string;
     node: ADFEntity | ExtensionModuleActionHandler;
     preview?: QuickInsertPreview;
     priority?: number;

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

@@ -434,6 +434,11 @@ export declare const syncBlockMessages: {
         description: string;
         id: string;
     };
+    syncedLocationDropdownRestrictedContent: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
     syncedLocationDropdownSamePage: {
         defaultMessage: string;
         description: string;

package/dist/types/quick-insert/CompactQuickInsertMenuItem.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import type { QuickInsertMenuItemProps } from './QuickInsertMenuItem';
-export declare const CompactQuickInsertMenuItem: ({ ariaLabel, description, iconBefore, isDisabled, onSelect, preview, previewImageUrls, shortcut, shouldShowPreview, shouldWrapIcon, title, }: QuickInsertMenuItemProps) => React.JSX.Element;
+export declare const CompactQuickInsertMenuItem: ({ ariaLabel, description, iconBefore, isDisabled, onSelect, preview, previewIcon, previewImageUrls, shortcut, titleContent, shouldShowPreview, shouldClampPreview, shouldWrapIcon, title, }: QuickInsertMenuItemProps) => React.JSX.Element;

package/dist/types/quick-insert/ElementBrowserQuickInsertMenuItem.d.ts

@@ -4,4 +4,4 @@
  */
 import React from 'react';
 import type { QuickInsertMenuItemProps } from './QuickInsertMenuItem';
-export declare const ElementBrowserQuickInsertMenuItem: ({ ariaLabel, description, iconBefore, isDisabled, onSelect, shortcut, shouldWrapIcon, title, }: QuickInsertMenuItemProps) => React.JSX.Element;
+export declare const ElementBrowserQuickInsertMenuItem: ({ ariaLabel, description, iconBefore, isDisabled, onSelect, shortcut, titleContent, shouldWrapIcon, title, }: QuickInsertMenuItemProps) => React.JSX.Element;

package/dist/types/quick-insert/QuickInsertContext.d.ts

@@ -9,14 +9,17 @@ export type QuickInsertSelectionHandler = (context: {
     source: INPUT_METHOD.ELEMENT_BROWSER | INPUT_METHOD.INSERT_MENU | INPUT_METHOD.QUICK_INSERT | INPUT_METHOD.TOOLBAR;
 }) => Transaction | false | void;
 export type QuickInsertContextValue = {
+    activePreviewItemKey?: string;
     editorView: EditorView;
     isOffline: boolean;
     item?: {
         description?: string;
         id: string;
+        isPreviewActive?: boolean;
         isSelected: boolean;
     };
     menuOpenId?: symbol;
+    popupsMountPoint?: HTMLElement;
     select: (selectionHandler: QuickInsertSelectionHandler) => void;
     surface: 'typeahead' | 'toolbar' | 'element-browser';
     surfaceContext?: SurfaceContext;

package/dist/types/quick-insert/QuickInsertHoverPreview.d.ts

@@ -1,9 +1,18 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ * @jsxFrag React.Fragment
+ */
+import React, { type ReactNode } from 'react';
 import type { QuickInsertPreview } from './preview';
 /** The selected item's description and attribution are announced through its aria-describedby. */
-export declare const QuickInsertHoverPreview: ({ description, id, preview, referenceElement, title, }: {
+export declare const QuickInsertHoverPreview: ({ description, icon, id, preview, popupsMountPoint, referenceElement, shouldClampText, title, }: {
     description?: string;
+    icon?: ReactNode;
     id: string;
     preview: QuickInsertPreview;
+    popupsMountPoint?: HTMLElement;
     referenceElement: HTMLElement;
+    shouldClampText?: boolean;
     title: string;
 }) => React.JSX.Element;

package/dist/types/quick-insert/QuickInsertMenuItem.d.ts

@@ -17,15 +17,21 @@ export type QuickInsertMenuItemProps = {
     onSelect: (context: OnSelectContext) => Transaction | false | void;
     /** Structured preview content for the selected item. */
     preview?: QuickInsertPreview;
+    /** Icon displayed beside the preview title. */
+    previewIcon?: React.ReactNode;
     /** Retained for existing callers; new callers should pass `preview.image`. */
     previewImageUrls?: {
         dark?: string;
         light: string;
     } | null;
     shortcut?: string;
+    /** Whether preview title and description are clamped to a fixed number of lines. */
+    shouldClampPreview?: boolean;
     /** Disable previews for navigation actions rather than insertable items. */
     shouldShowPreview?: boolean;
     shouldWrapIcon?: boolean;
     title: string;
+    /** Rich title content rendered in place of the menu item title. */
+    titleContent?: React.ReactNode;
 };
-export declare const QuickInsertMenuItem: ({ ariaLabel, description, iconBefore, isDisabled, onSelect, preview, previewImageUrls, shortcut, shouldShowPreview, shouldWrapIcon, title, }: QuickInsertMenuItemProps) => React.JSX.Element;
+export declare const QuickInsertMenuItem: ({ ariaLabel, description, iconBefore, isDisabled, onSelect, preview, previewIcon, previewImageUrls, shortcut, titleContent, shouldShowPreview, shouldClampPreview, shouldWrapIcon, title, }: QuickInsertMenuItemProps) => React.JSX.Element;

package/dist/types/quick-insert/SkillTag.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export type SkillTagProps = {
+    isDisabled?: boolean;
+    slug: string;
+};
+export declare const SkillTag: ({ slug, isDisabled }: SkillTagProps) => React.JSX.Element;

package/dist/types/styles/shared/table.d.ts

@@ -17,12 +17,10 @@ export declare const tableControlsSpacing: number;
  *
  * If you are updating this, please also update the above files.
  *
- * @deprecated This Emotion-based style function is being phased out as part of the
- * `platform_editor_core_static_css` experiment migration to Compiled CSS. While the experiment
- * is running, any changes here MUST also be reflected in `EditorContentContainer-compiled.tsx`
+ * @deprecated This Emotion-based style function is being phased out in favor of Compiled CSS.
+ * Any changes here MUST also be reflected in `EditorContentContainer-compiled.tsx`
  * (look for `tableSharedStyle`, `tableSharedStyle_with_*`, `tableSharedStyle_without_*` entries
- * in the `editorContentStyles` cssMap). Failure to do so will cause visual regressions when the
- * compiled version is active.
+ * in the `editorContentStyles` cssMap) to keep the shared styles consistent.
  */
 declare const tableSharedStyle: () => SerializedStyles;
 export { tableSharedStyle };

package/dist/types/types/feature-flags.d.ts

@@ -125,6 +125,16 @@ export type FeatureFlags = {
      * @default false
      */
     extensionLocalIdGeneration?: boolean;
+    /**
+     * @description
+     * Used by the legacy content macro to disable render tracking due to excessive logs.
+     * Will be removed once re-rendering issue is resolved.
+     * Note: This is hardcoded into the LCM code, it does not exist in Switcheroo.
+     *
+     * @see https://product-fabric.atlassian.net/browse/ED-26650
+     * @default false
+     */
+    lcmPreventRenderTracking?: boolean;
     /**
      * @description
      * Use the linking platform link picker for link insertion and edit

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "128.0.1",
+	"version": "128.2.0",
 	"description": "A package that contains common classes and components for editor and renderer",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -31,7 +31,7 @@
 		"@atlaskit/activity-provider": "^3.1.0",
 		"@atlaskit/adf-schema": "^57.6.0",
 		"@atlaskit/adf-utils": "^20.9.0",
-		"@atlaskit/afm-i18n-platform-editor-editor-common": "2.249.0",
+		"@atlaskit/afm-i18n-platform-editor-editor-common": "2.270.0",
 		"@atlaskit/analytics-listeners": "^11.4.0",
 		"@atlaskit/analytics-namespaced-context": "^8.2.0",
 		"@atlaskit/analytics-next": "^12.5.0",
@@ -50,7 +50,7 @@
 		"@atlaskit/editor-toolbar": "^2.8.0",
 		"@atlaskit/editor-toolbar-model": "^1.2.0",
 		"@atlaskit/editor-ui-control-model": "^2.10.0",
-		"@atlaskit/emoji": "^72.4.0",
+		"@atlaskit/emoji": "^72.5.0",
 		"@atlaskit/feature-gate-js-client": "^7.0.0",
 		"@atlaskit/icon": "^38.0.0",
 		"@atlaskit/link": "^5.1.0",
@@ -58,14 +58,14 @@
 		"@atlaskit/link-picker": "^6.11.0",
 		"@atlaskit/logo": "^23.3.0",
 		"@atlaskit/media-card": "^82.1.0",
-		"@atlaskit/media-client": "^39.0.0",
+		"@atlaskit/media-client": "^39.1.0",
 		"@atlaskit/media-client-react": "^7.0.0",
 		"@atlaskit/media-common": "^14.6.0",
 		"@atlaskit/media-file-preview": "^2.0.0",
 		"@atlaskit/media-picker": "^73.0.0",
-		"@atlaskit/media-ui": "^31.0.0",
-		"@atlaskit/media-viewer": "^54.10.0",
-		"@atlaskit/mention": "^30.0.0",
+		"@atlaskit/media-ui": "^31.2.0",
+		"@atlaskit/media-viewer": "^54.11.0",
+		"@atlaskit/mention": "^30.1.0",
 		"@atlaskit/menu": "^11.0.0",
 		"@atlaskit/object": "^2.3.0",
 		"@atlaskit/onboarding": "^15.4.0",
@@ -82,11 +82,11 @@
 		"@atlaskit/smart-card": "^46.4.0",
 		"@atlaskit/smart-user-picker": "^12.2.0",
 		"@atlaskit/spinner": "^20.4.0",
-		"@atlaskit/task-decision": "^21.11.0",
+		"@atlaskit/task-decision": "^21.12.0",
 		"@atlaskit/teams-app-config": "^3.1.0",
 		"@atlaskit/textfield": "^10.2.0",
-		"@atlaskit/tmp-editor-statsig": "^220.0.0",
-		"@atlaskit/tokens": "^20.1.0",
+		"@atlaskit/tmp-editor-statsig": "^221.0.0",
+		"@atlaskit/tokens": "^20.2.0",
 		"@atlaskit/tooltip": "^24.4.0",
 		"@atlaskit/width-detector": "^7.2.0",
 		"@babel/runtime": "^7.0.0",

package/quick-insert/skill-tag/package.json

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