@atlaskit/pagination 14.7.2 → 14.7.3

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/pagination
 
+## 14.7.3
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 14.7.2
 
 ### Patch Changes
@@ -20,7 +26,7 @@
 
 - [#96694](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/96694)
   [`336e03a3c58a`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/336e03a3c58a) -
-  Add support for React 18.
+  Add support for React 18 in non-strict mode.
 
 ## 14.6.6
 

package/README.md

@@ -10,4 +10,5 @@ yarn add @atlaskit/pagination
 
 ## Usage
 
-Detailed docs and example usage can be found [here](https://atlassian.design/components/pagination/).
+Detailed docs and example usage can be found
+[here](https://atlassian.design/components/pagination/).

package/__perf__/examples.tsx

@@ -1,71 +1,61 @@
 import React from 'react';
 
 import { findByText, fireEvent } from '@testing-library/dom';
-import {
-  type InteractionTaskArgs,
-  type PublicInteractionTask,
-} from 'storybook-addon-performance';
+import { type InteractionTaskArgs, type PublicInteractionTask } from 'storybook-addon-performance';
 import invariant from 'tiny-invariant';
 
 import Pagination from '../src';
 
 const getPageElement = (
-  container: HTMLElement,
-  textContent: string,
+	container: HTMLElement,
+	textContent: string,
 ): HTMLButtonElement | undefined =>
-  Array.from(container.querySelectorAll('button')).find(
-    (buttonElement: HTMLButtonElement) =>
-      buttonElement.textContent?.trim() === textContent,
-  );
+	Array.from(container.querySelectorAll('button')).find(
+		(buttonElement: HTMLButtonElement) => buttonElement.textContent?.trim() === textContent,
+	);
 
 const PaginationPerformance = () => {
-  return <Pagination pages={[1, 2, 3, 4, 5, 6, 7, 8, 9, 10]} />;
+	return <Pagination pages={[1, 2, 3, 4, 5, 6, 7, 8, 9, 10]} />;
 };
 
 const interactionTasks: PublicInteractionTask[] = [
-  {
-    name: 'onChange (when ellipsis changes)',
-    description: 'Render pagination and change page along with ellipsis',
-    run: async ({
-      container,
-      controls,
-    }: InteractionTaskArgs): Promise<void> => {
-      const lastPageElement = getPageElement(container, '10');
-
-      invariant(lastPageElement);
-
-      await controls.time(async () => {
-        fireEvent.click(lastPageElement!);
-
-        await findByText(container, '9', undefined, { timeout: 20000 });
-      });
-    },
-  },
-  {
-    name: `onChange (when ellipsis don't change)`,
-    description: 'Render pagination and change page',
-    run: async ({
-      container,
-      controls,
-    }: InteractionTaskArgs): Promise<void> => {
-      const secondPageElement = getPageElement(container, '2');
-
-      invariant(secondPageElement);
-
-      await controls.time(async () => {
-        fireEvent.click(secondPageElement!);
-      });
-    },
-  },
+	{
+		name: 'onChange (when ellipsis changes)',
+		description: 'Render pagination and change page along with ellipsis',
+		run: async ({ container, controls }: InteractionTaskArgs): Promise<void> => {
+			const lastPageElement = getPageElement(container, '10');
+
+			invariant(lastPageElement);
+
+			await controls.time(async () => {
+				fireEvent.click(lastPageElement!);
+
+				await findByText(container, '9', undefined, { timeout: 20000 });
+			});
+		},
+	},
+	{
+		name: `onChange (when ellipsis don't change)`,
+		description: 'Render pagination and change page',
+		run: async ({ container, controls }: InteractionTaskArgs): Promise<void> => {
+			const secondPageElement = getPageElement(container, '2');
+
+			invariant(secondPageElement);
+
+			await controls.time(async () => {
+				fireEvent.click(secondPageElement!);
+			});
+		},
+	},
 ];
 
 PaginationPerformance.story = {
-  name: 'pagination',
-  parameters: {
-    performance: {
-      interactions: interactionTasks,
-    },
-  },
+	name: 'pagination',
+	parameters: {
+		performance: {
+			interactions: interactionTasks,
+		},
+	},
 };
 
 export default PaginationPerformance;

package/__perf__/pagination-with-large-no-of-pages.tsx

@@ -1,71 +1,61 @@
 import React from 'react';
 
 import { findByText, fireEvent } from '@testing-library/dom';
-import {
-  type InteractionTaskArgs,
-  type PublicInteractionTask,
-} from 'storybook-addon-performance';
+import { type InteractionTaskArgs, type PublicInteractionTask } from 'storybook-addon-performance';
 import invariant from 'tiny-invariant';
 
 import Pagination from '../src';
 
 const getPageElement = (
-  container: HTMLElement,
-  textContent: string,
+	container: HTMLElement,
+	textContent: string,
 ): HTMLButtonElement | undefined =>
-  Array.from(container.querySelectorAll('button')).find(
-    (buttonElement: HTMLButtonElement) =>
-      buttonElement.textContent?.trim() === textContent,
-  );
+	Array.from(container.querySelectorAll('button')).find(
+		(buttonElement: HTMLButtonElement) => buttonElement.textContent?.trim() === textContent,
+	);
 const pages1000 = new Array(1000).fill(0).map((p, index) => index + 1 + p);
 const PaginationPerformanceWith1000Pages = () => {
-  return <Pagination pages={pages1000} />;
+	return <Pagination pages={pages1000} />;
 };
 
 const interactionTasks: PublicInteractionTask[] = [
-  {
-    name: 'onChange (when ellipsis changes)',
-    description: 'Render pagination and change page along with ellipsis',
-    run: async ({
-      container,
-      controls,
-    }: InteractionTaskArgs): Promise<void> => {
-      const lastPageElement = getPageElement(container, '1000');
-
-      invariant(lastPageElement);
-
-      await controls.time(async () => {
-        fireEvent.click(lastPageElement!);
-
-        await findByText(container, '999', undefined, { timeout: 20000 });
-      });
-    },
-  },
-  {
-    name: `onChange (when ellipsis don't change)`,
-    description: 'Render pagination and change page',
-    run: async ({
-      container,
-      controls,
-    }: InteractionTaskArgs): Promise<void> => {
-      const secondPageElement = getPageElement(container, '2');
-
-      invariant(secondPageElement);
-
-      await controls.time(async () => {
-        fireEvent.click(secondPageElement!);
-      });
-    },
-  },
+	{
+		name: 'onChange (when ellipsis changes)',
+		description: 'Render pagination and change page along with ellipsis',
+		run: async ({ container, controls }: InteractionTaskArgs): Promise<void> => {
+			const lastPageElement = getPageElement(container, '1000');
+
+			invariant(lastPageElement);
+
+			await controls.time(async () => {
+				fireEvent.click(lastPageElement!);
+
+				await findByText(container, '999', undefined, { timeout: 20000 });
+			});
+		},
+	},
+	{
+		name: `onChange (when ellipsis don't change)`,
+		description: 'Render pagination and change page',
+		run: async ({ container, controls }: InteractionTaskArgs): Promise<void> => {
+			const secondPageElement = getPageElement(container, '2');
+
+			invariant(secondPageElement);
+
+			await controls.time(async () => {
+				fireEvent.click(secondPageElement!);
+			});
+		},
+	},
 ];
 
 PaginationPerformanceWith1000Pages.story = {
-  name: 'paginationWithLargeNumberOfPages',
-  parameters: {
-    performance: {
-      interactions: interactionTasks,
-    },
-  },
+	name: 'paginationWithLargeNumberOfPages',
+	parameters: {
+		performance: {
+			interactions: interactionTasks,
+		},
+	},
 };
 
 export default PaginationPerformanceWith1000Pages;

package/codemods/14.0.0-lite-mode.tsx

@@ -1,34 +1,27 @@
 import { type JSCodeshift } from 'jscodeshift';
 import { type Collection } from 'jscodeshift/src/Collection';
 
-import {
-  createTransformer,
-  hasImportDeclaration,
-} from '@atlaskit/codemod-utils';
+import { createTransformer, hasImportDeclaration } from '@atlaskit/codemod-utils';
 
 import { flattenI18nInnerPropsAsProp } from './migrations/flatten-i18n-props';
 import { removeCollapseRange } from './migrations/remove-collapase-range';
 import { removeI18nProps } from './migrations/remove-i18n-props';
 import { renameInnerStylesProps } from './migrations/rename-inner-styles-props';
 import { renamePaginationPropTypeToPaginationProps } from './migrations/rename-pagination-prop-types';
-import {
-  renameNextProp,
-  renamePrevProp,
-} from './migrations/rename-prev-next-label';
+import { renameNextProp, renamePrevProp } from './migrations/rename-prev-next-label';
 
 const PAGINATION_PACKAGE = '@atlaskit/pagination';
 const transformer = createTransformer(
-  [
-    renameInnerStylesProps,
-    renamePaginationPropTypeToPaginationProps,
-    flattenI18nInnerPropsAsProp,
-    removeI18nProps,
-    renameNextProp,
-    renamePrevProp,
-    removeCollapseRange,
-  ],
-  (j: JSCodeshift, source: Collection<Node>) =>
-    hasImportDeclaration(j, source, PAGINATION_PACKAGE),
+	[
+		renameInnerStylesProps,
+		renamePaginationPropTypeToPaginationProps,
+		flattenI18nInnerPropsAsProp,
+		removeI18nProps,
+		renameNextProp,
+		renamePrevProp,
+		removeCollapseRange,
+	],
+	(j: JSCodeshift, source: Collection<Node>) => hasImportDeclaration(j, source, PAGINATION_PACKAGE),
 );
 
 export default transformer;

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

@@ -5,10 +5,10 @@ import transformer from '../14.0.0-lite-mode';
 const defineInlineTest = require('jscodeshift/dist/testUtils').defineInlineTest;
 
 describe('Pagination code-mods', () => {
-  defineInlineTest(
-    { default: transformer, parser: 'tsx' },
-    {},
-    `
+	defineInlineTest(
+		{ default: transformer, parser: 'tsx' },
+		{},
+		`
     import React from 'react';
     import Pagination from '@atlaskit/pagination';
     import type { PaginationPropTypes } from '@atlaskit/pagination';
@@ -26,7 +26,7 @@ describe('Pagination code-mods', () => {
       );
     }
   `,
-    `/* TODO: (from codemod) Pagination i18n prop has now been removed and we have tried to flatten its child prev & next as a standalone props.
+		`/* TODO: (from codemod) Pagination i18n prop has now been removed and we have tried to flatten its child prev & next as a standalone props.
     There may be cases in which codemod might not automatically flat i18n prop of Pagination and have to be handled manually. */
     /* TODO: (from codemod) Pagination collapseRange prop has now been removed to achieve more performance.
     We have not replaced 'collapseRange' with an equivalent API due to its minimal usage and prevent unwanted customisation.
@@ -48,6 +48,6 @@ describe('Pagination code-mods', () => {
       );
     }
   `,
-    'should rename innerStyles to style, PaginationPropTypes to PaginationProps and add an alias to PaginationProps, also elevate i18n prev, next inner props, rename to prevLabel, nextLabel prop and remove collapseRange prop',
-  );
+		'should rename innerStyles to style, PaginationPropTypes to PaginationProps and add an alias to PaginationProps, also elevate i18n prev, next inner props, rename to prevLabel, nextLabel prop and remove collapseRange prop',
+	);
 });

package/codemods/__tests__/flatten-i18n-props.tsx

@@ -9,10 +9,10 @@ const transformer = createTransformer([flattenI18nInnerPropsAsProp]);
 const defineInlineTest = require('jscodeshift/dist/testUtils').defineInlineTest;
 
 describe('Flatten i18n inner props', () => {
-  defineInlineTest(
-    { default: transformer, parser: 'tsx' },
-    {},
-    `
+	defineInlineTest(
+		{ default: transformer, parser: 'tsx' },
+		{},
+		`
     import React from 'react';
     import Pagination from '@atlaskit/pagination';
     const SimplePagination = () => {
@@ -24,7 +24,7 @@ describe('Flatten i18n inner props', () => {
       );
     };
   `,
-    `
+		`
     import React from 'react';
     import Pagination from '@atlaskit/pagination';
     const SimplePagination = () => {
@@ -38,13 +38,13 @@ describe('Flatten i18n inner props', () => {
       );
     };
   `,
-    'should flatten prev & next properties in i18n props as a new standalone props',
-  );
+		'should flatten prev & next properties in i18n props as a new standalone props',
+	);
 
-  defineInlineTest(
-    { default: transformer, parser: 'tsx' },
-    {},
-    `
+	defineInlineTest(
+		{ default: transformer, parser: 'tsx' },
+		{},
+		`
     import React from 'react';
     import Pagination from '@atlaskit/pagination';
 
@@ -60,7 +60,7 @@ describe('Flatten i18n inner props', () => {
       );
     };
   `,
-    `
+		`
     import React from 'react';
     import Pagination from '@atlaskit/pagination';
 
@@ -78,13 +78,13 @@ describe('Flatten i18n inner props', () => {
       );
     };
   `,
-    'should flatten prev & next object properties in i18n props as a new standalone props',
-  );
+		'should flatten prev & next object properties in i18n props as a new standalone props',
+	);
 
-  defineInlineTest(
-    { default: transformer, parser: 'tsx' },
-    {},
-    `
+	defineInlineTest(
+		{ default: transformer, parser: 'tsx' },
+		{},
+		`
     import React from 'react';
     import Pagination from '@atlaskit/pagination';
     const message = { 
@@ -100,7 +100,7 @@ describe('Flatten i18n inner props', () => {
       );
     };
   `,
-    `
+		`
     import React from 'react';
     import Pagination from '@atlaskit/pagination';
     const message = { 
@@ -116,6 +116,6 @@ describe('Flatten i18n inner props', () => {
       );
     };
   `,
-    'should not flatten prev & next props if i18n value comming from a variable',
-  );
+		'should not flatten prev & next props if i18n value comming from a variable',
+	);
 });

package/codemods/__tests__/remove-collapse-range.tsx

@@ -8,10 +8,10 @@ const transformer = createTransformer([removeCollapseRange]);
 const defineInlineTest = require('jscodeshift/dist/testUtils').defineInlineTest;
 
 describe('Remove innerProps', () => {
-  defineInlineTest(
-    { default: transformer, parser: 'tsx' },
-    {},
-    `
+	defineInlineTest(
+		{ default: transformer, parser: 'tsx' },
+		{},
+		`
     import React from 'react';
     import Pagination from '@atlaskit/pagination';
     const SimplePagination = () => {
@@ -24,7 +24,7 @@ describe('Remove innerProps', () => {
       );
     };
   `,
-    `/* TODO: (from codemod) Pagination collapseRange prop has now been removed to achieve more performance.
+		`/* TODO: (from codemod) Pagination collapseRange prop has now been removed to achieve more performance.
     We have not replaced 'collapseRange' with an equivalent API due to its minimal usage and prevent unwanted customisation.
     As an alternate, can look for similar customistation via existing 'components' or 'renderEllipsis' prop */
     import React from 'react';
@@ -33,6 +33,6 @@ describe('Remove innerProps', () => {
       return <Pagination pages={[1,2,3,4]} testId="pagination" />;
     };
   `,
-    'should remove collapseRange props from Pagination',
-  );
+		'should remove collapseRange props from Pagination',
+	);
 });

package/codemods/__tests__/remove-i18n-props.tsx

@@ -8,10 +8,10 @@ const transformer = createTransformer([removeI18nProps]);
 const defineInlineTest = require('jscodeshift/dist/testUtils').defineInlineTest;
 
 describe('Remove innerProps', () => {
-  defineInlineTest(
-    { default: transformer, parser: 'tsx' },
-    {},
-    `
+	defineInlineTest(
+		{ default: transformer, parser: 'tsx' },
+		{},
+		`
     import React from 'react';
     import Pagination from '@atlaskit/pagination';
     const SimplePagination = () => {
@@ -25,7 +25,7 @@ describe('Remove innerProps', () => {
       );
     };
   `,
-    `
+		`
     /* TODO: (from codemod) Pagination i18n prop has now been removed and we have tried to flatten its child prev & next as a standalone props.
     There may be cases in which codemod might not automatically flat i18n prop of Pagination and have to be handled manually. */
     import React from 'react';
@@ -34,6 +34,6 @@ describe('Remove innerProps', () => {
       return <Pagination pages={[1,2,3,4]} testId="pagination" prev={'pr'} next={'ne'} />;
     };
   `,
-    'should remove i18n props from Pagination',
-  );
+		'should remove i18n props from Pagination',
+	);
 });

package/codemods/__tests__/rename-inner-styles-props.tsx

@@ -9,10 +9,10 @@ const transformer = createTransformer([renameInnerStylesProps]);
 const defineInlineTest = require('jscodeshift/dist/testUtils').defineInlineTest;
 
 describe('Rename innerStyles to style', () => {
-  defineInlineTest(
-    { default: transformer, parser: 'tsx' },
-    {},
-    `
+	defineInlineTest(
+		{ default: transformer, parser: 'tsx' },
+		{},
+		`
     import React from 'react';
     import Pagination from '@atlaskit/pagination';
     
@@ -27,7 +27,7 @@ describe('Rename innerStyles to style', () => {
       );
     }
   `,
-    `
+		`
     import React from 'react';
     import Pagination from '@atlaskit/pagination';
     
@@ -42,6 +42,6 @@ describe('Rename innerStyles to style', () => {
       );
     }
   `,
-    'should rename innerStyles prop to style prop',
-  );
+		'should rename innerStyles prop to style prop',
+	);
 });

package/codemods/__tests__/rename-pagination-prop-types.tsx

@@ -4,54 +4,52 @@ import { createTransformer } from '@atlaskit/codemod-utils';
 
 import { renamePaginationPropTypeToPaginationProps } from '../migrations/rename-pagination-prop-types';
 
-const transformer = createTransformer([
-  renamePaginationPropTypeToPaginationProps,
-]);
+const transformer = createTransformer([renamePaginationPropTypeToPaginationProps]);
 
 const defineInlineTest = require('jscodeshift/dist/testUtils').defineInlineTest;
 
 describe('Rename PaginationPropTypes to PaginationProps - with alias', () => {
-  defineInlineTest(
-    { default: transformer, parser: 'tsx' },
-    {},
-    `
+	defineInlineTest(
+		{ default: transformer, parser: 'tsx' },
+		{},
+		`
       import React from 'react';
       import Pagination from '@atlaskit/pagination';
       import { PaginationPropTypes } from '@atlaskit/pagination';
     `,
-    `
+		`
       import React from 'react';
       import Pagination from '@atlaskit/pagination';
       import { PaginationProps as PaginationPropTypes } from '@atlaskit/pagination';
     `,
-    'should rename PaginationPropTypes to PaginationProps - with alias ',
-  );
+		'should rename PaginationPropTypes to PaginationProps - with alias ',
+	);
 
-  defineInlineTest(
-    { default: transformer, parser: 'tsx' },
-    {},
-    `
+	defineInlineTest(
+		{ default: transformer, parser: 'tsx' },
+		{},
+		`
       import React from 'react';
       import Pagination, { PaginationPropTypes } from '@atlaskit/pagination';
     `,
-    `
+		`
       import React from 'react';
       import Pagination, { PaginationProps as PaginationPropTypes } from '@atlaskit/pagination';
     `,
-    'should rename PaginationPropTypes to PaginationProps with alias if it is there along with default import',
-  );
+		'should rename PaginationPropTypes to PaginationProps with alias if it is there along with default import',
+	);
 
-  defineInlineTest(
-    { default: transformer, parser: 'tsx' },
-    {},
-    `
+	defineInlineTest(
+		{ default: transformer, parser: 'tsx' },
+		{},
+		`
       import React from 'react';
       import Pagination, { PaginationPropTypes as CustomPaginationPropTypes } from '@atlaskit/pagination';
     `,
-    `
+		`
       import React from 'react';
       import Pagination, { PaginationProps as CustomPaginationPropTypes } from '@atlaskit/pagination';
     `,
-    'should preserve old alias name',
-  );
+		'should preserve old alias name',
+	);
 });

package/codemods/__tests__/rename-prev-next-label.tsx

@@ -2,20 +2,17 @@ jest.autoMockOff();
 
 import { createTransformer } from '@atlaskit/codemod-utils';
 
-import {
-  renameNextProp,
-  renamePrevProp,
-} from '../migrations/rename-prev-next-label';
+import { renameNextProp, renamePrevProp } from '../migrations/rename-prev-next-label';
 
 const transformer = createTransformer([renameNextProp, renamePrevProp]);
 
 const defineInlineTest = require('jscodeshift/dist/testUtils').defineInlineTest;
 
 describe('Rename previous and next label', () => {
-  defineInlineTest(
-    { default: transformer, parser: 'tsx' },
-    {},
-    `
+	defineInlineTest(
+		{ default: transformer, parser: 'tsx' },
+		{},
+		`
     import React from 'react';
     import Pagination from '@atlaskit/pagination';
 
@@ -31,7 +28,7 @@ describe('Rename previous and next label', () => {
       );
     }
   `,
-    `
+		`
     import React from 'react';
     import Pagination from '@atlaskit/pagination';
 
@@ -47,6 +44,6 @@ describe('Rename previous and next label', () => {
       );
     }
   `,
-    'should rename previous and next label to prevLabel and nextLabel',
-  );
+		'should rename previous and next label to prevLabel and nextLabel',
+	);
 });

package/codemods/migrations/flatten-i18n-props.tsx

@@ -1,7 +1,7 @@
 import { flattenCertainChildPropsAsProp } from '@atlaskit/codemod-utils';
 
 export const flattenI18nInnerPropsAsProp = flattenCertainChildPropsAsProp(
-  '@atlaskit/pagination',
-  'i18n',
-  ['prev', 'next'],
+	'@atlaskit/pagination',
+	'i18n',
+	['prev', 'next'],
 );

package/codemods/migrations/remove-collapase-range.tsx

@@ -7,8 +7,4 @@ const comment = `Pagination collapseRange prop has now been removed to achieve m
 We have not replaced 'collapseRange' with an equivalent API due to its minimal usage and prevent unwanted customisation.
 As an alternate, can look for similar customistation via existing 'components' or 'renderEllipsis' prop`;
 
-export const removeCollapseRange = createRemoveFuncAddCommentFor(
-  component,
-  prop,
-  comment,
-);
+export const removeCollapseRange = createRemoveFuncAddCommentFor(component, prop, comment);

package/codemods/migrations/remove-i18n-props.tsx

@@ -3,7 +3,7 @@ const comment = `Pagination i18n prop has now been removed and we have tried to
 There may be cases in which codemod might not automatically flat i18n prop of Pagination and have to be handled manually.`;
 
 export const removeI18nProps = createRemoveFuncAddCommentFor(
-  '@atlaskit/pagination',
-  'i18n',
-  comment,
+	'@atlaskit/pagination',
+	'i18n',
+	comment,
 );

package/codemods/migrations/rename-inner-styles-props.tsx

@@ -1,7 +1,7 @@
 import { createRenameFuncFor } from '@atlaskit/codemod-utils';
 
 export const renameInnerStylesProps = createRenameFuncFor(
-  '@atlaskit/pagination',
-  'innerStyles',
-  'style',
+	'@atlaskit/pagination',
+	'innerStyles',
+	'style',
 );

package/codemods/migrations/rename-pagination-prop-types.tsx

@@ -1,8 +1,7 @@
 import { renameNamedImportWithAliasName } from '@atlaskit/codemod-utils';
 
-export const renamePaginationPropTypeToPaginationProps =
-  renameNamedImportWithAliasName(
-    '@atlaskit/pagination',
-    'PaginationPropTypes',
-    'PaginationProps',
-  );
+export const renamePaginationPropTypeToPaginationProps = renameNamedImportWithAliasName(
+	'@atlaskit/pagination',
+	'PaginationPropTypes',
+	'PaginationProps',
+);

package/codemods/migrations/rename-prev-next-label.tsx

@@ -1,12 +1,4 @@
 import { createRenameFuncFor } from '@atlaskit/codemod-utils';
 
-export const renameNextProp = createRenameFuncFor(
-  '@atlaskit/pagination',
-  'next',
-  'nextLabel',
-);
-export const renamePrevProp = createRenameFuncFor(
-  '@atlaskit/pagination',
-  'prev',
-  'prevLabel',
-);
+export const renameNextProp = createRenameFuncFor('@atlaskit/pagination', 'next', 'nextLabel');
+export const renamePrevProp = createRenameFuncFor('@atlaskit/pagination', 'prev', 'prevLabel');

package/dist/cjs/pagination.js

@@ -27,7 +27,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 var analyticsAttributes = {
   componentName: 'pagination',
   packageName: "@atlaskit/pagination",
-  packageVersion: "14.7.2"
+  packageVersion: "14.7.3"
 };
 var paginationMenuStyles = (0, _primitives.xcss)({
   padding: 'space.0',

package/dist/es2019/pagination.js

@@ -13,7 +13,7 @@ import collapseRange from './internal/utils/collapse-range';
 const analyticsAttributes = {
   componentName: 'pagination',
   packageName: "@atlaskit/pagination",
-  packageVersion: "14.7.2"
+  packageVersion: "14.7.3"
 };
 const paginationMenuStyles = xcss({
   padding: 'space.0',

package/dist/esm/pagination.js

@@ -17,7 +17,7 @@ import collapseRange from './internal/utils/collapse-range';
 var analyticsAttributes = {
   componentName: 'pagination',
   packageName: "@atlaskit/pagination",
-  packageVersion: "14.7.2"
+  packageVersion: "14.7.3"
 };
 var paginationMenuStyles = xcss({
   padding: 'space.0',

package/dist/types/internal/components/render-ellipsis.d.ts

@@ -5,4 +5,4 @@ export type EllipsisProp = {
     from: number;
     to: number;
 };
-export default function renderEllipsis({ key, testId, from, to, }: EllipsisProp): ReactElement;
+export default function renderEllipsis({ key, testId, from, to }: EllipsisProp): ReactElement;

package/dist/types-ts4.5/internal/components/render-ellipsis.d.ts

@@ -5,4 +5,4 @@ export type EllipsisProp = {
     from: number;
     to: number;
 };
-export default function renderEllipsis({ key, testId, from, to, }: EllipsisProp): ReactElement;
+export default function renderEllipsis({ key, testId, from, to }: EllipsisProp): ReactElement;

package/package.json

@@ -1,96 +1,96 @@
 {
-  "name": "@atlaskit/pagination",
-  "version": "14.7.2",
-  "description": "Pagination allows you to divide large amounts of content into smaller chunks across multiple pages.",
-  "publishConfig": {
-    "registry": "https://registry.npmjs.org/"
-  },
-  "repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
-  "homepage": "https://atlassian.design/components/pagination/",
-  "author": "Atlassian Pty Ltd",
-  "license": "Apache-2.0",
-  "main": "dist/cjs/index.js",
-  "module": "dist/esm/index.js",
-  "module:es2019": "dist/es2019/index.js",
-  "types": "dist/types/index.d.ts",
-  "typesVersions": {
-    ">=4.5 <4.9": {
-      "*": [
-        "dist/types-ts4.5/*",
-        "dist/types-ts4.5/index.d.ts"
-      ]
-    }
-  },
-  "sideEffects": false,
-  "atlaskit:src": "src/index.tsx",
-  "af:exports": {
-    "./types": "./src/entry-points/types.tsx",
-    ".": "./src/index.tsx"
-  },
-  "atlassian": {
-    "team": "Design System Team",
-    "runReact18": true,
-    "productPushConsumption": [
-      "jira"
-    ],
-    "releaseModel": "continuous",
-    "website": {
-      "name": "Pagination",
-      "category": "Components"
-    }
-  },
-  "dependencies": {
-    "@atlaskit/analytics-next": "^9.3.0",
-    "@atlaskit/button": "^17.17.0",
-    "@atlaskit/codemod-utils": "^4.2.0",
-    "@atlaskit/ds-lib": "^2.3.0",
-    "@atlaskit/icon": "^22.3.0",
-    "@atlaskit/primitives": "^7.0.0",
-    "@atlaskit/visually-hidden": "^1.3.0",
-    "@babel/runtime": "^7.0.0",
-    "memoize-one": "^6.0.0"
-  },
-  "peerDependencies": {
-    "react": "^16.8.0 || ^17.0.0 || ~18.2.0"
-  },
-  "devDependencies": {
-    "@af/accessibility-testing": "*",
-    "@af/integration-testing": "*",
-    "@af/visual-regression": "*",
-    "@atlaskit/ssr": "*",
-    "@atlaskit/visual-regression": "*",
-    "@testing-library/dom": "^8.17.1",
-    "@testing-library/react": "^12.1.5",
-    "exenv": "^1.2.2",
-    "jscodeshift": "^0.13.0",
-    "react-dom": "^16.8.0",
-    "react-router-dom": "^4.2.2",
-    "storybook-addon-performance": "^0.16.0",
-    "tiny-invariant": "^1.2.0",
-    "typescript": "~5.4.2",
-    "wait-for-expect": "^1.2.0"
-  },
-  "techstack": {
-    "@atlassian/frontend": {
-      "import-structure": "atlassian-conventions"
-    },
-    "@repo/internal": {
-      "design-system": "v1",
-      "dom-events": "use-bind-event-listener",
-      "ui-components": [
-        "primitives",
-        "lite-mode"
-      ],
-      "analytics": "analytics-next",
-      "design-tokens": [
-        "color",
-        "spacing"
-      ],
-      "deprecation": "no-deprecated-imports",
-      "styling": [
-        "emotion",
-        "static"
-      ]
-    }
-  }
-}
+	"name": "@atlaskit/pagination",
+	"version": "14.7.3",
+	"description": "Pagination allows you to divide large amounts of content into smaller chunks across multiple pages.",
+	"publishConfig": {
+		"registry": "https://registry.npmjs.org/"
+	},
+	"repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
+	"homepage": "https://atlassian.design/components/pagination/",
+	"author": "Atlassian Pty Ltd",
+	"license": "Apache-2.0",
+	"main": "dist/cjs/index.js",
+	"module": "dist/esm/index.js",
+	"module:es2019": "dist/es2019/index.js",
+	"types": "dist/types/index.d.ts",
+	"typesVersions": {
+		">=4.5 <4.9": {
+			"*": [
+				"dist/types-ts4.5/*",
+				"dist/types-ts4.5/index.d.ts"
+			]
+		}
+	},
+	"sideEffects": false,
+	"atlaskit:src": "src/index.tsx",
+	"af:exports": {
+		"./types": "./src/entry-points/types.tsx",
+		".": "./src/index.tsx"
+	},
+	"atlassian": {
+		"team": "Design System Team",
+		"runReact18": true,
+		"productPushConsumption": [
+			"jira"
+		],
+		"releaseModel": "continuous",
+		"website": {
+			"name": "Pagination",
+			"category": "Components"
+		}
+	},
+	"dependencies": {
+		"@atlaskit/analytics-next": "^9.3.0",
+		"@atlaskit/button": "^17.22.0",
+		"@atlaskit/codemod-utils": "^4.2.0",
+		"@atlaskit/ds-lib": "^2.3.0",
+		"@atlaskit/icon": "^22.4.0",
+		"@atlaskit/primitives": "^8.0.0",
+		"@atlaskit/visually-hidden": "^1.4.0",
+		"@babel/runtime": "^7.0.0",
+		"memoize-one": "^6.0.0"
+	},
+	"peerDependencies": {
+		"react": "^16.8.0 || ^17.0.0 || ~18.2.0"
+	},
+	"devDependencies": {
+		"@af/accessibility-testing": "*",
+		"@af/integration-testing": "*",
+		"@af/visual-regression": "*",
+		"@atlaskit/ssr": "*",
+		"@atlaskit/visual-regression": "*",
+		"@testing-library/dom": "^8.17.1",
+		"@testing-library/react": "^12.1.5",
+		"exenv": "^1.2.2",
+		"jscodeshift": "^0.13.0",
+		"react-dom": "^16.8.0",
+		"react-router-dom": "^4.2.2",
+		"storybook-addon-performance": "^0.16.0",
+		"tiny-invariant": "^1.2.0",
+		"typescript": "~5.4.2",
+		"wait-for-expect": "^1.2.0"
+	},
+	"techstack": {
+		"@atlassian/frontend": {
+			"import-structure": "atlassian-conventions"
+		},
+		"@repo/internal": {
+			"design-system": "v1",
+			"dom-events": "use-bind-event-listener",
+			"ui-components": [
+				"primitives",
+				"lite-mode"
+			],
+			"analytics": "analytics-next",
+			"design-tokens": [
+				"color",
+				"spacing"
+			],
+			"deprecation": "no-deprecated-imports",
+			"styling": [
+				"emotion",
+				"static"
+			]
+		}
+	}
+}

package/report.api.md

@@ -2,7 +2,8 @@
 
 ## API Report File for "@atlaskit/pagination"
 
-> Do not edit this file. This report is auto-generated using [API Extractor](https://api-extractor.com/).
+> Do not edit this file. This report is auto-generated using
+> [API Extractor](https://api-extractor.com/).
 > [Learn more about API reports](https://hello.atlassian.net/wiki/spaces/UR/pages/1825484529/Package+API+Reports)
 
 ### Table of contents
@@ -27,51 +28,47 @@ export default _default;
 
 // @public (undocumented)
 function InnerPagination<T>(
-  {
-    components,
-    defaultSelectedIndex,
-    selectedIndex,
-    label,
-    pageLabel,
-    previousLabel,
-    nextLabel,
-    style,
-    max,
-    onChange,
-    pages,
-    getPageLabel,
-    renderEllipsis,
-    analyticsContext,
-    testId,
-  }: PaginationPropTypes<T>,
-  ref: React_2.Ref<HTMLDivElement>,
+	{
+		components,
+		defaultSelectedIndex,
+		selectedIndex,
+		label,
+		pageLabel,
+		previousLabel,
+		nextLabel,
+		style,
+		max,
+		onChange,
+		pages,
+		getPageLabel,
+		renderEllipsis,
+		analyticsContext,
+		testId,
+	}: PaginationPropTypes<T>,
+	ref: React_2.Ref<HTMLDivElement>,
 ): JSX.Element;
 
 // @public (undocumented)
 export interface PaginationPropTypes<T = unknown> {
-  analyticsContext?: Record<string, any>;
-  components?: {
-    Page?: React.ElementType;
-    Previous?: React.ElementType;
-    Next?: React.ElementType;
-  };
-  defaultSelectedIndex?: number;
-  getPageLabel?: (page: T, pageIndex: number) => number | string;
-  label?: string;
-  max?: number;
-  nextLabel?: string;
-  onChange?: (
-    event: SyntheticEvent,
-    page: T,
-    analyticsEvent?: UIAnalyticsEvent,
-  ) => void;
-  pageLabel?: string;
-  pages: T[];
-  previousLabel?: string;
-  renderEllipsis?: (arg: { key: string }) => ReactElement;
-  selectedIndex?: number;
-  style?: CSSProperties;
-  testId?: string;
+	analyticsContext?: Record<string, any>;
+	components?: {
+		Page?: React.ElementType;
+		Previous?: React.ElementType;
+		Next?: React.ElementType;
+	};
+	defaultSelectedIndex?: number;
+	getPageLabel?: (page: T, pageIndex: number) => number | string;
+	label?: string;
+	max?: number;
+	nextLabel?: string;
+	onChange?: (event: SyntheticEvent, page: T, analyticsEvent?: UIAnalyticsEvent) => void;
+	pageLabel?: string;
+	pages: T[];
+	previousLabel?: string;
+	renderEllipsis?: (arg: { key: string }) => ReactElement;
+	selectedIndex?: number;
+	style?: CSSProperties;
+	testId?: string;
 }
 
 // (No @packageDocumentation comment for this package)
@@ -85,7 +82,7 @@ export interface PaginationPropTypes<T = unknown> {
 
 ```json
 {
-  "react": "^16.8.0"
+	"react": "^16.8.0"
 }
 ```