@atlaskit/pagination 14.0.3 → 14.1.2

package/CHANGELOG.md

@@ -1,5 +1,34 @@
 # @atlaskit/pagination
 
+## 14.1.2
+
+### Patch Changes
+
+- [`b85e7ce12cd`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b85e7ce12cd) - Internal upgrade of memoize-one to 6.0.0
+
+## 14.1.1
+
+### Patch Changes
+
+- Updated dependencies
+
+## 14.1.0
+
+### Minor Changes
+
+- [`f7f36b1ea80`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f7f36b1ea80) - Test IDs are now applied to sub-components, including the page items and left/right navigation controls
+
+### Patch Changes
+
+- [`cd34d8ca8ea`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cd34d8ca8ea) - Internal wiring up to the tokens techstack, no code changes.
+- Updated dependencies
+
+## 14.0.4
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 14.0.3
 
 ### Patch Changes

package/dist/cjs/internal/utils/collapse-range.js

@@ -11,7 +11,7 @@ var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers
 
 var _memoizeOne = _interopRequireDefault(require("memoize-one"));
 
-var collapseRange = function collapseRange(pages, current, _ref) {
+var collapseRange = function collapseRange(pages, current, _ref, testId) {
   var max = _ref.max,
       ellipsis = _ref.ellipsis,
       transform = _ref.transform;
@@ -26,7 +26,7 @@ var collapseRange = function collapseRange(pages, current, _ref) {
     var startIndex = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
     var lastIndex = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : total;
     return pages.slice(startIndex, lastIndex).map(function (page, index) {
-      return transform(page, startIndex + index);
+      return transform(page, startIndex + index, testId);
     });
   });
 

package/dist/cjs/pagination.js

@@ -44,7 +44,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 var analyticsAttributes = {
   componentName: 'pagination',
   packageName: "@atlaskit/pagination",
-  packageVersion: "14.0.3"
+  packageVersion: "14.1.2"
 };
 
 function InnerPagination(_ref, ref) {
@@ -97,7 +97,7 @@ function InnerPagination(_ref, ref) {
     analyticsData: analyticsContext
   }, analyticsAttributes));
 
-  var transform = function transform(page, currPageIndex) {
+  var transform = function transform(page, currPageIndex, testId) {
     var selectedPage = pages[selectedIndexValue];
     return (0, _core.jsx)(_page.default, {
       key: "page-".concat(getPageLabel ? getPageLabel(page, currPageIndex) : currPageIndex),
@@ -109,7 +109,8 @@ function InnerPagination(_ref, ref) {
         });
       },
       isSelected: page === selectedPage,
-      page: page
+      page: page,
+      testId: testId && "".concat(testId, "--").concat(page === selectedPage ? 'current-' : '', "page-").concat(currPageIndex)
     }, getPageLabel ? getPageLabel(page, currPageIndex) : page);
   };
 
@@ -132,12 +133,13 @@ function InnerPagination(_ref, ref) {
       label: ""
     }),
     "aria-label": previousLabel,
-    pages: pages
+    pages: pages,
+    testId: testId && "".concat(testId, "--left-navigator")
   }), (0, _collapseRange.default)(pages, selectedIndexValue, {
     max: max,
     ellipsis: renderEllipsis,
     transform: transform
-  }), (0, _core.jsx)(_navigator.default, {
+  }, testId), (0, _core.jsx)(_navigator.default, {
     key: "right-navigator",
     component: components.Next,
     onClick: function onClick(event) {
@@ -151,7 +153,8 @@ function InnerPagination(_ref, ref) {
       label: ""
     }),
     "aria-label": nextLabel,
-    pages: pages
+    pages: pages,
+    testId: testId && "".concat(testId, "--right-navigator")
   }));
 }
 

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/pagination",
-	"version": "14.0.3",
+	"version": "14.1.2",
 	"sideEffects": false
 }

package/dist/es2019/internal/utils/collapse-range.js

@@ -4,7 +4,7 @@ const collapseRange = (pages, current, {
   max,
   ellipsis,
   transform
-}) => {
+}, testId) => {
   const total = pages.length; // only need ellipsis if we have more pages than we can display
 
   const needEllipsis = total > max; // show start ellipsis if the current page is further away than max - 4 from the first page
@@ -13,7 +13,7 @@ const collapseRange = (pages, current, {
 
   const hasEndEllipsis = needEllipsis && current < total - max + 3;
   const getPageComponents = memoizeOne((startIndex = 0, lastIndex = total) => {
-    return pages.slice(startIndex, lastIndex).map((page, index) => transform(page, startIndex + index));
+    return pages.slice(startIndex, lastIndex).map((page, index) => transform(page, startIndex + index, testId));
   });
 
   if (!needEllipsis) {

package/dist/es2019/pagination.js

@@ -15,7 +15,7 @@ import collapseRange from './internal/utils/collapse-range';
 const analyticsAttributes = {
   componentName: 'pagination',
   packageName: "@atlaskit/pagination",
-  packageVersion: "14.0.3"
+  packageVersion: "14.1.2"
 };
 
 function InnerPagination({
@@ -56,7 +56,7 @@ function InnerPagination({
     ...analyticsAttributes
   });
 
-  const transform = (page, currPageIndex) => {
+  const transform = (page, currPageIndex, testId) => {
     const selectedPage = pages[selectedIndexValue];
     return jsx(PageComponent, {
       key: `page-${getPageLabel ? getPageLabel(page, currPageIndex) : currPageIndex}`,
@@ -66,7 +66,8 @@ function InnerPagination({
         selectedPageIndex: currPageIndex
       }),
       isSelected: page === selectedPage,
-      page: page
+      page: page,
+      testId: testId && `${testId}--${page === selectedPage ? 'current-' : ''}page-${currPageIndex}`
     }, getPageLabel ? getPageLabel(page, currPageIndex) : page);
   };
 
@@ -89,12 +90,13 @@ function InnerPagination({
       label: ""
     }),
     "aria-label": previousLabel,
-    pages: pages
+    pages: pages,
+    testId: testId && `${testId}--left-navigator`
   }), collapseRange(pages, selectedIndexValue, {
     max: max,
     ellipsis: renderEllipsis,
     transform
-  }), jsx(Navigator, {
+  }, testId), jsx(Navigator, {
     key: "right-navigator",
     component: components.Next,
     onClick: event => onChangeWithAnalytics({
@@ -106,7 +108,8 @@ function InnerPagination({
       label: ""
     }),
     "aria-label": nextLabel,
-    pages: pages
+    pages: pages,
+    testId: testId && `${testId}--right-navigator`
   }));
 }
 

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/pagination",
-	"version": "14.0.3",
+	"version": "14.1.2",
 	"sideEffects": false
 }

package/dist/esm/internal/utils/collapse-range.js

@@ -1,7 +1,7 @@
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import memoizeOne from 'memoize-one';
 
-var collapseRange = function collapseRange(pages, current, _ref) {
+var collapseRange = function collapseRange(pages, current, _ref, testId) {
   var max = _ref.max,
       ellipsis = _ref.ellipsis,
       transform = _ref.transform;
@@ -16,7 +16,7 @@ var collapseRange = function collapseRange(pages, current, _ref) {
     var startIndex = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
     var lastIndex = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : total;
     return pages.slice(startIndex, lastIndex).map(function (page, index) {
-      return transform(page, startIndex + index);
+      return transform(page, startIndex + index, testId);
     });
   });
 

package/dist/esm/pagination.js

@@ -22,7 +22,7 @@ import collapseRange from './internal/utils/collapse-range';
 var analyticsAttributes = {
   componentName: 'pagination',
   packageName: "@atlaskit/pagination",
-  packageVersion: "14.0.3"
+  packageVersion: "14.1.2"
 };
 
 function InnerPagination(_ref, ref) {
@@ -75,7 +75,7 @@ function InnerPagination(_ref, ref) {
     analyticsData: analyticsContext
   }, analyticsAttributes));
 
-  var transform = function transform(page, currPageIndex) {
+  var transform = function transform(page, currPageIndex, testId) {
     var selectedPage = pages[selectedIndexValue];
     return jsx(PageComponent, {
       key: "page-".concat(getPageLabel ? getPageLabel(page, currPageIndex) : currPageIndex),
@@ -87,7 +87,8 @@ function InnerPagination(_ref, ref) {
         });
       },
       isSelected: page === selectedPage,
-      page: page
+      page: page,
+      testId: testId && "".concat(testId, "--").concat(page === selectedPage ? 'current-' : '', "page-").concat(currPageIndex)
     }, getPageLabel ? getPageLabel(page, currPageIndex) : page);
   };
 
@@ -110,12 +111,13 @@ function InnerPagination(_ref, ref) {
       label: ""
     }),
     "aria-label": previousLabel,
-    pages: pages
+    pages: pages,
+    testId: testId && "".concat(testId, "--left-navigator")
   }), collapseRange(pages, selectedIndexValue, {
     max: max,
     ellipsis: renderEllipsis,
     transform: transform
-  }), jsx(Navigator, {
+  }, testId), jsx(Navigator, {
     key: "right-navigator",
     component: components.Next,
     onClick: function onClick(event) {
@@ -129,7 +131,8 @@ function InnerPagination(_ref, ref) {
       label: ""
     }),
     "aria-label": nextLabel,
-    pages: pages
+    pages: pages,
+    testId: testId && "".concat(testId, "--right-navigator")
   }));
 }
 

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/pagination",
-	"version": "14.0.3",
+	"version": "14.1.2",
 	"sideEffects": false
 }

package/dist/types/internal/components/navigator.d.ts

@@ -7,6 +7,7 @@ export declare type NavigatorPropsType<T> = {
     isDisabled?: boolean;
     iconBefore: ReactElement;
     pages: T[];
+    testId?: string;
     /** This function is called with the when user clicks on navigator */
     onClick?: (event: SyntheticEvent) => void;
     component?: React.ElementType<any>;

package/dist/types/internal/utils/collapse-range.d.ts

@@ -4,6 +4,6 @@ declare const collapseRange: <T>(pages: T[], current: number, { max, ellipsis, t
     ellipsis: (arg: {
         key: string;
     }) => ReactElement;
-    transform: (page: T, index: number) => ReactElement;
-}) => ReactElement[];
+    transform: (page: T, index: number, testId?: string | undefined) => ReactElement;
+}, testId?: string | undefined) => ReactElement[];
 export default collapseRange;

package/dist/types/types.d.ts

@@ -37,6 +37,13 @@ export interface PaginationPropTypes<T = unknown> {
      * A `testId` prop is provided for specified elements,
      * which is a unique string that appears as a data attribute `data-testid`
      * in the rendered code, serving as a hook for automated tests
+     *
+     * Will set data-testid on these elements when defined:
+     * - Pagination nav wrapper - {testId}
+     * - Page - {testId}--page-{page index}
+     * - Current page - {testId}--current-page-{page index}
+     * - Left navigator - {testId}--left-navigator
+     * - Right navigator - {testId}--right-navigator
      * */
     testId?: string;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/pagination",
-  "version": "14.0.3",
+  "version": "14.1.2",
   "description": "Pagination allows you to divide large amounts of content into smaller chunks across multiple pages.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -24,14 +24,14 @@
   },
   "dependencies": {
     "@atlaskit/analytics-next": "^8.0.0",
-    "@atlaskit/button": "^15.1.0",
-    "@atlaskit/codemod-utils": "^3.2.0",
-    "@atlaskit/ds-lib": "^1.2.0",
-    "@atlaskit/icon": "^21.6.0",
-    "@atlaskit/theme": "^11.3.0",
+    "@atlaskit/button": "^16.1.0",
+    "@atlaskit/codemod-utils": "^3.4.0",
+    "@atlaskit/ds-lib": "^1.3.0",
+    "@atlaskit/icon": "^21.9.0",
+    "@atlaskit/theme": "^12.0.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/core": "^10.0.9",
-    "memoize-one": "^5.1.0"
+    "memoize-one": "^6.0.0"
   },
   "peerDependencies": {
     "react": "^16.8.0"
@@ -40,7 +40,7 @@
     "@atlaskit/build-utils": "*",
     "@atlaskit/docs": "*",
     "@atlaskit/dynamic-table": "^14.1.0",
-    "@atlaskit/section-message": "^6.0.0",
+    "@atlaskit/section-message": "^6.1.0",
     "@atlaskit/ssr": "*",
     "@atlaskit/visual-regression": "*",
     "@atlaskit/webdriver-runner": "*",
@@ -61,18 +61,10 @@
       "import-structure": "atlassian-conventions"
     },
     "@repo/internal": {
-      "ui-components": [
-        "lite-mode"
-      ],
-      "analytics": [
-        "analytics-next"
-      ],
-      "theming": [
-        "new-theming-api"
-      ],
-      "deprecation": [
-        "no-deprecated-imports"
-      ]
+      "ui-components": "lite-mode",
+      "analytics": "analytics-next",
+      "theming": "tokens",
+      "deprecation": "no-deprecated-imports"
     }
   },
   "af:exports": {