@atlaskit/dropdown-menu 11.11.6 → 11.12.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/dropdown-menu
 
+## 11.12.0
+
+### Minor Changes
+
+- [`b66fdec7fd1`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b66fdec7fd1) - Add a new prop `shouldRenderToParent` to allow render content into a DOM node within the parent DOM hierarchy instead of React portal.
+
 ## 11.11.6
 
 ### Patch Changes

package/dist/cjs/dropdown-menu.js

@@ -85,6 +85,8 @@ var DropdownMenu = function DropdownMenu(props) {
     spacing = props.spacing,
     _props$shouldFlip = props.shouldFlip,
     shouldFlip = _props$shouldFlip === void 0 ? true : _props$shouldFlip,
+    _props$shouldRenderTo = props.shouldRenderToParent,
+    shouldRenderToParent = _props$shouldRenderTo === void 0 ? false : _props$shouldRenderTo,
     _props$isLoading = props.isLoading,
     isLoading = _props$isLoading === void 0 ? false : _props$isLoading,
     _props$autoFocus = props.autoFocus,
@@ -186,7 +188,7 @@ var DropdownMenu = function DropdownMenu(props) {
     fallbackPlacements: fallbackPlacements,
     testId: testId && "".concat(testId, "--content"),
     shouldUseCaptureOnOutsideClick: true,
-    shouldRenderToParent: (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.render-popup-in-parent_f73ij') ? true : undefined,
+    shouldRenderToParent: (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.render-popup-in-parent_f73ij') ? shouldRenderToParent : undefined,
     trigger: function trigger(triggerProps) {
       if (typeof _trigger === 'function') {
         var ref = triggerProps.ref,

package/dist/es2019/dropdown-menu.js

@@ -67,6 +67,7 @@ const DropdownMenu = props => {
     trigger,
     spacing,
     shouldFlip = true,
+    shouldRenderToParent = false,
     isLoading = false,
     autoFocus = false,
     testId,
@@ -159,7 +160,7 @@ const DropdownMenu = props => {
     fallbackPlacements: fallbackPlacements,
     testId: testId && `${testId}--content`,
     shouldUseCaptureOnOutsideClick: true,
-    shouldRenderToParent: getBooleanFF('platform.design-system-team.render-popup-in-parent_f73ij') ? true : undefined,
+    shouldRenderToParent: getBooleanFF('platform.design-system-team.render-popup-in-parent_f73ij') ? shouldRenderToParent : undefined,
     trigger: triggerProps => {
       if (typeof trigger === 'function') {
         const {

package/dist/esm/dropdown-menu.js

@@ -76,6 +76,8 @@ var DropdownMenu = function DropdownMenu(props) {
     spacing = props.spacing,
     _props$shouldFlip = props.shouldFlip,
     shouldFlip = _props$shouldFlip === void 0 ? true : _props$shouldFlip,
+    _props$shouldRenderTo = props.shouldRenderToParent,
+    shouldRenderToParent = _props$shouldRenderTo === void 0 ? false : _props$shouldRenderTo,
     _props$isLoading = props.isLoading,
     isLoading = _props$isLoading === void 0 ? false : _props$isLoading,
     _props$autoFocus = props.autoFocus,
@@ -177,7 +179,7 @@ var DropdownMenu = function DropdownMenu(props) {
     fallbackPlacements: fallbackPlacements,
     testId: testId && "".concat(testId, "--content"),
     shouldUseCaptureOnOutsideClick: true,
-    shouldRenderToParent: getBooleanFF('platform.design-system-team.render-popup-in-parent_f73ij') ? true : undefined,
+    shouldRenderToParent: getBooleanFF('platform.design-system-team.render-popup-in-parent_f73ij') ? shouldRenderToParent : undefined,
     trigger: function trigger(triggerProps) {
       if (typeof _trigger === 'function') {
         var ref = triggerProps.ref,

package/dist/types/types.d.ts

@@ -92,6 +92,12 @@ export interface DropdownMenuProps<TriggerElement extends HTMLElement = HTMLElem
      * fit in the viewport.
      */
     shouldFlip?: boolean;
+    /**
+     * The root element where the DropdownMenu content should be rendered.
+     * `true` - rendering in the DOM node closest to the trigger. `false` - rendering in React.Portal.
+     * Defaults to `false`.
+     */
+    shouldRenderToParent?: boolean;
     /**
      * Controls the spacing density of the menu.
      */

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

@@ -92,6 +92,12 @@ export interface DropdownMenuProps<TriggerElement extends HTMLElement = HTMLElem
      * fit in the viewport.
      */
     shouldFlip?: boolean;
+    /**
+     * The root element where the DropdownMenu content should be rendered.
+     * `true` - rendering in the DOM node closest to the trigger. `false` - rendering in React.Portal.
+     * Defaults to `false`.
+     */
+    shouldRenderToParent?: boolean;
     /**
      * Controls the spacing density of the menu.
      */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/dropdown-menu",
-  "version": "11.11.6",
+  "version": "11.12.0",
   "description": "A dropdown menu displays a list of actions or options to a user.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -31,17 +31,17 @@
     }
   },
   "dependencies": {
-    "@atlaskit/button": "^16.8.0",
+    "@atlaskit/button": "^16.9.0",
     "@atlaskit/codemod-utils": "^4.2.0",
     "@atlaskit/ds-lib": "^2.2.0",
     "@atlaskit/icon": "^21.12.0",
-    "@atlaskit/menu": "^1.9.0",
+    "@atlaskit/menu": "^1.10.0",
     "@atlaskit/platform-feature-flags": "^0.2.2",
     "@atlaskit/popup": "^1.9.0",
-    "@atlaskit/primitives": "^1.0.6",
+    "@atlaskit/primitives": "^1.2.0",
     "@atlaskit/spinner": "^15.5.0",
     "@atlaskit/theme": "^12.5.0",
-    "@atlaskit/tokens": "^1.14.0",
+    "@atlaskit/tokens": "^1.17.0",
     "@atlaskit/visually-hidden": "^1.2.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1",

package/report.api.md

@@ -147,6 +147,7 @@ export interface DropdownMenuProps<
   onOpenChange?: (args: OnOpenChangeArgs) => void;
   placement?: Placement;
   shouldFlip?: boolean;
+  shouldRenderToParent?: boolean;
   spacing?: Extract<MenuGroupProps['spacing'], 'compact' | 'cozy'>;
   statusLabel?: string;
   testId?: string;

package/tmp/api-report-tmp.d.ts

@@ -123,6 +123,7 @@ export interface DropdownMenuProps<TriggerElement extends HTMLElement = HTMLElem
     onOpenChange?: (args: OnOpenChangeArgs) => void;
     placement?: Placement;
     shouldFlip?: boolean;
+    shouldRenderToParent?: boolean;
     spacing?: Extract<MenuGroupProps['spacing'], 'compact' | 'cozy'>;
     statusLabel?: string;
     testId?: string;

package/dist/cjs/version.json

@@ -1,5 +0,0 @@
-{
-	"name": "@atlaskit/dropdown-menu",
-	"version": "11.11.6",
-	"sideEffects": false
-}

package/dist/es2019/version.json

@@ -1,5 +0,0 @@
-{
-	"name": "@atlaskit/dropdown-menu",
-	"version": "11.11.6",
-	"sideEffects": false
-}

package/dist/esm/version.json

@@ -1,5 +0,0 @@
-{
-	"name": "@atlaskit/dropdown-menu",
-	"version": "11.11.6",
-	"sideEffects": false
-}