feat(DataTable): Add sorting params to header onClick callback (carbo…

…n-design-system#2083)

* feat(DataTable): Add sorting params to header onClick callback

* chore(build): update size threshold

* fix(progressIndicatorSkeleton): Update html to fix styling (carbon-design-system#2084)

* fix: update skeleton svg for progress indicator

* chore: update html

* refactor(Slider): replace Carbon TextInput (carbon-design-system#2085)

* feat(DataTable): Add sorting params to header onClick callback

package.json

@@ -363,5 +363,5 @@
       "enzyme-to-json/serializer"
     ]
   },
-  "bundleSizeThreshold": 110000
+  "bundleSizeThreshold": 120000
 }

src/components/DataTable/DataTable.js

@@ -173,10 +173,29 @@ export default class DataTable extends React.Component {
       isSortHeader: sortHeaderKey === header.key,
       // Compose the event handlers so we don't overwrite a consumer's `onClick`
       // handler
-      onClick: composeEventHandlers([this.handleSortBy(header.key), onClick]),
+      onClick: composeEventHandlers([
+        this.handleSortBy(header.key),
+        onClick
+          ? this.handleOnHeaderClick(onClick, {
+              sortHeaderKey: header.key,
+              sortDirection,
+            })
+          : null,
+      ]),
     };
   };
 
+  /**
+   * Decorate consumer's `onClick` event handler with sort parameters
+   *
+   * @param {Function} onClick
+   * @param {Object} sortParams
+   * @returns {Function}
+   */
+  handleOnHeaderClick = (onClick, sortParams) => {
+    return e => onClick(e, sortParams);
+  };
+
   /**
    * Get the props associated with the given row. Mostly used for expansion.
    *