@atlaskit/editor-toolbar 2.9.2 → 2.10.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/editor-toolbar
 
+## 2.10.0
+
+### Minor Changes
+
+- [`1bade6c23d0b8`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/1bade6c23d0b8) -
+  Add optional product-owned Writing Styles discovery, reactive toolbar badge wrappers, and
+  style-selection callbacks that receive the selected item's stable ID before rewriting. Observer
+  errors do not prevent rewrites, and local actions keep their existing callbacks. Add controlled
+  nested-menu props for opening the Writing Styles submenu. Consumers that omit the new options
+  retain their current menu behavior. Confluence supplies the discovery component and badge
+  visibility separately under the existing rovo_response_and_writing_styles_mvt assignment.
+
 ## 2.9.2
 
 ### Patch Changes

package/dist/cjs/ui/ToolbarNestedDropdownMenu.js

@@ -45,12 +45,15 @@ var PopupVisibilityController = function PopupVisibilityController(_ref) {
   return null;
 };
 var ToolbarNestedDropdownMenu = exports.ToolbarNestedDropdownMenu = function ToolbarNestedDropdownMenu(_ref2) {
-  var elemBefore = _ref2.elemBefore,
+  var autoFocus = _ref2.autoFocus,
+    elemBefore = _ref2.elemBefore,
     text = _ref2.text,
     elemAfterText = _ref2.elemAfterText,
     elemAfter = _ref2.elemAfter,
     children = _ref2.children,
     isDisabled = _ref2.isDisabled,
+    isOpen = _ref2.isOpen,
+    onOpenChange = _ref2.onOpenChange,
     testId = _ref2.testId,
     dropdownTestId = _ref2.dropdownTestId,
     _ref2$enableMaxHeight = _ref2.enableMaxHeight,
@@ -66,6 +69,9 @@ var ToolbarNestedDropdownMenu = exports.ToolbarNestedDropdownMenu = function Too
   var popupContentIdRef = (0, _react.useRef)(undefined);
   var triggerElementRef = (0, _react.useRef)(null);
   return /*#__PURE__*/React.createElement(_dropdownMenu.default, {
+    autoFocus: autoFocus,
+    isOpen: isOpen,
+    onOpenChange: onOpenChange,
     shouldFitContainer: shouldFitContainer,
     shouldIgnoreCloseEvent: shouldIgnoreCloseEvent,
     placement: "right-start",

package/dist/es2019/ui/ToolbarNestedDropdownMenu.js

@@ -38,12 +38,15 @@ const PopupVisibilityController = ({
   return null;
 };
 export const ToolbarNestedDropdownMenu = ({
+  autoFocus,
   elemBefore,
   text,
   elemAfterText,
   elemAfter,
   children,
   isDisabled,
+  isOpen,
+  onOpenChange,
   testId,
   dropdownTestId,
   enableMaxHeight = false,
@@ -58,6 +61,9 @@ export const ToolbarNestedDropdownMenu = ({
   const popupContentIdRef = useRef(undefined);
   const triggerElementRef = useRef(null);
   return /*#__PURE__*/React.createElement(DropdownMenu, {
+    autoFocus: autoFocus,
+    isOpen: isOpen,
+    onOpenChange: onOpenChange,
     shouldFitContainer: shouldFitContainer,
     shouldIgnoreCloseEvent: shouldIgnoreCloseEvent,
     placement: "right-start",

package/dist/esm/ui/ToolbarNestedDropdownMenu.js

@@ -37,12 +37,15 @@ var PopupVisibilityController = function PopupVisibilityController(_ref) {
   return null;
 };
 export var ToolbarNestedDropdownMenu = function ToolbarNestedDropdownMenu(_ref2) {
-  var elemBefore = _ref2.elemBefore,
+  var autoFocus = _ref2.autoFocus,
+    elemBefore = _ref2.elemBefore,
     text = _ref2.text,
     elemAfterText = _ref2.elemAfterText,
     elemAfter = _ref2.elemAfter,
     children = _ref2.children,
     isDisabled = _ref2.isDisabled,
+    isOpen = _ref2.isOpen,
+    onOpenChange = _ref2.onOpenChange,
     testId = _ref2.testId,
     dropdownTestId = _ref2.dropdownTestId,
     _ref2$enableMaxHeight = _ref2.enableMaxHeight,
@@ -58,6 +61,9 @@ export var ToolbarNestedDropdownMenu = function ToolbarNestedDropdownMenu(_ref2)
   var popupContentIdRef = useRef(undefined);
   var triggerElementRef = useRef(null);
   return /*#__PURE__*/React.createElement(DropdownMenu, {
+    autoFocus: autoFocus,
+    isOpen: isOpen,
+    onOpenChange: onOpenChange,
     shouldFitContainer: shouldFitContainer,
     shouldIgnoreCloseEvent: shouldIgnoreCloseEvent,
     placement: "right-start",

package/dist/types/ui/ToolbarNestedDropdownMenu.d.ts

@@ -3,7 +3,9 @@
  * @jsx jsx
  */
 import { type KeyboardEvent, type MouseEvent, type ReactNode } from 'react';
+import type { OnOpenChangeArgs } from '@atlaskit/dropdown-menu/types';
 type ToolbarNestedDropdownMenuProps = {
+    autoFocus?: boolean;
     children?: ReactNode;
     'data-extension-item-key'?: string;
     dropdownTestId?: string;
@@ -15,8 +17,11 @@ type ToolbarNestedDropdownMenuProps = {
      */
     enableMaxHeight?: boolean;
     isDisabled?: boolean;
+    /** When omitted, the native dropdown continues to own its open state. */
+    isOpen?: boolean;
     isPopupVisible?: boolean;
     onClick?: (e: MouseEvent | KeyboardEvent) => void;
+    onOpenChange?: (args: OnOpenChangeArgs) => void;
     shouldFitContainer?: boolean;
     shouldIgnoreCloseEvent?: (event: Event | MouseEvent | KeyboardEvent) => boolean;
     shouldTitleWrap?: boolean;
@@ -24,5 +29,5 @@ type ToolbarNestedDropdownMenuProps = {
     text?: string;
     tooltipContent?: ReactNode;
 };
-export declare const ToolbarNestedDropdownMenu: ({ elemBefore, text, elemAfterText, elemAfter, children, isDisabled, testId, dropdownTestId, enableMaxHeight, isPopupVisible, onClick, shouldFitContainer, shouldIgnoreCloseEvent, shouldTitleWrap, tooltipContent, 'data-extension-item-key': dataExtensionItemKey, }: ToolbarNestedDropdownMenuProps) => JSX.Element;
+export declare const ToolbarNestedDropdownMenu: ({ autoFocus, elemBefore, text, elemAfterText, elemAfter, children, isDisabled, isOpen, onOpenChange, testId, dropdownTestId, enableMaxHeight, isPopupVisible, onClick, shouldFitContainer, shouldIgnoreCloseEvent, shouldTitleWrap, tooltipContent, 'data-extension-item-key': dataExtensionItemKey, }: ToolbarNestedDropdownMenuProps) => JSX.Element;
 export {};

package/package.json

@@ -3,7 +3,7 @@
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
 	},
-	"version": "2.9.2",
+	"version": "2.10.0",
 	"description": "Common UI for Toolbars across the platform",
 	"atlassian": {
 		"website": {