@atlaskit/dropdown-menu 10.1.8 → 11.0.2

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

@@ -0,0 +1,108 @@
+// 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

@@ -0,0 +1,108 @@
+// 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',
+  );
+});

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

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

package/codemods/__tests__/deprecate-shouldFitContainer.tsx

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

package/codemods/__tests__/rename-imports.tsx

@@ -0,0 +1,136 @@
+// eslint-disable-next-line @repo/internal/fs/filename-pattern-match
+jest.autoMockOff();
+
+import { createTransformer } from '@atlaskit/codemod-utils';
+
+import {
+  renameDropdownItemGroupCheckbox,
+  renameDropdownItemGroupRadio,
+  renameDropdownMenuStateless,
+} from '../migrates/rename-imports';
+
+const transformDropdownItemGroupRadio = createTransformer([
+  renameDropdownItemGroupRadio,
+]);
+const transformDropdownItemGroupCheckbox = createTransformer([
+  renameDropdownItemGroupCheckbox,
+]);
+const transformDropdownMenuStateless = createTransformer([
+  renameDropdownMenuStateless,
+]);
+
+const defineInlineTest = require('jscodeshift/dist/testUtils').defineInlineTest;
+
+describe('DropdownItemGroupRadio', () => {
+  defineInlineTest(
+    { default: transformDropdownItemGroupRadio, parser: 'tsx' },
+    {},
+    `
+    import React from "react";
+    import DropdownMenu, {
+      DropdownItemGroupRadio,
+      DropdownItemRadio,
+    } from "@atlaskit/dropdown-menu";
+    `,
+    `
+    import React from "react";
+    import DropdownMenu, {
+      DropdownItemRadioGroup,
+      DropdownItemRadio,
+    } from "@atlaskit/dropdown-menu";
+    `,
+    'should convert DropdownItemGroupRadio to DropdownItemRadioGroup',
+  );
+
+  defineInlineTest(
+    { default: transformDropdownItemGroupRadio, parser: 'tsx' },
+    {},
+    `
+    import React from "react";
+    import DropdownMenu, {
+      DropdownItemGroupRadio as MyComponent,
+      DropdownItemRadio,
+    } from "@atlaskit/dropdown-menu";
+    `,
+    `
+    import React from "react";
+    import DropdownMenu, {
+      DropdownItemRadioGroup as MyComponent,
+      DropdownItemRadio,
+    } from "@atlaskit/dropdown-menu";
+    `,
+    'should convert DropdownItemGroupRadio to DropdownItemRadioGroup and handle aliases',
+  );
+});
+
+describe('DropdownItemGroupCheckbox', () => {
+  defineInlineTest(
+    { default: transformDropdownItemGroupCheckbox, parser: 'tsx' },
+    {},
+    `
+    import React from "react";
+    import DropdownMenu, {
+      DropdownItemGroupCheckbox, DropdownItemCheckbox,
+    } from "@atlaskit/dropdown-menu";
+    `,
+    `
+    import React from "react";
+    import DropdownMenu, {
+      DropdownItemCheckboxGroup, DropdownItemCheckbox,
+    } from "@atlaskit/dropdown-menu";
+    `,
+    'should convert DropdownItemGroupCheckbox to DropdownItemCheckboxGroup',
+  );
+
+  defineInlineTest(
+    { default: transformDropdownItemGroupCheckbox, parser: 'tsx' },
+    {},
+    `
+    import React from "react";
+    import DropdownMenu, {
+      DropdownItemGroupCheckbox as MyComponent, DropdownItemCheckbox,
+    } from "@atlaskit/dropdown-menu";
+    `,
+    `
+    import React from "react";
+    import DropdownMenu, {
+      DropdownItemCheckboxGroup as MyComponent, DropdownItemCheckbox,
+    } from "@atlaskit/dropdown-menu";
+    `,
+    'should convert DropdownItemGroupCheckbox to DropdownItemCheckboxGroup and should handle aliases',
+  );
+});
+
+describe('DropdownMenuStateless', () => {
+  defineInlineTest(
+    { default: transformDropdownMenuStateless, parser: 'tsx' },
+    {},
+    `
+    import {
+      DropdownItemGroupRadio,
+      DropdownItemRadio,
+      DropdownMenuStateless,
+    } from "@atlaskit/dropdown-menu"
+    `,
+    `
+    import DropdownMenuStateless, { DropdownItemGroupRadio, DropdownItemRadio } from "@atlaskit/dropdown-menu";
+    `,
+    'should promote DropdownMenuStateless to be a default DropdownMenuStateless import',
+  );
+
+  defineInlineTest(
+    { default: transformDropdownMenuStateless, parser: 'tsx' },
+    {},
+    `
+    import {
+      DropdownItemGroupRadio,
+      DropdownItemRadio,
+      DropdownMenuStateless as MyComponent,
+    } from "@atlaskit/dropdown-menu"
+    `,
+    `
+    import MyComponent, { DropdownItemGroupRadio, DropdownItemRadio } from "@atlaskit/dropdown-menu";
+    `,
+    'should promote DropdownMenuStateless with an alias to be a default import ',
+  );
+});

package/codemods/__tests__/replace-position-to-placement.test.tsx

@@ -0,0 +1,84 @@
+// eslint-disable-next-line @repo/internal/fs/filename-pattern-match
+jest.autoMockOff();
+
+import { createTransformer } from '@atlaskit/codemod-utils';
+
+import replacePositionToPlacement from '../migrates/replace-position-to-placement';
+
+const transformer = createTransformer([replacePositionToPlacement]);
+
+const defineInlineTest = require('jscodeshift/dist/testUtils').defineInlineTest;
+
+describe('replace position to placement', () => {
+  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 position is not used',
+  );
+
+  defineInlineTest(
+    { default: transformer, parser: 'tsx' },
+    {},
+    `
+    import React from "react";
+    import DropdownMenu from "@material/dropdown-menu";
+
+    export default () => (
+      <DropdownMenu trigger="Click to open" triggerType="button" position="top left">
+      </DropdownMenu>
+    );
+    `,
+    `
+    import React from "react";
+    import DropdownMenu from "@material/dropdown-menu";
+
+    export default () => (
+      <DropdownMenu trigger="Click to open" triggerType="button" position="top left">
+      </DropdownMenu>
+    );
+    `,
+    'should not change position if the package is not from atlassian design system',
+  );
+
+  defineInlineTest(
+    { default: transformer, parser: 'tsx' },
+    {},
+    `
+    import React from "react";
+    import DropdownMenu from "@atlaskit/dropdown-menu";
+
+    export default () => (
+      <DropdownMenu trigger="Click to open" triggerType="button" position="top left">
+      </DropdownMenu>
+    );
+    `,
+    `
+    import React from "react";
+    import DropdownMenu from "@atlaskit/dropdown-menu";
+
+    export default () => (
+      <DropdownMenu trigger="Click to open" triggerType="button" placement="top-start">
+      </DropdownMenu>
+    );
+    `,
+    'should change position to placement and its value to align with enums defined in popper',
+  );
+});