@atlaskit/editor-common 72.7.2 → 72.8.0

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

@@ -247,6 +247,202 @@ export var backgroundPaletteTooltipMessages = {
   light: lightBackgroundPaletteTooltipMessages,
   dark: darkBackgroundPaletteTooltipMessages
 };
+export var lightChartsColorPaletteTooltipMessages = defineMessages({
+  // Blue color
+  '#7AB2FF': {
+    id: 'fabric.theme.subtle-blue',
+    defaultMessage: 'Subtle blue',
+    description: 'Name of a color'
+  },
+  '#247FFF': {
+    id: 'fabric.theme.blue',
+    defaultMessage: 'Blue',
+    description: 'Name of a color'
+  },
+  '#0055CC': {
+    id: 'fabric.theme.bold-blue',
+    defaultMessage: 'Bold blue',
+    description: 'Name of a color'
+  },
+  '#003884': {
+    id: 'fabric.theme.bolder-blue',
+    defaultMessage: 'Bolder blue',
+    description: 'Name of a color'
+  },
+  // Teal color
+  '#60C6D2': {
+    id: 'fabric.theme.subtle-teal',
+    defaultMessage: 'Subtle teal',
+    description: 'Name of a color'
+  },
+  '#1D9AAA': {
+    id: 'fabric.theme.teal',
+    defaultMessage: 'Teal',
+    description: 'Name of a color'
+  },
+  '#1D7F8C': {
+    id: 'fabric.theme.bold-teal',
+    defaultMessage: 'Bold teal',
+    description: 'Name of a color'
+  },
+  '#206B74': {
+    id: 'fabric.theme.bolder-teal',
+    defaultMessage: 'Bolder teal',
+    description: 'Name of a color'
+  },
+  // Green color
+  '#6BE1B0': {
+    id: 'fabric.theme.subtle-green',
+    defaultMessage: 'Subtle green',
+    description: 'Name of a color'
+  },
+  '#23A971': {
+    id: 'fabric.theme.green',
+    defaultMessage: 'Green',
+    description: 'Name of a color'
+  },
+  '#177D52': {
+    id: 'fabric.theme.bold-green',
+    defaultMessage: 'Bold green',
+    description: 'Name of a color'
+  },
+  '#055C3F': {
+    id: 'fabric.theme.bolder-green',
+    defaultMessage: 'Bolder green',
+    description: 'Name of a color'
+  },
+  // Yellow color
+  '#FFDB57': {
+    id: 'fabric.theme.subtle-yellow',
+    defaultMessage: 'Subtle yellow',
+    description: 'Name of a color'
+  },
+  '#FFBE33': {
+    id: 'fabric.theme.yellow',
+    defaultMessage: 'Yellow',
+    description: 'Name of a color'
+  },
+  '#FF9D00': {
+    id: 'fabric.theme.bold-yellow',
+    defaultMessage: 'Bold yellow',
+    description: 'Name of a color'
+  },
+  '#946104': {
+    id: 'fabric.theme.bolder-yellow',
+    defaultMessage: 'Bolder yellow',
+    description: 'Name of a color'
+  },
+  // Red color
+  '#FF8F73': {
+    id: 'fabric.theme.subtle-red',
+    defaultMessage: 'Subtle red',
+    description: 'Name of a color'
+  },
+  '#FC552C': {
+    id: 'fabric.theme.red',
+    defaultMessage: 'Red',
+    description: 'Name of a color.'
+  },
+  '#D32D03': {
+    id: 'fabric.theme.bold-red',
+    defaultMessage: 'Bold red',
+    description: 'Name of a color'
+  },
+  '#A32000': {
+    id: 'fabric.theme.bolder-red',
+    defaultMessage: 'Bolder red',
+    description: 'Name of a color'
+  },
+  // Orange color
+  '#FAA53D': {
+    id: 'fabric.theme.subtle-orange',
+    defaultMessage: 'Subtle orange',
+    description: 'Name of a color'
+  },
+  '#D97008': {
+    id: 'fabric.theme.orange',
+    defaultMessage: 'Orange',
+    description: 'Name of a color.'
+  },
+  '#B65C02': {
+    id: 'fabric.theme.bold-orange',
+    defaultMessage: 'Bold orange',
+    description: 'Name of a color'
+  },
+  '#974F0C': {
+    id: 'fabric.theme.bolder-orange',
+    defaultMessage: 'Bolder orange',
+    description: 'Name of a color'
+  },
+  // Magenta color
+  '#E774BB': {
+    id: 'fabric.theme.subtle-magenta',
+    defaultMessage: 'Subtle magenta',
+    description: 'Name of a color'
+  },
+  '#DA62AC': {
+    id: 'fabric.theme.magenta',
+    defaultMessage: 'Magenta',
+    description: 'Name of a color'
+  },
+  '#CD519D': {
+    id: 'fabric.theme.bold-magenta',
+    defaultMessage: 'Bold magenta',
+    description: 'Name of a color'
+  },
+  '#943D73': {
+    id: 'fabric.theme.bolder-magenta',
+    defaultMessage: 'Bolder magenta',
+    description: 'Name of a color'
+  },
+  // Purple color
+  '#B5A7FB': {
+    id: 'fabric.theme.subtle-purple',
+    defaultMessage: 'Subtle purple',
+    description: 'Name of a color'
+  },
+  '#8B77EE': {
+    id: 'fabric.theme.purple',
+    defaultMessage: 'Purple',
+    description: 'Name of a color'
+  },
+  '#5A43D0': {
+    id: 'fabric.theme.bold-purple',
+    defaultMessage: 'Bold purple',
+    description: 'Name of a color'
+  },
+  '#44368B': {
+    id: 'fabric.theme.bolder-purple',
+    defaultMessage: 'Bolder purple',
+    description: 'Name of a color'
+  },
+  // Gray color
+  '#8993A5': {
+    id: 'fabric.theme.subtle-gray',
+    defaultMessage: 'Subtle gray',
+    description: 'Name of a color'
+  },
+  '#8590A2': {
+    id: 'fabric.theme.gray',
+    defaultMessage: 'Gray',
+    description: 'Name of a color'
+  },
+  '#758195': {
+    id: 'fabric.theme.bold-gray',
+    defaultMessage: 'Bold gray',
+    description: 'Name of a color'
+  },
+  '#44546F': {
+    id: 'fabric.theme.bolder-gray',
+    defaultMessage: 'Bolder gray',
+    description: 'Name of a color'
+  }
+});
+var darkChartsColorPaletteTooltipMessages = _objectSpread({}, lightChartsColorPaletteTooltipMessages);
+export var chartsColorPaletteTooltipMessages = {
+  light: lightChartsColorPaletteTooltipMessages,
+  dark: darkChartsColorPaletteTooltipMessages
+};
 var lightBorderPaletteTooltipMessages = defineMessages({
   '#091E4224': {
     id: 'fabric.theme.subtle-gray',

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

@@ -6,6 +6,6 @@ export { default as colorPaletteMessages } from './ColorPalette/Palettes/palette
 export { panelBackgroundPalette, panelDarkModeBackgroundPalette } from './ColorPalette/Palettes/panelBackgroundPalette';
 export { lightModeStatusColorPalette, darkModeStatusColorPalette } from './ColorPalette/Palettes/statusColorPalette';
 export { textColorPalette } from './ColorPalette/Palettes/textColorPalette';
-export { backgroundPaletteTooltipMessages, borderPaletteTooltipMessages, textPaletteTooltipMessages } from './ColorPalette/Palettes';
+export { backgroundPaletteTooltipMessages, borderPaletteTooltipMessages, chartsColorPaletteTooltipMessages, textPaletteTooltipMessages } from './ColorPalette/Palettes';
 export { DEFAULT_BORDER_COLOR } from './ColorPalette/Palettes/common';
 export { default as borderColorPalette } from './ColorPalette/Palettes/borderColorPalette';

package/dist/esm/ui-react/with-react-editor-view-outer-listeners.js

@@ -12,6 +12,8 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 import React, { PureComponent } from 'react';
 import ReactDOM from 'react-dom';
 import ReactEditorViewContext from './ReactEditorViewContext';
+
+// This needs exporting to be used alongisde `withReactEditorViewOuterListeners`
 var WithOutsideClick = /*#__PURE__*/function (_PureComponent) {
   _inherits(WithOutsideClick, _PureComponent);
   var _super = _createSuper(WithOutsideClick);

package/dist/esm/utils/dom.js

@@ -94,7 +94,6 @@ export function closestElement(node, s) {
  */
 // At time of writting prettier would strip the extend here.
 // prettier-ignore
-
 export function parsePx(pxStr) {
   if (!pxStr.endsWith('px')) {
     return undefined;

package/dist/esm/utils/validator.js

@@ -8,6 +8,29 @@ export var ADFStages = {
   FINAL: 'final',
   STAGE_0: 'stage0'
 };
+
+/*
+ * An ADF Document JSON object. The document is the root node and documents are
+ * composed of nodes. This type accepts an array of ADNode types as content.
+ *
+ * It is basically the same as the JSONNodeDoc interface from editor-json-transformer.
+ *
+ * Do not use this type for content nodes as they require additional attributes.
+ *
+ * Use ADNode instead for content nodes (any node other than the doc).
+ */
+
+/*
+ * An ADF Node object. This type is used as content for the ADDoc interface.
+
+ * It is basically the same as the JSONNode type from editor-json-transformer
+ * but the types are a little more strict.
+ *
+ * It is a serialisable form of ADFEntity.
+ *
+ * Do not use this for ADF documents - they should use the ADDoc interface.
+ */
+
 /*
  * It's important that this order follows the marks rank defined here:
  * https://product-fabric.atlassian.net/wiki/spaces/E/pages/11174043/Document+structure#Documentstructure-Rank

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "72.7.2",
+	"version": "72.8.0",
 	"sideEffects": false
 }

package/dist/esm/with-plugin-state/index.js

@@ -17,6 +17,11 @@ import { analyticsEventKey, startMeasure, stopMeasure } from '../utils';
 import { getParticipantsCount } from '../utils/collab';
 var DEFAULT_SAMPLING_RATE = 100;
 var DEFAULT_SLOW_THRESHOLD = 4;
+
+// That context was exctract from the old WithPluginState from editor-core
+// It was using some private types from
+// - EditorAction: packages/editor/editor-core/src/actions/index.ts
+// - EditorSharedConfig: packages/editor/editor-core/src/labs/next/internal/context/shared-config.tsx
 /**
  * Wraps component in a high order component that watches state changes of given plugins
  * and passes those states to the wrapped component.
@@ -126,6 +131,10 @@ var WithPluginState = /*#__PURE__*/function (_React$Component) {
       var props = maybeProps || this.props;
       return props.eventDispatcher || this.context && this.context.editorActions && this.context.editorActions._privateGetEventDispatcher() || this.context && this.context.editorSharedConfig && this.context.editorSharedConfig.eventDispatcher;
     }
+
+    /**
+     * Debounces setState calls in order to reduce number of re-renders caused by several plugin state changes.
+     */
   }, {
     key: "getPluginsStates",
     value: function getPluginsStates(plugins, editorView) {

package/dist/types/analytics/types/smart-links.d.ts

@@ -5,7 +5,7 @@ export declare const SmartLinkNodeContexts: {
     [P in SmartLinkNodeContext]: P;
 };
 export declare type InsertSmartLinkAEP = InsertAEP<ACTION_SUBJECT_ID.SMART_LINK, {
-    inputMethod: INPUT_METHOD.CLIPBOARD | INPUT_METHOD.AUTO_DETECT | INPUT_METHOD.TYPEAHEAD | INPUT_METHOD.MANUAL | INPUT_METHOD.FORMATTING;
+    inputMethod: INPUT_METHOD.CLIPBOARD | INPUT_METHOD.AUTO_DETECT | INPUT_METHOD.TYPEAHEAD | INPUT_METHOD.MANUAL | INPUT_METHOD.FORMATTING | INPUT_METHOD.FLOATING_TB;
     nodeType: 'inlineCard' | 'blockCard' | 'embedCard';
     nodeContext: SmartLinkNodeContext;
     fromCurrentDomain: boolean;

package/dist/types/card/cardOptions.d.ts

@@ -7,4 +7,6 @@ export interface CardOptions {
     allowResizing?: boolean;
     showServerActions?: boolean;
     useAlternativePreloader?: boolean;
+    allowAlignment?: boolean;
+    allowWrapping?: boolean;
 }

package/dist/types/card/index.d.ts

@@ -1 +1,2 @@
 export type { CardOptions } from './cardOptions';
+export { addLinkMetadata, getLinkMetadataFromTransaction, commandWithMetadata, } from './utils';

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

@@ -0,0 +1,18 @@
+import { EditorState, ReadonlyTransaction, Selection, Transaction } from 'prosemirror-state';
+import { EditorView } from 'prosemirror-view';
+import { LinkStepMetadata } from '@atlaskit/adf-schema/steps';
+/**
+ * Records metadata about the user action and input method relating to a transaction
+ * as a custom LinkStepMetadata prosemirror step so that it is preserved in
+ * the history for undo/redo
+ */
+export declare function addLinkMetadata(initialSelection: Selection, tr: Transaction, metadata: LinkStepMetadata): Transaction<any>;
+export declare function getLinkMetadataFromTransaction(tr: Transaction | ReadonlyTransaction): LinkStepMetadata;
+export declare type CommandDispatch = (tr: Transaction) => void;
+export declare type Command = (state: EditorState, dispatch?: CommandDispatch, view?: EditorView) => boolean;
+/**
+ * Adds metadata to the transaction created from a command
+ * The metadata describes the user intent and input method
+ * for executing the command
+ */
+export declare const commandWithMetadata: (command: Command, metadata: LinkStepMetadata) => Command;

package/dist/types/keymaps/index.d.ts

@@ -3,6 +3,8 @@ import React from 'react';
 import { jsx } from '@emotion/react';
 import type { Command } from '../types/command';
 export declare const addAltText: Keymap;
+export declare const navToEditorToolbar: Keymap;
+export declare const navToFloatingToolbar: Keymap;
 export declare const toggleBold: Keymap;
 export declare const toggleItalic: Keymap;
 export declare const toggleUnderline: Keymap;

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

@@ -319,6 +319,13 @@ export declare type FeatureFlags = {
      * @default false
      */
     lpLinkPickerFocusTrap?: boolean;
+    /**
+     * @description
+     * Enables linking platform event tracking using @atlaskit/link-analytics
+     *
+     * @default false
+     */
+    lpAnalyticsEventsNext?: boolean;
     /**
      * @description
      * Show link settings button in the Floating toolbar

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

@@ -1,3 +1,3 @@
 export type { PaletteColor } from './type';
 export { DEFAULT_BORDER_COLOR } from './common';
-export { textPaletteTooltipMessages, backgroundPaletteTooltipMessages, borderPaletteTooltipMessages, } from './paletteMessagesTokenModeNames';
+export { backgroundPaletteTooltipMessages, borderPaletteTooltipMessages, chartsColorPaletteTooltipMessages, textPaletteTooltipMessages, } from './paletteMessagesTokenModeNames';