@atlaskit/dropdown-menu 12.10.2 → 12.11.0

package/dist/types/radio/dropdown-item-radio.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { DropdownItemRadioProps } from '../types';
+import { type DropdownItemRadioProps } from '../types';
 /**
  * __Dropdown item radio__
  *

package/dist/types/types.d.ts

@@ -1,4 +1,4 @@
-import { KeyboardEvent, MouseEvent, ReactElement, ReactNode, Ref } from 'react';
+import { type KeyboardEvent, type MouseEvent, type ReactElement, type ReactNode, type Ref } from 'react';
 import type { CustomItemComponentProps, CustomItemProps, MenuGroupProps, SectionProps } from '@atlaskit/menu/types';
 import type { ContentProps, TriggerProps } from '@atlaskit/popup/types';
 export type FocusableElement = HTMLAnchorElement | HTMLButtonElement;
@@ -110,7 +110,7 @@ export interface DropdownMenuProps<TriggerElement extends HTMLElement = HTMLElem
      * Content that triggers the dropdown menu to open and close. Use with
      * `triggerType` to get a button trigger. To customize the trigger element,
      * provide a function to this prop. You can find
-     * [examples for custom triggers](components/dropdown-menu/examples#custom-triggers)
+     * [examples for custom triggers](https://atlassian.design/components/dropdown-menu/examples#custom-triggers)
      * in our documentation.
      */
     trigger?: string | ((triggerButtonProps: CustomTriggerProps<TriggerElement>) => ReactElement);

package/dist/types-ts4.5/checkbox/dropdown-item-checkbox.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { DropdownItemCheckboxProps } from '../types';
+import { type DropdownItemCheckboxProps } from '../types';
 /**
  * __Dropdown item checkbox__
  *

package/dist/types-ts4.5/dropdown-menu-item-group.d.ts

@@ -1,11 +1,10 @@
+import React from 'react';
+import { type SectionProps } from '@atlaskit/menu';
 /**
- * __Section__
+ * __Dropdown item checkbox group__
  *
- * A dropdown item group includes all the actions or items in a dropdown menu.
+ * A wrapping element for dropdown menu items.
  *
- * - [Examples](https://atlassian.design/components/dropdown-menu/dropdown-item-group/examples)
- * - [Code](https://atlassian.design/components/dropdown-menu/dropdown-item-group/code)
- * - [Usage](https://atlassian.design/components/dropdown-menu/dropdown-item-group/usage)
  */
-import Section from '@atlaskit/menu/section';
-export default Section;
+declare const DropdownMenuItemGroup: React.ForwardRefExoticComponent<SectionProps & React.RefAttributes<HTMLElement>>;
+export default DropdownMenuItemGroup;

package/dist/types-ts4.5/dropdown-menu-item.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { DropdownItemProps } from './types';
+import { type DropdownItemProps } from './types';
 /**
  * __Dropdown menu item__
  *

package/dist/types-ts4.5/internal/components/context.d.ts

@@ -1,4 +1,4 @@
-import React, { MutableRefObject, PropsWithChildren } from 'react';
+import React, { type MutableRefObject, type PropsWithChildren } from 'react';
 /**
  *
  *  @internal

package/dist/types-ts4.5/internal/components/focus-manager.d.ts

@@ -1,5 +1,5 @@
-import React, { FC, ReactNode } from 'react';
-import { FocusableElement } from '../../types';
+import React, { type FC, type ReactNode } from 'react';
+import { type FocusableElement } from '../../types';
 /**
  *
  *

package/dist/types-ts4.5/internal/components/group-title.d.ts

@@ -0,0 +1,14 @@
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
+/**
+ * __Group title__
+ *
+ * Used to visually represent the title for DropdownMenu groups
+ *
+ * @internal
+ */
+declare const GroupTitle: ({ id, title }: {
+    id: string;
+    title: string;
+}) => jsx.JSX.Element;
+export default GroupTitle;

package/dist/types-ts4.5/internal/components/menu-wrapper.d.ts

@@ -1,5 +1,5 @@
 import { jsx } from '@emotion/react';
-import { MenuWrapperProps } from '../../types';
+import { type MenuWrapperProps } from '../../types';
 /**
  *
  * MenuWrapper wraps all the menu items.

package/dist/types-ts4.5/internal/hooks/use-register-item-with-focus-manager.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-import { FocusableElement } from '../../types';
+import { type FocusableElement } from '../../types';
 declare function useRegisterItemWithFocusManager(): import("react").RefObject<FocusableElement>;
 export default useRegisterItemWithFocusManager;

package/dist/types-ts4.5/internal/utils/handle-focus.d.ts

@@ -1,2 +1,2 @@
-import { FocusableElement } from '../../types';
+import { type FocusableElement } from '../../types';
 export default function handleFocus(refs: Array<FocusableElement>, isLayerDisabled: () => boolean, onClose: (e: KeyboardEvent) => void): (e: KeyboardEvent) => void;

package/dist/types-ts4.5/radio/dropdown-item-radio-group.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { SectionProps } from '@atlaskit/menu';
+import { type SectionProps } from '@atlaskit/menu';
 interface DropdownItemRadioGroupProps extends SectionProps {
     id: string;
 }

package/dist/types-ts4.5/radio/dropdown-item-radio.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { DropdownItemRadioProps } from '../types';
+import { type DropdownItemRadioProps } from '../types';
 /**
  * __Dropdown item radio__
  *

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

@@ -1,4 +1,4 @@
-import { KeyboardEvent, MouseEvent, ReactElement, ReactNode, Ref } from 'react';
+import { type KeyboardEvent, type MouseEvent, type ReactElement, type ReactNode, type Ref } from 'react';
 import type { CustomItemComponentProps, CustomItemProps, MenuGroupProps, SectionProps } from '@atlaskit/menu/types';
 import type { ContentProps, TriggerProps } from '@atlaskit/popup/types';
 export type FocusableElement = HTMLAnchorElement | HTMLButtonElement;
@@ -110,7 +110,7 @@ export interface DropdownMenuProps<TriggerElement extends HTMLElement = HTMLElem
      * Content that triggers the dropdown menu to open and close. Use with
      * `triggerType` to get a button trigger. To customize the trigger element,
      * provide a function to this prop. You can find
-     * [examples for custom triggers](components/dropdown-menu/examples#custom-triggers)
+     * [examples for custom triggers](https://atlassian.design/components/dropdown-menu/examples#custom-triggers)
      * in our documentation.
      */
     trigger?: string | ((triggerButtonProps: CustomTriggerProps<TriggerElement>) => ReactElement);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/dropdown-menu",
-  "version": "12.10.2",
+  "version": "12.11.0",
   "description": "A dropdown menu displays a list of actions or options to a user.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -27,20 +27,21 @@
     "runReact18": true
   },
   "dependencies": {
-    "@atlaskit/button": "^17.14.0",
+    "@atlaskit/button": "^17.17.0",
     "@atlaskit/codemod-utils": "^4.2.0",
     "@atlaskit/ds-lib": "^2.3.0",
-    "@atlaskit/icon": "^22.2.0",
+    "@atlaskit/icon": "^22.3.0",
     "@atlaskit/layering": "^0.3.0",
-    "@atlaskit/menu": "^2.2.0",
+    "@atlaskit/menu": "^2.4.0",
     "@atlaskit/popup": "^1.17.0",
-    "@atlaskit/primitives": "^6.1.0",
+    "@atlaskit/primitives": "^6.5.0",
     "@atlaskit/spinner": "^16.1.0",
     "@atlaskit/theme": "^12.8.0",
-    "@atlaskit/tokens": "^1.48.0",
+    "@atlaskit/tokens": "^1.49.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1",
-    "bind-event-listener": "^3.0.0"
+    "bind-event-listener": "^3.0.0",
+    "react-uid": "^2.2.0"
   },
   "peerDependencies": {
     "react": "^16.8.0 || ^17.0.0 || ~18.2.0",
@@ -53,7 +54,6 @@
     "@atlaskit/modal-dialog": "^12.13.0",
     "@atlaskit/toggle": "^13.1.0",
     "@atlaskit/visual-regression": "*",
-    "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
     "@atlassian/feature-flags-test-utils": "*",
     "@testing-library/dom": "^8.17.1",
     "@testing-library/react": "^12.1.5",
@@ -107,6 +107,5 @@
     ".": "./src/index.tsx",
     "./types": "./src/types.tsx"
   },
-  "homepage": "https://atlassian.design/components/dropdown-menu/",
-  "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1"
+  "homepage": "https://atlassian.design/components/dropdown-menu/"
 }