@patternfly/react-table 4.38.2 → 4.39.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@patternfly/react-table",
-  "version": "4.38.2",
+  "version": "4.39.1",
   "description": "This library provides a set of React table components for use with the PatternFly 4",
   "main": "dist/js/index.js",
   "module": "dist/esm/index.js",
@@ -31,10 +31,10 @@
     "clean": "rimraf dist"
   },
   "dependencies": {
-    "@patternfly/react-core": "^4.169.2",
-    "@patternfly/react-icons": "^4.20.2",
-    "@patternfly/react-styles": "^4.19.2",
-    "@patternfly/react-tokens": "^4.21.2",
+    "@patternfly/react-core": "^4.170.1",
+    "@patternfly/react-icons": "^4.21.1",
+    "@patternfly/react-styles": "^4.20.1",
+    "@patternfly/react-tokens": "^4.22.1",
     "lodash": "^4.17.19",
     "tslib": "^2.0.0"
   },
@@ -46,5 +46,5 @@
     "react": "^16.8.0 || ^17.0.0",
     "react-dom": "^16.8.0 || ^17.0.0"
   },
-  "gitHead": "fef8a9f3a2a4a522fba27c683d298fd817b95f57"
+  "gitHead": "da37ad257c8bbc6dd946e36089dfbf054841d527"
 }

package/src/components/Table/{TableTypes.ts → TableTypes.tsx}

@@ -137,8 +137,12 @@ export type IFormatterValueType = formatterValueType & {
 };
 
 export interface ISortBy {
+  /** Index of the current sorted column */
   index?: number;
+  /** Current sort direction */
   direction?: 'asc' | 'desc';
+  /** Defaulting sorting direction. Defaults to "asc". */
+  defaultDirection?: 'asc' | 'desc';
 }
 
 export interface IAction extends Omit<DropdownItemProps, 'title' | 'onClick'> {

package/src/components/Table/examples/Table.md

@@ -2,7 +2,7 @@
 id: Table
 cssPrefix: pf-c-table
 section: components
-propComponents: ['Table', 'TableHeader', 'TableBody']
+propComponents: ['Table', 'TableHeader', 'TableBody', 'ISortBy']
 ouia: true
 ---
 
@@ -330,7 +330,9 @@ class SortableTable extends React.Component {
         ['a', 'two', 'k', 'four', 'five'],
         ['p', 'two', 'b', 'four', 'five']
       ],
-      sortBy: {}
+      sortBy: {
+        defaultDirection: 'asc' // starting sort direction when first sorting a column. Defaults to 'asc'
+      }
     };
     this.onSort = this.onSort.bind(this);
   }

package/src/components/Table/utils/decorators/sortable.tsx

@@ -39,7 +39,7 @@ export const sortable: ITransform = (
   function sortClicked(event: React.MouseEvent) {
     let reversedDirection: SortByDirection;
     if (!isSortedBy) {
-      reversedDirection = SortByDirection.asc;
+      reversedDirection = sortBy.defaultDirection ? (sortBy.defaultDirection as SortByDirection) : SortByDirection.asc;
     } else {
       reversedDirection = sortBy.direction === SortByDirection.asc ? SortByDirection.desc : SortByDirection.asc;
     }

package/src/components/TableComposable/examples/ComposableTable.md

@@ -27,6 +27,7 @@ propComponents:
     'EditableSelectInputProps',
     'EditableTextCellProps',
     'ThSortType',
+    'ISortBy',
   ]
 ouia: true
 ---
@@ -313,7 +314,8 @@ ComposableTableSortable = () => {
                     sort: {
                       sortBy: {
                         index: activeSortIndex,
-                        direction: activeSortDirection
+                        direction: activeSortDirection,
+                        defaultDirection: 'asc' // starting sort direction when first sorting a column. Defaults to 'asc'
                       },
                       onSort,
                       columnIndex