@atlaskit/select 20.0.0 → 20.0.2

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/select
 
+## 20.0.2
+
+### Patch Changes
+
+- Updated dependencies
+
+## 20.0.1
+
+### Patch Changes
+
+- [#120713](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/120713)
+  [`acea5ba3fdbdb`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/acea5ba3fdbdb) -
+  Remove old codemod and update dependencies.
+
 ## 20.0.0
 
 ### Major Changes

package/dist/cjs/Select.js

@@ -11,7 +11,7 @@ var _createSelect = _interopRequireDefault(require("./createSelect"));
 /* eslint-disable @repo/internal/react/require-jsdoc */
 
 var packageName = "@atlaskit/select";
-var packageVersion = "20.0.0";
+var packageVersion = "20.0.2";
 var SelectWithoutAnalytics = exports.SelectWithoutAnalytics = (0, _createSelect.default)(_async.default);
 var createAndFireEventOnAtlaskit = (0, _analyticsNext.createAndFireEvent)('atlaskit');
 var Select = (0, _analyticsNext.withAnalyticsContext)({

package/dist/cjs/data/countries.js

@@ -3,8 +3,10 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.groupedCountries = exports.allCountries = void 0;
-var allCountries = exports.allCountries = [{
+exports.groupedCountries = void 0;
+// eslint-disable-next-line @repo/internal/fs/filename-pattern-match
+
+var allCountries = [{
   icon: '🇦🇫',
   name: 'Afghanistan',
   abbr: 'AF',

package/dist/es2019/Select.js

@@ -3,7 +3,7 @@ import { createAndFireEvent, withAnalyticsContext, withAnalyticsEvents } from '@
 import AsyncSelect from '@atlaskit/react-select/async';
 import createSelect from './createSelect';
 const packageName = "@atlaskit/select";
-const packageVersion = "20.0.0";
+const packageVersion = "20.0.2";
 export const SelectWithoutAnalytics = createSelect(AsyncSelect);
 const createAndFireEventOnAtlaskit = createAndFireEvent('atlaskit');
 const Select = withAnalyticsContext({

package/dist/es2019/data/countries.js

@@ -1,4 +1,6 @@
-export const allCountries = [{
+// eslint-disable-next-line @repo/internal/fs/filename-pattern-match
+
+const allCountries = [{
   icon: '🇦🇫',
   name: 'Afghanistan',
   abbr: 'AF',

package/dist/esm/Select.js

@@ -3,7 +3,7 @@ import { createAndFireEvent, withAnalyticsContext, withAnalyticsEvents } from '@
 import AsyncSelect from '@atlaskit/react-select/async';
 import createSelect from './createSelect';
 var packageName = "@atlaskit/select";
-var packageVersion = "20.0.0";
+var packageVersion = "20.0.2";
 export var SelectWithoutAnalytics = createSelect(AsyncSelect);
 var createAndFireEventOnAtlaskit = createAndFireEvent('atlaskit');
 var Select = withAnalyticsContext({

package/dist/esm/data/countries.js

@@ -1,4 +1,6 @@
-export var allCountries = [{
+// eslint-disable-next-line @repo/internal/fs/filename-pattern-match
+
+var allCountries = [{
   icon: '🇦🇫',
   name: 'Afghanistan',
   abbr: 'AF',

package/dist/types/data/countries.d.ts

@@ -5,7 +5,6 @@ interface Country {
     name: string;
     suggested?: boolean;
 }
-export declare const allCountries: Array<Country>;
 export declare const groupedCountries: readonly [{
     readonly label: "Suggested";
     readonly options: Country[];

package/dist/types-ts4.5/data/countries.d.ts

@@ -5,7 +5,6 @@ interface Country {
     name: string;
     suggested?: boolean;
 }
-export declare const allCountries: Array<Country>;
 export declare const groupedCountries: readonly [
     {
         readonly label: "Suggested";

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/select",
-	"version": "20.0.0",
+	"version": "20.0.2",
 	"description": "Select allows users to make a single selection or multiple selections from a list of options.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -49,14 +49,13 @@
 		"@atlaskit/react-select": "^2.0.0",
 		"@atlaskit/spinner": "^18.0.0",
 		"@atlaskit/theme": "^17.0.0",
-		"@atlaskit/tokens": "^4.2.0",
-		"@atlaskit/visually-hidden": "^2.0.0",
+		"@atlaskit/tokens": "^4.3.0",
+		"@atlaskit/visually-hidden": "^3.0.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.18.2",
 		"@popperjs/core": "^2.11.8",
 		"bind-event-listener": "^3.0.0",
 		"react-focus-lock": "^2.9.5",
-		"react-node-resolver": "^1.0.1",
 		"react-popper": "^2.3.0",
 		"shallow-equal": "^3.1.0"
 	},
@@ -68,19 +67,24 @@
 		"@af/accessibility-testing": "*",
 		"@af/integration-testing": "*",
 		"@af/visual-regression": "*",
+		"@atlaskit/button": "^21.1.1",
 		"@atlaskit/checkbox": "^17.0.0",
+		"@atlaskit/docs": "*",
+		"@atlaskit/drawer": "^10.0.1",
+		"@atlaskit/form": "^12.0.0",
+		"@atlaskit/link": "*",
+		"@atlaskit/logo": "^16.0.0",
 		"@atlaskit/modal-dialog": "^13.0.0",
 		"@atlaskit/radio": "^8.0.0",
+		"@atlaskit/section-message": "*",
 		"@atlaskit/ssr": "*",
-		"@atlaskit/visual-regression": "*",
-		"@atlassian/feature-flags-test-utils": "*",
 		"@testing-library/react": "^13.4.0",
 		"@testing-library/user-event": "^14.4.3",
 		"ast-types": "^0.13.3",
+		"jest-in-case": "^1.0.2",
 		"jscodeshift": "^0.13.0",
 		"react-dom": "^18.2.0",
 		"react-select-event": "^5.5.0",
-		"react-value": "^0.2.0",
 		"typescript": "~5.4.2"
 	},
 	"techstack": {

package/codemods/13.0.0-popper-props.ts

@@ -1,98 +0,0 @@
-import {
-	addCommentToStartOfFile,
-	getJSXAttributesByName,
-	getSpecifierName,
-	hasImportDeclaration,
-	isUsingProp,
-} from './utils/helpers';
-
-import {
-	type default as core,
-	type API,
-	type ASTPath,
-	type FileInfo,
-	type JSXElement,
-	type Options,
-} from 'jscodeshift';
-import { type Collection } from 'jscodeshift/src/Collection';
-
-function updatePopperProps(j: core.JSCodeshift, source: Collection<any>, specifier: string) {
-	source.findJSXElements(specifier).forEach((path: ASTPath<JSXElement>) => {
-		if (
-			isUsingProp({
-				j,
-				base: source,
-				element: path,
-				propName: 'popperProps',
-			})
-		) {
-			// Get value from prop
-			getJSXAttributesByName({
-				j,
-				element: path,
-				attributeName: 'popperProps',
-			}).forEach((attribute) => {
-				// convert positionFixed
-				j(attribute)
-					.find(j.JSXExpressionContainer)
-					.find(j.ObjectExpression)
-					.find(j.ObjectProperty)
-					// @ts-ignore
-					.filter((property) => property.node.key.name === 'positionFixed')
-					.forEach((property) => {
-						// @ts-ignore
-						const strategy = property.node.value.value ? 'fixed' : 'absolute';
-						property.replace(j.objectProperty(j.identifier('strategy'), j.stringLiteral(strategy)));
-					});
-
-				// warn about modifiers prop
-				j(attribute)
-					.find(j.JSXExpressionContainer)
-					.find(j.ObjectExpression)
-					.find(j.ObjectProperty)
-					//@ts-ignore
-					.filter((property) => property.node.key.name === 'modifiers')
-					.forEach(() => {
-						addCommentToStartOfFile({
-							j,
-							base: source,
-							message: `
-                Popper.js has been upgraded from 1.14.1 to 2.4.2,
-                and as a result the modifier prop has changed significantly. The format has been
-                changed from object of objects, to array of objects, with the key for each modifier
-                replaced with a name key:value pair inside the modifier object, and an options:object
-                pair for configuration and other changes unique to each modifier.
-                Further details can be found in the popper docs: https://popper.js.org/docs/v2/modifiers/
-                `,
-						});
-					});
-			});
-		}
-	});
-}
-
-export default function transformer(file: FileInfo, { jscodeshift: j }: API, options: Options) {
-	const source = j(file.source);
-
-	// Exit early if not relevant
-	// We are doing this so we don't touch the formatting of unrelated files
-	if (!hasImportDeclaration(j, file.source, '@atlaskit/select')) {
-		return file.source;
-	}
-
-	// Get imported name for the component
-	const specifier = getSpecifierName({
-		j,
-		base: source,
-		packageName: '@atlaskit/select',
-		component: 'PopupSelect',
-	});
-	if (!specifier) {
-		return file.source;
-	}
-
-	// Convert boundaries prop
-	updatePopperProps(j, source, specifier);
-
-	return source.toSource(options.printOptions || { quote: 'single' });
-}

package/codemods/__tests__/13.0.0-popper-props.ts

@@ -1,233 +0,0 @@
-jest.autoMockOff();
-
-import transformer from '../13.0.0-popper-props';
-
-const applyTransform = require('jscodeshift/dist/testUtils').applyTransform;
-
-type TestArgs = {
-	it: string;
-	original: string;
-	expected: string;
-	mode?: 'only' | 'skip';
-	before?: () => void;
-	after?: () => void;
-};
-
-function noop() {}
-
-function check({
-	it: name,
-	original,
-	expected,
-	before = noop,
-	after = noop,
-	mode = undefined,
-}: TestArgs) {
-	const run = mode === 'only' ? it.only : mode === 'skip' ? it.skip : it;
-
-	run(name, () => {
-		before();
-		try {
-			const output: string = applyTransform(
-				{ default: transformer, parser: 'tsx' },
-				{},
-				{ source: original },
-			);
-			expect(output).toBe(expected.trim());
-		} catch (e) {
-			// a failed assertion will throw
-			after();
-			throw e;
-		}
-		// will only be hit if we don't throw
-		after();
-	});
-}
-
-/**
- PopupSelect has some changes to the values accepted by the `popperProps` prop.
- - The `positionFixed` prop has been replaced with `strategy`, which takes either `"fixed"` or `"absolute"`
-*/
-
-describe('Convert positionFixed:boolean to strategy:"fixed"|"absolute"', () => {
-	check({
-		it: 'Convert `positionFixed: true` to `strategy: "fixed"`',
-		original: `
-      import { PopupSelect } from '@atlaskit/select';
-
-      export default () => (
-        <PopupSelect
-          popperProps={{
-            positionFixed: true,
-          }}
-          options={[
-            { label: 'Adelaide', value: 'adelaide' },
-            { label: 'Brisbane', value: 'brisbane' }
-          ]}
-          placeholder='Choose a City'
-          target={({ ref }) => (
-            <button ref={ref}> test </button>
-          )}
-        />
-      );
-    `,
-		expected: `
-      import { PopupSelect } from '@atlaskit/select';
-
-      export default () => (
-        <PopupSelect
-          popperProps={{
-            strategy: 'fixed',
-          }}
-          options={[
-            { label: 'Adelaide', value: 'adelaide' },
-            { label: 'Brisbane', value: 'brisbane' }
-          ]}
-          placeholder='Choose a City'
-          target={({ ref }) => (
-            <button ref={ref}> test </button>
-          )}
-        />
-      );
-    `,
-	});
-
-	check({
-		it: 'Convert `positionFixed: {something truthy}` to `strategy: "fixed"`',
-		original: `
-      import { PopupSelect } from '@atlaskit/select';
-
-      export default () => (
-        <PopupSelect
-          popperProps={{
-            positionFixed: "yes",
-          }}
-          options={[
-            { label: 'Adelaide', value: 'adelaide' },
-            { label: 'Brisbane', value: 'brisbane' }
-          ]}
-          placeholder='Choose a City'
-          target={({ ref }) => (
-            <button ref={ref}> test </button>
-          )}
-        />
-      );
-    `,
-		expected: `
-      import { PopupSelect } from '@atlaskit/select';
-
-      export default () => (
-        <PopupSelect
-          popperProps={{
-            strategy: 'fixed',
-          }}
-          options={[
-            { label: 'Adelaide', value: 'adelaide' },
-            { label: 'Brisbane', value: 'brisbane' }
-          ]}
-          placeholder='Choose a City'
-          target={({ ref }) => (
-            <button ref={ref}> test </button>
-          )}
-        />
-      );
-    `,
-	});
-
-	check({
-		it: 'Convert `positionFixed: false` to `strategy:"absolute"`',
-		original: `
-      import { PopupSelect } from '@atlaskit/select';
-
-      export default () => (
-        <PopupSelect
-          popperProps={{
-            positionFixed: false,
-          }}
-          options={[
-            { label: 'Adelaide', value: 'adelaide' },
-            { label: 'Brisbane', value: 'brisbane' }
-          ]}
-          placeholder='Choose a City'
-          target={({ ref }) => (
-            <button ref={ref}> test </button>
-          )}
-        />
-      );
-    `,
-		expected: `
-      import { PopupSelect } from '@atlaskit/select';
-
-      export default () => (
-        <PopupSelect
-          popperProps={{
-            strategy: 'absolute',
-          }}
-          options={[
-            { label: 'Adelaide', value: 'adelaide' },
-            { label: 'Brisbane', value: 'brisbane' }
-          ]}
-          placeholder='Choose a City'
-          target={({ ref }) => (
-            <button ref={ref}> test </button>
-          )}
-        />
-      );
-    `,
-	});
-});
-
-/**
- PopupSelect has some changes to the values accepted by the `popperProps` prop.
- - Modifiers have been re-written and have a very different format`
-*/
-
-describe('Warn use of the `modifiers` prop', () => {
-	check({
-		it: 'should add warning comment when using the modifier prop in `popperProps`',
-		original: `
-      import { PopupSelect } from '@atlaskit/select';
-
-      export default () => (
-        <PopupSelect
-          popperProps={{
-            modifiers: {},
-          }}
-          options={[
-            { label: 'Adelaide', value: 'adelaide' },
-            { label: 'Brisbane', value: 'brisbane' }
-          ]}
-          placeholder='Choose a City'
-          target={({ ref }) => (
-            <button ref={ref}> test </button>
-          )}
-        />
-      );
-    `,
-		expected: `
-    /* TODO: (from codemod) Popper.js has been upgraded from 1.14.1 to 2.4.2,
-      and as a result the modifier prop has changed significantly. The format has been
-      changed from object of objects, to array of objects, with the key for each modifier
-      replaced with a name key:value pair inside the modifier object, and an options:object
-      pair for configuration and other changes unique to each modifier.
-      Further details can be found in the popper docs: https://popper.js.org/docs/v2/modifiers/ */
-      import { PopupSelect } from '@atlaskit/select';
-
-      export default () => (
-        <PopupSelect
-          popperProps={{
-            modifiers: {},
-          }}
-          options={[
-            { label: 'Adelaide', value: 'adelaide' },
-            { label: 'Brisbane', value: 'brisbane' }
-          ]}
-          placeholder='Choose a City'
-          target={({ ref }) => (
-            <button ref={ref}> test </button>
-          )}
-        />
-      );
-    `,
-	});
-});