@atlaskit/editor-plugin-toolbar 3.2.1 → 3.3.1

package/dist/esm/ui/SelectionToolbar/keyboard-config.js

@@ -0,0 +1,64 @@
+import { getDocument } from '@atlaskit/browser-apis';
+import { fullPageMessages } from '@atlaskit/editor-common/messages';
+import { logException } from '@atlaskit/editor-common/monitoring';
+import { EDIT_AREA_ID } from '@atlaskit/editor-common/ui';
+import { getFocusableElements, isShortcutToFocusToolbar } from '../utils/toolbar';
+export var getKeyboardNavigationConfig = function getKeyboardNavigationConfig(editorView, intl, api) {
+  if (!(editorView.dom instanceof HTMLElement)) {
+    return;
+  }
+  var toolbarSelector = "[data-testid='editor-floating-toolbar']";
+  return {
+    childComponentSelector: toolbarSelector,
+    dom: editorView.dom,
+    isShortcutToFocusToolbar: isShortcutToFocusToolbar,
+    handleFocus: function handleFocus(event) {
+      try {
+        var _getDocument, _filteredFocusableEle, _filteredFocusableEle2, _filteredFocusableEle3;
+        var toolbar = (_getDocument = getDocument()) === null || _getDocument === void 0 ? void 0 : _getDocument.querySelector(toolbarSelector);
+        if (!(toolbar instanceof HTMLElement)) {
+          return;
+        }
+        var filteredFocusableElements = getFocusableElements(toolbar);
+        (_filteredFocusableEle = filteredFocusableElements[0]) === null || _filteredFocusableEle === void 0 || _filteredFocusableEle.focus();
+
+        // the button element removes the focus ring so this class adds it back
+        if (((_filteredFocusableEle2 = filteredFocusableElements[0]) === null || _filteredFocusableEle2 === void 0 ? void 0 : _filteredFocusableEle2.tagName) === 'BUTTON') {
+          filteredFocusableElements[0].classList.add('first-floating-toolbar-button');
+        }
+        (_filteredFocusableEle3 = filteredFocusableElements[0]) === null || _filteredFocusableEle3 === void 0 || _filteredFocusableEle3.scrollIntoView({
+          behavior: 'smooth',
+          block: 'center',
+          inline: 'nearest'
+        });
+        event.preventDefault();
+        event.stopPropagation();
+      } catch (error) {
+        if (error instanceof Error) {
+          logException(error, {
+            location: 'editor-plugin-toolbar/selectionToolbar'
+          });
+        }
+      }
+    },
+    handleEscape: function handleEscape(event) {
+      try {
+        var isDropdownOpen = !!document.querySelector('[data-toolbar-component="menu-section"]');
+        if (isDropdownOpen) {
+          return;
+        }
+        api === null || api === void 0 || api.core.actions.focus();
+        event.preventDefault();
+        event.stopPropagation();
+      } catch (error) {
+        if (error instanceof Error) {
+          logException(error, {
+            location: 'editor-plugin-toolbar/selectionToolbar'
+          });
+        }
+      }
+    },
+    ariaControls: EDIT_AREA_ID,
+    ariaLabel: intl.formatMessage(fullPageMessages.toolbarLabel)
+  };
+};

package/dist/esm/ui/SelectionToolbar/utils.js

@@ -0,0 +1,36 @@
+import { ACTION, ACTION_SUBJECT, CONTENT_COMPONENT, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
+import { logException } from '@atlaskit/editor-common/monitoring';
+import { findDomRefAtPos } from '@atlaskit/editor-prosemirror/utils';
+export var getDomRefFromSelection = function getDomRefFromSelection(view, dispatchAnalyticsEvent) {
+  try {
+    var domRef = findDomRefAtPos(view.state.selection.from, view.domAtPos.bind(view));
+    if (domRef instanceof HTMLElement) {
+      return domRef;
+    }
+    throw new Error('Invalid DOM reference');
+  } catch (error) {
+    if (dispatchAnalyticsEvent) {
+      var payload = {
+        action: ACTION.ERRORED,
+        actionSubject: ACTION_SUBJECT.CONTENT_COMPONENT,
+        eventType: EVENT_TYPE.OPERATIONAL,
+        attributes: {
+          component: CONTENT_COMPONENT.SELECTION_TOOLBAR,
+          selection: view.state.selection.toJSON(),
+          position: view.state.selection.from,
+          docSize: view.state.doc.nodeSize,
+          error: error instanceof Error ? error.toString() : String(error),
+          // @ts-expect-error - Object literal may only specify known properties, 'errorStack' does not exist in type
+          // This error was introduced after upgrading to TypeScript 5
+          errorStack: error instanceof Error ? error.stack : undefined
+        }
+      };
+      dispatchAnalyticsEvent(payload);
+    }
+    if (error instanceof Error) {
+      logException(error, {
+        location: 'editor-plugin-toolbar/selectionToolbar'
+      });
+    }
+  }
+};

package/dist/types/pm-plugins/experiences/ContextualToolbarOpenExperience.d.ts

@@ -0,0 +1,5 @@
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+declare const _default: () => SafePlugin<{
+    shouldShowContextualToolbar: boolean;
+}>;
+export default _default;

package/dist/types/ui/SelectionToolbar/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
-import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+import { type EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { ToolbarPlugin } from '../../toolbarPluginType';
 type SelectionToolbarProps = {
     api?: ExtractInjectionAPI<ToolbarPlugin>;
@@ -9,4 +9,5 @@ type SelectionToolbarProps = {
     mountPoint: HTMLElement | undefined;
 };
 export declare const SelectionToolbar: ({ api, editorView, mountPoint, disableSelectionToolbarWhenPinned, }: SelectionToolbarProps) => React.JSX.Element | null;
+export declare const SelectionToolbarWithErrorBoundary: ({ api, editorView, mountPoint, disableSelectionToolbarWhenPinned, }: SelectionToolbarProps) => React.JSX.Element;
 export {};

package/dist/types/ui/SelectionToolbar/keyboard-config.d.ts

@@ -0,0 +1,6 @@
+import { type IntlShape } from 'react-intl-next';
+import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+import { type ToolbarKeyboardNavigationProviderConfig } from '@atlaskit/editor-toolbar';
+import type { ToolbarPlugin } from '../../toolbarPluginType';
+export declare const getKeyboardNavigationConfig: (editorView: EditorView, intl: IntlShape, api?: ExtractInjectionAPI<ToolbarPlugin>) => ToolbarKeyboardNavigationProviderConfig | undefined;

package/dist/types/ui/SelectionToolbar/utils.d.ts

@@ -0,0 +1,3 @@
+import { type DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+export declare const getDomRefFromSelection: (view: EditorView, dispatchAnalyticsEvent?: DispatchAnalyticsEvent) => HTMLElement | undefined;

package/dist/types-ts4.5/pm-plugins/experiences/ContextualToolbarOpenExperience.d.ts

@@ -0,0 +1,5 @@
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+declare const _default: () => SafePlugin<{
+    shouldShowContextualToolbar: boolean;
+}>;
+export default _default;

package/dist/types-ts4.5/ui/SelectionToolbar/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
-import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+import { type EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { ToolbarPlugin } from '../../toolbarPluginType';
 type SelectionToolbarProps = {
     api?: ExtractInjectionAPI<ToolbarPlugin>;
@@ -9,4 +9,5 @@ type SelectionToolbarProps = {
     mountPoint: HTMLElement | undefined;
 };
 export declare const SelectionToolbar: ({ api, editorView, mountPoint, disableSelectionToolbarWhenPinned, }: SelectionToolbarProps) => React.JSX.Element | null;
+export declare const SelectionToolbarWithErrorBoundary: ({ api, editorView, mountPoint, disableSelectionToolbarWhenPinned, }: SelectionToolbarProps) => React.JSX.Element;
 export {};

package/dist/types-ts4.5/ui/SelectionToolbar/keyboard-config.d.ts

@@ -0,0 +1,6 @@
+import { type IntlShape } from 'react-intl-next';
+import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+import { type ToolbarKeyboardNavigationProviderConfig } from '@atlaskit/editor-toolbar';
+import type { ToolbarPlugin } from '../../toolbarPluginType';
+export declare const getKeyboardNavigationConfig: (editorView: EditorView, intl: IntlShape, api?: ExtractInjectionAPI<ToolbarPlugin>) => ToolbarKeyboardNavigationProviderConfig | undefined;

package/dist/types-ts4.5/ui/SelectionToolbar/utils.d.ts

@@ -0,0 +1,3 @@
+import { type DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+export declare const getDomRefFromSelection: (view: EditorView, dispatchAnalyticsEvent?: DispatchAnalyticsEvent) => HTMLElement | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-toolbar",
-	"version": "3.2.1",
+	"version": "3.3.1",
 	"description": "Toolbar plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -29,7 +29,7 @@
 	"atlaskit:src": "src/index.ts",
 	"dependencies": {
 		"@atlaskit/browser-apis": "^0.0.1",
-		"@atlaskit/editor-plugin-analytics": "^6.1.0",
+		"@atlaskit/editor-plugin-analytics": "^6.2.0",
 		"@atlaskit/editor-plugin-connectivity": "^6.0.0",
 		"@atlaskit/editor-plugin-editor-viewmode": "^8.0.0",
 		"@atlaskit/editor-plugin-selection": "^6.1.0",
@@ -38,16 +38,25 @@
 		"@atlaskit/editor-prosemirror": "7.0.0",
 		"@atlaskit/editor-toolbar": "^0.15.0",
 		"@atlaskit/editor-toolbar-model": "^0.2.0",
+		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/platform-feature-flags-react": "^0.3.0",
-		"@atlaskit/tmp-editor-statsig": "^13.10.0",
+		"@atlaskit/tmp-editor-statsig": "^13.16.0",
 		"@babel/runtime": "^7.0.0",
 		"bind-event-listener": "^3.0.0",
 		"react-intl-next": "npm:react-intl@^5.18.1"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^110.10.0",
+		"@atlaskit/editor-common": "^110.15.0",
 		"react": "^18.2.0"
 	},
+	"platform-feature-flags": {
+		"platform_editor_toolbar_aifc_patch_7": {
+			"type": "boolean"
+		},
+		"platform_editor_toolbar_aifc_user_intent_fix": {
+			"type": "boolean"
+		}
+	},
 	"techstack": {
 		"@atlassian/frontend": {
 			"code-structure": [