@atlaskit/checkbox 17.3.3 → 17.3.4

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/checkbox
 
+## 17.3.4
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 17.3.3
 
 ### Patch Changes

package/codemods/migrations/remove-imports.tsx

@@ -1,6 +1,9 @@
 import { createRemoveImportsFor } from '../utils';
 
-export const removeThemeImports: (j: import("jscodeshift/src/core").JSCodeshift, source: import("jscodeshift/src/Collection").Collection<Node>) => void = createRemoveImportsFor({
+export const removeThemeImports: (
+	j: import('jscodeshift/src/core').JSCodeshift,
+	source: import('jscodeshift/src/Collection').Collection<Node>,
+) => void = createRemoveImportsFor({
 	importsToRemove: ['ComponentTokens', 'ThemeFn'],
 	packagePath: '@atlaskit/checkbox/types',
 	comment: `This file uses exports used to help theme @atlaskit/checkbox which

package/codemods/migrations/remove-props.tsx

@@ -1,8 +1,14 @@
 import { createRemoveFuncFor } from '../utils';
 
-export const removeFullWidth: (j: import("jscodeshift/src/core").JSCodeshift, source: import("jscodeshift/src/Collection").Collection<Node>) => void = createRemoveFuncFor('@atlaskit/checkbox', 'Checkbox', 'isFullWidth');
+export const removeFullWidth: (
+	j: import('jscodeshift/src/core').JSCodeshift,
+	source: import('jscodeshift/src/Collection').Collection<Node>,
+) => void = createRemoveFuncFor('@atlaskit/checkbox', 'Checkbox', 'isFullWidth');
 
-export const removeOverrides: (j: import("jscodeshift/src/core").JSCodeshift, source: import("jscodeshift/src/Collection").Collection<Node>) => void = createRemoveFuncFor(
+export const removeOverrides: (
+	j: import('jscodeshift/src/core').JSCodeshift,
+	source: import('jscodeshift/src/Collection').Collection<Node>,
+) => void = createRemoveFuncFor(
 	'@atlaskit/checkbox',
 	'Checkbox',
 	'overrides',
@@ -13,7 +19,10 @@ export const removeOverrides: (j: import("jscodeshift/src/core").JSCodeshift, so
   of Checkbox will have likely changed.`,
 );
 
-export const removeTheme: (j: import("jscodeshift/src/core").JSCodeshift, source: import("jscodeshift/src/Collection").Collection<Node>) => void = createRemoveFuncFor(
+export const removeTheme: (
+	j: import('jscodeshift/src/core').JSCodeshift,
+	source: import('jscodeshift/src/Collection').Collection<Node>,
+) => void = createRemoveFuncFor(
 	'@atlaskit/checkbox',
 	'Checkbox',
 	'theme',
@@ -24,4 +33,7 @@ export const removeTheme: (j: import("jscodeshift/src/core").JSCodeshift, source
   The appearance of Checkbox will have likely changed.`,
 );
 
-export const removeSize: (j: import("jscodeshift/src/core").JSCodeshift, source: import("jscodeshift/src/Collection").Collection<Node>) => void = createRemoveFuncFor('@atlaskit/checkbox', 'Checkbox', 'size');
+export const removeSize: (
+	j: import('jscodeshift/src/core').JSCodeshift,
+	source: import('jscodeshift/src/Collection').Collection<Node>,
+) => void = createRemoveFuncFor('@atlaskit/checkbox', 'Checkbox', 'size');

package/codemods/migrations/rename-import.tsx

@@ -4,19 +4,28 @@ import { createRenameImportFor } from '../utils';
 // there are a lot of possible things to fix. Having searched on SourceTree
 // these are the only things that need to be fixed
 
-export const renameTypeImport: (j: import("jscodeshift/src/core").JSCodeshift, source: import("jscodeshift/src/Collection").Collection<Node>) => void = createRenameImportFor({
+export const renameTypeImport: (
+	j: import('jscodeshift/src/core').JSCodeshift,
+	source: import('jscodeshift/src/Collection').Collection<Node>,
+) => void = createRenameImportFor({
 	componentName: 'CheckboxProps',
 	oldPackagePath: '@atlaskit/checkbox/types',
 	newPackagePath: '@atlaskit/checkbox',
 });
 
-export const renameDeepTypeImport: (j: import("jscodeshift/src/core").JSCodeshift, source: import("jscodeshift/src/Collection").Collection<Node>) => void = createRenameImportFor({
+export const renameDeepTypeImport: (
+	j: import('jscodeshift/src/core').JSCodeshift,
+	source: import('jscodeshift/src/Collection').Collection<Node>,
+) => void = createRenameImportFor({
 	componentName: 'CheckboxProps',
 	oldPackagePath: '@atlaskit/checkbox/dist/cjs/types',
 	newPackagePath: '@atlaskit/checkbox',
 });
 
-export const renameCheckboxWithoutAnalyticsImport: (j: import("jscodeshift/src/core").JSCodeshift, source: import("jscodeshift/src/Collection").Collection<Node>) => void = createRenameImportFor({
+export const renameCheckboxWithoutAnalyticsImport: (
+	j: import('jscodeshift/src/core').JSCodeshift,
+	source: import('jscodeshift/src/Collection').Collection<Node>,
+) => void = createRenameImportFor({
 	componentName: 'CheckboxWithoutAnalytics',
 	newComponentName: 'Checkbox',
 	oldPackagePath: '@atlaskit/checkbox/Checkbox',

package/codemods/migrations/rename-input-ref-to-ref.tsx

@@ -1,8 +1,6 @@
 import { createRenameFuncFor } from '../utils';
 
-export const renameInputRef: (j: import("jscodeshift/src/core").JSCodeshift, source: import("jscodeshift/src/Collection").Collection<Node>) => void = createRenameFuncFor(
-	'@atlaskit/checkbox',
-	'Checkbox',
-	'inputRef',
-	'ref',
-);
+export const renameInputRef: (
+	j: import('jscodeshift/src/core').JSCodeshift,
+	source: import('jscodeshift/src/Collection').Collection<Node>,
+) => void = createRenameFuncFor('@atlaskit/checkbox', 'Checkbox', 'inputRef', 'ref');

package/codemods/utils.tsx

@@ -20,7 +20,7 @@ export function getNamedSpecifier(
 	source: any,
 	specifier: string,
 	importName: string,
-) {
+): any {
 	const specifiers = source
 		.find(j.ImportDeclaration)
 		.filter((path: ASTPath<ImportDeclaration>) => path.node.source.value === specifier)
@@ -61,7 +61,11 @@ export function getJSXAttributesByName(
 		});
 }
 
-export function hasImportDeclaration(j: core.JSCodeshift, source: any, importPath: string) {
+export function hasImportDeclaration(
+	j: core.JSCodeshift,
+	source: any,
+	importPath: string,
+): boolean {
 	const imports = source
 		.find(j.ImportDeclaration)
 		.filter(
@@ -78,7 +82,7 @@ export function findIdentifierAndReplaceAttribute(
 	identifierName: string,
 	searchAttr: string,
 	replaceWithAttr: string,
-) {
+): void {
 	source
 		.find(j.JSXElement)
 		.find(j.JSXOpeningElement)
@@ -136,7 +140,7 @@ export function addCommentToStartOfFile({
 	j: core.JSCodeshift;
 	base: Collection<Node>;
 	message: string;
-}) {
+}): void {
 	addCommentBefore({
 		j,
 		target: base.find(j.Program),
@@ -152,7 +156,7 @@ export function addCommentBefore({
 	j: core.JSCodeshift;
 	target: Collection<Program> | Collection<ImportDeclaration>;
 	message: string;
-}) {
+}): void {
 	const content: string = ` TODO: (from codemod) ${clean(message)} `;
 	target.forEach((path: ASTPath<Program | ImportDeclaration>) => {
 		path.value.comments = path.value.comments || [];
@@ -178,7 +182,7 @@ export function tryCreateImport({
 	base: Collection<any>;
 	relativeToPackage: string;
 	packageName: string;
-}) {
+}): void {
 	const exists: boolean =
 		base.find(j.ImportDeclaration).filter((path) => path.value.source.value === packageName)
 			.length > 0;
@@ -203,7 +207,7 @@ export function addToImport({
 	base: Collection<any>;
 	importSpecifier: ImportSpecifier | ImportDefaultSpecifier;
 	packageName: string;
-}) {
+}): void {
 	base
 		.find(j.ImportDeclaration)
 		.filter((path) => path.value.source.value === packageName)
@@ -223,7 +227,12 @@ export function addToImport({
 		});
 }
 
-export const createRenameFuncFor =
+export const createRenameFuncFor: (
+	component: string,
+	importName: string,
+	from: string,
+	to: string,
+) => (j: core.JSCodeshift, source: Collection<Node>) => void =
 	(component: string, importName: string, from: string, to: string) =>
 	(j: core.JSCodeshift, source: Collection<Node>) => {
 		const specifier = getNamedSpecifier(j, source, component, importName);
@@ -253,7 +262,12 @@ export const createRenameFuncFor =
 		}
 	};
 
-export const createRemoveFuncFor =
+export const createRemoveFuncFor: (
+	component: string,
+	importName: string,
+	prop: string,
+	comment?: string,
+) => (j: core.JSCodeshift, source: Collection<Node>) => void =
 	(component: string, importName: string, prop: string, comment?: string) =>
 	(j: core.JSCodeshift, source: Collection<Node>) => {
 		const specifier =
@@ -274,7 +288,17 @@ export const createRemoveFuncFor =
 		});
 	};
 
-export const createRenameImportFor =
+export const createRenameImportFor: ({
+	componentName,
+	newComponentName,
+	oldPackagePath,
+	newPackagePath,
+}: {
+	componentName: string;
+	newComponentName?: string;
+	oldPackagePath: string;
+	newPackagePath: string;
+}) => (j: core.JSCodeshift, source: Collection<Node>) => void =
 	({
 		componentName,
 		newComponentName,
@@ -355,7 +379,15 @@ export const createRenameImportFor =
 			.remove();
 	};
 
-export const createRemoveImportsFor =
+export const createRemoveImportsFor: ({
+	importsToRemove,
+	packagePath,
+	comment,
+}: {
+	importsToRemove: string[];
+	packagePath: string;
+	comment: string;
+}) => (j: core.JSCodeshift, source: Collection<Node>) => void =
 	({
 		importsToRemove,
 		packagePath,
@@ -425,16 +457,21 @@ export const createRemoveImportsFor =
 		}
 	};
 
-export const createTransformer =
+export const createTransformer: (
+	component: string,
+	migrates: {
+		(j: core.JSCodeshift, source: Collection<Node>): void;
+	}[],
+) => (fileInfo: FileInfo, { jscodeshift }: API, options: Options) => string =
 	(component: string, migrates: { (j: core.JSCodeshift, source: Collection<Node>): void }[]) =>
-	(fileInfo: FileInfo, { jscodeshift: j }: API, options: Options) => {
-		const source: Collection<Node> = j(fileInfo.source);
+	(fileInfo: FileInfo, { jscodeshift }: API, options: Options) => {
+		const source: Collection<Node> = jscodeshift(fileInfo.source);
 
-		if (!hasImportDeclaration(j, source, component)) {
+		if (!hasImportDeclaration(jscodeshift, source, component)) {
 			return fileInfo.source;
 		}
 
-		migrates.forEach((tf) => tf(j, source));
+		migrates.forEach((tf) => tf(jscodeshift, source));
 
 		return source.toSource(options.printOptions || { quote: 'single' });
 	};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/checkbox",
-	"version": "17.3.3",
+	"version": "17.3.4",
 	"description": "A checkbox is an input control that allows a user to select one or more options from a number of choices.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -36,7 +36,7 @@
 		"@atlaskit/css": "^0.19.0",
 		"@atlaskit/ds-lib": "^5.3.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/theme": "^21.0.0",
+		"@atlaskit/theme": "^22.0.0",
 		"@atlaskit/tokens": "^11.0.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.18.6"
@@ -49,8 +49,8 @@
 		"@af/integration-testing": "workspace:^",
 		"@af/suppress-react-warnings": "workspace:^",
 		"@af/visual-regression": "workspace:^",
-		"@atlaskit/button": "^23.9.0",
-		"@atlaskit/docs": "^11.3.0",
+		"@atlaskit/button": "^23.10.0",
+		"@atlaskit/docs": "^11.5.0",
 		"@atlaskit/form": "^15.3.0",
 		"@atlaskit/link": "^3.3.0",
 		"@atlaskit/primitives": "^18.0.0",
@@ -91,9 +91,6 @@
 		"platform-checkbox-atomic-styles": {
 			"type": "boolean"
 		},
-		"platform-visual-refresh-icons": {
-			"type": "boolean"
-		},
 		"platform-dst-shape-theme-default": {
 			"type": "boolean"
 		}