@atlaskit/dropdown-menu 11.9.4 → 11.9.5

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @atlaskit/dropdown-menu
 
+## 11.9.5
+
+### Patch Changes
+
+- [`6a13926a3d4`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6a13926a3d4) - Internal code changes.
+- Updated dependencies
+
 ## 11.9.4
 
 ### Patch Changes

package/dist/cjs/dropdown-menu.js

@@ -18,6 +18,7 @@ var _noop = _interopRequireDefault(require("@atlaskit/ds-lib/noop"));
 var _useControlled = _interopRequireDefault(require("@atlaskit/ds-lib/use-controlled"));
 var _useFocusEvent = _interopRequireDefault(require("@atlaskit/ds-lib/use-focus-event"));
 var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/glyph/chevron-down"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _popup = _interopRequireDefault(require("@atlaskit/popup"));
 var _constants = require("@atlaskit/theme/constants");
 var _focusManager = _interopRequireDefault(require("./internal/components/focus-manager"));
@@ -173,6 +174,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,
     trigger: function trigger(triggerProps) {
       if (typeof _trigger === 'function') {
         var ref = triggerProps.ref,

package/dist/cjs/version.json

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

package/dist/es2019/dropdown-menu.js

@@ -7,6 +7,7 @@ import noop from '@atlaskit/ds-lib/noop';
 import useControlledState from '@atlaskit/ds-lib/use-controlled';
 import useFocus from '@atlaskit/ds-lib/use-focus-event';
 import ExpandIcon from '@atlaskit/icon/glyph/chevron-down';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import Popup from '@atlaskit/popup';
 // eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
 import { gridSize as gridSizeFn, layers } from '@atlaskit/theme/constants';
@@ -146,6 +147,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,
     trigger: triggerProps => {
       if (typeof trigger === 'function') {
         const {

package/dist/es2019/version.json

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

package/dist/esm/dropdown-menu.js

@@ -13,6 +13,7 @@ import noop from '@atlaskit/ds-lib/noop';
 import useControlledState from '@atlaskit/ds-lib/use-controlled';
 import useFocus from '@atlaskit/ds-lib/use-focus-event';
 import ExpandIcon from '@atlaskit/icon/glyph/chevron-down';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import Popup from '@atlaskit/popup';
 // eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
 import { gridSize as gridSizeFn, layers } from '@atlaskit/theme/constants';
@@ -164,6 +165,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,
     trigger: function trigger(triggerProps) {
       if (typeof _trigger === 'function') {
         var ref = triggerProps.ref,

package/dist/esm/version.json

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/dropdown-menu",
-  "version": "11.9.4",
+  "version": "11.9.5",
   "description": "A dropdown menu displays a list of actions or options to a user.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -24,7 +24,7 @@
   "atlaskit:src": "src/index.tsx",
   "atlassian": {
     "team": "Design System Team",
-    "releaseModel": "scheduled",
+    "releaseModel": "continuous",
     "website": {
       "name": "Dropdown menu",
       "category": "Components"
@@ -36,7 +36,8 @@
     "@atlaskit/ds-lib": "^2.2.0",
     "@atlaskit/icon": "^21.12.0",
     "@atlaskit/menu": "^1.7.0",
-    "@atlaskit/popup": "^1.6.0",
+    "@atlaskit/platform-feature-flags": "^0.2.0",
+    "@atlaskit/popup": "^1.7.0",
     "@atlaskit/spinner": "^15.5.0",
     "@atlaskit/theme": "^12.5.0",
     "@atlaskit/tokens": "^1.5.0",
@@ -56,10 +57,8 @@
     "@atlaskit/heading": "^1.3.0",
     "@atlaskit/lozenge": "11.4.2",
     "@atlaskit/modal-dialog": "^12.6.0",
-    "@atlaskit/primitives": "^0.9.0",
+    "@atlaskit/primitives": "^0.12.0",
     "@atlaskit/section-message": "^6.4.0",
-    "@atlaskit/ssr": "*",
-    "@atlaskit/tooltip": "^17.8.0",
     "@atlaskit/visual-regression": "*",
     "@atlaskit/webdriver-runner": "*",
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
@@ -110,6 +109,9 @@
   "platform-feature-flags": {
     "platform.design-system-team.menu-selected-state-change_0see9": {
       "type": "boolean"
+    },
+    "platform.design-system-team.render-popup-in-parent_f73ij": {
+      "type": "boolean"
     }
   },
   "homepage": "https://atlassian.design/components/dropdown-menu/",

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

@@ -0,0 +1,146 @@
+## API Report File for "@atlaskit/dropdown-menu"
+
+> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
+
+```ts
+
+/// <reference types="react" />
+
+import type { CustomItemProps } from '@atlaskit/menu/types';
+import { default as DropdownItemGroup } from '@atlaskit/menu/section';
+import { KeyboardEvent as KeyboardEvent_2 } from 'react';
+import type { MenuGroupProps } from '@atlaskit/menu/types';
+import { MouseEvent as MouseEvent_2 } from 'react';
+import { default as React_2 } from 'react';
+import { ReactElement } from 'react';
+import { ReactNode } from 'react';
+import { Ref } from 'react';
+import type { SectionProps } from '@atlaskit/menu';
+import type { SectionProps as SectionProps_2 } from '@atlaskit/menu/types';
+import type { TriggerProps } from '@atlaskit/popup/types';
+
+// @public (undocumented)
+export interface CustomTriggerProps<TriggerElement extends HTMLElement = HTMLElement> extends Omit<TriggerProps, 'ref'> {
+    isSelected?: boolean;
+    onClick?: (e: KeyboardEvent_2 | MouseEvent_2) => void;
+    testId?: string;
+    triggerRef: Ref<TriggerElement>;
+}
+
+// @public
+export const DropdownItem: React_2.ForwardRefExoticComponent<DropdownItemProps & React_2.RefAttributes<HTMLElement>>;
+
+// @public
+export const DropdownItemCheckbox: (props: DropdownItemCheckboxProps) => JSX.Element;
+
+// @public
+export const DropdownItemCheckboxGroup: (props: DropdownItemCheckboxGroupProps) => JSX.Element;
+
+// @public (undocumented)
+interface DropdownItemCheckboxGroupProps extends SectionProps {
+    id: string;
+}
+
+// @public (undocumented)
+interface DropdownItemCheckboxProps {
+    children: React.ReactNode;
+    defaultSelected?: boolean;
+    description?: JSX.Element | string;
+    id: string;
+    isDisabled?: boolean;
+    isSelected?: boolean;
+    onClick?: (e: KeyboardEvent_2 | MouseEvent_2) => void;
+    shouldDescriptionWrap?: boolean;
+    shouldTitleWrap?: boolean;
+    testId?: string;
+    title?: string;
+}
+
+export { DropdownItemGroup }
+
+// @public (undocumented)
+export interface DropdownItemProps {
+    children: React.ReactNode;
+    component?: CustomItemProps['component'];
+    description?: JSX.Element | string;
+    elemAfter?: React.ReactNode;
+    elemBefore?: React.ReactNode;
+    href?: string;
+    isDisabled?: boolean;
+    isSelected?: boolean;
+    onClick?: (e: KeyboardEvent_2 | MouseEvent_2) => void;
+    rel?: string;
+    shouldDescriptionWrap?: boolean;
+    shouldTitleWrap?: boolean;
+    target?: string;
+    testId?: string;
+    title?: string;
+}
+
+// @public
+export const DropdownItemRadio: (props: DropdownItemRadioProps) => JSX.Element;
+
+// @public
+export const DropdownItemRadioGroup: (props: DropdownItemRadioGroupProps) => JSX.Element;
+
+// @public (undocumented)
+interface DropdownItemRadioGroupProps extends SectionProps {
+    // (undocumented)
+    id: string;
+}
+
+// @public (undocumented)
+interface DropdownItemRadioProps {
+    children: React.ReactNode;
+    defaultSelected?: boolean;
+    description?: JSX.Element | string;
+    id: string;
+    isDisabled?: boolean;
+    isSelected?: boolean;
+    onClick?: (e: KeyboardEvent_2 | MouseEvent_2) => void;
+    shouldDescriptionWrap?: boolean;
+    shouldTitleWrap?: boolean;
+    testId?: string;
+    title?: string;
+}
+
+// @public
+const DropdownMenu: <T extends HTMLElement = HTMLElement>(props: DropdownMenuProps<T>) => JSX.Element;
+export default DropdownMenu;
+
+// @public (undocumented)
+export interface DropdownMenuGroupProps extends SectionProps_2 {
+}
+
+// @public (undocumented)
+export interface DropdownMenuProps<TriggerElement extends HTMLElement = HTMLElement> {
+    appearance?: 'default' | 'tall';
+    autoFocus?: boolean;
+    children?: ReactNode;
+    defaultOpen?: boolean;
+    isLoading?: boolean;
+    isOpen?: boolean;
+    onOpenChange?: (args: OnOpenChangeArgs) => void;
+    placement?: Placement;
+    shouldFlip?: boolean;
+    spacing?: Extract<MenuGroupProps['spacing'], 'compact' | 'cozy'>;
+    statusLabel?: string;
+    testId?: string;
+    trigger?: ((triggerButtonProps: CustomTriggerProps<TriggerElement>) => ReactElement) | string;
+    zIndex?: number;
+}
+
+// @public (undocumented)
+export interface OnOpenChangeArgs {
+    // (undocumented)
+    event: KeyboardEvent_2 | MouseEvent_2;
+    // (undocumented)
+    isOpen: boolean;
+}
+
+// @public (undocumented)
+type Placement = 'auto' | 'auto-end' | 'auto-start' | 'bottom' | 'bottom-end' | 'bottom-start' | 'left' | 'left-end' | 'left-start' | 'right' | 'right-end' | 'right-start' | 'top' | 'top-end' | 'top-start';
+
+// (No @packageDocumentation comment for this package)
+
+```