@atlaskit/button 17.17.2 → 17.17.3

package/codemods/optimistic-15.0.0-lite-mode.tsx

@@ -1,81 +1,72 @@
 import { type NodePath } from 'ast-types/lib/node-path';
-import type {
-  API,
-  default as core,
-  FileInfo,
-  JSXElement,
-  Node,
-  Options,
-} from 'jscodeshift';
+import type { API, default as core, FileInfo, JSXElement, Node, Options } from 'jscodeshift';
 import { type Collection } from 'jscodeshift/src/Collection';
 
 import { convertButtonType, transformButton } from './helpers/15.0.0-runner';
 import {
-  addCommentBefore,
-  addCommentToStartOfFile,
-  addToImport,
-  changeImportFor,
-  getDefaultSpecifierName,
-  getSafeImportName,
-  isOnlyUsingNameForJSX,
-  isUsingProp,
-  isUsingSupportedSpread,
-  type Nullable,
-  tryCreateImport,
+	addCommentBefore,
+	addCommentToStartOfFile,
+	addToImport,
+	changeImportFor,
+	getDefaultSpecifierName,
+	getSafeImportName,
+	isOnlyUsingNameForJSX,
+	isUsingProp,
+	isUsingSupportedSpread,
+	type Nullable,
+	tryCreateImport,
 } from './helpers/helpers-generic';
 
 function changeUsage({
-  j,
-  base,
-  packageName,
+	j,
+	base,
+	packageName,
 }: {
-  j: core.JSCodeshift;
-  base: Collection<Node>;
-  packageName: string;
+	j: core.JSCodeshift;
+	base: Collection<Node>;
+	packageName: string;
 }): void {
-  // 1. Are we using the default export?
-  // If not: we can exit early!
-  const defaultName: Nullable<string> = getDefaultSpecifierName({
-    j,
-    base,
-    packageName,
-  });
-  if (defaultName == null) {
-    return;
-  }
+	// 1. Are we using the default export?
+	// If not: we can exit early!
+	const defaultName: Nullable<string> = getDefaultSpecifierName({
+		j,
+		base,
+		packageName,
+	});
+	if (defaultName == null) {
+		return;
+	}
 
-  // Only supporting cases where default identifier is only used in JSX
-  const isSupported: boolean = isOnlyUsingNameForJSX({
-    j,
-    base,
-    name: defaultName,
-  });
+	// Only supporting cases where default identifier is only used in JSX
+	const isSupported: boolean = isOnlyUsingNameForJSX({
+		j,
+		base,
+		name: defaultName,
+	});
 
-  if (!isSupported) {
-    tryCreateImport({
-      j,
-      base,
-      relativeToPackage: '@atlaskit/button',
-      packageName: '@atlaskit/button/standard-button',
-    });
-    addToImport({
-      j,
-      base,
-      // we can safely use the default name, because it was being used before
-      importSpecifier: j.importDefaultSpecifier(j.identifier(defaultName)),
-      packageName: '@atlaskit/button/standard-button',
-    });
+	if (!isSupported) {
+		tryCreateImport({
+			j,
+			base,
+			relativeToPackage: '@atlaskit/button',
+			packageName: '@atlaskit/button/standard-button',
+		});
+		addToImport({
+			j,
+			base,
+			// we can safely use the default name, because it was being used before
+			importSpecifier: j.importDefaultSpecifier(j.identifier(defaultName)),
+			packageName: '@atlaskit/button/standard-button',
+		});
 
-    addCommentBefore({
-      j,
-      target: base
-        .find(j.ImportDeclaration)
-        .filter(
-          (declaration) =>
-            declaration.value.source.value ===
-            '@atlaskit/button/standard-button',
-        ),
-      message: `
+		addCommentBefore({
+			j,
+			target: base
+				.find(j.ImportDeclaration)
+				.filter(
+					(declaration) => declaration.value.source.value === '@atlaskit/button/standard-button',
+				),
+			message: `
         This file does not exclusively use Button in JSX.
         The codemod is unable to know which button variant, so it is using
         the standard button: "@atlaskit/button/standard-button".
@@ -83,203 +74,189 @@ function changeUsage({
         Please validate this decision.
         You might need to change the usage of Button to either LoadingButton or CustomThemeButton
       `,
-    });
-    return;
-  }
+		});
+		return;
+	}
 
-  // Find usages of the Button component
-  // There are three possible import statements:
-  //  1. import Button from '@atlaskit/button/standard';
-  //  2. import LoadingButton from '@atlaskit/button/loading-button';
-  //  3. import CustomThemeButton from '@atlaskit/button/custom-theme-button';
+	// Find usages of the Button component
+	// There are three possible import statements:
+	//  1. import Button from '@atlaskit/button/standard';
+	//  2. import LoadingButton from '@atlaskit/button/loading-button';
+	//  3. import CustomThemeButton from '@atlaskit/button/custom-theme-button';
 
-  // What to do if any of the names clash?
-  // - In the case of clash: prefix with 'DS' (eg import DSLoadingButton from '@atlaskit/button/loading-button';)
+	// What to do if any of the names clash?
+	// - In the case of clash: prefix with 'DS' (eg import DSLoadingButton from '@atlaskit/button/loading-button';)
 
-  // What to do if old Button was aliased? eg "AkButton"
-  // - We cannot use that existing alias as we might have three different Button imports in the file
-  // - We automatically will be be swapping to the standard names with 'DS' prefix for all imports
+	// What to do if old Button was aliased? eg "AkButton"
+	// - We cannot use that existing alias as we might have three different Button imports in the file
+	// - We automatically will be be swapping to the standard names with 'DS' prefix for all imports
 
-  type Groups = {
-    standard: NodePath<JSXElement, JSXElement>[];
-    loading: NodePath<JSXElement, JSXElement>[];
-    customTheme: NodePath<JSXElement, JSXElement>[];
-  };
+	type Groups = {
+		standard: NodePath<JSXElement, JSXElement>[];
+		loading: NodePath<JSXElement, JSXElement>[];
+		customTheme: NodePath<JSXElement, JSXElement>[];
+	};
 
-  const groups: Groups = {
-    standard: [],
-    loading: [],
-    customTheme: [],
-  };
+	const groups: Groups = {
+		standard: [],
+		loading: [],
+		customTheme: [],
+	};
 
-  base.findJSXElements(defaultName).forEach((path) => {
-    const hasThemeProp: boolean = isUsingProp({
-      j,
-      base,
-      element: path,
-      propName: 'theme',
-    });
+	base.findJSXElements(defaultName).forEach((path) => {
+		const hasThemeProp: boolean = isUsingProp({
+			j,
+			base,
+			element: path,
+			propName: 'theme',
+		});
 
-    if (hasThemeProp) {
-      groups.customTheme.push(path);
-      return;
-    }
+		if (hasThemeProp) {
+			groups.customTheme.push(path);
+			return;
+		}
 
-    if (!isUsingSupportedSpread({ j, base, element: path })) {
-      addCommentToStartOfFile({
-        j,
-        base,
-        message: `
+		if (!isUsingSupportedSpread({ j, base, element: path })) {
+			addCommentToStartOfFile({
+				j,
+				base,
+				message: `
           Detected spreading props (<Button {...props} />) that was too complex for our codemod to understand
           Our codemod will only look at inline objects, or objects defined in the same file (ObjectExpression's)
           We have opted for our safest upgrade component in this file: '<CustomThemeButton />'
         `,
-      });
-      groups.customTheme.push(path);
-      return;
-    }
+			});
+			groups.customTheme.push(path);
+			return;
+		}
 
-    const isUsingThemeInFile: boolean =
-      base
-        .find(j.ImportDeclaration)
-        .filter(
-          (declaration) =>
-            declaration.value.source.value ===
-            '@atlaskit/button/custom-theme-button',
-        )
-        .find(j.ImportSpecifier)
-        .filter((specifier) => specifier.value.imported.name === 'Theme')
-        .length > 0;
+		const isUsingThemeInFile: boolean =
+			base
+				.find(j.ImportDeclaration)
+				.filter(
+					(declaration) =>
+						declaration.value.source.value === '@atlaskit/button/custom-theme-button',
+				)
+				.find(j.ImportSpecifier)
+				.filter((specifier) => specifier.value.imported.name === 'Theme').length > 0;
 
-    if (isUsingThemeInFile) {
-      addCommentToStartOfFile({
-        j,
-        base,
-        message: `
+		if (isUsingThemeInFile) {
+			addCommentToStartOfFile({
+				j,
+				base,
+				message: `
           Using "import { Theme } from '@atlaskit/button/custom-theme-button" in a file
           will cause all buttons in that file to be safely converted to a <CustomThemeButton/>
         `,
-      });
+			});
 
-      groups.customTheme.push(path);
-      return;
-    }
+			groups.customTheme.push(path);
+			return;
+		}
 
-    const hasIsLoadingProp: boolean = isUsingProp({
-      j,
-      base,
-      element: path,
-      propName: 'isLoading',
-    });
+		const hasIsLoadingProp: boolean = isUsingProp({
+			j,
+			base,
+			element: path,
+			propName: 'isLoading',
+		});
 
-    if (hasIsLoadingProp) {
-      groups.loading.push(path);
-      return;
-    }
+		if (hasIsLoadingProp) {
+			groups.loading.push(path);
+			return;
+		}
 
-    groups.standard.push(path);
-    return;
-  });
+		groups.standard.push(path);
+		return;
+	});
 
-  convertButtonType({
-    j,
-    base,
-    elements: groups.standard,
-    name: getSafeImportName({
-      j,
-      base,
-      currentDefaultSpecifierName: defaultName,
-      desiredName: 'Button',
-      fallbackName: 'DSButton',
-    }),
-    newPackageName: '@atlaskit/button/standard-button',
-  });
+	convertButtonType({
+		j,
+		base,
+		elements: groups.standard,
+		name: getSafeImportName({
+			j,
+			base,
+			currentDefaultSpecifierName: defaultName,
+			desiredName: 'Button',
+			fallbackName: 'DSButton',
+		}),
+		newPackageName: '@atlaskit/button/standard-button',
+	});
 
-  convertButtonType({
-    j,
-    base,
-    elements: groups.loading,
-    newPackageName: '@atlaskit/button/loading-button',
-    name: getSafeImportName({
-      j,
-      base,
-      desiredName: 'LoadingButton',
-      fallbackName: 'DSLoadingButton',
-      currentDefaultSpecifierName: defaultName,
-    }),
-  });
-  convertButtonType({
-    j,
-    base,
-    elements: groups.customTheme,
-    newPackageName: '@atlaskit/button/custom-theme-button',
-    name: getSafeImportName({
-      j,
-      base,
-      currentDefaultSpecifierName: defaultName,
-      desiredName: 'CustomThemeButton',
-      fallbackName: 'DSCustomThemeButton',
-    }),
-  });
+	convertButtonType({
+		j,
+		base,
+		elements: groups.loading,
+		newPackageName: '@atlaskit/button/loading-button',
+		name: getSafeImportName({
+			j,
+			base,
+			desiredName: 'LoadingButton',
+			fallbackName: 'DSLoadingButton',
+			currentDefaultSpecifierName: defaultName,
+		}),
+	});
+	convertButtonType({
+		j,
+		base,
+		elements: groups.customTheme,
+		newPackageName: '@atlaskit/button/custom-theme-button',
+		name: getSafeImportName({
+			j,
+			base,
+			currentDefaultSpecifierName: defaultName,
+			desiredName: 'CustomThemeButton',
+			fallbackName: 'DSCustomThemeButton',
+		}),
+	});
 }
 
-export default function transformer(
-  file: FileInfo,
-  { jscodeshift: j }: API,
-  options: Options,
-) {
-  return transformButton({
-    j,
-    file,
-    custom: (base: Collection<any>) => {
-      changeImportFor({
-        j,
-        base,
-        option: {
-          type: 'keep-name',
-          name: 'ButtonProps',
-          behaviour: 'keep-as-named-import',
-        },
-        oldPackagePath: '@atlaskit/button',
-        newPackagePath: '@atlaskit/button/types',
-      });
+export default function transformer(file: FileInfo, { jscodeshift: j }: API, options: Options) {
+	return transformButton({
+		j,
+		file,
+		custom: (base: Collection<any>) => {
+			changeImportFor({
+				j,
+				base,
+				option: {
+					type: 'keep-name',
+					name: 'ButtonProps',
+					behaviour: 'keep-as-named-import',
+				},
+				oldPackagePath: '@atlaskit/button',
+				newPackagePath: '@atlaskit/button/types',
+			});
 
-      const isUsingButtonPropsType: boolean =
-        base
-          .find(j.ImportDeclaration)
-          .filter(
-            (declaration) =>
-              declaration.value.source.value === '@atlaskit/button/types',
-          )
-          .find(j.ImportSpecifier)
-          .filter(
-            (specifier) => specifier.value.imported.name === 'ButtonProps',
-          ).length > 0;
+			const isUsingButtonPropsType: boolean =
+				base
+					.find(j.ImportDeclaration)
+					.filter((declaration) => declaration.value.source.value === '@atlaskit/button/types')
+					.find(j.ImportSpecifier)
+					.filter((specifier) => specifier.value.imported.name === 'ButtonProps').length > 0;
 
-      if (isUsingButtonPropsType) {
-        const target = base
-          .find(j.ImportDeclaration)
-          .filter(
-            (declaration) =>
-              declaration.value.source.value === '@atlaskit/button/types',
-          );
-        addCommentBefore({
-          j,
-          target,
-          message: `
+			if (isUsingButtonPropsType) {
+				const target = base
+					.find(j.ImportDeclaration)
+					.filter((declaration) => declaration.value.source.value === '@atlaskit/button/types');
+				addCommentBefore({
+					j,
+					target,
+					message: `
       Verify ButtonProps is the right prop type
       You might need the LoadingButtonProps, CustomButtonProps types which can be imported from '@atlaskit/button/types'
     `,
-        });
-      }
+				});
+			}
 
-      changeUsage({
-        j,
-        base,
-        packageName: '@atlaskit/button',
-      });
-    },
-  });
+			changeUsage({
+				j,
+				base,
+				packageName: '@atlaskit/button',
+			});
+		},
+	});
 }
 
 // Note: not exporting a 'parser' because doing so

package/dist/cjs/old-button/shared/button-base.js

@@ -129,7 +129,7 @@ var _default = exports.default = /*#__PURE__*/_react.default.forwardRef(function
     action: 'clicked',
     componentName: 'button',
     packageName: "@atlaskit/button",
-    packageVersion: "17.17.2",
+    packageVersion: "17.17.3",
     analyticsData: analyticsContext
   });
 

package/dist/es2019/new-button/variants/default/link.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { forwardRef, memo } from 'react';
-import UNSAFE_ANCHOR from '@atlaskit/primitives/anchor';
+import Anchor from '@atlaskit/primitives/anchor';
 import useDefaultButton from './use-default-button';
 const LinkButtonBase = ({
   analyticsContext,
@@ -59,7 +59,7 @@ const LinkButtonBase = ({
     UNSAFE_iconAfter_size,
     UNSAFE_iconBefore_size
   });
-  return /*#__PURE__*/React.createElement(UNSAFE_ANCHOR
+  return /*#__PURE__*/React.createElement(Anchor
   // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
   , _extends({}, rest, {
     ref: baseProps.ref,

package/dist/es2019/new-button/variants/icon/link.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { forwardRef, memo } from 'react';
-import UNSAFE_ANCHOR from '@atlaskit/primitives/anchor';
+import Anchor from '@atlaskit/primitives/anchor';
 import Tooltip from '@atlaskit/tooltip';
 import useIconButton from './use-icon-button';
 const LinkIconButtonBase = ({
@@ -77,7 +77,7 @@ const LinkIconButtonBase = ({
       component: tooltip === null || tooltip === void 0 ? void 0 : tooltip.component,
       hideTooltipOnClick: tooltip === null || tooltip === void 0 ? void 0 : tooltip.hideTooltipOnClick,
       hideTooltipOnMouseDown: tooltip === null || tooltip === void 0 ? void 0 : tooltip.hideTooltipOnMouseDown
-    }, triggerProps => /*#__PURE__*/React.createElement(UNSAFE_ANCHOR
+    }, triggerProps => /*#__PURE__*/React.createElement(Anchor
     // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
     , _extends({}, rest, {
       testId: testId,
@@ -151,7 +151,7 @@ const LinkIconButtonBase = ({
       "aria-disabled": baseProps.isDisabled === true ? true : undefined
     }), baseProps.children));
   }
-  return /*#__PURE__*/React.createElement(UNSAFE_ANCHOR
+  return /*#__PURE__*/React.createElement(Anchor
   // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
   , _extends({}, rest, {
     ref: baseProps.ref,

package/dist/es2019/old-button/shared/button-base.js

@@ -114,7 +114,7 @@ export default /*#__PURE__*/React.forwardRef(function ButtonBase(props, ref) {
     action: 'clicked',
     componentName: 'button',
     packageName: "@atlaskit/button",
-    packageVersion: "17.17.2",
+    packageVersion: "17.17.3",
     analyticsData: analyticsContext
   });
 

package/dist/esm/new-button/variants/default/link.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["analyticsContext", "appearance", "autoFocus", "children", "href", "iconAfter", "iconBefore", "interactionName", "isDisabled", "isSelected", "onClick", "onClickCapture", "onKeyDownCapture", "onKeyUpCapture", "onMouseDownCapture", "onMouseUpCapture", "onPointerDownCapture", "onPointerUpCapture", "onTouchEndCapture", "onTouchStartCapture", "overlay", "shouldFitContainer", "spacing", "testId", "UNSAFE_iconAfter_size", "UNSAFE_iconBefore_size"];
 import React, { forwardRef, memo } from 'react';
-import UNSAFE_ANCHOR from '@atlaskit/primitives/anchor';
+import Anchor from '@atlaskit/primitives/anchor';
 import useDefaultButton from './use-default-button';
 var LinkButtonBase = function LinkButtonBase(_ref, ref) {
   var analyticsContext = _ref.analyticsContext,
@@ -60,7 +60,7 @@ var LinkButtonBase = function LinkButtonBase(_ref, ref) {
     UNSAFE_iconAfter_size: UNSAFE_iconAfter_size,
     UNSAFE_iconBefore_size: UNSAFE_iconBefore_size
   });
-  return /*#__PURE__*/React.createElement(UNSAFE_ANCHOR
+  return /*#__PURE__*/React.createElement(Anchor
   // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
   , _extends({}, rest, {
     ref: baseProps.ref,

package/dist/esm/new-button/variants/icon/link.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["aria-label", "analyticsContext", "appearance", "autoFocus", "href", "icon", "interactionName", "isDisabled", "isSelected", "isTooltipDisabled", "label", "onClick", "onClickCapture", "onKeyDownCapture", "onKeyUpCapture", "onMouseDownCapture", "onMouseUpCapture", "onPointerDownCapture", "onPointerUpCapture", "onTouchEndCapture", "onTouchStartCapture", "overlay", "shape", "spacing", "testId", "tooltip", "UNSAFE_size"];
 import React, { forwardRef, memo } from 'react';
-import UNSAFE_ANCHOR from '@atlaskit/primitives/anchor';
+import Anchor from '@atlaskit/primitives/anchor';
 import Tooltip from '@atlaskit/tooltip';
 import useIconButton from './use-icon-button';
 var LinkIconButtonBase = function LinkIconButtonBase(_ref, ref) {
@@ -79,7 +79,7 @@ var LinkIconButtonBase = function LinkIconButtonBase(_ref, ref) {
       hideTooltipOnClick: tooltip === null || tooltip === void 0 ? void 0 : tooltip.hideTooltipOnClick,
       hideTooltipOnMouseDown: tooltip === null || tooltip === void 0 ? void 0 : tooltip.hideTooltipOnMouseDown
     }, function (triggerProps) {
-      return /*#__PURE__*/React.createElement(UNSAFE_ANCHOR
+      return /*#__PURE__*/React.createElement(Anchor
       // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
       , _extends({}, rest, {
         testId: testId,
@@ -154,7 +154,7 @@ var LinkIconButtonBase = function LinkIconButtonBase(_ref, ref) {
       }), baseProps.children);
     });
   }
-  return /*#__PURE__*/React.createElement(UNSAFE_ANCHOR
+  return /*#__PURE__*/React.createElement(Anchor
   // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
   , _extends({}, rest, {
     ref: baseProps.ref,

package/dist/esm/old-button/shared/button-base.js

@@ -120,7 +120,7 @@ export default /*#__PURE__*/React.forwardRef(function ButtonBase(props, ref) {
     action: 'clicked',
     componentName: 'button',
     packageName: "@atlaskit/button",
-    packageVersion: "17.17.2",
+    packageVersion: "17.17.3",
     analyticsData: analyticsContext
   });
 

package/dist/types/entry-points/loading-button.d.ts

@@ -1,2 +1,2 @@
 export { default } from '../old-button/loading-button';
-export type { LoadingButtonProps, LoadingButtonOwnProps, } from '../old-button/loading-button';
+export type { LoadingButtonProps, LoadingButtonOwnProps } from '../old-button/loading-button';

package/dist/types/entry-points/new.d.ts

@@ -1,6 +1,6 @@
-export { default, type ButtonProps, } from '../new-button/variants/default/button';
-export { default as LinkButton, type LinkButtonProps, } from '../new-button/variants/default/link';
-export { default as IconButton, type IconButtonProps, } from '../new-button/variants/icon/button';
+export { default, type ButtonProps } from '../new-button/variants/default/button';
+export { default as LinkButton, type LinkButtonProps } from '../new-button/variants/default/link';
+export { default as IconButton, type IconButtonProps } from '../new-button/variants/icon/button';
 export { default as LinkIconButton, type LinkIconButtonProps, } from '../new-button/variants/icon/link';
 export { SplitButton } from '../new-button/containers/split-button';
 export type { Appearance, Spacing } from '../new-button/variants/types';

package/dist/types/entry-points/types.d.ts

@@ -1,4 +1,4 @@
-export type { Appearance, Spacing, BaseOwnProps, BaseProps, } from '../old-button/types';
+export type { Appearance, Spacing, BaseOwnProps, BaseProps } from '../old-button/types';
 export type { ButtonProps } from './standard-button';
-export type { LoadingButtonProps, LoadingButtonOwnProps, } from './loading-button';
+export type { LoadingButtonProps, LoadingButtonOwnProps } from './loading-button';
 export type { ThemeTokens, ThemeProps, InteractionState, CustomThemeButtonProps, CustomThemeButtonOwnProps, } from './custom-theme-button';

package/dist/types/index.d.ts

@@ -1,9 +1,9 @@
-export type { Appearance, Spacing, BaseOwnProps, BaseProps, } from './entry-points/types';
+export type { Appearance, Spacing, BaseOwnProps, BaseProps } from './entry-points/types';
 export { default, } from './entry-points/standard-button';
 export type { ButtonProps } from './entry-points/standard-button';
 export { default as LoadingButton } from './entry-points/loading-button';
-export type { LoadingButtonProps, LoadingButtonOwnProps, } from './entry-points/loading-button';
-export { default as CustomThemeButton, Theme, } from './entry-points/custom-theme-button';
+export type { LoadingButtonProps, LoadingButtonOwnProps } from './entry-points/loading-button';
+export { default as CustomThemeButton, Theme } from './entry-points/custom-theme-button';
 export type { ThemeTokens, ThemeProps, InteractionState, CustomThemeButtonProps, CustomThemeButtonOwnProps, } from './entry-points/custom-theme-button';
 export { default as ButtonGroup } from './entry-points/button-group';
 export type { ButtonGroupProps } from './entry-points/button-group';