@atlaskit/progress-indicator 11.3.0 → 12.0.1

package/CHANGELOG.md

@@ -1,5 +1,29 @@
 # @atlaskit/progress-indicator
 
+## 12.0.1
+
+### Patch Changes
+
+- Updated dependencies
+
+## 12.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
+
 ## 11.3.0
 
 ### Minor Changes

package/dist/cjs/components/progress-dots.js

@@ -16,7 +16,7 @@ var _indicator = require("./indicator");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 var packageName = "@atlaskit/progress-indicator";
-var packageVersion = "11.3.0";
+var packageVersion = "12.0.1";
 var progressIndicatorGapMap = {
   comfortable: {
     default: 'space.100',

package/dist/es2019/components/progress-dots.js

@@ -5,7 +5,7 @@ import noop from '@atlaskit/ds-lib/noop';
 import { Box, Inline } from '@atlaskit/primitives/compiled';
 import { ButtonIndicator, PresentationalIndicator } from './indicator';
 const packageName = "@atlaskit/progress-indicator";
-const packageVersion = "11.3.0";
+const packageVersion = "12.0.1";
 const progressIndicatorGapMap = {
   comfortable: {
     default: 'space.100',

package/dist/esm/components/progress-dots.js

@@ -6,7 +6,7 @@ import noop from '@atlaskit/ds-lib/noop';
 import { Box, Inline } from '@atlaskit/primitives/compiled';
 import { ButtonIndicator, PresentationalIndicator } from './indicator';
 var packageName = "@atlaskit/progress-indicator";
-var packageVersion = "11.3.0";
+var packageVersion = "12.0.1";
 var progressIndicatorGapMap = {
   comfortable: {
     default: 'space.100',

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/progress-indicator",
-	"version": "11.3.0",
+	"version": "12.0.1",
 	"description": "A progress indicator shows the user where they are along the steps of a journey.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -25,24 +25,28 @@
 		}
 	},
 	"dependencies": {
-		"@atlaskit/analytics-next": "^10.3.0",
-		"@atlaskit/ds-lib": "^3.5.0",
-		"@atlaskit/primitives": "^13.6.0",
-		"@atlaskit/tokens": "^3.3.0",
-		"@atlaskit/visually-hidden": "^1.6.0",
+		"@atlaskit/analytics-next": "^11.0.0",
+		"@atlaskit/ds-lib": "^4.0.0",
+		"@atlaskit/primitives": "^14.1.0",
+		"@atlaskit/tokens": "^4.3.0",
+		"@atlaskit/visually-hidden": "^3.0.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.18.2",
 		"bind-event-listener": "^3.0.0"
 	},
 	"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/button": "^21.1.0",
+		"@atlaskit/css": "^0.10.0",
+		"@atlaskit/docs": "*",
+		"@atlaskit/link": "*",
+		"@atlaskit/section-message": "*",
 		"@atlaskit/ssr": "*",
-		"@atlaskit/visual-regression": "*",
 		"@testing-library/react": "^13.4.0",
 		"@testing-library/user-event": "^14.4.3",
 		"@types/jscodeshift": "^0.11.0",

package/codemods/9.0.0-import-rename.tsx

@@ -1,83 +0,0 @@
-import { type API, type default as core, type FileInfo, type Options } from 'jscodeshift';
-
-function hasImportDeclaration(
-	j: core.JSCodeshift,
-	source: ReturnType<typeof j>,
-	importPath: string,
-) {
-	return !!source.find(j.ImportDeclaration).filter((path) => path.node.source.value === importPath)
-		.length;
-}
-
-function hasNameImport(j: core.JSCodeshift, source: ReturnType<typeof j>, importName: string) {
-	return !!source
-		.find(j.ImportDeclaration)
-		.find(j.ImportSpecifier)
-		.find(j.Identifier)
-		.filter((identifier) => identifier!.value!.name === importName).length;
-}
-
-function hasVariableAlreadyDeclared(
-	j: core.JSCodeshift,
-	source: ReturnType<typeof j>,
-	variableName: string,
-) {
-	return !!source
-		.find(j.VariableDeclaration)
-		.find(j.VariableDeclarator)
-		.find(j.Identifier)
-		.filter((identifier) => identifier!.value!.name === variableName).length;
-}
-
-export default function transformer(fileInfo: FileInfo, { jscodeshift: j }: API, options: Options) {
-	const source = j(fileInfo.source);
-
-	if (hasImportDeclaration(j, source, '@atlaskit/progress-indicator')) {
-		if (hasNameImport(j, source, 'ProgressDots')) {
-			source
-				.find(j.ImportDeclaration)
-				.find(j.Identifier)
-				.filter((identifier) => identifier.value.name === 'ProgressDots')
-				.replaceWith(j.identifier('ProgressIndicator'));
-
-			if (hasVariableAlreadyDeclared(j, source, 'ProgressIndicator')) {
-				source
-					.find(j.ImportDeclaration)
-					.find(j.ImportSpecifier)
-					.filter((specifier) => specifier!.node!.local!.name === 'ProgressIndicator')
-					.find(j.Identifier)
-					.replaceWith(
-						j.importSpecifier(
-							j.identifier('ProgressIndicator'),
-							j.identifier('AKProgressIndicator'),
-						),
-					);
-
-				source
-					.find(j.VariableDeclarator)
-					.find(j.Identifier)
-					.filter((identifier) => identifier.value.name === 'ProgressDots')
-					.replaceWith(j.identifier('AKProgressIndicator'));
-
-				source
-					.find(j.JSXIdentifier)
-					.filter((identifier) => identifier.value.name === 'ProgressDots')
-					.replaceWith(j.identifier('AKProgressIndicator'));
-			} else {
-				source
-					.find(j.VariableDeclarator)
-					.find(j.Identifier)
-					.filter((identifier) => identifier.value.name === 'ProgressDots')
-					.replaceWith(j.identifier('ProgressIndicator'));
-				source
-					.find(j.JSXIdentifier)
-					.filter((identifier) => identifier.value.name === 'ProgressDots')
-					.replaceWith(j.identifier('ProgressIndicator'));
-			}
-		}
-
-		return source.toSource(options.printOptions || { quote: 'single' });
-	}
-
-	return fileInfo.source;
-}

package/codemods/__tests__/9.0.0-import-rename.tsx

@@ -1,111 +0,0 @@
-jest.autoMockOff();
-
-import transformer from '../9.0.0-import-rename';
-
-const defineInlineTest = require('jscodeshift/dist/testUtils').defineInlineTest;
-
-describe('Update Avatar props', () => {
-	defineInlineTest(
-		{ default: transformer, parser: 'tsx' },
-		{},
-		`import React from 'react';`,
-		`import React from 'react';`,
-		'should not transform if imports are not present',
-	);
-
-	defineInlineTest(
-		{ default: transformer, parser: 'tsx' },
-		{},
-		`import {ProgressDots} from '@atlaskit/progress-indicator';`,
-		`import {ProgressIndicator} from '@atlaskit/progress-indicator';`,
-		'transforms import name `ProgressDots` to `ProgressIndicator`',
-	);
-
-	defineInlineTest(
-		{ default: transformer, parser: 'tsx' },
-		{},
-		`import { ProgressDots as CodeComponent } from '@atlaskit/progress-indicator';`,
-		`import { ProgressIndicator as CodeComponent } from '@atlaskit/progress-indicator';`,
-		'transforms import name `ProgressDots` with some other name to `ProgressIndicator`',
-	);
-
-	defineInlineTest(
-		{ default: transformer, parser: 'tsx' },
-		{},
-		`
-    import { ProgressDots } from '@atlaskit/progress-indicator';
-    const Component = () => <ProgressDots />;
-    const x = <ProgressDots />
-    const y = <ProgressDots ></ProgressDots>
-    const z = ProgressDots
-    `,
-		`
-    import { ProgressIndicator } from '@atlaskit/progress-indicator';
-    const Component = () => <ProgressIndicator />;
-    const x = <ProgressIndicator />
-    const y = <ProgressIndicator ></ProgressIndicator>
-    const z = ProgressIndicator
-    `,
-		'transforms import name `ProgressDots` to `ProgressIndicator` along with its usage',
-	);
-
-	defineInlineTest(
-		{ default: transformer, parser: 'tsx' },
-		{},
-		`
-    import { ProgressDots } from '@atlaskit/progress-indicator';
-
-    const Component = () =>{
-      return (
-        <div>
-          <ProgressDots />
-          <ProgressDots x={10} />
-          <ProgressDots></ProgressDots>
-        </div>
-      );
-    }
-    `,
-		`
-    import { ProgressIndicator } from '@atlaskit/progress-indicator';
-
-    const Component = () =>{
-      return (
-        <div>
-          <ProgressIndicator />
-          <ProgressIndicator x={10} />
-          <ProgressIndicator></ProgressIndicator>
-        </div>
-      );
-    }
-    `,
-		'transforms import name `ProgressDots` to `ProgressIndicator` along with its usage inside component',
-	);
-
-	defineInlineTest(
-		{ default: transformer, parser: 'tsx' },
-		{},
-		`
-    import { ProgressDots as CodeComponent } from '@atlaskit/progress-indicator';
-    const Component = () => <CodeComponent />;
-    `,
-		`
-    import { ProgressIndicator as CodeComponent } from '@atlaskit/progress-indicator';
-    const Component = () => <CodeComponent />;
-    `,
-		'transforms import name `ProgressDots` to `ProgressIndicator` with some other name along with its usage',
-	);
-
-	defineInlineTest(
-		{ default: transformer, parser: 'tsx' },
-		{},
-		`
-    import { ProgressDots } from '@atlaskit/progress-indicator';
-    const ProgressIndicator = () => <ProgressDots />;
-    `,
-		`
-    import { ProgressIndicator as AKProgressIndicator } from '@atlaskit/progress-indicator';
-    const ProgressIndicator = () => <AKProgressIndicator />;
-    `,
-		'transforms import name `ProgressDots` to `AKProgressIndicator` by renaming its imported name when `ProgressIndicator` variable is already declared',
-	);
-});