@atlaskit/dropdown-menu 12.26.1 → 12.26.3

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/dropdown-menu
 
+## 12.26.3
+
+### Patch Changes
+
+- [#114433](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/114433)
+  [`cf11baeb9088e`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/cf11baeb9088e) -
+  Remove old codemods and update dependencies.
+
+## 12.26.2
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 12.26.1
 
 ### Patch Changes

package/dist/types/checkbox/dropdown-item-checkbox-group.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import type { SectionProps } from '@atlaskit/menu';
 interface DropdownItemCheckboxGroupProps extends SectionProps {
     /**
@@ -12,5 +12,5 @@ interface DropdownItemCheckboxGroupProps extends SectionProps {
  * A wrapping element for dropdown menu checkbox items.
  *
  */
-declare const DropdownItemCheckboxGroup: ({ children, hasSeparator, id, isList, isScrollable, overrides, testId, title, ...rest }: DropdownItemCheckboxGroupProps) => JSX.Element;
+declare const DropdownItemCheckboxGroup: ({ children, hasSeparator, id, isList, isScrollable, overrides, testId, title, ...rest }: DropdownItemCheckboxGroupProps) => React.JSX.Element;
 export default DropdownItemCheckboxGroup;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { type DropdownItemCheckboxProps } from '../types';
 /**
  * __Dropdown item checkbox__
@@ -9,5 +9,5 @@ import { type DropdownItemCheckboxProps } from '../types';
  * - [Code](https://atlassian.design/components/dropdown-menu/dropdown-item-checkbox/code)
  * - [Usage](https://atlassian.design/components/dropdown-menu/dropdown-item-checkbox/usage)
  */
-declare const DropdownItemCheckbox: ({ children, defaultSelected, description, id, isDisabled, isSelected, onClick: providedOnClick, shouldDescriptionWrap, shouldTitleWrap, testId, interactionName, ...rest }: DropdownItemCheckboxProps) => JSX.Element;
+declare const DropdownItemCheckbox: ({ children, defaultSelected, description, id, isDisabled, isSelected, onClick: providedOnClick, shouldDescriptionWrap, shouldTitleWrap, testId, interactionName, ...rest }: DropdownItemCheckboxProps) => React.JSX.Element;
 export default DropdownItemCheckbox;

package/dist/types/dropdown-menu.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import type { DropdownMenuProps } from './types';
 /**
  * __Dropdown menu__
@@ -9,5 +9,5 @@ import type { DropdownMenuProps } from './types';
  * - [Code](https://atlassian.design/components/dropdown-menu/code)
  * - [Usage](https://atlassian.design/components/dropdown-menu/usage)
  */
-declare const DropdownMenu: <T extends HTMLElement = any>({ autoFocus, children, defaultOpen, isLoading, isOpen, onOpenChange, placement, shouldFitContainer, shouldFlip, shouldRenderToParent, returnFocusRef, spacing, statusLabel, testId, trigger, zIndex, label, interactionName, strategy, }: DropdownMenuProps<T>) => JSX.Element;
+declare const DropdownMenu: <T extends HTMLElement = any>({ autoFocus, children, defaultOpen, isLoading, isOpen, onOpenChange, placement, shouldFitContainer, shouldFlip, shouldRenderToParent, returnFocusRef, spacing, statusLabel, testId, trigger, zIndex, label, interactionName, strategy, }: DropdownMenuProps<T>) => React.JSX.Element;
 export default DropdownMenu;

package/dist/types/internal/components/checkbox-icon.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 /**
  * __Checkbox icon__
  *
@@ -8,5 +8,5 @@
  */
 declare const CheckboxIcon: ({ checked }: {
     checked: boolean;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default CheckboxIcon;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 /**
  * __Group title__
  *
@@ -9,5 +9,5 @@
 declare const GroupTitle: ({ id, title }: {
     id: string;
     title: string;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default GroupTitle;

package/dist/types/internal/components/radio-icon.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 /**
  * __Radio icon__
  *
@@ -8,5 +8,5 @@
  */
 declare const RadioIcon: ({ checked }: {
     checked: boolean;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default RadioIcon;

package/dist/types/internal/context/selection-store.d.ts

@@ -23,5 +23,5 @@ type SelectionStoreProps = {
  * It handles the uncontrolled story for dropdown menu when the menu
  * items can be mounted/unmounted depending if the menu is open or closed.
  */
-declare const SelectionStore: (props: SelectionStoreProps) => JSX.Element;
+declare const SelectionStore: (props: SelectionStoreProps) => React.JSX.Element;
 export default SelectionStore;

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

@@ -21,5 +21,5 @@ export declare const RadioGroupContext: React.Context<RadioGroupContextProps>;
  *  across mount and unmounts.
  *
  */
-declare const DropdownItemRadioGroup: ({ children, hasSeparator, id, isList, isScrollable, overrides, testId, title, ...rest }: DropdownItemRadioGroupProps) => JSX.Element;
+declare const DropdownItemRadioGroup: ({ children, hasSeparator, id, isList, isScrollable, overrides, testId, title, ...rest }: DropdownItemRadioGroupProps) => React.JSX.Element;
 export default DropdownItemRadioGroup;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { type DropdownItemRadioProps } from '../types';
 /**
  * __Dropdown item radio__
@@ -9,5 +9,5 @@ import { type DropdownItemRadioProps } from '../types';
  * - [Code](https://atlassian.design/components/dropdown-menu/dropdown-item-radio/code)
  * - [Usage](https://atlassian.design/components/dropdown-menu/dropdown-item-radio/usage)
  */
-declare const DropdownItemRadio: ({ children, defaultSelected, testId, id, title, description, isDisabled, isSelected, onClick: providedOnClick, shouldDescriptionWrap, shouldTitleWrap, interactionName, ...rest }: DropdownItemRadioProps) => JSX.Element;
+declare const DropdownItemRadio: ({ children, defaultSelected, testId, id, title, description, isDisabled, isSelected, onClick: providedOnClick, shouldDescriptionWrap, shouldTitleWrap, interactionName, ...rest }: DropdownItemRadioProps) => React.JSX.Element;
 export default DropdownItemRadio;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import type { SectionProps } from '@atlaskit/menu';
 interface DropdownItemCheckboxGroupProps extends SectionProps {
     /**
@@ -12,5 +12,5 @@ interface DropdownItemCheckboxGroupProps extends SectionProps {
  * A wrapping element for dropdown menu checkbox items.
  *
  */
-declare const DropdownItemCheckboxGroup: ({ children, hasSeparator, id, isList, isScrollable, overrides, testId, title, ...rest }: DropdownItemCheckboxGroupProps) => JSX.Element;
+declare const DropdownItemCheckboxGroup: ({ children, hasSeparator, id, isList, isScrollable, overrides, testId, title, ...rest }: DropdownItemCheckboxGroupProps) => React.JSX.Element;
 export default DropdownItemCheckboxGroup;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { type DropdownItemCheckboxProps } from '../types';
 /**
  * __Dropdown item checkbox__
@@ -9,5 +9,5 @@ import { type DropdownItemCheckboxProps } from '../types';
  * - [Code](https://atlassian.design/components/dropdown-menu/dropdown-item-checkbox/code)
  * - [Usage](https://atlassian.design/components/dropdown-menu/dropdown-item-checkbox/usage)
  */
-declare const DropdownItemCheckbox: ({ children, defaultSelected, description, id, isDisabled, isSelected, onClick: providedOnClick, shouldDescriptionWrap, shouldTitleWrap, testId, interactionName, ...rest }: DropdownItemCheckboxProps) => JSX.Element;
+declare const DropdownItemCheckbox: ({ children, defaultSelected, description, id, isDisabled, isSelected, onClick: providedOnClick, shouldDescriptionWrap, shouldTitleWrap, testId, interactionName, ...rest }: DropdownItemCheckboxProps) => React.JSX.Element;
 export default DropdownItemCheckbox;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import type { DropdownMenuProps } from './types';
 /**
  * __Dropdown menu__
@@ -9,5 +9,5 @@ import type { DropdownMenuProps } from './types';
  * - [Code](https://atlassian.design/components/dropdown-menu/code)
  * - [Usage](https://atlassian.design/components/dropdown-menu/usage)
  */
-declare const DropdownMenu: <T extends HTMLElement = any>({ autoFocus, children, defaultOpen, isLoading, isOpen, onOpenChange, placement, shouldFitContainer, shouldFlip, shouldRenderToParent, returnFocusRef, spacing, statusLabel, testId, trigger, zIndex, label, interactionName, strategy, }: DropdownMenuProps<T>) => JSX.Element;
+declare const DropdownMenu: <T extends HTMLElement = any>({ autoFocus, children, defaultOpen, isLoading, isOpen, onOpenChange, placement, shouldFitContainer, shouldFlip, shouldRenderToParent, returnFocusRef, spacing, statusLabel, testId, trigger, zIndex, label, interactionName, strategy, }: DropdownMenuProps<T>) => React.JSX.Element;
 export default DropdownMenu;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 /**
  * __Checkbox icon__
  *
@@ -8,5 +8,5 @@
  */
 declare const CheckboxIcon: ({ checked }: {
     checked: boolean;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default CheckboxIcon;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 /**
  * __Group title__
  *
@@ -9,5 +9,5 @@
 declare const GroupTitle: ({ id, title }: {
     id: string;
     title: string;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default GroupTitle;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 /**
  * __Radio icon__
  *
@@ -8,5 +8,5 @@
  */
 declare const RadioIcon: ({ checked }: {
     checked: boolean;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default RadioIcon;

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

@@ -23,5 +23,5 @@ type SelectionStoreProps = {
  * It handles the uncontrolled story for dropdown menu when the menu
  * items can be mounted/unmounted depending if the menu is open or closed.
  */
-declare const SelectionStore: (props: SelectionStoreProps) => JSX.Element;
+declare const SelectionStore: (props: SelectionStoreProps) => React.JSX.Element;
 export default SelectionStore;

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

@@ -21,5 +21,5 @@ export declare const RadioGroupContext: React.Context<RadioGroupContextProps>;
  *  across mount and unmounts.
  *
  */
-declare const DropdownItemRadioGroup: ({ children, hasSeparator, id, isList, isScrollable, overrides, testId, title, ...rest }: DropdownItemRadioGroupProps) => JSX.Element;
+declare const DropdownItemRadioGroup: ({ children, hasSeparator, id, isList, isScrollable, overrides, testId, title, ...rest }: DropdownItemRadioGroupProps) => React.JSX.Element;
 export default DropdownItemRadioGroup;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { type DropdownItemRadioProps } from '../types';
 /**
  * __Dropdown item radio__
@@ -9,5 +9,5 @@ import { type DropdownItemRadioProps } from '../types';
  * - [Code](https://atlassian.design/components/dropdown-menu/dropdown-item-radio/code)
  * - [Usage](https://atlassian.design/components/dropdown-menu/dropdown-item-radio/usage)
  */
-declare const DropdownItemRadio: ({ children, defaultSelected, testId, id, title, description, isDisabled, isSelected, onClick: providedOnClick, shouldDescriptionWrap, shouldTitleWrap, interactionName, ...rest }: DropdownItemRadioProps) => JSX.Element;
+declare const DropdownItemRadio: ({ children, defaultSelected, testId, id, title, description, isDisabled, isSelected, onClick: providedOnClick, shouldDescriptionWrap, shouldTitleWrap, interactionName, ...rest }: DropdownItemRadioProps) => React.JSX.Element;
 export default DropdownItemRadio;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/dropdown-menu",
-	"version": "12.26.1",
+	"version": "12.26.3",
 	"description": "A dropdown menu displays a list of actions or options to a user.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -25,17 +25,17 @@
 		"runReact18": true
 	},
 	"dependencies": {
-		"@atlaskit/button": "^20.4.0",
+		"@atlaskit/button": "^20.5.0",
 		"@atlaskit/codemod-utils": "^4.2.0",
 		"@atlaskit/ds-lib": "^3.5.0",
-		"@atlaskit/icon": "^23.6.0",
+		"@atlaskit/icon": "^23.9.0",
 		"@atlaskit/layering": "^1.1.0",
 		"@atlaskit/menu": "^2.14.0",
 		"@atlaskit/platform-feature-flags": "^1.0.0",
 		"@atlaskit/popup": "^1.31.0",
-		"@atlaskit/primitives": "^13.4.0",
+		"@atlaskit/primitives": "^13.5.0",
 		"@atlaskit/spinner": "^17.1.0",
-		"@atlaskit/theme": "^14.1.0",
+		"@atlaskit/theme": "^15.0.0",
 		"@atlaskit/tokens": "^3.3.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
@@ -66,7 +66,6 @@
 		"@testing-library/react": "^13.4.0",
 		"@testing-library/react-hooks": "^8.0.1",
 		"jest-in-case": "^1.0.2",
-		"jscodeshift": "^0.13.0",
 		"raf-stub": "^2.0.1",
 		"react-dom": "^18.2.0",
 		"typescript": "~5.4.2"

package/codemods/11.0.0-lite-mode.tsx

@@ -1,51 +0,0 @@
-import { createTransformer } from '@atlaskit/codemod-utils';
-
-import convertTriggerType from './migrates/convert-trigger-type';
-import deprecateAutoFocus from './migrates/deprecate-autoFocus';
-import deprecateboundariesElement from './migrates/deprecate-boundariesElement';
-import deprecateIsCompact from './migrates/deprecate-isCompact';
-import deprecateIsHidden from './migrates/deprecate-isHidden';
-import deprecateIsMenuFixed from './migrates/deprecate-isMenuFixed';
-import deprecateItems from './migrates/deprecate-items';
-import deprecateOnItemActivated from './migrates/deprecate-onItemActivated';
-import deprecateOnPositioned from './migrates/deprecate-onPositioned';
-import deprecateShouldFitContainer from './migrates/deprecate-shouldFitContainer';
-import {
-	renameDropdownItemGroupCheckbox,
-	renameDropdownItemGroupRadio,
-	renameDropdownMenuStateless,
-} from './migrates/rename-imports';
-import updatePositionValue from './migrates/replace-position-to-placement';
-import replaceShouldAllowMultiline from './migrates/replace-shouldAllowMultiline';
-import {
-	updateDropdownItemGroupCheckboxCallsite,
-	updateDropdownItemGroupRadioCallsite,
-} from './migrates/update-component-callsites';
-
-const transformer = createTransformer([
-	deprecateItems,
-	deprecateOnItemActivated,
-	deprecateOnPositioned,
-	deprecateShouldFitContainer,
-	deprecateboundariesElement,
-	deprecateIsMenuFixed,
-
-	// props on *Items
-	...deprecateAutoFocus(),
-	...deprecateIsCompact(),
-	...deprecateIsHidden(),
-
-	replaceShouldAllowMultiline,
-	updatePositionValue,
-
-	renameDropdownItemGroupCheckbox,
-	renameDropdownItemGroupRadio,
-	renameDropdownMenuStateless,
-
-	updateDropdownItemGroupCheckboxCallsite,
-	updateDropdownItemGroupRadioCallsite,
-
-	convertTriggerType,
-]);
-
-export default transformer;

package/codemods/__tests__/11.0.0-lite-mode.test.tsx

@@ -1,68 +0,0 @@
-// eslint-disable-next-line @repo/internal/fs/filename-pattern-match
-jest.autoMockOff();
-
-import transformer from '../11.0.0-lite-mode';
-
-const defineInlineTest = require('jscodeshift/dist/testUtils').defineInlineTest;
-
-describe('apply all needed codemods for version 11.0.0 major bump', () => {
-	defineInlineTest(
-		{ default: transformer, parser: 'tsx' },
-		{},
-		`
-    import React from "react";
-    import DropdownMenu, {
-      DropdownItemGroupCheckbox as MyComponent, DropdownItemCheckbox, DropdownItem, DropdownItemRadio,
-    } from "@atlaskit/dropdown-menu";
-
-    export default () => (
-      <DropdownMenu
-        trigger="Click to open"
-        triggerType="button"
-        items={[]}
-        onItemActivated={() => {}}
-        onPositioned={() => {}}
-        position="bottom left"
-        shouldFitContainer={false}
-        boundariesElement={document.body}
-        isMenuFixed
-        shouldAllowMultiline>
-        <DropdownItem
-            isHidden
-            autoFocus
-            isCompact
-          >Cut</DropdownItem>
-        <DropdownItemCheckbox
-          isHidden
-          autoFocus
-          isCompact
-        >Copy</DropdownItemCheckbox>
-        <DropdownItemRadio
-          isHidden
-          autoFocus
-          isCompact
-        >Paste</DropdownItemRadio>
-      </DropdownMenu>
-    );
-    `,
-		`
-    import React from "react";
-    import DropdownMenu, {
-      DropdownItemCheckboxGroup as MyComponent, DropdownItemCheckbox, DropdownItem, DropdownItemRadio,
-    } from "@atlaskit/dropdown-menu";
-
-    export default () => (
-      <DropdownMenu
-        trigger="Click to open"
-        placement="bottom-start"
-        shouldTitleWrap
-        shouldDescriptionWrap>
-        <DropdownItem>Cut</DropdownItem>
-        <DropdownItemCheckbox>Copy</DropdownItemCheckbox>
-        <DropdownItemRadio>Paste</DropdownItemRadio>
-      </DropdownMenu>
-    );
-    `,
-		'should not change anything when items is not used ',
-	);
-});

package/codemods/__tests__/convert-position.test.tsx

@@ -1,88 +0,0 @@
-import convertPosition from '../utils/convert-position';
-
-describe('convert old position notation', () => {
-	describe('edge cases', () => {
-		it('fallback to bottom-start', () => {
-			const position = convertPosition('unknown');
-			expect(position).toBe('bottom-start');
-		});
-
-		it('fallback to bottom-start', () => {
-			const position = convertPosition();
-			expect(position).toBe('bottom-start');
-		});
-
-		it('trim', () => {
-			const position = convertPosition(' top left ');
-			expect(position).toBe('top-start');
-		});
-	});
-
-	describe('convert top', () => {
-		it('convert top left', () => {
-			const position = convertPosition('top left');
-			expect(position).toBe('top-start');
-		});
-
-		it('convert top center', () => {
-			const position = convertPosition('top center');
-			expect(position).toBe('top');
-		});
-
-		it('convert top right', () => {
-			const position = convertPosition('top right');
-			expect(position).toBe('top-end');
-		});
-	});
-
-	describe('convert right', () => {
-		it('convert right top', () => {
-			const position = convertPosition('right top');
-			expect(position).toBe('right-start');
-		});
-
-		it('convert right middle', () => {
-			const position = convertPosition('right middle');
-			expect(position).toBe('right');
-		});
-
-		it('convert right bottom', () => {
-			const position = convertPosition('right bottom');
-			expect(position).toBe('right-end');
-		});
-	});
-
-	describe('convert bottom', () => {
-		it('convert bottom left', () => {
-			const position = convertPosition('bottom left');
-			expect(position).toBe('bottom-start');
-		});
-
-		it('convert bottom center', () => {
-			const position = convertPosition('bottom center');
-			expect(position).toBe('bottom');
-		});
-
-		it('convert bottom right', () => {
-			const position = convertPosition('bottom right');
-			expect(position).toBe('bottom-end');
-		});
-	});
-
-	describe('convert left', () => {
-		it('convert left top', () => {
-			const position = convertPosition('left top');
-			expect(position).toBe('left-start');
-		});
-
-		it('convert left middle', () => {
-			const position = convertPosition('left middle');
-			expect(position).toBe('left');
-		});
-
-		it('convert left bottom', () => {
-			const position = convertPosition('left bottom');
-			expect(position).toBe('left-end');
-		});
-	});
-});