@atlaskit/editor-common 107.27.0 → 107.28.0

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @atlaskit/editor-common
 
+## 107.28.0
+
+### Minor Changes
+
+- [`d2a535bed291e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/d2a535bed291e) -
+  [EDITOR-1153] Let the `editor-plugin-indentation` handle `paragraphs` when they are selected in a
+  range with `blockTaskItem`, but don't indent the `paragraphs` inside `blockTaskItem`s
+
+### Patch Changes
+
+- [`286abb4d35eba`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/286abb4d35eba) -
+  [ux] [ED-28960] Finish full page primary toolbar migration
+
+  - Align with design update (separator, gap, height, icon size)
+  - Add keyboard shortcut to focus toolbar and arrow key navigation
+  - Address accessibility
+
+- Updated dependencies
+
 ## 107.27.0
 
 ### Minor Changes

package/context-panel/package.json

@@ -0,0 +1,17 @@
+{
+  "name": "@atlaskit/editor-common/context-panel",
+  "main": "../dist/cjs/ui/ContextPanel/context.js",
+  "module": "../dist/esm/ui/ContextPanel/context.js",
+  "module:es2019": "../dist/es2019/ui/ContextPanel/context.js",
+  "sideEffects": [
+    "**/*.compiled.css"
+  ],
+  "types": "../dist/types/ui/ContextPanel/context.d.ts",
+  "typesVersions": {
+    ">=4.5 <5.9": {
+      "*": [
+        "../dist/types-ts4.5/ui/ContextPanel/context.d.ts"
+      ]
+    }
+  }
+}

package/dist/cjs/commands/index.js

@@ -106,10 +106,12 @@ var createToggleBlockMarkOnRange = exports.createToggleBlockMarkOnRange = functi
   return function (from, to, tr, state) {
     var markApplied = false;
     state.doc.nodesBetween(from, to, function (node, pos, parent) {
+      var _state$schema, _state$schema2, _state$schema3;
       if (!node.type.isBlock) {
         return false;
       }
-      if ((!allowedBlocks || (Array.isArray(allowedBlocks) ? allowedBlocks.indexOf(node.type) > -1 : allowedBlocks(state.schema, node, parent))) && parent !== null && parent !== void 0 && parent.type.allowsMarkType(markType)) {
+      var parentAllowsMark = state !== null && state !== void 0 && (_state$schema = state.schema) !== null && _state$schema !== void 0 && (_state$schema = _state$schema.nodes) !== null && _state$schema !== void 0 && _state$schema.blockTaskItem && (parent === null || parent === void 0 ? void 0 : parent.type) === (state === null || state === void 0 || (_state$schema2 = state.schema) === null || _state$schema2 === void 0 || (_state$schema2 = _state$schema2.nodes) === null || _state$schema2 === void 0 ? void 0 : _state$schema2.blockTaskItem) && markType === (state === null || state === void 0 || (_state$schema3 = state.schema) === null || _state$schema3 === void 0 || (_state$schema3 = _state$schema3.marks) === null || _state$schema3 === void 0 ? void 0 : _state$schema3.indentation) ? false : parent === null || parent === void 0 ? void 0 : parent.type.allowsMarkType(markType);
+      if ((!allowedBlocks || (Array.isArray(allowedBlocks) ? allowedBlocks.indexOf(node.type) > -1 : allowedBlocks(state.schema, node, parent))) && parentAllowsMark) {
         var oldMarks = node.marks.filter(function (mark) {
           return mark.type === markType;
         });
@@ -131,10 +133,13 @@ var createToggleBlockMarkOnRangeNext = exports.createToggleBlockMarkOnRangeNext
   return function (from, to, tr) {
     var markApplied = false;
     tr.doc.nodesBetween(from, to, function (node, pos, parent) {
+      var _schema$nodes, _schema$nodes2, _schema$marks;
       if (!node.type.isBlock) {
         return false;
       }
-      if ((!allowedBlocks || (Array.isArray(allowedBlocks) ? allowedBlocks.indexOf(node.type) > -1 : allowedBlocks(tr.doc.type.schema, node, parent))) && parent !== null && parent !== void 0 && parent.type.allowsMarkType(markType)) {
+      var schema = tr.doc.type.schema;
+      var parentAllowsMark = schema !== null && schema !== void 0 && (_schema$nodes = schema.nodes) !== null && _schema$nodes !== void 0 && _schema$nodes.blockTaskItem && (parent === null || parent === void 0 ? void 0 : parent.type) === (schema === null || schema === void 0 || (_schema$nodes2 = schema.nodes) === null || _schema$nodes2 === void 0 ? void 0 : _schema$nodes2.blockTaskItem) && markType === (schema === null || schema === void 0 || (_schema$marks = schema.marks) === null || _schema$marks === void 0 ? void 0 : _schema$marks.indentation) ? false : parent === null || parent === void 0 ? void 0 : parent.type.allowsMarkType(markType);
+      if ((!allowedBlocks || (Array.isArray(allowedBlocks) ? allowedBlocks.indexOf(node.type) > -1 : allowedBlocks(tr.doc.type.schema, node, parent))) && parentAllowsMark) {
         var oldMarks = node.marks.filter(function (mark) {
           return mark.type === markType;
         });

package/dist/cjs/monitoring/error.js

@@ -16,7 +16,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 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 = "107.26.2";
+var packageVersion = "107.27.0";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007

package/dist/cjs/toolbar/EditorToolbarUIProvider.js

@@ -11,7 +11,8 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 var EditorToolbarUIProvider = exports.EditorToolbarUIProvider = function EditorToolbarUIProvider(_ref) {
   var children = _ref.children,
     api = _ref.api,
-    isDisabled = _ref.isDisabled;
+    isDisabled = _ref.isDisabled,
+    popupsMountPoint = _ref.popupsMountPoint;
   var onDropdownOpenChanged = (0, _react.useCallback)(function (_ref2) {
     var isOpen = _ref2.isOpen;
     if (!isOpen) {
@@ -25,6 +26,7 @@ var EditorToolbarUIProvider = exports.EditorToolbarUIProvider = function EditorT
   return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarUIProvider, {
     onDropdownOpenChanged: onDropdownOpenChanged,
     preventDefaultOnMouseDown: true,
-    isDisabled: isDisabled
+    isDisabled: isDisabled,
+    popupsMountPoint: popupsMountPoint
   }, children);
 };

package/dist/cjs/toolbar/context.js

@@ -8,7 +8,8 @@ exports.useEditorToolbar = exports.EditorToolbarProvider = void 0;
 var _react = _interopRequireWildcard(require("react"));
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var EditorToolbarContext = /*#__PURE__*/(0, _react.createContext)({
-  editorView: null
+  editorView: null,
+  editorAppearance: undefined
 });
 
 /**
@@ -23,10 +24,12 @@ var useEditorToolbar = exports.useEditorToolbar = function useEditorToolbar() {
 };
 var EditorToolbarProvider = exports.EditorToolbarProvider = function EditorToolbarProvider(_ref) {
   var children = _ref.children,
-    editorView = _ref.editorView;
+    editorView = _ref.editorView,
+    editorAppearance = _ref.editorAppearance;
   return /*#__PURE__*/_react.default.createElement(EditorToolbarContext.Provider, {
     value: {
-      editorView: editorView
+      editorView: editorView,
+      editorAppearance: editorAppearance
     }
   }, children);
 };

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

package/dist/es2019/commands/index.js

@@ -94,10 +94,12 @@ export const changeImageAlignmentNext = align => tr => {
 export const createToggleBlockMarkOnRange = (markType, getAttrs, allowedBlocks) => (from, to, tr, state) => {
   let markApplied = false;
   state.doc.nodesBetween(from, to, (node, pos, parent) => {
+    var _state$schema, _state$schema$nodes, _state$schema2, _state$schema2$nodes, _state$schema3, _state$schema3$marks;
     if (!node.type.isBlock) {
       return false;
     }
-    if ((!allowedBlocks || (Array.isArray(allowedBlocks) ? allowedBlocks.indexOf(node.type) > -1 : allowedBlocks(state.schema, node, parent))) && parent !== null && parent !== void 0 && parent.type.allowsMarkType(markType)) {
+    const parentAllowsMark = state !== null && state !== void 0 && (_state$schema = state.schema) !== null && _state$schema !== void 0 && (_state$schema$nodes = _state$schema.nodes) !== null && _state$schema$nodes !== void 0 && _state$schema$nodes.blockTaskItem && (parent === null || parent === void 0 ? void 0 : parent.type) === (state === null || state === void 0 ? void 0 : (_state$schema2 = state.schema) === null || _state$schema2 === void 0 ? void 0 : (_state$schema2$nodes = _state$schema2.nodes) === null || _state$schema2$nodes === void 0 ? void 0 : _state$schema2$nodes.blockTaskItem) && markType === (state === null || state === void 0 ? void 0 : (_state$schema3 = state.schema) === null || _state$schema3 === void 0 ? void 0 : (_state$schema3$marks = _state$schema3.marks) === null || _state$schema3$marks === void 0 ? void 0 : _state$schema3$marks.indentation) ? false : parent === null || parent === void 0 ? void 0 : parent.type.allowsMarkType(markType);
+    if ((!allowedBlocks || (Array.isArray(allowedBlocks) ? allowedBlocks.indexOf(node.type) > -1 : allowedBlocks(state.schema, node, parent))) && parentAllowsMark) {
       const oldMarks = node.marks.filter(mark => mark.type === markType);
       const prevAttrs = oldMarks.length ? oldMarks[0].attrs : undefined;
       const newAttrs = getAttrs(prevAttrs, node);
@@ -113,10 +115,13 @@ export const createToggleBlockMarkOnRange = (markType, getAttrs, allowedBlocks)
 export const createToggleBlockMarkOnRangeNext = (markType, getAttrs, allowedBlocks) => (from, to, tr) => {
   let markApplied = false;
   tr.doc.nodesBetween(from, to, (node, pos, parent) => {
+    var _schema$nodes, _schema$nodes2, _schema$marks;
     if (!node.type.isBlock) {
       return false;
     }
-    if ((!allowedBlocks || (Array.isArray(allowedBlocks) ? allowedBlocks.indexOf(node.type) > -1 : allowedBlocks(tr.doc.type.schema, node, parent))) && parent !== null && parent !== void 0 && parent.type.allowsMarkType(markType)) {
+    const schema = tr.doc.type.schema;
+    const parentAllowsMark = schema !== null && schema !== void 0 && (_schema$nodes = schema.nodes) !== null && _schema$nodes !== void 0 && _schema$nodes.blockTaskItem && (parent === null || parent === void 0 ? void 0 : parent.type) === (schema === null || schema === void 0 ? void 0 : (_schema$nodes2 = schema.nodes) === null || _schema$nodes2 === void 0 ? void 0 : _schema$nodes2.blockTaskItem) && markType === (schema === null || schema === void 0 ? void 0 : (_schema$marks = schema.marks) === null || _schema$marks === void 0 ? void 0 : _schema$marks.indentation) ? false : parent === null || parent === void 0 ? void 0 : parent.type.allowsMarkType(markType);
+    if ((!allowedBlocks || (Array.isArray(allowedBlocks) ? allowedBlocks.indexOf(node.type) > -1 : allowedBlocks(tr.doc.type.schema, node, parent))) && parentAllowsMark) {
       const oldMarks = node.marks.filter(mark => mark.type === markType);
       const prevAttrs = oldMarks.length ? oldMarks[0].attrs : undefined;
       const newAttrs = getAttrs(prevAttrs, node);

package/dist/es2019/monitoring/error.js

@@ -1,7 +1,7 @@
 import { isFedRamp } from './environment';
 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 = "107.26.2";
+const packageVersion = "107.27.0";
 const sanitiseSentryEvents = (data, _hint) => {
   // Remove URL as it has UGC
   // Ignored via go/ees007

package/dist/es2019/toolbar/EditorToolbarUIProvider.js

@@ -3,7 +3,8 @@ import { ToolbarUIProvider } from '@atlaskit/editor-toolbar';
 export const EditorToolbarUIProvider = ({
   children,
   api,
-  isDisabled
+  isDisabled,
+  popupsMountPoint
 }) => {
   const onDropdownOpenChanged = useCallback(({
     isOpen
@@ -19,6 +20,7 @@ export const EditorToolbarUIProvider = ({
   return /*#__PURE__*/React.createElement(ToolbarUIProvider, {
     onDropdownOpenChanged: onDropdownOpenChanged,
     preventDefaultOnMouseDown: true,
-    isDisabled: isDisabled
+    isDisabled: isDisabled,
+    popupsMountPoint: popupsMountPoint
   }, children);
 };

package/dist/es2019/toolbar/context.js

@@ -1,6 +1,7 @@
 import React, { createContext, useContext } from 'react';
 const EditorToolbarContext = /*#__PURE__*/createContext({
-  editorView: null
+  editorView: null,
+  editorAppearance: undefined
 });
 
 /**
@@ -15,11 +16,13 @@ export const useEditorToolbar = () => {
 };
 export const EditorToolbarProvider = ({
   children,
-  editorView
+  editorView,
+  editorAppearance
 }) => {
   return /*#__PURE__*/React.createElement(EditorToolbarContext.Provider, {
     value: {
-      editorView
+      editorView,
+      editorAppearance
     }
   }, children);
 };

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

package/dist/esm/commands/index.js

@@ -86,10 +86,12 @@ export var createToggleBlockMarkOnRange = function createToggleBlockMarkOnRange(
   return function (from, to, tr, state) {
     var markApplied = false;
     state.doc.nodesBetween(from, to, function (node, pos, parent) {
+      var _state$schema, _state$schema2, _state$schema3;
       if (!node.type.isBlock) {
         return false;
       }
-      if ((!allowedBlocks || (Array.isArray(allowedBlocks) ? allowedBlocks.indexOf(node.type) > -1 : allowedBlocks(state.schema, node, parent))) && parent !== null && parent !== void 0 && parent.type.allowsMarkType(markType)) {
+      var parentAllowsMark = state !== null && state !== void 0 && (_state$schema = state.schema) !== null && _state$schema !== void 0 && (_state$schema = _state$schema.nodes) !== null && _state$schema !== void 0 && _state$schema.blockTaskItem && (parent === null || parent === void 0 ? void 0 : parent.type) === (state === null || state === void 0 || (_state$schema2 = state.schema) === null || _state$schema2 === void 0 || (_state$schema2 = _state$schema2.nodes) === null || _state$schema2 === void 0 ? void 0 : _state$schema2.blockTaskItem) && markType === (state === null || state === void 0 || (_state$schema3 = state.schema) === null || _state$schema3 === void 0 || (_state$schema3 = _state$schema3.marks) === null || _state$schema3 === void 0 ? void 0 : _state$schema3.indentation) ? false : parent === null || parent === void 0 ? void 0 : parent.type.allowsMarkType(markType);
+      if ((!allowedBlocks || (Array.isArray(allowedBlocks) ? allowedBlocks.indexOf(node.type) > -1 : allowedBlocks(state.schema, node, parent))) && parentAllowsMark) {
         var oldMarks = node.marks.filter(function (mark) {
           return mark.type === markType;
         });
@@ -111,10 +113,13 @@ export var createToggleBlockMarkOnRangeNext = function createToggleBlockMarkOnRa
   return function (from, to, tr) {
     var markApplied = false;
     tr.doc.nodesBetween(from, to, function (node, pos, parent) {
+      var _schema$nodes, _schema$nodes2, _schema$marks;
       if (!node.type.isBlock) {
         return false;
       }
-      if ((!allowedBlocks || (Array.isArray(allowedBlocks) ? allowedBlocks.indexOf(node.type) > -1 : allowedBlocks(tr.doc.type.schema, node, parent))) && parent !== null && parent !== void 0 && parent.type.allowsMarkType(markType)) {
+      var schema = tr.doc.type.schema;
+      var parentAllowsMark = schema !== null && schema !== void 0 && (_schema$nodes = schema.nodes) !== null && _schema$nodes !== void 0 && _schema$nodes.blockTaskItem && (parent === null || parent === void 0 ? void 0 : parent.type) === (schema === null || schema === void 0 || (_schema$nodes2 = schema.nodes) === null || _schema$nodes2 === void 0 ? void 0 : _schema$nodes2.blockTaskItem) && markType === (schema === null || schema === void 0 || (_schema$marks = schema.marks) === null || _schema$marks === void 0 ? void 0 : _schema$marks.indentation) ? false : parent === null || parent === void 0 ? void 0 : parent.type.allowsMarkType(markType);
+      if ((!allowedBlocks || (Array.isArray(allowedBlocks) ? allowedBlocks.indexOf(node.type) > -1 : allowedBlocks(tr.doc.type.schema, node, parent))) && parentAllowsMark) {
         var oldMarks = node.marks.filter(function (mark) {
           return mark.type === markType;
         });

package/dist/esm/monitoring/error.js

@@ -7,7 +7,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import { isFedRamp } from './environment';
 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 = "107.26.2";
+var packageVersion = "107.27.0";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007

package/dist/esm/toolbar/EditorToolbarUIProvider.js

@@ -3,7 +3,8 @@ import { ToolbarUIProvider } from '@atlaskit/editor-toolbar';
 export var EditorToolbarUIProvider = function EditorToolbarUIProvider(_ref) {
   var children = _ref.children,
     api = _ref.api,
-    isDisabled = _ref.isDisabled;
+    isDisabled = _ref.isDisabled,
+    popupsMountPoint = _ref.popupsMountPoint;
   var onDropdownOpenChanged = useCallback(function (_ref2) {
     var isOpen = _ref2.isOpen;
     if (!isOpen) {
@@ -17,6 +18,7 @@ export var EditorToolbarUIProvider = function EditorToolbarUIProvider(_ref) {
   return /*#__PURE__*/React.createElement(ToolbarUIProvider, {
     onDropdownOpenChanged: onDropdownOpenChanged,
     preventDefaultOnMouseDown: true,
-    isDisabled: isDisabled
+    isDisabled: isDisabled,
+    popupsMountPoint: popupsMountPoint
   }, children);
 };

package/dist/esm/toolbar/context.js

@@ -1,6 +1,7 @@
 import React, { createContext, useContext } from 'react';
 var EditorToolbarContext = /*#__PURE__*/createContext({
-  editorView: null
+  editorView: null,
+  editorAppearance: undefined
 });
 
 /**
@@ -15,10 +16,12 @@ export var useEditorToolbar = function useEditorToolbar() {
 };
 export var EditorToolbarProvider = function EditorToolbarProvider(_ref) {
   var children = _ref.children,
-    editorView = _ref.editorView;
+    editorView = _ref.editorView,
+    editorAppearance = _ref.editorAppearance;
   return /*#__PURE__*/React.createElement(EditorToolbarContext.Provider, {
     value: {
-      editorView: editorView
+      editorView: editorView,
+      editorAppearance: editorAppearance
     }
   }, children);
 };

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

package/dist/types/toolbar/EditorToolbarUIProvider.d.ts

@@ -1,7 +1,10 @@
 import React from 'react';
+import type { ToolbarUIContextType } from '@atlaskit/editor-toolbar';
 import type { ExtractInjectionAPI, NextEditorPlugin } from '../types';
-export declare const EditorToolbarUIProvider: ({ children, api, isDisabled, }: {
+type Props = Pick<ToolbarUIContextType, 'popupsMountPoint'> & {
+    api: ExtractInjectionAPI<NextEditorPlugin<any, any>> | undefined;
     children: React.ReactNode;
     isDisabled?: boolean;
-    api: ExtractInjectionAPI<NextEditorPlugin<any, any>> | undefined;
-}) => React.JSX.Element;
+};
+export declare const EditorToolbarUIProvider: ({ children, api, isDisabled, popupsMountPoint }: Props) => React.JSX.Element;
+export {};

package/dist/types/toolbar/context.d.ts

@@ -1,7 +1,9 @@
 import React from 'react';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
-type EditorToolbarContextType = {
+import type { EditorAppearance } from '../types';
+export type EditorToolbarContextType = {
     editorView: EditorView | null;
+    editorAppearance?: EditorAppearance;
 };
 /**
  * Access editor specific config and state within a toolbar component
@@ -10,5 +12,5 @@ export declare const useEditorToolbar: () => EditorToolbarContextType;
 type EditorToolbarProviderProps = {
     children: React.ReactNode;
 } & EditorToolbarContextType;
-export declare const EditorToolbarProvider: ({ children, editorView }: EditorToolbarProviderProps) => React.JSX.Element;
+export declare const EditorToolbarProvider: ({ children, editorView, editorAppearance, }: EditorToolbarProviderProps) => React.JSX.Element;
 export {};

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

@@ -1,5 +1,5 @@
 export { TOOLBAR_RANK, AI_SECTION_RANK, ROVO_GROUP_RANK, IMPROVE_WRITING_GROUP_RANK, ROVO_MENU_RANK, ROVO_PROMPT_MENU_SECTION_RANK, CHANGE_TONE_MENU_RANK, CHANGE_TONE_MENU_SECTION_RANK, TRANSLATE_MENU_RANK, COLLAB_SECTION_RANK, COMMENT_GROUP_RANK, TEXT_SECTION_RANK, TEXT_STYLES_GROUP_RANK, TEXT_STYLES_MENU_RANK, TEXT_STYLES_MENU_SECTION_RANK, TEXT_FORMAT_GROUP_RANK, TEXT_FORMAT_MENU_RANK, TEXT_FORMATTING_MENU_SECTION_RANK, CLEAR_FORMARTTING_MENU_SECTION_RANK, TEXT_COLOR_HIGHLIGHT_MENU_SECTION_RANK, TEXT_COLOR_HIGHLIGHT_GROUP_RANK, TEXT_COLOR_HIGHLIGHT_MENU_RANK, OVERFLOW_SECTION_RANK, OVERFLOW_GROUP_RANK, OVERFLOW_MENU_RANK, PIN_MENU_SECTION_RANK, INSERT_BLOCK_SECTION_RANK, TASK_LIST_GROUP_RANK, MEDIA_GROUP_RANK, MENTION_GROUP_RANK, EMOJI_GROUP_RANK, LAYOUT_GROUP_RANK, TABLE_GROUP_RANK, LINKING_SECTION_RANK, LINKING_GROUP_RANK, ALIGNMENT_GROUP_RANK, ALIGNMENT_MENU_RANK, ALIGNMENT_MENU_SECTION_RANK, LISTS_INDENTATION_GROUP_RANK, LISTS_INDENTATION_MENU_RANK, LISTS_INDENTATION_MENU_SECTION_RANK, TRACK_CHANGES_SECTION_RANK, TRACK_CHANGES_GROUP_RANK, } from './rank';
 export { TOOLBARS, AI_SECTION, ROVO_GROUP, IMPROVE_WRITING_GROUP, IMPROVE_WRITING_BUTTON, ROVO_HERO_BUTTON, ROVO_MENU, ROVO_PROMPT_MENU_SECTION, MAKE_SHORTER_MENU_ITEM, MAKE_LONGER_MENU_ITEM, CHANGE_TONE_NESTED_MENU, SPELLING_AND_GRAMMAR_MENU_ITEM, CHANGE_TONE_MENU_SECTION, MORE_PROFESSIONAL_MENU_ITEM, MORE_CASUAL_MENU_ITEM, MORE_EMPATHETIC_MENU_ITEM, TRANSLATE_NESTED_MENU, TRANSLATE_MENU_SECTION, TEXT_SECTION, TEXT_FORMATTING_GROUP, TEXT_FORMATTING_HERO_BUTTON, TEXT_FORMATTING_MENU, TEXT_FORMATTING_MENU_SECTION, TEXT_STYLES_GROUP, TEXT_STYLES_MENU, TEXT_STYLES_MENU_SECTION, NORMAL_TEXT_MENU_ITEM, HEADING_1_MENU_ITEM, HEADING_2_MENU_ITEM, HEADING_3_MENU_ITEM, HEADING_4_MENU_ITEM, HEADING_5_MENU_ITEM, HEADING_6_MENU_ITEM, BLOCK_QUOTE_MENU_ITEM, BOLD_MENU_ITEM, ITALIC_MENU_ITEM, UNDERLINE_MENU_ITEM, STRIKE_MENU_ITEM, CODE_MENU_ITEM, SUBSCRIPT_MENU_ITEM, SUPERSCRIPT_MENU_ITEM, CLEAR_FORMARTTING_MENU_SECTION, CLEAR_FORMATTING_MENU_ITEM, LISTS_INDENTATION_GROUP, LISTS_INDENTATION_HERO_BUTTON, LISTS_INDENTATION_MENU, LISTS_INDENTATION_MENU_SECTION, BULLETED_LIST_MENU_ITEM, NUMBERED_LIST_MENU_ITEM, TASK_LIST_MENU_ITEM, INDENT_MENU_ITEM, OUTDENT_MENU_ITEM, INSERT_BLOCK_SECTION, TASK_LIST_BUTTON, TASK_LIST_GROUP, MEDIA_BUTTON, MEDIA_GROUP, MENTION_BUTTON, MENTION_GROUP, EMOJI_BUTTON, EMOJI_GROUP, LAYOUT_BUTTON, LAYOUT_GROUP, TABLE_BUTTON, TABLE_GROUP, TABLE_SIZE_PICKER, LINKING_SECTION, LINKING_GROUP, LINKING_BUTTON, COLLAB_SECTION, COMMENT_GROUP, COMMENT_HERO_BUTTON, APPS_SECTION, OVERFLOW_SECTION, TEXT_COLOR_HIGHLIGHT_GROUP, TEXT_COLOR_HIGHLIGHT_MENU, TEXT_COLOR_HIGHLIGHT_MENU_SECTION, TEXT_COLOR_MENU_ITEM, HIGHLIGHT_MENU_ITEM, OVERFLOW_GROUP, OVERFLOW_MENU, PIN_MENU_SECTION, PIN_MENU_ITEM, ALIGNMENT_GROUP, ALIGNMENT_MENU, ALIGNMENT_MENU_SECTION, ALIGN_LEFT_MENU_ITEM, ALIGN_CENTER_MENU_ITEM, ALIGN_RIGHT_MENU_ITEM, TRACK_CHANGES_GROUP, TRACK_CHANGES_SECTION, UNDO_BUTTON, REDO_BUTTON, TRACK_CHANGES_BUTTON, } from './keys';
-export { useEditorToolbar, EditorToolbarProvider } from './context';
+export { useEditorToolbar, EditorToolbarProvider, type EditorToolbarContextType } from './context';
 export { EditorToolbarUIProvider } from './EditorToolbarUIProvider';
 export { getInputMethodFromParentKeys } from './utils';

package/dist/types-ts4.5/toolbar/EditorToolbarUIProvider.d.ts

@@ -1,7 +1,10 @@
 import React from 'react';
+import type { ToolbarUIContextType } from '@atlaskit/editor-toolbar';
 import type { ExtractInjectionAPI, NextEditorPlugin } from '../types';
-export declare const EditorToolbarUIProvider: ({ children, api, isDisabled, }: {
+type Props = Pick<ToolbarUIContextType, 'popupsMountPoint'> & {
+    api: ExtractInjectionAPI<NextEditorPlugin<any, any>> | undefined;
     children: React.ReactNode;
     isDisabled?: boolean;
-    api: ExtractInjectionAPI<NextEditorPlugin<any, any>> | undefined;
-}) => React.JSX.Element;
+};
+export declare const EditorToolbarUIProvider: ({ children, api, isDisabled, popupsMountPoint }: Props) => React.JSX.Element;
+export {};

package/dist/types-ts4.5/toolbar/context.d.ts

@@ -1,7 +1,9 @@
 import React from 'react';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
-type EditorToolbarContextType = {
+import type { EditorAppearance } from '../types';
+export type EditorToolbarContextType = {
     editorView: EditorView | null;
+    editorAppearance?: EditorAppearance;
 };
 /**
  * Access editor specific config and state within a toolbar component
@@ -10,5 +12,5 @@ export declare const useEditorToolbar: () => EditorToolbarContextType;
 type EditorToolbarProviderProps = {
     children: React.ReactNode;
 } & EditorToolbarContextType;
-export declare const EditorToolbarProvider: ({ children, editorView }: EditorToolbarProviderProps) => React.JSX.Element;
+export declare const EditorToolbarProvider: ({ children, editorView, editorAppearance, }: EditorToolbarProviderProps) => React.JSX.Element;
 export {};

package/dist/types-ts4.5/toolbar/index.d.ts

@@ -1,5 +1,5 @@
 export { TOOLBAR_RANK, AI_SECTION_RANK, ROVO_GROUP_RANK, IMPROVE_WRITING_GROUP_RANK, ROVO_MENU_RANK, ROVO_PROMPT_MENU_SECTION_RANK, CHANGE_TONE_MENU_RANK, CHANGE_TONE_MENU_SECTION_RANK, TRANSLATE_MENU_RANK, COLLAB_SECTION_RANK, COMMENT_GROUP_RANK, TEXT_SECTION_RANK, TEXT_STYLES_GROUP_RANK, TEXT_STYLES_MENU_RANK, TEXT_STYLES_MENU_SECTION_RANK, TEXT_FORMAT_GROUP_RANK, TEXT_FORMAT_MENU_RANK, TEXT_FORMATTING_MENU_SECTION_RANK, CLEAR_FORMARTTING_MENU_SECTION_RANK, TEXT_COLOR_HIGHLIGHT_MENU_SECTION_RANK, TEXT_COLOR_HIGHLIGHT_GROUP_RANK, TEXT_COLOR_HIGHLIGHT_MENU_RANK, OVERFLOW_SECTION_RANK, OVERFLOW_GROUP_RANK, OVERFLOW_MENU_RANK, PIN_MENU_SECTION_RANK, INSERT_BLOCK_SECTION_RANK, TASK_LIST_GROUP_RANK, MEDIA_GROUP_RANK, MENTION_GROUP_RANK, EMOJI_GROUP_RANK, LAYOUT_GROUP_RANK, TABLE_GROUP_RANK, LINKING_SECTION_RANK, LINKING_GROUP_RANK, ALIGNMENT_GROUP_RANK, ALIGNMENT_MENU_RANK, ALIGNMENT_MENU_SECTION_RANK, LISTS_INDENTATION_GROUP_RANK, LISTS_INDENTATION_MENU_RANK, LISTS_INDENTATION_MENU_SECTION_RANK, TRACK_CHANGES_SECTION_RANK, TRACK_CHANGES_GROUP_RANK, } from './rank';
 export { TOOLBARS, AI_SECTION, ROVO_GROUP, IMPROVE_WRITING_GROUP, IMPROVE_WRITING_BUTTON, ROVO_HERO_BUTTON, ROVO_MENU, ROVO_PROMPT_MENU_SECTION, MAKE_SHORTER_MENU_ITEM, MAKE_LONGER_MENU_ITEM, CHANGE_TONE_NESTED_MENU, SPELLING_AND_GRAMMAR_MENU_ITEM, CHANGE_TONE_MENU_SECTION, MORE_PROFESSIONAL_MENU_ITEM, MORE_CASUAL_MENU_ITEM, MORE_EMPATHETIC_MENU_ITEM, TRANSLATE_NESTED_MENU, TRANSLATE_MENU_SECTION, TEXT_SECTION, TEXT_FORMATTING_GROUP, TEXT_FORMATTING_HERO_BUTTON, TEXT_FORMATTING_MENU, TEXT_FORMATTING_MENU_SECTION, TEXT_STYLES_GROUP, TEXT_STYLES_MENU, TEXT_STYLES_MENU_SECTION, NORMAL_TEXT_MENU_ITEM, HEADING_1_MENU_ITEM, HEADING_2_MENU_ITEM, HEADING_3_MENU_ITEM, HEADING_4_MENU_ITEM, HEADING_5_MENU_ITEM, HEADING_6_MENU_ITEM, BLOCK_QUOTE_MENU_ITEM, BOLD_MENU_ITEM, ITALIC_MENU_ITEM, UNDERLINE_MENU_ITEM, STRIKE_MENU_ITEM, CODE_MENU_ITEM, SUBSCRIPT_MENU_ITEM, SUPERSCRIPT_MENU_ITEM, CLEAR_FORMARTTING_MENU_SECTION, CLEAR_FORMATTING_MENU_ITEM, LISTS_INDENTATION_GROUP, LISTS_INDENTATION_HERO_BUTTON, LISTS_INDENTATION_MENU, LISTS_INDENTATION_MENU_SECTION, BULLETED_LIST_MENU_ITEM, NUMBERED_LIST_MENU_ITEM, TASK_LIST_MENU_ITEM, INDENT_MENU_ITEM, OUTDENT_MENU_ITEM, INSERT_BLOCK_SECTION, TASK_LIST_BUTTON, TASK_LIST_GROUP, MEDIA_BUTTON, MEDIA_GROUP, MENTION_BUTTON, MENTION_GROUP, EMOJI_BUTTON, EMOJI_GROUP, LAYOUT_BUTTON, LAYOUT_GROUP, TABLE_BUTTON, TABLE_GROUP, TABLE_SIZE_PICKER, LINKING_SECTION, LINKING_GROUP, LINKING_BUTTON, COLLAB_SECTION, COMMENT_GROUP, COMMENT_HERO_BUTTON, APPS_SECTION, OVERFLOW_SECTION, TEXT_COLOR_HIGHLIGHT_GROUP, TEXT_COLOR_HIGHLIGHT_MENU, TEXT_COLOR_HIGHLIGHT_MENU_SECTION, TEXT_COLOR_MENU_ITEM, HIGHLIGHT_MENU_ITEM, OVERFLOW_GROUP, OVERFLOW_MENU, PIN_MENU_SECTION, PIN_MENU_ITEM, ALIGNMENT_GROUP, ALIGNMENT_MENU, ALIGNMENT_MENU_SECTION, ALIGN_LEFT_MENU_ITEM, ALIGN_CENTER_MENU_ITEM, ALIGN_RIGHT_MENU_ITEM, TRACK_CHANGES_GROUP, TRACK_CHANGES_SECTION, UNDO_BUTTON, REDO_BUTTON, TRACK_CHANGES_BUTTON, } from './keys';
-export { useEditorToolbar, EditorToolbarProvider } from './context';
+export { useEditorToolbar, EditorToolbarProvider, type EditorToolbarContextType } from './context';
 export { EditorToolbarUIProvider } from './EditorToolbarUIProvider';
 export { getInputMethodFromParentKeys } from './utils';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "107.27.0",
+	"version": "107.28.0",
 	"description": "A package that contains common classes and components for editor and renderer",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -121,7 +121,8 @@
 		"./ugc-tokens": "./src/ugc-tokens/index.ts",
 		"./get-dom-ref-from-selection": "./src/utils/get-dom-ref-from-selection.ts",
 		"./ncs-step-metrics": "./src/ncs-step-metrics/index.ts",
-		"./toolbar-flag-check": "./src/toolbar-flag-check.ts"
+		"./toolbar-flag-check": "./src/toolbar-flag-check.ts",
+		"./context-panel": "./src/ui/ContextPanel/context.tsx"
 	},
 	"dependencies": {
 		"@atlaskit/activity-provider": "^2.5.0",
@@ -168,14 +169,14 @@
 		"@atlaskit/profilecard": "^24.5.0",
 		"@atlaskit/react-ufo": "^4.4.0",
 		"@atlaskit/section-message": "^8.5.0",
-		"@atlaskit/smart-card": "^40.11.0",
-		"@atlaskit/smart-user-picker": "^8.1.0",
+		"@atlaskit/smart-card": "^40.12.0",
+		"@atlaskit/smart-user-picker": "^8.2.0",
 		"@atlaskit/spinner": "^19.0.0",
 		"@atlaskit/status": "^3.0.0",
 		"@atlaskit/task-decision": "^19.2.0",
 		"@atlaskit/textfield": "^8.0.0",
 		"@atlaskit/theme": "^19.0.0",
-		"@atlaskit/tmp-editor-statsig": "^11.3.0",
+		"@atlaskit/tmp-editor-statsig": "^11.4.0",
 		"@atlaskit/tokens": "^6.0.0",
 		"@atlaskit/tooltip": "^20.4.0",
 		"@atlaskit/width-detector": "^5.0.0",