@atlaskit/editor-core 190.1.28 → 190.1.30

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/editor-core
 
+## 190.1.30
+
+### Patch Changes
+
+- [#64152](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/64152) [`4bc51e1731ba`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/4bc51e1731ba) - [ux] Added a table selector button to the full page toolbar and button styles
+- [#64193](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/64193) [`5b5fa24e7856`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/5b5fa24e7856) - [ux] Fixed floating toolbar position for multiBodiedExtension
+- Updated dependencies
+
 ## 190.1.28
 
 ### Patch Changes

package/dist/cjs/plugins/extension/toolbar.js

@@ -163,6 +163,31 @@ var getToolbarConfig = exports.getToolbarConfig = function getToolbarConfig(_ref
           return extensionState.element.parentElement || undefined;
         },
         nodeType: nodeType,
+        onPositionCalculated: function onPositionCalculated(editorView, nextPos) {
+          var _editorView$state = editorView.state,
+            schema = _editorView$state.schema,
+            selection = _editorView$state.selection;
+          var mbeNode = (0, _utils2.getSelectedExtension)(state, true);
+          var mbeFrame = (0, _utils.findParentNodeOfType)(schema.nodes.extensionFrame)(selection);
+          if (!mbeNode || !mbeFrame) {
+            return nextPos;
+          }
+          var mbeDomElement = editorView.nodeDOM(mbeNode.pos);
+          var mbeFrameElement = editorView.nodeDOM(mbeFrame.pos);
+          var mbeNodeRect = mbeDomElement === null || mbeDomElement === void 0 ? void 0 : mbeDomElement.getBoundingClientRect();
+          var mbeFrameRect = mbeFrameElement.getBoundingClientRect();
+
+          /**
+           * MbeNodeRect height will include mbeFrameRect height and the navigation toolbar of the MBE
+           * excluding nav toolbar height from the floaing extention toolbar position calculated.
+           * adding 15px extra for the spacing between MBE node and floating toolbar.
+           *
+           */
+          return {
+            top: mbeNodeRect.top + mbeFrameRect.height + 15,
+            left: nextPos.left
+          };
+        },
         items: [].concat((0, _toConsumableArray2.default)(editButtonArray), (0, _toConsumableArray2.default)(breakoutButtonArray), [{
           type: 'separator',
           hidden: editButtonArray.length === 0 && breakoutButtonArray.length === 0

package/dist/cjs/presets/universal.js

@@ -366,6 +366,7 @@ function createUniversalPreset(appearance, props, featureFlags, prevAppearance,
     allowExpand: isExpandInsertionEnabled(props),
     insertMenuItems: props.insertMenuItems,
     horizontalRuleEnabled: props.allowRule,
+    tableSelectorSupported: (0, _platformFeatureFlags.getBooleanFF)('platform.editor.insert-block.table-selector-button') && isFullPage,
     nativeStatusSupported: !statusMenuDisabled,
     showElementBrowserLink: props.elementBrowser && props.elementBrowser.showModal || false,
     replacePlusMenuWithElementBrowser: props.elementBrowser && props.elementBrowser.replacePlusMenu || false

package/dist/cjs/version-wrapper.js

@@ -5,4 +5,4 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.version = exports.name = void 0;
 var name = exports.name = "@atlaskit/editor-core";
-var version = exports.version = "190.1.28";
+var version = exports.version = "190.1.30";

package/dist/es2019/plugins/extension/toolbar.js

@@ -12,6 +12,7 @@ import { getSelectedExtension } from './utils';
 import { updateExtensionLayout, removeExtension, removeDescendantNodes } from './commands';
 import { pluginKey as macroPluginKey } from './pm-plugins/macro/plugin-key';
 import { isReferencedSource, getChildrenInfo, getNodeName } from '@atlaskit/editor-common/utils';
+import { findParentNodeOfType } from '@atlaskit/editor-prosemirror/utils';
 export const messages = defineMessages({
   edit: {
     id: 'fabric.editor.edit',
@@ -157,6 +158,34 @@ export const getToolbarConfig = ({
       title: 'Extension floating controls',
       getDomRef: () => extensionState.element.parentElement || undefined,
       nodeType,
+      onPositionCalculated: (editorView, nextPos) => {
+        const {
+          state: {
+            schema,
+            selection
+          }
+        } = editorView;
+        const mbeNode = getSelectedExtension(state, true);
+        const mbeFrame = findParentNodeOfType(schema.nodes.extensionFrame)(selection);
+        if (!mbeNode || !mbeFrame) {
+          return nextPos;
+        }
+        const mbeDomElement = editorView.nodeDOM(mbeNode.pos);
+        const mbeFrameElement = editorView.nodeDOM(mbeFrame.pos);
+        const mbeNodeRect = mbeDomElement === null || mbeDomElement === void 0 ? void 0 : mbeDomElement.getBoundingClientRect();
+        const mbeFrameRect = mbeFrameElement.getBoundingClientRect();
+
+        /**
+         * MbeNodeRect height will include mbeFrameRect height and the navigation toolbar of the MBE
+         * excluding nav toolbar height from the floaing extention toolbar position calculated.
+         * adding 15px extra for the spacing between MBE node and floating toolbar.
+         *
+         */
+        return {
+          top: mbeNodeRect.top + mbeFrameRect.height + 15,
+          left: nextPos.left
+        };
+      },
       items: [...editButtonArray, ...breakoutButtonArray, {
         type: 'separator',
         hidden: editButtonArray.length === 0 && breakoutButtonArray.length === 0

package/dist/es2019/presets/universal.js

@@ -363,6 +363,7 @@ export default function createUniversalPreset(appearance, props, featureFlags, p
     allowExpand: isExpandInsertionEnabled(props),
     insertMenuItems: props.insertMenuItems,
     horizontalRuleEnabled: props.allowRule,
+    tableSelectorSupported: getBooleanFF('platform.editor.insert-block.table-selector-button') && isFullPage,
     nativeStatusSupported: !statusMenuDisabled,
     showElementBrowserLink: props.elementBrowser && props.elementBrowser.showModal || false,
     replacePlusMenuWithElementBrowser: props.elementBrowser && props.elementBrowser.replacePlusMenu || false

package/dist/es2019/version-wrapper.js

@@ -1,2 +1,2 @@
 export const name = "@atlaskit/editor-core";
-export const version = "190.1.28";
+export const version = "190.1.30";

package/dist/esm/plugins/extension/toolbar.js

@@ -13,6 +13,7 @@ import { getSelectedExtension } from './utils';
 import { updateExtensionLayout, removeExtension, removeDescendantNodes } from './commands';
 import { pluginKey as macroPluginKey } from './pm-plugins/macro/plugin-key';
 import { isReferencedSource, getChildrenInfo as _getChildrenInfo, getNodeName } from '@atlaskit/editor-common/utils';
+import { findParentNodeOfType } from '@atlaskit/editor-prosemirror/utils';
 export var messages = defineMessages({
   edit: {
     id: 'fabric.editor.edit',
@@ -156,6 +157,31 @@ export var getToolbarConfig = function getToolbarConfig(_ref) {
           return extensionState.element.parentElement || undefined;
         },
         nodeType: nodeType,
+        onPositionCalculated: function onPositionCalculated(editorView, nextPos) {
+          var _editorView$state = editorView.state,
+            schema = _editorView$state.schema,
+            selection = _editorView$state.selection;
+          var mbeNode = getSelectedExtension(state, true);
+          var mbeFrame = findParentNodeOfType(schema.nodes.extensionFrame)(selection);
+          if (!mbeNode || !mbeFrame) {
+            return nextPos;
+          }
+          var mbeDomElement = editorView.nodeDOM(mbeNode.pos);
+          var mbeFrameElement = editorView.nodeDOM(mbeFrame.pos);
+          var mbeNodeRect = mbeDomElement === null || mbeDomElement === void 0 ? void 0 : mbeDomElement.getBoundingClientRect();
+          var mbeFrameRect = mbeFrameElement.getBoundingClientRect();
+
+          /**
+           * MbeNodeRect height will include mbeFrameRect height and the navigation toolbar of the MBE
+           * excluding nav toolbar height from the floaing extention toolbar position calculated.
+           * adding 15px extra for the spacing between MBE node and floating toolbar.
+           *
+           */
+          return {
+            top: mbeNodeRect.top + mbeFrameRect.height + 15,
+            left: nextPos.left
+          };
+        },
         items: [].concat(_toConsumableArray(editButtonArray), _toConsumableArray(breakoutButtonArray), [{
           type: 'separator',
           hidden: editButtonArray.length === 0 && breakoutButtonArray.length === 0

package/dist/esm/presets/universal.js

@@ -358,6 +358,7 @@ export default function createUniversalPreset(appearance, props, featureFlags, p
     allowExpand: isExpandInsertionEnabled(props),
     insertMenuItems: props.insertMenuItems,
     horizontalRuleEnabled: props.allowRule,
+    tableSelectorSupported: getBooleanFF('platform.editor.insert-block.table-selector-button') && isFullPage,
     nativeStatusSupported: !statusMenuDisabled,
     showElementBrowserLink: props.elementBrowser && props.elementBrowser.showModal || false,
     replacePlusMenuWithElementBrowser: props.elementBrowser && props.elementBrowser.replacePlusMenu || false

package/dist/esm/version-wrapper.js

@@ -1,2 +1,2 @@
 export var name = "@atlaskit/editor-core";
-export var version = "190.1.28";
+export var version = "190.1.30";

package/dist/types/plugins/extension/utils.d.ts

@@ -7,3 +7,9 @@ export declare const getSelectedDomElement: (schema: Schema, domAtPos: DomAtPos,
 export declare const getDataConsumerMark: (newNode: PMNode) => Mark | undefined;
 export declare const getNodeTypesReferenced: (ids: string[], state: EditorState) => string[];
 export declare const findNodePosWithLocalId: (state: EditorState, localId: string) => NodeWithPos | undefined;
+export interface Position {
+    top?: number;
+    right?: number;
+    bottom?: number;
+    left?: number;
+}

package/dist/types-ts4.5/plugins/extension/utils.d.ts

@@ -7,3 +7,9 @@ export declare const getSelectedDomElement: (schema: Schema, domAtPos: DomAtPos,
 export declare const getDataConsumerMark: (newNode: PMNode) => Mark | undefined;
 export declare const getNodeTypesReferenced: (ids: string[], state: EditorState) => string[];
 export declare const findNodePosWithLocalId: (state: EditorState, localId: string) => NodeWithPos | undefined;
+export interface Position {
+    top?: number;
+    right?: number;
+    bottom?: number;
+    left?: number;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-core",
-  "version": "190.1.28",
+  "version": "190.1.30",
   "description": "A package contains Atlassian editor core functionality",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -52,7 +52,7 @@
     "@atlaskit/checkbox": "^13.0.0",
     "@atlaskit/date": "^0.10.0",
     "@atlaskit/datetime-picker": "^13.0.3",
-    "@atlaskit/editor-common": "^76.31.0",
+    "@atlaskit/editor-common": "^76.33.0",
     "@atlaskit/editor-json-transformer": "^8.10.0",
     "@atlaskit/editor-plugin-alignment": "^0.1.0",
     "@atlaskit/editor-plugin-analytics": "^0.4.0",
@@ -63,7 +63,7 @@
     "@atlaskit/editor-plugin-border": "^0.1.0",
     "@atlaskit/editor-plugin-breakout": "^0.1.0",
     "@atlaskit/editor-plugin-caption": "^0.2.0",
-    "@atlaskit/editor-plugin-card": "^0.14.0",
+    "@atlaskit/editor-plugin-card": "^0.15.0",
     "@atlaskit/editor-plugin-clear-marks-on-empty-doc": "^0.1.0",
     "@atlaskit/editor-plugin-clipboard": "^0.1.0",
     "@atlaskit/editor-plugin-code-bidi-warning": "^0.1.0",
@@ -143,7 +143,7 @@
     "@atlaskit/textfield": "^6.0.0",
     "@atlaskit/theme": "^12.6.0",
     "@atlaskit/toggle": "^13.0.0",
-    "@atlaskit/tokens": "^1.32.0",
+    "@atlaskit/tokens": "^1.33.0",
     "@atlaskit/tooltip": "^18.1.0",
     "@atlaskit/ufo": "^0.2.0",
     "@atlaskit/width-detector": "^4.1.0",
@@ -310,6 +310,9 @@
       "type": "boolean",
       "referenceOnly": "true"
     },
+    "platform.editor.insert-block.table-selector-button": {
+      "type": "boolean"
+    },
     "platform.editor.enable-selection-toolbar_ucdwd": {
       "type": "boolean"
     },