@atlaskit/dropdown-menu 11.10.6 → 11.11.0

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/dropdown-menu
 
+## 11.11.0
+
+### Minor Changes
+
+- [`3920dcfd848`](https://bitbucket.org/atlassian/atlassian-frontend/commits/3920dcfd848) - This removes the feature flag made for upgrading the `focus-trap` dependency and keeps `focus-trap` at it's original version.
+
+### Patch Changes
+
+- Updated dependencies
+
+## 11.10.7
+
+### Patch Changes
+
+- [`4b99836860e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4b99836860e) - Using arrow keys to move between items will no longer cause scrolling when at the top/bottom of the list.
+
 ## 11.10.6
 
 ### Patch Changes

package/dist/cjs/internal/utils/handle-focus.js

@@ -50,15 +50,17 @@ function handleFocus(refs) {
     var action = actionMap[e.key];
     switch (action) {
       case 'next':
+        // Always cancelling the event to prevent scrolling
+        e.preventDefault();
         if (currentFocusedIdx < refs.length - 1) {
-          e.preventDefault();
           var _nextFocusableElement = getNextFocusableElement(refs, currentFocusedIdx);
           _nextFocusableElement && _nextFocusableElement.focus();
         }
         break;
       case 'prev':
+        // Always cancelling the event to prevent scrolling
+        e.preventDefault();
         if (currentFocusedIdx > 0) {
-          e.preventDefault();
           var _prevFocusableElement = getPrevFocusableElement(refs, currentFocusedIdx);
           _prevFocusableElement && _prevFocusableElement.focus();
         }

package/dist/cjs/version.json

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

package/dist/es2019/internal/utils/handle-focus.js

@@ -46,15 +46,17 @@ export default function handleFocus(refs) {
     const action = actionMap[e.key];
     switch (action) {
       case 'next':
+        // Always cancelling the event to prevent scrolling
+        e.preventDefault();
         if (currentFocusedIdx < refs.length - 1) {
-          e.preventDefault();
           const nextFocusableElement = getNextFocusableElement(refs, currentFocusedIdx);
           nextFocusableElement && nextFocusableElement.focus();
         }
         break;
       case 'prev':
+        // Always cancelling the event to prevent scrolling
+        e.preventDefault();
         if (currentFocusedIdx > 0) {
-          e.preventDefault();
           const prevFocusableElement = getPrevFocusableElement(refs, currentFocusedIdx);
           prevFocusableElement && prevFocusableElement.focus();
         }

package/dist/es2019/version.json

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

package/dist/esm/internal/utils/handle-focus.js

@@ -43,15 +43,17 @@ export default function handleFocus(refs) {
     var action = actionMap[e.key];
     switch (action) {
       case 'next':
+        // Always cancelling the event to prevent scrolling
+        e.preventDefault();
         if (currentFocusedIdx < refs.length - 1) {
-          e.preventDefault();
           var _nextFocusableElement = getNextFocusableElement(refs, currentFocusedIdx);
           _nextFocusableElement && _nextFocusableElement.focus();
         }
         break;
       case 'prev':
+        // Always cancelling the event to prevent scrolling
+        e.preventDefault();
         if (currentFocusedIdx > 0) {
-          e.preventDefault();
           var _prevFocusableElement = getPrevFocusableElement(refs, currentFocusedIdx);
           _prevFocusableElement && _prevFocusableElement.focus();
         }

package/dist/esm/version.json

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/dropdown-menu",
-  "version": "11.10.6",
+  "version": "11.11.0",
   "description": "A dropdown menu displays a list of actions or options to a user.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -37,11 +37,11 @@
     "@atlaskit/icon": "^21.12.0",
     "@atlaskit/menu": "^1.9.0",
     "@atlaskit/platform-feature-flags": "^0.2.2",
-    "@atlaskit/popup": "^1.8.0",
+    "@atlaskit/popup": "^1.9.0",
     "@atlaskit/primitives": "^1.0.0",
     "@atlaskit/spinner": "^15.5.0",
     "@atlaskit/theme": "^12.5.0",
-    "@atlaskit/tokens": "^1.12.0",
+    "@atlaskit/tokens": "^1.13.0",
     "@atlaskit/visually-hidden": "^1.2.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1",

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)
+
+```