@atlaskit/editor-common 72.5.1 → 72.6.0

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

@@ -1,31 +1,50 @@
 /** @jsx jsx */
 import React from 'react';
 import { WrappedComponentProps } from 'react-intl-next';
-import { PaletteColor } from './Palettes/type';
+import { PaletteColor, PaletteTooltipMessages } from './Palettes/type';
 interface Props {
-    palette: PaletteColor[];
     selectedColor: string | null;
     onClick: (value: string, label: string) => void;
     cols?: number;
     className?: string;
     /**
-     * When the color picker is used to present text colors we
-     * make a number of changes to how it works
-     * - the check mark color uses design tokens when available
-     * - the colors use design tokens when available
-     * @default false
+     * paletteOptions is the prop, where any configuration related to
+     * how palette should look or behave will be added.
      */
-    textPalette?: boolean;
-    hexToPaletteColor?: (hexColor: string) => string | undefined;
-    /**
-     * Used to detect if the useSomewhatSemanticTextColorNames feature flag
-     * is true. If so, text color tooltips in the color picker will
-     * show semantic names (excluding white/dark gray).
-     * @default false
-     */
-    useSomewhatSemanticTextColorNames?: boolean;
+    paletteOptions: {
+        palette: PaletteColor[];
+        /**
+         * If hexToPaletteColor is passed, it will be called to convert
+         *  hexCodes passed in palette props to DST token.
+         * Different color palette will set different mapping function.
+         * Such as text and background color palette uses different
+         *  mapping function to map tokens.
+         */
+        hexToPaletteColor?: (hexColor: string) => string | undefined;
+        /**
+         * We have pivoted from having logic inside ColorPalette determining
+         *  which tooltip messages should be used to consumer of ColorPalette giving
+         *  tooltip messages. Which is same as palette, where consumer determines which
+         *  colors ColorPalette should render.
+         * Same way now consumer will determine which tooltip messages should
+         *  be used using paletteColorTooltipMessages option.
+         */
+        paletteColorTooltipMessages?: PaletteTooltipMessages;
+        /**
+         * If true then color tooltips in the color picker for all color palettes
+         * such as text, background and table charts will show semantic names.
+         * @default false
+         */
+        showSomewhatSemanticTooltips?: boolean;
+    };
 }
 declare const _default: React.FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps<"intl">>> & {
-    WrappedComponent: React.ComponentType<Props & WrappedComponentProps<"intl">>;
+    WrappedComponent: React.ComponentType<Props & WrappedComponentProps<"intl">>; /**
+     * If hexToPaletteColor is passed, it will be called to convert
+     *  hexCodes passed in palette props to DST token.
+     * Different color palette will set different mapping function.
+     * Such as text and background color palette uses different
+     *  mapping function to map tokens.
+     */
 };
 export default _default;

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

@@ -6,5 +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, textPaletteTooltipMessages, } from './ColorPalette/Palettes';
 export { DEFAULT_BORDER_COLOR } from './ColorPalette/Palettes/common';
-export type { PaletteColor } from './ColorPalette/Palettes/type';
+export type { PaletteColor, PaletteTooltipMessages, } from './ColorPalette/Palettes/type';

package/dist/types/ui-menu/Dropdown/index.d.ts

@@ -12,6 +12,7 @@ export interface Props {
     fitHeight?: number;
     zIndex?: number;
     arrowKeyNavigationProviderOptions: ArrowKeyNavigationProviderOptions;
+    dropdownListId?: string;
 }
 export interface State {
     target?: HTMLElement;
@@ -27,6 +28,8 @@ export declare class Dropdown extends PureComponent<Props, State> {
     constructor(props: Props);
     private handleRef;
     private updatePopupPlacement;
+    private handleCloseAndFocus;
+    private handleClose;
     private renderDropdown;
     render(): JSX.Element;
 }

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

@@ -24,12 +24,20 @@ export declare function calculateBreakoutStyles({ mode, widthStateLineLength, wi
 }): {
     type: "line-length-unknown";
     width: any;
+    minWidth: number;
+    display: string;
+    justifyContent: string;
     transform: string;
-    marginLeft: string;
+    transition: string;
+    marginLeft?: undefined;
 } | {
     type: "line-length-known";
     width: any;
+    minWidth: number;
+    transition: string;
+    transform: string;
     marginLeft: string;
-    transform?: undefined;
+    display?: undefined;
+    justifyContent?: undefined;
 };
 export declare function calcBreakoutWidthPx(mode: BreakoutMarkAttrs['mode'], widthStateWidth?: number): number;

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

@@ -10,7 +10,7 @@ export { isElementInTableCell, isTextSelection, isLastItemMediaGroup, setNodeSel
 export { withImageLoader } from './imageLoader';
 export type { ImageLoaderProps, ImageLoaderState, ImageStatus, } from './imageLoader';
 export { absoluteBreakoutWidth, calcBreakoutWidth, calcWideWidth, breakoutConsts, calculateBreakoutStyles, calcBreakoutWidthPx, } from './breakout';
-export { findChangedNodesFromTransaction, validNode, validateNodes, isType, isParagraph, isText, isLinkMark, SelectedState, isNodeSelectedOrInRange, isSupportedInParent, } from './nodes';
+export { findChangedNodesFromTransaction, validNode, validateNodes, isType, isParagraph, isText, isLinkMark, SelectedState, isNodeSelectedOrInRange, isSupportedInParent, isMediaNode, isNodeBeforeMediaNode, } from './nodes';
 export type { Reducer } from './plugin-state-factory';
 export { pluginFactory } from './plugin-state-factory';
 export { getFragmentBackingArray, mapFragment, mapSlice, flatmap, mapChildren, } from './slice';
@@ -47,5 +47,4 @@ export type { UseComponentRenderTrackingArgs } from './performance/hooks/use-com
 export { isOutdatedBrowser } from './outdated-browsers';
 export { isReferencedSource, removeConnectedNodes, getChildrenInfo, getNodeName, } from './referentiality';
 export { sendLogs } from './sendLogs';
-export { Builder } from './builder';
 export { getItemCounterDigitsSize, getOrderFromOrderedListNode, resolveOrder, } from './list';

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

@@ -1,4 +1,4 @@
-import { Fragment, MarkType, NodeType, Mark as PMMark, Node as PMNode, Schema } from 'prosemirror-model';
+import { Fragment, MarkType, NodeType, Mark as PMMark, Node as PMNode, ResolvedPos, Schema } from 'prosemirror-model';
 import { EditorState, Transaction } from 'prosemirror-state';
 import { CardAppearance } from '@atlaskit/smart-card';
 /**
@@ -32,4 +32,18 @@ export declare const isNodeSelectedOrInRange: (anchorPosition: number, headPosit
  * @param fragment The fragment to be checked for
  */
 export declare const isSupportedInParent: (state: EditorState, fragment: Fragment, currentAppearance?: CardAppearance | undefined) => boolean;
+/**
+ * Checks if the passed in node is a media node
+ * Includes media, mediaInline, mediaGroup, mediaSingle
+ * @param node The PM node to be checked
+ */
+export declare const isMediaNode: (node: PMNode) => boolean;
+/**
+ * Checks if the node before selection is a media node
+ * If there is no node before, checks the node before the parent node
+ * Includes media, mediaInline, mediaGroup, mediaSingle
+ * @param $pos The position of the selection
+ * @param state The editor state
+ */
+export declare const isNodeBeforeMediaNode: ($pos: ResolvedPos, state: EditorState) => boolean;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-common",
-  "version": "72.5.1",
+  "version": "72.6.0",
   "description": "A package that contains common classes and components for editor and renderer",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -54,6 +54,7 @@
     "./transforms": "./src/transforms/index.ts",
     "./core-utils": "./src/core-utils/index.ts",
     "./selection": "./src/selection/index.ts",
+    "./preset": "./src/preset/index.ts",
     "./hooks": "./src/hooks/index.ts"
   },
   "dependencies": {
@@ -64,25 +65,25 @@
     "@atlaskit/analytics-namespaced-context": "^6.6.0",
     "@atlaskit/analytics-next": "^9.0.0",
     "@atlaskit/analytics-next-stable-react-context": "1.0.1",
-    "@atlaskit/button": "^16.5.0",
+    "@atlaskit/button": "^16.6.0",
     "@atlaskit/code": "^14.5.0",
     "@atlaskit/codemod-utils": "^4.1.0",
     "@atlaskit/editor-json-transformer": "^8.8.0",
-    "@atlaskit/editor-palette": "1.0.0",
+    "@atlaskit/editor-palette": "1.1.0",
     "@atlaskit/editor-shared-styles": "^2.3.0",
-    "@atlaskit/emoji": "^67.1.0",
+    "@atlaskit/emoji": "^67.2.0",
     "@atlaskit/icon": "^21.11.0",
     "@atlaskit/in-product-testing": "^0.1.0",
     "@atlaskit/media-card": "^74.7.0",
-    "@atlaskit/media-client": "^20.1.0",
+    "@atlaskit/media-client": "^20.2.0",
     "@atlaskit/media-picker": "^64.2.0",
-    "@atlaskit/mention": "^21.0.0",
+    "@atlaskit/mention": "^22.0.0",
     "@atlaskit/menu": "^1.5.0",
-    "@atlaskit/profilecard": "^19.0.0",
-    "@atlaskit/smart-card": "^25.0.0",
+    "@atlaskit/profilecard": "^19.2.0",
+    "@atlaskit/smart-card": "^25.1.0",
     "@atlaskit/smart-user-picker": "^6.0.0",
     "@atlaskit/task-decision": "^17.5.0",
-    "@atlaskit/theme": "^12.2.0",
+    "@atlaskit/theme": "^12.3.0",
     "@atlaskit/tokens": "^1.2.0",
     "@atlaskit/tooltip": "^17.7.0",
     "@atlaskit/ufo": "^0.1.0",
@@ -116,12 +117,12 @@
     "react-intl-next": "npm:react-intl@^5.18.1"
   },
   "devDependencies": {
-    "@atlaskit/editor-core": "^180.1.0",
+    "@atlaskit/editor-core": "^181.0.0",
     "@atlaskit/editor-json-transformer": "^8.8.0",
     "@atlaskit/editor-plugin-table": "^1.2.0",
-    "@atlaskit/editor-test-helpers": "^18.0.0",
+    "@atlaskit/editor-test-helpers": "^18.1.0",
     "@atlaskit/media-core": "^34.0.0",
-    "@atlaskit/util-data-test": "^17.6.0",
+    "@atlaskit/util-data-test": "^17.7.0",
     "@atlaskit/visual-regression": "*",
     "@atlaskit/webdriver-runner": "*",
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",

package/preset/package.json

@@ -0,0 +1,15 @@
+{
+  "name": "@atlaskit/editor-common/preset",
+  "main": "../dist/cjs/preset/index.js",
+  "module": "../dist/esm/preset/index.js",
+  "module:es2019": "../dist/es2019/preset/index.js",
+  "sideEffects": false,
+  "types": "../dist/types/preset/index.d.ts",
+  "typesVersions": {
+    ">=4.0 <4.5": {
+      "*": [
+        "../dist/types-ts4.0/preset/index.d.ts"
+      ]
+    }
+  }
+}

package/dist/cjs/utils/builder.js

@@ -1,34 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Builder = void 0;
-var _construct2 = _interopRequireDefault(require("@babel/runtime/helpers/construct"));
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var Builder = /*#__PURE__*/function () {
-  function Builder() {
-    (0, _classCallCheck2.default)(this, Builder);
-    for (var _len = arguments.length, more = new Array(_len), _key = 0; _key < _len; _key++) {
-      more[_key] = arguments[_key];
-    }
-    this.data = [].concat(more) || [];
-  }
-  (0, _createClass2.default)(Builder, [{
-    key: "add",
-    value: function add(nextOrTuple) {
-      return (0, _construct2.default)(Builder, [
-      /**
-       * re-cast this to NewPlugin as we've done all the type
-       * safety, dependency checking, narrowing, during
-       * `SafePresetCheck & VerifyPluginDependencies`
-       */
-      nextOrTuple].concat((0, _toConsumableArray2.default)(this.data)));
-    }
-  }]);
-  return Builder;
-}();
-exports.Builder = Builder;

package/dist/es2019/utils/builder.js

@@ -1,14 +0,0 @@
-export class Builder {
-  constructor(...more) {
-    this.data = [...more] || [];
-  }
-  add(nextOrTuple) {
-    return new Builder(
-    /**
-     * re-cast this to NewPlugin as we've done all the type
-     * safety, dependency checking, narrowing, during
-     * `SafePresetCheck & VerifyPluginDependencies`
-     */
-    nextOrTuple, ...this.data);
-  }
-}

package/dist/esm/utils/builder.js

@@ -1,26 +0,0 @@
-import _construct from "@babel/runtime/helpers/construct";
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-export var Builder = /*#__PURE__*/function () {
-  function Builder() {
-    _classCallCheck(this, Builder);
-    for (var _len = arguments.length, more = new Array(_len), _key = 0; _key < _len; _key++) {
-      more[_key] = arguments[_key];
-    }
-    this.data = [].concat(more) || [];
-  }
-  _createClass(Builder, [{
-    key: "add",
-    value: function add(nextOrTuple) {
-      return _construct(Builder, [
-      /**
-       * re-cast this to NewPlugin as we've done all the type
-       * safety, dependency checking, narrowing, during
-       * `SafePresetCheck & VerifyPluginDependencies`
-       */
-      nextOrTuple].concat(_toConsumableArray(this.data)));
-    }
-  }]);
-  return Builder;
-}();

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

@@ -1,8 +0,0 @@
-import type { AllBuilderPlugins, SafePresetCheck } from '../types';
-export declare class Builder<T extends {
-    name: string;
-}, StackPlugins extends AllBuilderPlugins[] = []> {
-    readonly data: [...StackPlugins];
-    constructor(...more: [...StackPlugins]);
-    add<NewPlugin extends AllBuilderPlugins>(nextOrTuple: SafePresetCheck<NewPlugin, StackPlugins>): Builder<T, [...[NewPlugin], ...StackPlugins]>;
-}