@atlaskit/dropdown-menu 12.26.2 → 12.26.4

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/dropdown-menu
 
+## 12.26.4
+
+### Patch Changes
+
+- Updated dependencies
+
+## 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

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/dropdown-menu",
-	"version": "12.26.2",
+	"version": "12.26.4",
 	"description": "A dropdown menu displays a list of actions or options to a user.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -28,14 +28,14 @@
 		"@atlaskit/button": "^20.5.0",
 		"@atlaskit/codemod-utils": "^4.2.0",
 		"@atlaskit/ds-lib": "^3.5.0",
-		"@atlaskit/icon": "^23.7.0",
+		"@atlaskit/icon": "^23.9.0",
 		"@atlaskit/layering": "^1.1.0",
 		"@atlaskit/menu": "^2.14.0",
-		"@atlaskit/platform-feature-flags": "^1.0.0",
+		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/popup": "^1.31.0",
-		"@atlaskit/primitives": "^13.4.0",
+		"@atlaskit/primitives": "^13.5.0",
 		"@atlaskit/spinner": "^17.1.0",
-		"@atlaskit/theme": "^15.0.0",
+		"@atlaskit/theme": "^16.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');
-		});
-	});
-});

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

@@ -1,183 +0,0 @@
-// eslint-disable-next-line @repo/internal/fs/filename-pattern-match
-jest.autoMockOff();
-
-import { createTransformer } from '@atlaskit/codemod-utils';
-
-import convertTriggerType from '../migrates/convert-trigger-type';
-
-const transformer = createTransformer([convertTriggerType]);
-
-const defineInlineTest = require('jscodeshift/dist/testUtils').defineInlineTest;
-
-describe('update position value', () => {
-	defineInlineTest(
-		{ default: transformer, parser: 'tsx' },
-		{},
-		`
-    import React from "react";
-    import DropdownMenu from "@atlaskit/dropdown-menu";
-
-    export default () => (
-      <DropdownMenu trigger="Click to open">
-      </DropdownMenu>
-    );
-    `,
-		`
-    import React from "react";
-    import DropdownMenu from "@atlaskit/dropdown-menu";
-
-    export default () => (
-      <DropdownMenu trigger="Click to open">
-      </DropdownMenu>
-    );
-    `,
-		'should not convert when triggerType prop is not provided',
-	);
-
-	defineInlineTest(
-		{ default: transformer, parser: 'tsx' },
-		{},
-		`
-    import React from "react";
-    import DropdownMenu from "@atlaskit/dropdown-menu";
-
-    export default () => (
-      <DropdownMenu trigger="Click to open" triggerType="button">
-      </DropdownMenu>
-    );
-    `,
-		`
-    import React from "react";
-    import DropdownMenu from "@atlaskit/dropdown-menu";
-
-    export default () => (
-      <DropdownMenu trigger="Click to open">
-      </DropdownMenu>
-    );
-    `,
-		'should delete triggerType prop when trigger is a string - type is button',
-	);
-
-	defineInlineTest(
-		{ default: transformer, parser: 'tsx' },
-		{},
-		`
-    import React from "react";
-    import DropdownMenu from "@atlaskit/dropdown-menu";
-
-    export default () => (
-      <DropdownMenu
-      trigger={
-        <div>
-          &lt;button/&gt; trigger
-        </div>
-      }
-      triggerType="button">
-      </DropdownMenu>
-    );
-    `,
-		`
-    import React from "react";
-    import DropdownMenu from "@atlaskit/dropdown-menu";
-
-    export default () => (
-      <DropdownMenu
-      /* TODO: (from codemod)
-      The usage of the 'trigger', 'triggerType' and 'triggerButtonProps' prop in this component could not be transformed and requires manual intervention.
-      Since version 11.0.0, we have simplified the API and now only use the 'trigger' prop.
-      Please refer to https://hello.atlassian.net/wiki/spaces/DST/pages/1330997516/Dropdown+menu+upgrade+guide for more details.
-      And feel free to reach out to us on our support channel if you have more queries – #help-design-system. */
-      trigger={
-        <div>
-          &lt;button/&gt; trigger
-        </div>
-      }
-      triggerType="button">
-      </DropdownMenu>
-    );
-    `,
-		'should only add comments triggerType prop when trigger is an object',
-	);
-
-	defineInlineTest(
-		{ default: transformer, parser: 'tsx' },
-		{},
-		`
-    import React from "react";
-    import DropdownMenu from "@atlaskit/dropdown-menu";
-
-    export default () => (
-      <DropdownMenu
-      trigger={
-        <div>
-          &lt;button/&gt; trigger
-        </div>
-      }>
-      </DropdownMenu>
-    );
-    `,
-		`
-    import React from "react";
-    import DropdownMenu from "@atlaskit/dropdown-menu";
-
-    export default () => (
-      <DropdownMenu
-      /* TODO: (from codemod)
-      The usage of the 'trigger', 'triggerType' and 'triggerButtonProps' prop in this component could not be transformed and requires manual intervention.
-      Since version 11.0.0, we have simplified the API and now only use the 'trigger' prop.
-      Please refer to https://hello.atlassian.net/wiki/spaces/DST/pages/1330997516/Dropdown+menu+upgrade+guide for more details.
-      And feel free to reach out to us on our support channel if you have more queries – #help-design-system. */
-      trigger={
-        <div>
-          &lt;button/&gt; trigger
-        </div>
-      }>
-      </DropdownMenu>
-    );
-    `,
-		'should only add comments triggerType prop when trigger is an object',
-	);
-
-	defineInlineTest(
-		{ default: transformer, parser: 'tsx' },
-		{},
-		`
-    import React from "react";
-    import DropdownMenu from "@atlaskit/dropdown-menu";
-
-    export default () => (
-      <DropdownMenuWrapper>
-        <DropdownMenu
-        trigger={
-          <div>
-            &lt;button/&gt; trigger
-          </div>
-        }>
-        </DropdownMenu>
-      </DropdownMenuWrapper>
-    );
-    `,
-		`
-    import React from "react";
-    import DropdownMenu from "@atlaskit/dropdown-menu";
-
-    export default () => (
-      <DropdownMenuWrapper>
-        <DropdownMenu
-        /* TODO: (from codemod)
-        The usage of the 'trigger', 'triggerType' and 'triggerButtonProps' prop in this component could not be transformed and requires manual intervention.
-        Since version 11.0.0, we have simplified the API and now only use the 'trigger' prop.
-        Please refer to https://hello.atlassian.net/wiki/spaces/DST/pages/1330997516/Dropdown+menu+upgrade+guide for more details.
-        And feel free to reach out to us on our support channel if you have more queries – #help-design-system. */
-        trigger={
-          <div>
-            &lt;button/&gt; trigger
-          </div>
-        }>
-        </DropdownMenu>
-      </DropdownMenuWrapper>
-    );
-    `,
-		'should only add comments that do not appear on the DOM',
-	);
-});

package/codemods/__tests__/deprecate-items.test.tsx

@@ -1,108 +0,0 @@
-// eslint-disable-next-line @repo/internal/fs/filename-pattern-match
-jest.autoMockOff();
-
-import { createTransformer } from '@atlaskit/codemod-utils';
-
-import deprecateItems from '../migrates/deprecate-items';
-
-const transformer = createTransformer([deprecateItems]);
-
-const defineInlineTest = require('jscodeshift/dist/testUtils').defineInlineTest;
-
-describe('delete items prop', () => {
-	defineInlineTest(
-		{ default: transformer, parser: 'tsx' },
-		{},
-		`
-    import React from "react";
-    import DropdownMenu from "@atlaskit/dropdown-menu";
-
-    export default () => (
-      <DropdownMenu trigger="Click to open" triggerType="button">
-      </DropdownMenu>
-    );
-    `,
-		`
-    import React from "react";
-    import DropdownMenu from "@atlaskit/dropdown-menu";
-
-    export default () => (
-      <DropdownMenu trigger="Click to open" triggerType="button">
-      </DropdownMenu>
-    );
-    `,
-		'should not change anything when items is not used ',
-	);
-
-	defineInlineTest(
-		{ default: transformer, parser: 'tsx' },
-		{},
-		`
-    import React from "react";
-    import DropdownMenu from "@atlaskit/dropdown-menu";
-
-    export default () => (
-      <DropdownMenu trigger="Click to open" triggerType="button" items={[]}>
-      </DropdownMenu>
-    );
-    `,
-		`
-    import React from "react";
-    import DropdownMenu from "@atlaskit/dropdown-menu";
-
-    export default () => (
-      <DropdownMenu trigger="Click to open" triggerType="button">
-      </DropdownMenu>
-    );
-    `,
-		'should delete items when found it',
-	);
-
-	defineInlineTest(
-		{ default: transformer, parser: 'tsx' },
-		{},
-		`
-    import React from "react";
-    import AKDropdownMenu from "@atlaskit/dropdown-menu";
-
-    export default () => (
-      <AKDropdownMenu trigger="Click to open" triggerType="button" items={[]}>
-      </AKDropdownMenu>
-    );
-    `,
-		`
-    import React from "react";
-    import AKDropdownMenu from "@atlaskit/dropdown-menu";
-
-    export default () => (
-      <AKDropdownMenu trigger="Click to open" triggerType="button">
-      </AKDropdownMenu>
-    );
-    `,
-		'should delete items when found it - named import',
-	);
-
-	defineInlineTest(
-		{ default: transformer, parser: 'tsx' },
-		{},
-		`
-    import React from "react";
-    import DropdownMenu from "@fancy-ds/dropdown-menu";
-
-    export default () => (
-      <DropdownMenu trigger="Click to open" triggerType="button" items={[]}>
-      </DropdownMenu>
-    );
-    `,
-		`
-    import React from "react";
-    import DropdownMenu from "@fancy-ds/dropdown-menu";
-
-    export default () => (
-      <DropdownMenu trigger="Click to open" triggerType="button" items={[]}>
-      </DropdownMenu>
-    );
-    `,
-		'should not delete items when found it - other library',
-	);
-});

package/codemods/__tests__/deprecate-onItemActivated.test.tsx

@@ -1,108 +0,0 @@
-// eslint-disable-next-line @repo/internal/fs/filename-pattern-match
-jest.autoMockOff();
-
-import { createTransformer } from '@atlaskit/codemod-utils';
-
-import deprecateOnItemActivated from '../migrates/deprecate-onItemActivated';
-
-const transformer = createTransformer([deprecateOnItemActivated]);
-
-const defineInlineTest = require('jscodeshift/dist/testUtils').defineInlineTest;
-
-describe('delete onItemActivated prop', () => {
-	defineInlineTest(
-		{ default: transformer, parser: 'tsx' },
-		{},
-		`
-    import React from "react";
-    import DropdownMenu from "@atlaskit/dropdown-menu";
-
-    export default () => (
-      <DropdownMenu trigger="Click to open" triggerType="button">
-      </DropdownMenu>
-    );
-    `,
-		`
-    import React from "react";
-    import DropdownMenu from "@atlaskit/dropdown-menu";
-
-    export default () => (
-      <DropdownMenu trigger="Click to open" triggerType="button">
-      </DropdownMenu>
-    );
-    `,
-		'should not change anything when onItemActivated is not used ',
-	);
-
-	defineInlineTest(
-		{ default: transformer, parser: 'tsx' },
-		{},
-		`
-    import React from "react";
-    import DropdownMenu from "@atlaskit/dropdown-menu";
-
-    export default () => (
-      <DropdownMenu trigger="Click to open" triggerType="button" onItemActivated={() => {}}>
-      </DropdownMenu>
-    );
-    `,
-		`
-    import React from "react";
-    import DropdownMenu from "@atlaskit/dropdown-menu";
-
-    export default () => (
-      <DropdownMenu trigger="Click to open" triggerType="button">
-      </DropdownMenu>
-    );
-    `,
-		'should delete onItemActivated when found it',
-	);
-
-	defineInlineTest(
-		{ default: transformer, parser: 'tsx' },
-		{},
-		`
-    import React from "react";
-    import AKDropdownMenu from "@atlaskit/dropdown-menu";
-
-    export default () => (
-      <AKDropdownMenu trigger="Click to open" triggerType="button" onItemActivated={() => {}}>
-      </AKDropdownMenu>
-    );
-    `,
-		`
-    import React from "react";
-    import AKDropdownMenu from "@atlaskit/dropdown-menu";
-
-    export default () => (
-      <AKDropdownMenu trigger="Click to open" triggerType="button">
-      </AKDropdownMenu>
-    );
-    `,
-		'should delete onItemActivated when found it - named import',
-	);
-
-	defineInlineTest(
-		{ default: transformer, parser: 'tsx' },
-		{},
-		`
-    import React from "react";
-    import DropdownMenu from "@fancy-ds/dropdown-menu";
-
-    export default () => (
-      <DropdownMenu trigger="Click to open" triggerType="button" onItemActivated={() => {}}>
-      </DropdownMenu>
-    );
-    `,
-		`
-    import React from "react";
-    import DropdownMenu from "@fancy-ds/dropdown-menu";
-
-    export default () => (
-      <DropdownMenu trigger="Click to open" triggerType="button" onItemActivated={() => {}}>
-      </DropdownMenu>
-    );
-    `,
-		'should not delete onItemActivated when found it - other library',
-	);
-});