@atlaskit/editor-toolbar 2.6.41 → 2.6.42

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/editor-toolbar
 
+## 2.6.42
+
+### Patch Changes
+
+- [`3dd0c115a3c95`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/3dd0c115a3c95) -
+  Gate absolute positioning of inline toolbar dropdowns behind
+  platform_editor_return_focus_after_text_styles_2.
+
 ## 2.6.41
 
 ### Patch Changes
@@ -302,7 +310,7 @@
   The Text styles dropdown now renders inline via `shouldRenderToParent`, which stops the popup
   focus-trap from returning focus to the trigger on close. `ToolbarDropdownMenu` gains an opt-in
   `shouldRenderToParent` prop so only the Text styles menu is affected. Gated behind the
-  `platform_editor_return_focus_after_text_styles` feature flag.
+  `platform_editor_return_focus_after_text_styles_2` feature flag.
 
 ## 2.4.17
 

package/dist/cjs/ui/ColorPalette/Color.js

@@ -1,4 +1,4 @@
-/* Color.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* Color.tsx generated by @compiled/babel-plugin v3.0.2 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/ui/ResponsiveContainer.js

@@ -1,4 +1,4 @@
-/* ResponsiveContainer.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* ResponsiveContainer.tsx generated by @compiled/babel-plugin v3.0.2 */
 /* eslint-disable @atlaskit/ui-styling-standard/no-unsafe-selectors */
 /* eslint-disable @atlaskit/ui-styling-standard/no-container-queries */
 /* eslint-disable @atlaskit/ui-styling-standard/no-nested-selectors */

package/dist/cjs/ui/Toolbar.js

@@ -1,4 +1,4 @@
-/* Toolbar.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* Toolbar.tsx generated by @compiled/babel-plugin v3.0.2 */
 /* eslint-disable @atlaskit/ui-styling-standard/no-unsafe-selectors */
 /* eslint-disable @atlaskit/ui-styling-standard/no-nested-selectors */
 "use strict";

package/dist/cjs/ui/ToolbarButton.js

@@ -1,4 +1,4 @@
-/* ToolbarButton.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* ToolbarButton.tsx generated by @compiled/babel-plugin v3.0.2 */
 "use strict";
 
 var _typeof = require("@babel/runtime/helpers/typeof");

package/dist/cjs/ui/ToolbarButtonGroup.js

@@ -1,4 +1,4 @@
-/* ToolbarButtonGroup.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* ToolbarButtonGroup.tsx generated by @compiled/babel-plugin v3.0.2 */
 "use strict";
 
 var _typeof = require("@babel/runtime/helpers/typeof");

package/dist/cjs/ui/ToolbarColorSwatch.js

@@ -1,4 +1,4 @@
-/* ToolbarColorSwatch.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* ToolbarColorSwatch.tsx generated by @compiled/babel-plugin v3.0.2 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/ui/ToolbarDropdownItem.js

@@ -1,4 +1,4 @@
-/* ToolbarDropdownItem.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* ToolbarDropdownItem.tsx generated by @compiled/babel-plugin v3.0.2 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/ui/ToolbarDropdownMenu.js

@@ -1,4 +1,4 @@
-/* ToolbarDropdownMenu.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* ToolbarDropdownMenu.tsx generated by @compiled/babel-plugin v3.0.2 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -12,6 +12,7 @@ var _runtime = require("@compiled/react/runtime");
 var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@compiled/react");
 var _dropdownMenu = _interopRequireDefault(require("@atlaskit/dropdown-menu/dropdown-menu"));
+var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _uiContext = require("../hooks/ui-context");
 var _ToolbarButton = require("./ToolbarButton");
@@ -81,7 +82,8 @@ var ToolbarDropdownMenuContent = function ToolbarDropdownMenuContent(_ref) {
     },
     onOpenChange: handleOpenChange,
     isOpen: menuContext === null || menuContext === void 0 ? void 0 : menuContext.isOpen,
-    shouldRenderToParent: shouldRenderToParent ? true : undefined
+    shouldRenderToParent: shouldRenderToParent ? true : undefined,
+    strategy: shouldRenderToParent && (0, _fg.fg)('platform_editor_return_focus_after_text_styles_2') ? 'absolute' : undefined
   }, children);
 };
 var ToolbarDropdownMenu = exports.ToolbarDropdownMenu = function ToolbarDropdownMenu(_ref2) {

package/dist/cjs/ui/ToolbarMenuContainer.js

@@ -1,4 +1,4 @@
-/* ToolbarMenuContainer.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* ToolbarMenuContainer.tsx generated by @compiled/babel-plugin v3.0.2 */
 "use strict";
 
 var _typeof = require("@babel/runtime/helpers/typeof");

package/dist/cjs/ui/ToolbarNestedDropdownMenu.js

@@ -1,4 +1,4 @@
-/* ToolbarNestedDropdownMenu.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* ToolbarNestedDropdownMenu.tsx generated by @compiled/babel-plugin v3.0.2 */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 "use strict";
 

package/dist/cjs/ui/ToolbarSection.js

@@ -1,4 +1,4 @@
-/* ToolbarSection.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* ToolbarSection.tsx generated by @compiled/babel-plugin v3.0.2 */
 "use strict";
 
 var _typeof = require("@babel/runtime/helpers/typeof");

package/dist/cjs/ui/icons/AIChatIcon.js

@@ -1,4 +1,4 @@
-/* AIChatIcon.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* AIChatIcon.tsx generated by @compiled/babel-plugin v3.0.2 */
 "use strict";
 
 var _typeof = require("@babel/runtime/helpers/typeof");

package/dist/cjs/ui/icons/TextColorIcon.js

@@ -1,4 +1,4 @@
-/* TextColorIcon.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* TextColorIcon.tsx generated by @compiled/babel-plugin v3.0.2 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/es2019/ui/ColorPalette/Color.js

@@ -1,4 +1,4 @@
-/* Color.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* Color.tsx generated by @compiled/babel-plugin v3.0.2 */
 import "./Color.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { useCallback, memo } from 'react';

package/dist/es2019/ui/ResponsiveContainer.js

@@ -1,4 +1,4 @@
-/* ResponsiveContainer.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* ResponsiveContainer.tsx generated by @compiled/babel-plugin v3.0.2 */
 /* eslint-disable @atlaskit/ui-styling-standard/no-unsafe-selectors */
 /* eslint-disable @atlaskit/ui-styling-standard/no-container-queries */
 /* eslint-disable @atlaskit/ui-styling-standard/no-nested-selectors */

package/dist/es2019/ui/Toolbar.js

@@ -1,4 +1,4 @@
-/* Toolbar.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* Toolbar.tsx generated by @compiled/babel-plugin v3.0.2 */
 /* eslint-disable @atlaskit/ui-styling-standard/no-unsafe-selectors */
 /* eslint-disable @atlaskit/ui-styling-standard/no-nested-selectors */
 import "./Toolbar.compiled.css";

package/dist/es2019/ui/ToolbarButton.js

@@ -1,4 +1,4 @@
-/* ToolbarButton.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* ToolbarButton.tsx generated by @compiled/babel-plugin v3.0.2 */
 import "./ToolbarButton.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { forwardRef } from 'react';

package/dist/es2019/ui/ToolbarButtonGroup.js

@@ -1,4 +1,4 @@
-/* ToolbarButtonGroup.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* ToolbarButtonGroup.tsx generated by @compiled/babel-plugin v3.0.2 */
 import "./ToolbarButtonGroup.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/ui/ToolbarColorSwatch.js

@@ -1,4 +1,4 @@
-/* ToolbarColorSwatch.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* ToolbarColorSwatch.tsx generated by @compiled/babel-plugin v3.0.2 */
 import "./ToolbarColorSwatch.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';

package/dist/es2019/ui/ToolbarDropdownItem.js

@@ -1,4 +1,4 @@
-/* ToolbarDropdownItem.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* ToolbarDropdownItem.tsx generated by @compiled/babel-plugin v3.0.2 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./ToolbarDropdownItem.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/ui/ToolbarDropdownMenu.js

@@ -1,9 +1,10 @@
-/* ToolbarDropdownMenu.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* ToolbarDropdownMenu.tsx generated by @compiled/babel-plugin v3.0.2 */
 import "./ToolbarDropdownMenu.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { useCallback } from 'react';
 import { cx } from '@compiled/react';
 import DropdownMenu from '@atlaskit/dropdown-menu/dropdown-menu';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { Box } from '@atlaskit/primitives/compiled';
 import { useToolbarUI } from '../hooks/ui-context';
 import { ToolbarButton } from './ToolbarButton';
@@ -74,7 +75,8 @@ const ToolbarDropdownMenuContent = ({
     },
     onOpenChange: handleOpenChange,
     isOpen: menuContext === null || menuContext === void 0 ? void 0 : menuContext.isOpen,
-    shouldRenderToParent: shouldRenderToParent ? true : undefined
+    shouldRenderToParent: shouldRenderToParent ? true : undefined,
+    strategy: shouldRenderToParent && fg('platform_editor_return_focus_after_text_styles_2') ? 'absolute' : undefined
   }, children);
 };
 export const ToolbarDropdownMenu = ({

package/dist/es2019/ui/ToolbarMenuContainer.js

@@ -1,4 +1,4 @@
-/* ToolbarMenuContainer.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* ToolbarMenuContainer.tsx generated by @compiled/babel-plugin v3.0.2 */
 import "./ToolbarMenuContainer.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { forwardRef } from 'react';

package/dist/es2019/ui/ToolbarNestedDropdownMenu.js

@@ -1,4 +1,4 @@
-/* ToolbarNestedDropdownMenu.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* ToolbarNestedDropdownMenu.tsx generated by @compiled/babel-plugin v3.0.2 */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import "./ToolbarNestedDropdownMenu.compiled.css";
 import * as React from 'react';

package/dist/es2019/ui/ToolbarSection.js

@@ -1,4 +1,4 @@
-/* ToolbarSection.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* ToolbarSection.tsx generated by @compiled/babel-plugin v3.0.2 */
 import "./ToolbarSection.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/ui/icons/AIChatIcon.js

@@ -1,4 +1,4 @@
-/* AIChatIcon.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* AIChatIcon.tsx generated by @compiled/babel-plugin v3.0.2 */
 import "./AIChatIcon.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/ui/icons/TextColorIcon.js

@@ -1,4 +1,4 @@
-/* TextColorIcon.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* TextColorIcon.tsx generated by @compiled/babel-plugin v3.0.2 */
 import "./TextColorIcon.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';

package/dist/esm/ui/ColorPalette/Color.js

@@ -1,4 +1,4 @@
-/* Color.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* Color.tsx generated by @compiled/babel-plugin v3.0.2 */
 import "./Color.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { useCallback, memo } from 'react';

package/dist/esm/ui/ResponsiveContainer.js

@@ -1,4 +1,4 @@
-/* ResponsiveContainer.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* ResponsiveContainer.tsx generated by @compiled/babel-plugin v3.0.2 */
 /* eslint-disable @atlaskit/ui-styling-standard/no-unsafe-selectors */
 /* eslint-disable @atlaskit/ui-styling-standard/no-container-queries */
 /* eslint-disable @atlaskit/ui-styling-standard/no-nested-selectors */

package/dist/esm/ui/Toolbar.js

@@ -1,4 +1,4 @@
-/* Toolbar.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* Toolbar.tsx generated by @compiled/babel-plugin v3.0.2 */
 /* eslint-disable @atlaskit/ui-styling-standard/no-unsafe-selectors */
 /* eslint-disable @atlaskit/ui-styling-standard/no-nested-selectors */
 import "./Toolbar.compiled.css";

package/dist/esm/ui/ToolbarButton.js

@@ -1,4 +1,4 @@
-/* ToolbarButton.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* ToolbarButton.tsx generated by @compiled/babel-plugin v3.0.2 */
 import "./ToolbarButton.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { forwardRef } from 'react';

package/dist/esm/ui/ToolbarButtonGroup.js

@@ -1,4 +1,4 @@
-/* ToolbarButtonGroup.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* ToolbarButtonGroup.tsx generated by @compiled/babel-plugin v3.0.2 */
 import "./ToolbarButtonGroup.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/esm/ui/ToolbarColorSwatch.js

@@ -1,4 +1,4 @@
-/* ToolbarColorSwatch.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* ToolbarColorSwatch.tsx generated by @compiled/babel-plugin v3.0.2 */
 import "./ToolbarColorSwatch.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';

package/dist/esm/ui/ToolbarDropdownItem.js

@@ -1,4 +1,4 @@
-/* ToolbarDropdownItem.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* ToolbarDropdownItem.tsx generated by @compiled/babel-plugin v3.0.2 */
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";

package/dist/esm/ui/ToolbarDropdownMenu.js

@@ -1,9 +1,10 @@
-/* ToolbarDropdownMenu.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* ToolbarDropdownMenu.tsx generated by @compiled/babel-plugin v3.0.2 */
 import "./ToolbarDropdownMenu.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { useCallback } from 'react';
 import { cx } from '@compiled/react';
 import DropdownMenu from '@atlaskit/dropdown-menu/dropdown-menu';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { Box } from '@atlaskit/primitives/compiled';
 import { useToolbarUI } from '../hooks/ui-context';
 import { ToolbarButton } from './ToolbarButton';
@@ -72,7 +73,8 @@ var ToolbarDropdownMenuContent = function ToolbarDropdownMenuContent(_ref) {
     },
     onOpenChange: handleOpenChange,
     isOpen: menuContext === null || menuContext === void 0 ? void 0 : menuContext.isOpen,
-    shouldRenderToParent: shouldRenderToParent ? true : undefined
+    shouldRenderToParent: shouldRenderToParent ? true : undefined,
+    strategy: shouldRenderToParent && fg('platform_editor_return_focus_after_text_styles_2') ? 'absolute' : undefined
   }, children);
 };
 export var ToolbarDropdownMenu = function ToolbarDropdownMenu(_ref2) {

package/dist/esm/ui/ToolbarMenuContainer.js

@@ -1,4 +1,4 @@
-/* ToolbarMenuContainer.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* ToolbarMenuContainer.tsx generated by @compiled/babel-plugin v3.0.2 */
 import "./ToolbarMenuContainer.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { forwardRef } from 'react';

package/dist/esm/ui/ToolbarNestedDropdownMenu.js

@@ -1,4 +1,4 @@
-/* ToolbarNestedDropdownMenu.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* ToolbarNestedDropdownMenu.tsx generated by @compiled/babel-plugin v3.0.2 */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import "./ToolbarNestedDropdownMenu.compiled.css";
 import * as React from 'react';

package/dist/esm/ui/ToolbarSection.js

@@ -1,4 +1,4 @@
-/* ToolbarSection.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* ToolbarSection.tsx generated by @compiled/babel-plugin v3.0.2 */
 import "./ToolbarSection.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/esm/ui/icons/AIChatIcon.js

@@ -1,4 +1,4 @@
-/* AIChatIcon.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* AIChatIcon.tsx generated by @compiled/babel-plugin v3.0.2 */
 import "./AIChatIcon.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/esm/ui/icons/TextColorIcon.js

@@ -1,4 +1,4 @@
-/* TextColorIcon.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* TextColorIcon.tsx generated by @compiled/babel-plugin v3.0.2 */
 import "./TextColorIcon.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';

package/package.json

@@ -3,7 +3,7 @@
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
 	},
-	"version": "2.6.41",
+	"version": "2.6.42",
 	"description": "Common UI for Toolbars across the platform",
 	"atlassian": {
 		"react-compiler": {
@@ -65,6 +65,9 @@
 		},
 		"platform_editor_lovability_text_bg_color_patch_1": {
 			"type": "boolean"
+		},
+		"platform_editor_return_focus_after_text_styles_2": {
+			"type": "boolean"
 		}
 	}
 }