@atlaskit/dynamic-table 14.8.13 → 14.8.14

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/dynamic-table
 
+## 14.8.14
+
+### Patch Changes
+
+- [`df9b2633fe4`](https://bitbucket.org/atlassian/atlassian-frontend/commits/df9b2633fe4) - [ux] Adds `aria-sort` to sortable headers when being used to sort.
+
 ## 14.8.13
 
 ### Patch Changes

package/dist/cjs/components/stateless.js

@@ -29,7 +29,7 @@ var _tableHead = _interopRequireDefault(require("./table-head"));
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 var packageName = "@atlaskit/dynamic-table";
-var packageVersion = "14.8.13";
+var packageVersion = "14.8.14";
 function toggleSortOrder(currentSortOrder) {
   switch (currentSortOrder) {
     case _constants.DESC:

package/dist/cjs/styled/table-head.js

@@ -134,7 +134,15 @@ var HeadCell = /*#__PURE__*/(0, _react.forwardRef)(function (_ref2, ref) {
   })), {}, (0, _defineProperty2.default)({}, CSS_VAR_TEXT_COLOR, _theme.head.textColor));
   var isASC = sortOrder === _constants2.ASC;
   var isDESC = sortOrder === _constants2.DESC;
+  var getFormattedSortOrder = function getFormattedSortOrder() {
+    if (isASC) {
+      return 'ascending';
+    } else if (isDESC) {
+      return 'descending';
+    }
+  };
   return (0, _react2.jsx)("th", (0, _extends2.default)({
+    "aria-sort": getFormattedSortOrder(),
     style: mergedStyles,
     css: [headCellStyles, onClick && onClickStyles, _constants3.truncationWidthStyles, isFixedSize && shouldTruncate && _constants3.fixedSizeTruncateStyles, isFixedSize && _constants3.overflowTruncateStyles, isSortable && baseStyles, isASC && ascendingStyles, isDESC && descendingStyles],
     onClick: onClick,

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/dynamic-table",
-	"version": "14.8.13",
+	"version": "14.8.14",
 	"sideEffects": false
 }

package/dist/es2019/components/stateless.js

@@ -14,7 +14,7 @@ import ManagedPagination from './managed-pagination';
 import RankableTableBody from './rankable/body';
 import TableHead from './table-head';
 const packageName = "@atlaskit/dynamic-table";
-const packageVersion = "14.8.13";
+const packageVersion = "14.8.14";
 function toggleSortOrder(currentSortOrder) {
   switch (currentSortOrder) {
     case DESC:

package/dist/es2019/styled/table-head.js

@@ -129,7 +129,15 @@ export const HeadCell = /*#__PURE__*/forwardRef(({
   };
   const isASC = sortOrder === ASC;
   const isDESC = sortOrder === DESC;
+  const getFormattedSortOrder = () => {
+    if (isASC) {
+      return 'ascending';
+    } else if (isDESC) {
+      return 'descending';
+    }
+  };
   return jsx("th", _extends({
+    "aria-sort": getFormattedSortOrder(),
     style: mergedStyles,
     css: [headCellStyles, onClick && onClickStyles, truncationWidthStyles, isFixedSize && shouldTruncate && fixedSizeTruncateStyles, isFixedSize && overflowTruncateStyles, isSortable && baseStyles, isASC && ascendingStyles, isDESC && descendingStyles],
     onClick: onClick,

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/dynamic-table",
-	"version": "14.8.13",
+	"version": "14.8.14",
 	"sideEffects": false
 }

package/dist/esm/components/stateless.js

@@ -22,7 +22,7 @@ import ManagedPagination from './managed-pagination';
 import RankableTableBody from './rankable/body';
 import TableHead from './table-head';
 var packageName = "@atlaskit/dynamic-table";
-var packageVersion = "14.8.13";
+var packageVersion = "14.8.14";
 function toggleSortOrder(currentSortOrder) {
   switch (currentSortOrder) {
     case DESC:

package/dist/esm/styled/table-head.js

@@ -129,7 +129,15 @@ export var HeadCell = /*#__PURE__*/forwardRef(function (_ref2, ref) {
   })), {}, _defineProperty({}, CSS_VAR_TEXT_COLOR, head.textColor));
   var isASC = sortOrder === ASC;
   var isDESC = sortOrder === DESC;
+  var getFormattedSortOrder = function getFormattedSortOrder() {
+    if (isASC) {
+      return 'ascending';
+    } else if (isDESC) {
+      return 'descending';
+    }
+  };
   return jsx("th", _extends({
+    "aria-sort": getFormattedSortOrder(),
     style: mergedStyles,
     css: [headCellStyles, onClick && onClickStyles, truncationWidthStyles, isFixedSize && shouldTruncate && fixedSizeTruncateStyles, isFixedSize && overflowTruncateStyles, isSortable && baseStyles, isASC && ascendingStyles, isDESC && descendingStyles],
     onClick: onClick,

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/dynamic-table",
-	"version": "14.8.13",
+	"version": "14.8.14",
 	"sideEffects": false
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/dynamic-table",
-  "version": "14.8.13",
+  "version": "14.8.14",
   "description": "A dynamic table displays rows of data with built-in pagination, sorting, and re-ordering functionality.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -41,7 +41,7 @@
   },
   "devDependencies": {
     "@atlaskit/avatar": "^21.2.0",
-    "@atlaskit/button": "^16.5.0",
+    "@atlaskit/button": "^16.6.0",
     "@atlaskit/docs": "*",
     "@atlaskit/dropdown-menu": "^11.7.0",
     "@atlaskit/ssr": "*",