@atlaskit/dynamic-table 17.1.1 → 17.1.3

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @atlaskit/dynamic-table
 
+## 17.1.3
+
+### Patch Changes
+
+- [#113467](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/113467)
+  [`01b28858edafb`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/01b28858edafb) -
+  Changed the aria-label for previous page and next page buttons
+- Updated dependencies
+
+## 17.1.2
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 17.1.1
 
 ### Patch Changes

package/dist/cjs/components/stateless.js

@@ -12,6 +12,7 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _react = _interopRequireWildcard(require("react"));
 var _analyticsNext = require("@atlaskit/analytics-next");
 var _noop = _interopRequireDefault(require("@atlaskit/ds-lib/noop"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _constants = require("../internal/constants");
 var _helpers = require("../internal/helpers");
 var _dynamicTable = require("../styled/dynamic-table");
@@ -71,8 +72,8 @@ var DynamicTable = function DynamicTable(_ref) {
     loadingSpinnerSize = _ref.loadingSpinnerSize,
     _ref$paginationi18n = _ref.paginationi18n,
     paginationi18n = _ref$paginationi18n === void 0 ? {
-      prev: 'Previous',
-      next: 'Next',
+      prev: (0, _platformFeatureFlags.fg)('eax-1131_fix_a11y_issues_global_issues_settings') ? 'Previous Page' : 'Previous',
+      next: (0, _platformFeatureFlags.fg)('eax-1131_fix_a11y_issues_global_issues_settings') ? 'Next Page' : 'Next',
       label: 'Pagination',
       pageLabel: 'Page'
     } : _ref$paginationi18n;
@@ -86,14 +87,14 @@ var DynamicTable = function DynamicTable(_ref) {
     action: 'sorted',
     componentName: 'dynamicTable',
     packageName: "@atlaskit/dynamic-table",
-    packageVersion: "17.1.1"
+    packageVersion: "17.1.3"
   });
   var onRankEnd = (0, _analyticsNext.usePlatformLeafEventHandler)({
     fn: providedOnRankEnd,
     action: 'ranked',
     componentName: 'dynamicTable',
     packageName: "@atlaskit/dynamic-table",
-    packageVersion: "17.1.1"
+    packageVersion: "17.1.3"
   });
   (0, _react.useEffect)(function () {
     (0, _helpers.validateSortKey)(sortKey, head);

package/dist/es2019/components/stateless.js

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import React, { forwardRef, lazy, Suspense, useEffect, useRef, useState } from 'react';
 import { usePlatformLeafEventHandler } from '@atlaskit/analytics-next';
 import noop from '@atlaskit/ds-lib/noop';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { ASC, DESC, LARGE, SMALL } from '../internal/constants';
 import { assertIsSortable, getPageRows, validateSortKey } from '../internal/helpers';
 import { Caption, PaginationWrapper, Table } from '../styled/dynamic-table';
@@ -47,8 +48,8 @@ const DynamicTable = ({
   onRankEnd: providedOnRankEnd = noop,
   loadingSpinnerSize,
   paginationi18n = {
-    prev: 'Previous',
-    next: 'Next',
+    prev: fg('eax-1131_fix_a11y_issues_global_issues_settings') ? 'Previous Page' : 'Previous',
+    next: fg('eax-1131_fix_a11y_issues_global_issues_settings') ? 'Next Page' : 'Next',
     label: 'Pagination',
     pageLabel: 'Page'
   }
@@ -60,14 +61,14 @@ const DynamicTable = ({
     action: 'sorted',
     componentName: 'dynamicTable',
     packageName: "@atlaskit/dynamic-table",
-    packageVersion: "17.1.1"
+    packageVersion: "17.1.3"
   });
   const onRankEnd = usePlatformLeafEventHandler({
     fn: providedOnRankEnd,
     action: 'ranked',
     componentName: 'dynamicTable',
     packageName: "@atlaskit/dynamic-table",
-    packageVersion: "17.1.1"
+    packageVersion: "17.1.3"
   });
   useEffect(() => {
     validateSortKey(sortKey, head);

package/dist/esm/components/stateless.js

@@ -5,6 +5,7 @@ var _excluded = ["isRankable", "isRanking", "onRankStart", "onRankEnd", "isRanki
 import React, { forwardRef, lazy, Suspense, useEffect, useRef, useState } from 'react';
 import { usePlatformLeafEventHandler } from '@atlaskit/analytics-next';
 import noop from '@atlaskit/ds-lib/noop';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { ASC, DESC, LARGE, SMALL } from '../internal/constants';
 import { assertIsSortable, getPageRows, validateSortKey } from '../internal/helpers';
 import { Caption, PaginationWrapper, Table } from '../styled/dynamic-table';
@@ -61,8 +62,8 @@ var DynamicTable = function DynamicTable(_ref) {
     loadingSpinnerSize = _ref.loadingSpinnerSize,
     _ref$paginationi18n = _ref.paginationi18n,
     paginationi18n = _ref$paginationi18n === void 0 ? {
-      prev: 'Previous',
-      next: 'Next',
+      prev: fg('eax-1131_fix_a11y_issues_global_issues_settings') ? 'Previous Page' : 'Previous',
+      next: fg('eax-1131_fix_a11y_issues_global_issues_settings') ? 'Next Page' : 'Next',
       label: 'Pagination',
       pageLabel: 'Page'
     } : _ref$paginationi18n;
@@ -76,14 +77,14 @@ var DynamicTable = function DynamicTable(_ref) {
     action: 'sorted',
     componentName: 'dynamicTable',
     packageName: "@atlaskit/dynamic-table",
-    packageVersion: "17.1.1"
+    packageVersion: "17.1.3"
   });
   var onRankEnd = usePlatformLeafEventHandler({
     fn: providedOnRankEnd,
     action: 'ranked',
     componentName: 'dynamicTable',
     packageName: "@atlaskit/dynamic-table",
-    packageVersion: "17.1.1"
+    packageVersion: "17.1.3"
   });
   useEffect(function () {
     validateSortKey(sortKey, head);

package/dist/types/components/loading-container-advanced.d.ts

@@ -39,6 +39,6 @@ export default class LoadingContainerAdvanced extends React.Component<LoadingCon
     translateSpinner: (spinnerNode: HTMLElement, transformY: number, isFixed?: boolean) => void;
     updateTargetAppearance: () => void;
     updateSpinnerPosition(): void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export {};

package/dist/types/components/loading-container.d.ts

@@ -15,6 +15,6 @@ export default class LoadingContainer extends React.Component<LoadingContainerPr
         contentsOpacity: number;
         loadingLabel: string;
     };
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export {};

package/dist/types/components/managed-pagination.d.ts

@@ -11,6 +11,6 @@ interface ManagedPaginationProps {
 }
 export default class ManagedPagination extends React.Component<ManagedPaginationProps> {
     onChange: (_event: any, newValue: any, analyticsEvent?: UIAnalyticsEvent) => void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export {};

package/dist/types/components/rankable/body.d.ts

@@ -16,7 +16,7 @@ interface RankableBodyProps extends WithSortedPageRowsProps {
 export declare class RankableBody extends React.Component<RankableBodyProps, {}> {
     onBeforeDragStart: (dragStart: DragStart) => void;
     onDragEnd: (result: DropResult) => void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 declare const _default: React.ForwardRefExoticComponent<Omit<RankableBodyProps & import("../../hoc/with-sorted-page-rows").TableProps, "pageRows"> & {
     forwardedRef?: React.Ref<HTMLTableSectionElement> | undefined;

package/dist/types/components/rankable/table-cell.d.ts

@@ -8,7 +8,7 @@ interface RankableTableCellProps extends WithDimensionsProps {
     testId?: string;
 }
 export declare class RankableTableCell extends React.Component<RankableTableCellProps, {}> {
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 declare const _default: React.ComponentClass<Omit<RankableTableCellProps, "innerRef" | "refWidth" | "refHeight">, State>;
 export default _default;

package/dist/types/components/stateful.d.ts

@@ -55,6 +55,6 @@ export default class DynamicTable extends React.Component<StatefulProps, State>
     onSortHandler: ({ key, item, sortOrder }: any, analyticsEvent?: UIAnalyticsEvent) => void;
     onRankEndIfExistsHandler: (params: RankEnd) => void;
     onRankEndHandler: (params: RankEnd) => void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export {};

package/dist/types/components/stateless.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { type StatelessProps as Props } from '../types';
-declare const DynamicTable: ({ caption, head, highlightedRowIndex, rows, sortKey, sortOrder, loadingLabel, onPageRowsUpdate, testId, totalRows: passedDownTotalRows, label, isLoading, isFixedSize, rowsPerPage, onSetPage, onSort: providedOnSort, page, emptyView, isRankable, isRankingDisabled, onRankStart, onRankEnd: providedOnRankEnd, loadingSpinnerSize, paginationi18n, }: Props) => JSX.Element;
+declare const DynamicTable: ({ caption, head, highlightedRowIndex, rows, sortKey, sortOrder, loadingLabel, onPageRowsUpdate, testId, totalRows: passedDownTotalRows, label, isLoading, isFixedSize, rowsPerPage, onSetPage, onSort: providedOnSort, page, emptyView, isRankable, isRankingDisabled, onRankStart, onRankEnd: providedOnRankEnd, loadingSpinnerSize, paginationi18n, }: Props) => React.JSX.Element;
 export default DynamicTable;

package/dist/types/components/table-head.d.ts

@@ -16,6 +16,6 @@ declare class TableHead extends React.Component<TableHeadProps, {
     constructor(props: TableHeadProps);
     UNSAFE_componentWillMount(): void;
     UNSAFE_componentWillReceiveProps(nextProps: TableHeadProps): void;
-    render(): JSX.Element | null;
+    render(): React.JSX.Element | null;
 }
 export default TableHead;

package/dist/types/components/table-row.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { type HeadType, type RowType } from '../types';
 interface RowProps {
     head?: HeadType;
@@ -7,5 +7,5 @@ interface RowProps {
     row: RowType;
     testId?: string;
 }
-declare const Row: ({ row, head, testId, isFixedSize, isHighlighted }: RowProps) => JSX.Element;
+declare const Row: ({ row, head, testId, isFixedSize, isHighlighted }: RowProps) => React.JSX.Element;
 export default Row;

package/dist/types-ts4.5/components/loading-container-advanced.d.ts

@@ -39,6 +39,6 @@ export default class LoadingContainerAdvanced extends React.Component<LoadingCon
     translateSpinner: (spinnerNode: HTMLElement, transformY: number, isFixed?: boolean) => void;
     updateTargetAppearance: () => void;
     updateSpinnerPosition(): void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export {};

package/dist/types-ts4.5/components/loading-container.d.ts

@@ -15,6 +15,6 @@ export default class LoadingContainer extends React.Component<LoadingContainerPr
         contentsOpacity: number;
         loadingLabel: string;
     };
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export {};

package/dist/types-ts4.5/components/managed-pagination.d.ts

@@ -11,6 +11,6 @@ interface ManagedPaginationProps {
 }
 export default class ManagedPagination extends React.Component<ManagedPaginationProps> {
     onChange: (_event: any, newValue: any, analyticsEvent?: UIAnalyticsEvent) => void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export {};

package/dist/types-ts4.5/components/rankable/body.d.ts

@@ -16,7 +16,7 @@ interface RankableBodyProps extends WithSortedPageRowsProps {
 export declare class RankableBody extends React.Component<RankableBodyProps, {}> {
     onBeforeDragStart: (dragStart: DragStart) => void;
     onDragEnd: (result: DropResult) => void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 declare const _default: React.ForwardRefExoticComponent<Omit<RankableBodyProps & import("../../hoc/with-sorted-page-rows").TableProps, "pageRows"> & {
     forwardedRef?: React.Ref<HTMLTableSectionElement> | undefined;

package/dist/types-ts4.5/components/rankable/table-cell.d.ts

@@ -8,7 +8,7 @@ interface RankableTableCellProps extends WithDimensionsProps {
     testId?: string;
 }
 export declare class RankableTableCell extends React.Component<RankableTableCellProps, {}> {
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 declare const _default: React.ComponentClass<Omit<RankableTableCellProps, "innerRef" | "refWidth" | "refHeight">, State>;
 export default _default;

package/dist/types-ts4.5/components/stateful.d.ts

@@ -55,6 +55,6 @@ export default class DynamicTable extends React.Component<StatefulProps, State>
     onSortHandler: ({ key, item, sortOrder }: any, analyticsEvent?: UIAnalyticsEvent) => void;
     onRankEndIfExistsHandler: (params: RankEnd) => void;
     onRankEndHandler: (params: RankEnd) => void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export {};

package/dist/types-ts4.5/components/stateless.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { type StatelessProps as Props } from '../types';
-declare const DynamicTable: ({ caption, head, highlightedRowIndex, rows, sortKey, sortOrder, loadingLabel, onPageRowsUpdate, testId, totalRows: passedDownTotalRows, label, isLoading, isFixedSize, rowsPerPage, onSetPage, onSort: providedOnSort, page, emptyView, isRankable, isRankingDisabled, onRankStart, onRankEnd: providedOnRankEnd, loadingSpinnerSize, paginationi18n, }: Props) => JSX.Element;
+declare const DynamicTable: ({ caption, head, highlightedRowIndex, rows, sortKey, sortOrder, loadingLabel, onPageRowsUpdate, testId, totalRows: passedDownTotalRows, label, isLoading, isFixedSize, rowsPerPage, onSetPage, onSort: providedOnSort, page, emptyView, isRankable, isRankingDisabled, onRankStart, onRankEnd: providedOnRankEnd, loadingSpinnerSize, paginationi18n, }: Props) => React.JSX.Element;
 export default DynamicTable;

package/dist/types-ts4.5/components/table-head.d.ts

@@ -16,6 +16,6 @@ declare class TableHead extends React.Component<TableHeadProps, {
     constructor(props: TableHeadProps);
     UNSAFE_componentWillMount(): void;
     UNSAFE_componentWillReceiveProps(nextProps: TableHeadProps): void;
-    render(): JSX.Element | null;
+    render(): React.JSX.Element | null;
 }
 export default TableHead;

package/dist/types-ts4.5/components/table-row.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { type HeadType, type RowType } from '../types';
 interface RowProps {
     head?: HeadType;
@@ -7,5 +7,5 @@ interface RowProps {
     row: RowType;
     testId?: string;
 }
-declare const Row: ({ row, head, testId, isFixedSize, isHighlighted }: RowProps) => JSX.Element;
+declare const Row: ({ row, head, testId, isFixedSize, isHighlighted }: RowProps) => React.JSX.Element;
 export default Row;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/dynamic-table",
-	"version": "17.1.1",
+	"version": "17.1.3",
 	"description": "A dynamic table displays rows of data with built-in pagination, sorting, and re-ordering functionality.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -42,13 +42,13 @@
 		"@atlaskit/analytics-next": "^10.3.0",
 		"@atlaskit/css": "^0.8.0",
 		"@atlaskit/ds-lib": "^3.5.0",
-		"@atlaskit/icon": "^23.6.0",
+		"@atlaskit/icon": "^23.9.0",
 		"@atlaskit/pagination": "^15.1.0",
 		"@atlaskit/platform-feature-flags": "^1.0.0",
 		"@atlaskit/pragmatic-drag-and-drop-react-beautiful-dnd-migration": "^1.4.0",
-		"@atlaskit/primitives": "^13.4.0",
+		"@atlaskit/primitives": "^13.5.0",
 		"@atlaskit/spinner": "^17.1.0",
-		"@atlaskit/theme": "^14.1.0",
+		"@atlaskit/theme": "^15.0.0",
 		"@atlaskit/tokens": "^3.3.0",
 		"@atlaskit/tooltip": "^19.1.0",
 		"@babel/runtime": "^7.0.0",
@@ -103,6 +103,9 @@
 	"platform-feature-flags": {
 		"platform-component-visual-refresh": {
 			"type": "boolean"
+		},
+		"eax-1131_fix_a11y_issues_global_issues_settings": {
+			"type": "boolean"
 		}
 	}
 }