@atlaskit/range 8.2.0 → 9.0.1

package/CHANGELOG.md

@@ -1,5 +1,31 @@
 # @atlaskit/range
 
+## 9.0.1
+
+### Patch Changes
+
+- [#120300](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/120300)
+  [`c7e29fd764fdc`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/c7e29fd764fdc) -
+  Remove old codemod and update dependencies.
+
+## 9.0.0
+
+### Major Changes
+
+- [#117363](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/117363)
+  [`10a0f7f6c2027`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/10a0f7f6c2027) -
+  This package's `peerDependencies` have been adjusted for `react` and/or `react-dom` to reflect the
+  status of only supporting React 18 going forward. No explicit breaking change to React support has
+  been made in this release, but this is to signify going forward, breaking changes for React 16 or
+  React 17 may come via non-major semver releases.
+
+  Please refer this community post for more details:
+  https://community.developer.atlassian.com/t/rfc-78-dropping-support-for-react-16-and-rendering-in-a-react-18-concurrent-root-in-jira-and-confluence/87026
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 8.2.0
 
 ### Minor Changes

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/range",
-	"version": "8.2.0",
+	"version": "9.0.1",
 	"description": "A range lets users choose an approximate value on a slider.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -25,31 +25,33 @@
 		}
 	},
 	"dependencies": {
-		"@atlaskit/css": "^0.9.0",
-		"@atlaskit/ds-lib": "^3.5.0",
-		"@atlaskit/theme": "^16.0.0",
-		"@atlaskit/tokens": "^3.3.0",
+		"@atlaskit/css": "^0.10.0",
+		"@atlaskit/ds-lib": "^4.0.0",
+		"@atlaskit/theme": "^17.0.0",
+		"@atlaskit/tokens": "^4.2.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.18.2"
 	},
 	"peerDependencies": {
-		"react": "^16.8.0 || ^17.0.0 || ^18.0.0"
+		"react": "^18.2.0"
 	},
 	"devDependencies": {
 		"@af/accessibility-testing": "*",
 		"@af/integration-testing": "*",
 		"@af/visual-regression": "*",
-		"@atlaskit/checkbox": "^15.4.0",
+		"@atlaskit/button": "^21.1.0",
+		"@atlaskit/checkbox": "^17.0.0",
+		"@atlaskit/docs": "*",
+		"@atlaskit/form": "^12.0.0",
+		"@atlaskit/link": "*",
+		"@atlaskit/primitives": "^14.1.2",
+		"@atlaskit/section-message": "*",
 		"@atlaskit/ssr": "*",
-		"@atlaskit/tooltip": "^19.2.0",
-		"@atlaskit/visual-regression": "*",
+		"@atlaskit/tooltip": "^20.0.0",
 		"@emotion/styled": "^11.0.0",
 		"@testing-library/react": "^13.4.0",
-		"@types/jscodeshift": "^0.11.0",
-		"jscodeshift": "^0.13.0",
 		"lodash": "^4.17.21",
 		"react-dom": "^18.2.0",
-		"storybook-addon-performance": "^0.17.3",
 		"typescript": "~5.4.2"
 	},
 	"keywords": [

package/codemods/4.0.0-lite-mode.tsx

@@ -1,67 +0,0 @@
-import {
-	type API,
-	type ASTPath,
-	type default as core,
-	type FileInfo,
-	type ImportDeclaration,
-	type JSXAttribute,
-	type Options,
-} from 'jscodeshift';
-
-function getDefaultSpecifier(j: core.JSCodeshift, source: any, specifier: string) {
-	const specifiers = source
-		.find(j.ImportDeclaration)
-		.filter((path: ASTPath<ImportDeclaration>) => path.node.source.value === specifier)
-		.find(j.ImportDefaultSpecifier);
-
-	if (!specifiers.length) {
-		return null;
-	}
-	return specifiers.nodes()[0]!.local!.name;
-}
-
-function getJSXAttributesByName(j: core.JSCodeshift, element: ASTPath<any>, attributeName: string) {
-	return j(element)
-		.find(j.JSXOpeningElement)
-		.find(j.JSXAttribute)
-		.filter((attribute) => {
-			const matches = j(attribute)
-				.find(j.JSXIdentifier)
-				.filter((identifier) => identifier.value.name === attributeName);
-			return Boolean(matches.length);
-		});
-}
-
-function updateRef(j: core.JSCodeshift, source: any) {
-	const defaultSpecifier = getDefaultSpecifier(j, source, '@atlaskit/range');
-
-	if (!defaultSpecifier) {
-		return;
-	}
-
-	source.findJSXElements(defaultSpecifier).forEach((element: ASTPath<JSXAttribute>) => {
-		getJSXAttributesByName(j, element, 'inputRef').forEach((attribute) => {
-			j(attribute).replaceWith(j.jsxAttribute(j.jsxIdentifier('ref'), attribute.node.value));
-		});
-	});
-}
-
-function hasImportDeclaration(j: core.JSCodeshift, source: any, importPath: string) {
-	const imports = source
-		.find(j.ImportDeclaration)
-		.filter((path: ASTPath<ImportDeclaration>) => path.node.source.value === importPath);
-
-	return Boolean(imports.length);
-}
-
-export default function transformer(fileInfo: FileInfo, { jscodeshift: j }: API, options: Options) {
-	const source = j(fileInfo.source);
-
-	if (!hasImportDeclaration(j, source, '@atlaskit/range')) {
-		return fileInfo.source;
-	}
-
-	updateRef(j, source);
-
-	return source.toSource(options.printOptions || { quote: 'single' });
-}

package/codemods/__tests__/4.0.0-lite-mode.tsx

@@ -1,109 +0,0 @@
-jest.autoMockOff();
-
-import transformer from '../4.0.0-lite-mode';
-
-const defineInlineTest = require('jscodeshift/dist/testUtils').defineInlineTest;
-
-describe('Update ref prop', () => {
-	defineInlineTest(
-		{ default: transformer, parser: 'tsx' },
-		{},
-		`
-      import React, { useRef } from 'react';
-      import Range from '@atlaskit/range';
-
-      const SimpleRange = () => {
-        let ref = useRef();
-
-        const inputRef = (newRef) => {
-          ref = newRef;
-        }
-        return <Range inputRef={inputRef} />;
-      }
-    `,
-		`
-      import React, { useRef } from 'react';
-      import Range from '@atlaskit/range';
-
-      const SimpleRange = () => {
-        let ref = useRef();
-
-        const inputRef = (newRef) => {
-          ref = newRef;
-        }
-        return <Range ref={inputRef} />;
-      }
-    `,
-		'should replace inputRef with ref',
-	);
-
-	defineInlineTest(
-		{ default: transformer, parser: 'tsx' },
-		{},
-		`
-      import React, { useRef } from 'react';
-      import Range from '@atlaskit/range';
-
-      const SimpleRange = () => {
-        let ref = useRef();
-
-        return (
-          <Range
-            inputRef={newRef => {
-              ref = newRef;
-            }}
-          />
-        );
-      }
-    `,
-		`
-      import React, { useRef } from 'react';
-      import Range from '@atlaskit/range';
-
-      const SimpleRange = () => {
-        let ref = useRef();
-
-        return (
-          <Range
-            ref={newRef => {
-              ref = newRef;
-            }}
-          />
-        );
-      }
-    `,
-		'should replace inputRef with ref when defined inline',
-	);
-
-	defineInlineTest(
-		{ default: transformer, parser: 'tsx' },
-		{},
-		`
-      import React, { useRef } from 'react';
-      import Foo from '@atlaskit/range';
-
-      const SimpleRange = () => {
-        let ref = useRef();
-
-        const inputRef = (newRef) => {
-          ref = newRef;
-        }
-        return <Foo inputRef={inputRef} />;
-      }
-    `,
-		`
-      import React, { useRef } from 'react';
-      import Foo from '@atlaskit/range';
-
-      const SimpleRange = () => {
-        let ref = useRef();
-
-        const inputRef = (newRef) => {
-          ref = newRef;
-        }
-        return <Foo ref={inputRef} />;
-      }
-    `,
-		'should change inputRef with aliased import name',
-	);
-});