@amboss/design-system 1.9.6 → 1.9.7-canary-datatable-2

package/build/cjs/src/components/DataTable/DataTable.js

@@ -0,0 +1,115 @@
+'use strict';
+
+var _styled = require('@emotion/styled/base');
+var React = require('react');
+var TableBody = require('./TableBody.js');
+var TableHeader = require('./TableHeader.js');
+var Container = require('../Container/Container.js');
+var TableFooter = require('./TableFooter.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var _styled__default = /*#__PURE__*/_interopDefault(_styled);
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+const TableContainer = /*#__PURE__*/_styled__default.default("div", process.env.NODE_ENV === "production" ? {
+  target: "e9acbuy1"
+} : {
+  target: "e9acbuy1",
+  label: "TableContainer"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1qmr6ab",
+  styles: "overflow:auto"
+} : {
+  name: "1qmr6ab",
+  styles: "overflow:auto",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRhdGFUYWJsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0V1QiIsImZpbGUiOiJEYXRhVGFibGUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IHVzZUVmZmVjdCwgdXNlU3RhdGUsIHVzZVJlZiB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgVGFibGVCb2R5IGZyb20gXCIuL1RhYmxlQm9keVwiO1xuaW1wb3J0IFRhYmxlSGVhZGVyIGZyb20gXCIuL1RhYmxlSGVhZGVyXCI7XG5pbXBvcnQgeyBDb250YWluZXIgfSBmcm9tIFwiLi4vQ29udGFpbmVyL0NvbnRhaW5lclwiO1xuaW1wb3J0IHR5cGUgeyBEYXRhVGFibGVDb2x1bW4sIERhdGFUYWJsZVJvdyB9IGZyb20gXCIuL3R5cGVzXCI7XG5pbXBvcnQgVGFibGVGb290ZXIgZnJvbSBcIi4vVGFibGVGb290ZXJcIjtcblxuZXhwb3J0IHR5cGUgRGF0YVRhYmxlUHJvcHMgPSB7XG4gIC8qKiBDU1MgdGFibGUgbGF5b3V0LiBJbiAnYXV0bycgbGF5b3V0LCBjb2x1bW5zIGFyZSBzaXplZCBhY2NvcmRpbmcgdG8gY29udGVudCB3aWR0aC4gSW4gJ2ZpeGVkJyBsYXlvdXQsIGNvbHVtbnMgY2FuIGJlIHByb3ZpZGVkIGEgZml4ZWQgb3IgcGVyY2VudGFnZSB3aWR0aC4gKi9cbiAgbGF5b3V0PzogXCJhdXRvXCIgfCBcImZpeGVkXCI7XG5cbiAgLyoqIFRhYmxlIHdpZHRoICovXG4gIHdpZHRoPzogc3RyaW5nO1xuXG4gIC8qKiBNaW5pbXVuIGhlaWdodCAqL1xuICBtaW5IZWlnaHQ/OiBzdHJpbmc7XG5cbiAgLyoqIEZvb3RlciBlbGVtZW50ICovXG4gIGZvb3Rlcj86IFJlYWN0LlJlYWN0RWxlbWVudDtcblxuICAvKipcbiAgICogTWV0YSBkYXRhIGZvciBjb2x1bW5zXG4gICAqIEBwYXJhbSBEYXRhVGFibGVDb2x1bW5bXS5uYW1lIC0gQ29sdW1uIG5hbWVcbiAgICogQHBhcmFtIERhdGFUYWJsZUNvbHVtbltdLmxhYmVsIC0gQ29sdW1uIGxhYmVsIGZvciBkaXNwbGF5XG4gICAqIEBwYXJhbSBEYXRhVGFibGVDb2x1bW5bXS5hbGlnbiAtIEFsaWduIGNlbGwgY29udGVudCwgJ2xlZnQnIHwgJ3JpZ2h0JyB8ICdjZW50ZXInXG4gICAqIEBwYXJhbSBEYXRhVGFibGVDb2x1bW5bXS53aWR0aCAtIENvbHVtbiB3aWR0aFxuICAgKiBAcGFyYW0gRGF0YVRhYmxlQ29sdW1uW10ucmVuZGVyQ2VsbCAtIENhbGxiYWNrIHRvIHJlbmRlciBjdXN0b20gY2VsbCBjb250ZW50LlxuICAgKiBAcGFyYW0gRGF0YVRhYmxlQ29sdW1uW10uaXNTb3J0YWJsZSAtIElzIHRhYmxlIHNvcnRhYmxlIGJ5IGNvbHVtblxuICAgKiBAcGFyYW0gRGF0YVRhYmxlQ29sdW1uW10uc29ydERpcmVjdGlvbiAtIFNvcnRlZCBhcyAnYXNjJyB8ICdkZXNjJ1xuICAgKlxuICAgKi9cbiAgY29sdW1uczogRGF0YVRhYmxlQ29sdW1uW107XG5cbiAgLyoqXG4gICAqIFRhYmxlIGNvbnRlbnQgYXMgYW4gYXJyYXkgb2Ygb2JqZWN0cyB3aXRoIHZhbHVlcyBmb3IgZWFjaCBjb2x1bW5cbiAgICovXG4gIHJvd3M/OiBEYXRhVGFibGVSb3dbXTtcblxuICAvKipcbiAgICogSXMgbG9hZGluZyBkYXRhLiBZb3UgY2FuIGRpc3BsYXkgY3VzdG9tIGxvYWRpbmcgY29udGVudCB3aXRoIGNoaWxkcmVuIHByb3AuXG4gICAqL1xuICBpc0xvYWRpbmc/OiBib29sZWFuO1xuXG4gIC8qKiBzY3JlZW4gcmVhZGVyIHRleHQgZm9yIGxvYWRpbmcgc3Bpbm5lciAqL1xuICBsb2FkaW5nU3RhdGVTY3JlZW5SZWFkZXJUZXh0Pzogc3RyaW5nO1xuXG4gIC8qKiBJcyBlbXB0eSBvciBpbiBlcnJvciBzdGF0ZS4gWW91IGNhbiBkaXNwbGF5IGN1c3RvbSBlbXB0eS9lcnJvciBjb250ZW50IHdpdGggY2hpbGRyZW4gcHJvcC5cbiAgICovXG4gIGlzRW1wdHk/OiBib29sZWFuO1xuXG4gIC8qKlxuICAgKiBJcyBmaXJzdCBjb2x1bW4gc3RpY2t5IG9uIHNjcm9sbFxuICAgKi9cbiAgaXNGaXJzdENvbHVtblN0aWNreT86IGJvb2xlYW47XG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiPzogc3RyaW5nO1xuXG4gIC8qKiAgQ29sdW1uIG1vc3QgcmVjZW50bHkgdXNlZCB0byBzb3J0IGRhdGEgKi9cbiAgY3VycmVudGx5U29ydGVkQnlDb2x1bW4/OiBzdHJpbmc7XG4gIC8qKlxuICAgKiBDYWxsYmFjayB0byBoYW5kbGUgc29ydGluZyBieSBjb2x1bW5cbiAgICovXG4gIG9uU29ydD86IChcbiAgICBjb2x1bW5OYW1lOiBzdHJpbmcsXG4gICAgZGVzaXJlZFNvcnREaXJlY3Rpb246IERhdGFUYWJsZUNvbHVtbltcInNvcnREaXJlY3Rpb25cIl1cbiAgKSA9PiB2b2lkO1xufTtcblxuY29uc3QgVGFibGVDb250YWluZXIgPSBzdHlsZWQuZGl2KHtcbiAgb3ZlcmZsb3c6IFwiYXV0b1wiLFxufSk7XG5cbnR5cGUgU3R5bGVkVGFibGVQcm9wcyA9IFBpY2s8RGF0YVRhYmxlUHJvcHMsIFwibGF5b3V0XCIgfCBcIndpZHRoXCIgfCBcIm1pbkhlaWdodFwiPjtcblxuY29uc3QgU3R5bGVkVGFibGUgPSBzdHlsZWQudGFibGU8U3R5bGVkVGFibGVQcm9wcz4oXG4gICh7IGxheW91dCwgd2lkdGgsIG1pbkhlaWdodCB9KSA9PiAoe1xuICAgIGJvcmRlclNwYWNpbmc6IDAsXG4gICAgdGFibGVMYXlvdXQ6IGxheW91dCxcbiAgICB3aWR0aCxcbiAgICBtaW5IZWlnaHQsXG4gIH0pXG4pO1xuXG5leHBvcnQgZnVuY3Rpb24gRGF0YVRhYmxlKHtcbiAgY29sdW1ucyxcbiAgcm93cyA9IFtdLFxuICBmb290ZXIsXG4gIGN1cnJlbnRseVNvcnRlZEJ5Q29sdW1uLFxuICBpc0ZpcnN0Q29sdW1uU3RpY2t5ID0gdHJ1ZSxcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG4gIGlzTG9hZGluZyA9IGZhbHNlLFxuICBsb2FkaW5nU3RhdGVTY3JlZW5SZWFkZXJUZXh0ID0gXCJMb2FkaW5nXCIsXG4gIGlzRW1wdHkgPSBmYWxzZSxcbiAgY2hpbGRyZW4sXG4gIG1pbkhlaWdodCxcbiAgbGF5b3V0ID0gXCJhdXRvXCIsXG4gIHdpZHRoID0gXCIxMDAlXCIsXG4gIG9uU29ydCxcbn06IFJlYWN0LlByb3BzV2l0aENoaWxkcmVuPERhdGFUYWJsZVByb3BzPik6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IFtpc1Njcm9sbGVkLCBzZXRJc1Njcm9sbGVkXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgY29uc3QgdGFibGVSZWYgPSB1c2VSZWY8SFRNTFRhYmxlRWxlbWVudD4obnVsbCk7XG4gIGNvbnN0IGNvbnRhaW5lclJlZiA9IHVzZVJlZjxIVE1MRGl2RWxlbWVudD4obnVsbCk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBsZXQgb2JzZXJ2ZXI6IEludGVyc2VjdGlvbk9ic2VydmVyO1xuXG4gICAgaWYgKFxuICAgICAgaXNGaXJzdENvbHVtblN0aWNreSAmJlxuICAgICAgSW50ZXJzZWN0aW9uT2JzZXJ2ZXIgJiZcbiAgICAgIGNvbnRhaW5lclJlZiAmJlxuICAgICAgY29udGFpbmVyUmVmLmN1cnJlbnQgJiZcbiAgICAgIHRhYmxlUmVmLmN1cnJlbnRcbiAgICApIHtcbiAgICAgIG9ic2VydmVyID0gbmV3IEludGVyc2VjdGlvbk9ic2VydmVyKFxuICAgICAgICAoZW50cmllcykgPT4ge1xuICAgICAgICAgIGVudHJpZXMuZm9yRWFjaCgoZW50cnkpID0+IHtcbiAgICAgICAgICAgIHNldElzU2Nyb2xsZWQoIWVudHJ5LmlzSW50ZXJzZWN0aW5nKTtcbiAgICAgICAgICB9KTtcbiAgICAgICAgfSxcbiAgICAgICAge1xuICAgICAgICAgIHJvb3Q6IGNvbnRhaW5lclJlZi5jdXJyZW50LFxuICAgICAgICAgIHRocmVzaG9sZDogMSxcbiAgICAgICAgfVxuICAgICAgKTtcblxuICAgICAgb2JzZXJ2ZXIub2JzZXJ2ZSh0YWJsZVJlZi5jdXJyZW50KTtcbiAgICB9XG5cbiAgICByZXR1cm4gKCkgPT4ge1xuICAgICAgaWYgKG9ic2VydmVyKSB7XG4gICAgICAgIG9ic2VydmVyLmRpc2Nvbm5lY3QoKTtcbiAgICAgIH1cbiAgICB9O1xuICB9LCBbaXNGaXJzdENvbHVtblN0aWNreV0pO1xuXG4gIGNvbnN0IGZvb3RlckVsbSA9IGZvb3RlciA/IChcbiAgICA8VGFibGVGb290ZXIgY29sdW1ucz17Y29sdW1uc30+e2Zvb3Rlcn08L1RhYmxlRm9vdGVyPlxuICApIDogbnVsbDtcblxuICByZXR1cm4gKFxuICAgIDxDb250YWluZXIgZWxldmF0aW9uPXsxfT5cbiAgICAgIDxUYWJsZUNvbnRhaW5lciByZWY9e2NvbnRhaW5lclJlZn0+XG4gICAgICAgIDxTdHlsZWRUYWJsZVxuICAgICAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9XG4gICAgICAgICAgcmVmPXt0YWJsZVJlZn1cbiAgICAgICAgICBsYXlvdXQ9e2xheW91dH1cbiAgICAgICAgICB3aWR0aD17d2lkdGh9XG4gICAgICAgICAgbWluSGVpZ2h0PXttaW5IZWlnaHR9XG4gICAgICAgID5cbiAgICAgICAgICA8VGFibGVIZWFkZXJcbiAgICAgICAgICAgIGNvbHVtbnM9e2NvbHVtbnN9XG4gICAgICAgICAgICBpc1RhYmxlU2Nyb2xsZWQ9e2lzU2Nyb2xsZWR9XG4gICAgICAgICAgICBjdXJyZW50bHlTb3J0ZWRCeUNvbHVtbj17Y3VycmVudGx5U29ydGVkQnlDb2x1bW59XG4gICAgICAgICAgICBvblNvcnQ9e29uU29ydH1cbiAgICAgICAgICAvPlxuICAgICAgICAgIDxUYWJsZUJvZHlcbiAgICAgICAgICAgIGNvbHVtbnM9e2NvbHVtbnN9XG4gICAgICAgICAgICByb3dzPXtyb3dzfVxuICAgICAgICAgICAgaXNUYWJsZVNjcm9sbGVkPXtpc1Njcm9sbGVkfVxuICAgICAgICAgICAgaXNFbXB0eT17aXNFbXB0eX1cbiAgICAgICAgICAgIGlzTG9hZGluZz17aXNMb2FkaW5nfVxuICAgICAgICAgICAgbG9hZGluZ1N0YXRlU2NyZWVuUmVhZGVyVGV4dD17bG9hZGluZ1N0YXRlU2NyZWVuUmVhZGVyVGV4dH1cbiAgICAgICAgICA+XG4gICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgICAgPC9UYWJsZUJvZHk+XG4gICAgICAgICAge2Zvb3RlckVsbX1cbiAgICAgICAgPC9TdHlsZWRUYWJsZT5cbiAgICAgIDwvVGFibGVDb250YWluZXI+XG4gICAgPC9Db250YWluZXI+XG4gICk7XG59XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const StyledTable = /*#__PURE__*/_styled__default.default("table", process.env.NODE_ENV === "production" ? {
+  target: "e9acbuy0"
+} : {
+  target: "e9acbuy0",
+  label: "StyledTable"
+})(_ref => {
+  let {
+    layout,
+    width,
+    minHeight
+  } = _ref;
+  return {
+    borderSpacing: 0,
+    tableLayout: layout,
+    width,
+    minHeight
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRhdGFUYWJsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMEVvQiIsImZpbGUiOiJEYXRhVGFibGUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IHVzZUVmZmVjdCwgdXNlU3RhdGUsIHVzZVJlZiB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgVGFibGVCb2R5IGZyb20gXCIuL1RhYmxlQm9keVwiO1xuaW1wb3J0IFRhYmxlSGVhZGVyIGZyb20gXCIuL1RhYmxlSGVhZGVyXCI7XG5pbXBvcnQgeyBDb250YWluZXIgfSBmcm9tIFwiLi4vQ29udGFpbmVyL0NvbnRhaW5lclwiO1xuaW1wb3J0IHR5cGUgeyBEYXRhVGFibGVDb2x1bW4sIERhdGFUYWJsZVJvdyB9IGZyb20gXCIuL3R5cGVzXCI7XG5pbXBvcnQgVGFibGVGb290ZXIgZnJvbSBcIi4vVGFibGVGb290ZXJcIjtcblxuZXhwb3J0IHR5cGUgRGF0YVRhYmxlUHJvcHMgPSB7XG4gIC8qKiBDU1MgdGFibGUgbGF5b3V0LiBJbiAnYXV0bycgbGF5b3V0LCBjb2x1bW5zIGFyZSBzaXplZCBhY2NvcmRpbmcgdG8gY29udGVudCB3aWR0aC4gSW4gJ2ZpeGVkJyBsYXlvdXQsIGNvbHVtbnMgY2FuIGJlIHByb3ZpZGVkIGEgZml4ZWQgb3IgcGVyY2VudGFnZSB3aWR0aC4gKi9cbiAgbGF5b3V0PzogXCJhdXRvXCIgfCBcImZpeGVkXCI7XG5cbiAgLyoqIFRhYmxlIHdpZHRoICovXG4gIHdpZHRoPzogc3RyaW5nO1xuXG4gIC8qKiBNaW5pbXVuIGhlaWdodCAqL1xuICBtaW5IZWlnaHQ/OiBzdHJpbmc7XG5cbiAgLyoqIEZvb3RlciBlbGVtZW50ICovXG4gIGZvb3Rlcj86IFJlYWN0LlJlYWN0RWxlbWVudDtcblxuICAvKipcbiAgICogTWV0YSBkYXRhIGZvciBjb2x1bW5zXG4gICAqIEBwYXJhbSBEYXRhVGFibGVDb2x1bW5bXS5uYW1lIC0gQ29sdW1uIG5hbWVcbiAgICogQHBhcmFtIERhdGFUYWJsZUNvbHVtbltdLmxhYmVsIC0gQ29sdW1uIGxhYmVsIGZvciBkaXNwbGF5XG4gICAqIEBwYXJhbSBEYXRhVGFibGVDb2x1bW5bXS5hbGlnbiAtIEFsaWduIGNlbGwgY29udGVudCwgJ2xlZnQnIHwgJ3JpZ2h0JyB8ICdjZW50ZXInXG4gICAqIEBwYXJhbSBEYXRhVGFibGVDb2x1bW5bXS53aWR0aCAtIENvbHVtbiB3aWR0aFxuICAgKiBAcGFyYW0gRGF0YVRhYmxlQ29sdW1uW10ucmVuZGVyQ2VsbCAtIENhbGxiYWNrIHRvIHJlbmRlciBjdXN0b20gY2VsbCBjb250ZW50LlxuICAgKiBAcGFyYW0gRGF0YVRhYmxlQ29sdW1uW10uaXNTb3J0YWJsZSAtIElzIHRhYmxlIHNvcnRhYmxlIGJ5IGNvbHVtblxuICAgKiBAcGFyYW0gRGF0YVRhYmxlQ29sdW1uW10uc29ydERpcmVjdGlvbiAtIFNvcnRlZCBhcyAnYXNjJyB8ICdkZXNjJ1xuICAgKlxuICAgKi9cbiAgY29sdW1uczogRGF0YVRhYmxlQ29sdW1uW107XG5cbiAgLyoqXG4gICAqIFRhYmxlIGNvbnRlbnQgYXMgYW4gYXJyYXkgb2Ygb2JqZWN0cyB3aXRoIHZhbHVlcyBmb3IgZWFjaCBjb2x1bW5cbiAgICovXG4gIHJvd3M/OiBEYXRhVGFibGVSb3dbXTtcblxuICAvKipcbiAgICogSXMgbG9hZGluZyBkYXRhLiBZb3UgY2FuIGRpc3BsYXkgY3VzdG9tIGxvYWRpbmcgY29udGVudCB3aXRoIGNoaWxkcmVuIHByb3AuXG4gICAqL1xuICBpc0xvYWRpbmc/OiBib29sZWFuO1xuXG4gIC8qKiBzY3JlZW4gcmVhZGVyIHRleHQgZm9yIGxvYWRpbmcgc3Bpbm5lciAqL1xuICBsb2FkaW5nU3RhdGVTY3JlZW5SZWFkZXJUZXh0Pzogc3RyaW5nO1xuXG4gIC8qKiBJcyBlbXB0eSBvciBpbiBlcnJvciBzdGF0ZS4gWW91IGNhbiBkaXNwbGF5IGN1c3RvbSBlbXB0eS9lcnJvciBjb250ZW50IHdpdGggY2hpbGRyZW4gcHJvcC5cbiAgICovXG4gIGlzRW1wdHk/OiBib29sZWFuO1xuXG4gIC8qKlxuICAgKiBJcyBmaXJzdCBjb2x1bW4gc3RpY2t5IG9uIHNjcm9sbFxuICAgKi9cbiAgaXNGaXJzdENvbHVtblN0aWNreT86IGJvb2xlYW47XG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiPzogc3RyaW5nO1xuXG4gIC8qKiAgQ29sdW1uIG1vc3QgcmVjZW50bHkgdXNlZCB0byBzb3J0IGRhdGEgKi9cbiAgY3VycmVudGx5U29ydGVkQnlDb2x1bW4/OiBzdHJpbmc7XG4gIC8qKlxuICAgKiBDYWxsYmFjayB0byBoYW5kbGUgc29ydGluZyBieSBjb2x1bW5cbiAgICovXG4gIG9uU29ydD86IChcbiAgICBjb2x1bW5OYW1lOiBzdHJpbmcsXG4gICAgZGVzaXJlZFNvcnREaXJlY3Rpb246IERhdGFUYWJsZUNvbHVtbltcInNvcnREaXJlY3Rpb25cIl1cbiAgKSA9PiB2b2lkO1xufTtcblxuY29uc3QgVGFibGVDb250YWluZXIgPSBzdHlsZWQuZGl2KHtcbiAgb3ZlcmZsb3c6IFwiYXV0b1wiLFxufSk7XG5cbnR5cGUgU3R5bGVkVGFibGVQcm9wcyA9IFBpY2s8RGF0YVRhYmxlUHJvcHMsIFwibGF5b3V0XCIgfCBcIndpZHRoXCIgfCBcIm1pbkhlaWdodFwiPjtcblxuY29uc3QgU3R5bGVkVGFibGUgPSBzdHlsZWQudGFibGU8U3R5bGVkVGFibGVQcm9wcz4oXG4gICh7IGxheW91dCwgd2lkdGgsIG1pbkhlaWdodCB9KSA9PiAoe1xuICAgIGJvcmRlclNwYWNpbmc6IDAsXG4gICAgdGFibGVMYXlvdXQ6IGxheW91dCxcbiAgICB3aWR0aCxcbiAgICBtaW5IZWlnaHQsXG4gIH0pXG4pO1xuXG5leHBvcnQgZnVuY3Rpb24gRGF0YVRhYmxlKHtcbiAgY29sdW1ucyxcbiAgcm93cyA9IFtdLFxuICBmb290ZXIsXG4gIGN1cnJlbnRseVNvcnRlZEJ5Q29sdW1uLFxuICBpc0ZpcnN0Q29sdW1uU3RpY2t5ID0gdHJ1ZSxcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG4gIGlzTG9hZGluZyA9IGZhbHNlLFxuICBsb2FkaW5nU3RhdGVTY3JlZW5SZWFkZXJUZXh0ID0gXCJMb2FkaW5nXCIsXG4gIGlzRW1wdHkgPSBmYWxzZSxcbiAgY2hpbGRyZW4sXG4gIG1pbkhlaWdodCxcbiAgbGF5b3V0ID0gXCJhdXRvXCIsXG4gIHdpZHRoID0gXCIxMDAlXCIsXG4gIG9uU29ydCxcbn06IFJlYWN0LlByb3BzV2l0aENoaWxkcmVuPERhdGFUYWJsZVByb3BzPik6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IFtpc1Njcm9sbGVkLCBzZXRJc1Njcm9sbGVkXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgY29uc3QgdGFibGVSZWYgPSB1c2VSZWY8SFRNTFRhYmxlRWxlbWVudD4obnVsbCk7XG4gIGNvbnN0IGNvbnRhaW5lclJlZiA9IHVzZVJlZjxIVE1MRGl2RWxlbWVudD4obnVsbCk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBsZXQgb2JzZXJ2ZXI6IEludGVyc2VjdGlvbk9ic2VydmVyO1xuXG4gICAgaWYgKFxuICAgICAgaXNGaXJzdENvbHVtblN0aWNreSAmJlxuICAgICAgSW50ZXJzZWN0aW9uT2JzZXJ2ZXIgJiZcbiAgICAgIGNvbnRhaW5lclJlZiAmJlxuICAgICAgY29udGFpbmVyUmVmLmN1cnJlbnQgJiZcbiAgICAgIHRhYmxlUmVmLmN1cnJlbnRcbiAgICApIHtcbiAgICAgIG9ic2VydmVyID0gbmV3IEludGVyc2VjdGlvbk9ic2VydmVyKFxuICAgICAgICAoZW50cmllcykgPT4ge1xuICAgICAgICAgIGVudHJpZXMuZm9yRWFjaCgoZW50cnkpID0+IHtcbiAgICAgICAgICAgIHNldElzU2Nyb2xsZWQoIWVudHJ5LmlzSW50ZXJzZWN0aW5nKTtcbiAgICAgICAgICB9KTtcbiAgICAgICAgfSxcbiAgICAgICAge1xuICAgICAgICAgIHJvb3Q6IGNvbnRhaW5lclJlZi5jdXJyZW50LFxuICAgICAgICAgIHRocmVzaG9sZDogMSxcbiAgICAgICAgfVxuICAgICAgKTtcblxuICAgICAgb2JzZXJ2ZXIub2JzZXJ2ZSh0YWJsZVJlZi5jdXJyZW50KTtcbiAgICB9XG5cbiAgICByZXR1cm4gKCkgPT4ge1xuICAgICAgaWYgKG9ic2VydmVyKSB7XG4gICAgICAgIG9ic2VydmVyLmRpc2Nvbm5lY3QoKTtcbiAgICAgIH1cbiAgICB9O1xuICB9LCBbaXNGaXJzdENvbHVtblN0aWNreV0pO1xuXG4gIGNvbnN0IGZvb3RlckVsbSA9IGZvb3RlciA/IChcbiAgICA8VGFibGVGb290ZXIgY29sdW1ucz17Y29sdW1uc30+e2Zvb3Rlcn08L1RhYmxlRm9vdGVyPlxuICApIDogbnVsbDtcblxuICByZXR1cm4gKFxuICAgIDxDb250YWluZXIgZWxldmF0aW9uPXsxfT5cbiAgICAgIDxUYWJsZUNvbnRhaW5lciByZWY9e2NvbnRhaW5lclJlZn0+XG4gICAgICAgIDxTdHlsZWRUYWJsZVxuICAgICAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9XG4gICAgICAgICAgcmVmPXt0YWJsZVJlZn1cbiAgICAgICAgICBsYXlvdXQ9e2xheW91dH1cbiAgICAgICAgICB3aWR0aD17d2lkdGh9XG4gICAgICAgICAgbWluSGVpZ2h0PXttaW5IZWlnaHR9XG4gICAgICAgID5cbiAgICAgICAgICA8VGFibGVIZWFkZXJcbiAgICAgICAgICAgIGNvbHVtbnM9e2NvbHVtbnN9XG4gICAgICAgICAgICBpc1RhYmxlU2Nyb2xsZWQ9e2lzU2Nyb2xsZWR9XG4gICAgICAgICAgICBjdXJyZW50bHlTb3J0ZWRCeUNvbHVtbj17Y3VycmVudGx5U29ydGVkQnlDb2x1bW59XG4gICAgICAgICAgICBvblNvcnQ9e29uU29ydH1cbiAgICAgICAgICAvPlxuICAgICAgICAgIDxUYWJsZUJvZHlcbiAgICAgICAgICAgIGNvbHVtbnM9e2NvbHVtbnN9XG4gICAgICAgICAgICByb3dzPXtyb3dzfVxuICAgICAgICAgICAgaXNUYWJsZVNjcm9sbGVkPXtpc1Njcm9sbGVkfVxuICAgICAgICAgICAgaXNFbXB0eT17aXNFbXB0eX1cbiAgICAgICAgICAgIGlzTG9hZGluZz17aXNMb2FkaW5nfVxuICAgICAgICAgICAgbG9hZGluZ1N0YXRlU2NyZWVuUmVhZGVyVGV4dD17bG9hZGluZ1N0YXRlU2NyZWVuUmVhZGVyVGV4dH1cbiAgICAgICAgICA+XG4gICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgICAgPC9UYWJsZUJvZHk+XG4gICAgICAgICAge2Zvb3RlckVsbX1cbiAgICAgICAgPC9TdHlsZWRUYWJsZT5cbiAgICAgIDwvVGFibGVDb250YWluZXI+XG4gICAgPC9Db250YWluZXI+XG4gICk7XG59XG4iXX0= */");
+function DataTable(_ref2) {
+  let {
+    columns,
+    rows = [],
+    footer,
+    currentlySortedByColumn,
+    isFirstColumnSticky = true,
+    "data-e2e-test-id": dataE2eTestId,
+    isLoading = false,
+    loadingStateScreenReaderText = "Loading",
+    isEmpty = false,
+    children,
+    minHeight,
+    layout = "auto",
+    width = "100%",
+    onSort
+  } = _ref2;
+  const [isScrolled, setIsScrolled] = React.useState(false);
+  const tableRef = React.useRef(null);
+  const containerRef = React.useRef(null);
+  React.useEffect(() => {
+    let observer;
+    if (isFirstColumnSticky && IntersectionObserver && containerRef && containerRef.current && tableRef.current) {
+      observer = new IntersectionObserver(entries => {
+        entries.forEach(entry => {
+          setIsScrolled(!entry.isIntersecting);
+        });
+      }, {
+        root: containerRef.current,
+        threshold: 1
+      });
+      observer.observe(tableRef.current);
+    }
+    return () => {
+      if (observer) {
+        observer.disconnect();
+      }
+    };
+  }, [isFirstColumnSticky]);
+  const footerElm = footer ? /*#__PURE__*/React__default.default.createElement(TableFooter.default, {
+    columns: columns
+  }, footer) : null;
+  return /*#__PURE__*/React__default.default.createElement(Container.Container, {
+    elevation: 1
+  }, /*#__PURE__*/React__default.default.createElement(TableContainer, {
+    ref: containerRef
+  }, /*#__PURE__*/React__default.default.createElement(StyledTable, {
+    "data-e2e-test-id": dataE2eTestId,
+    ref: tableRef,
+    layout: layout,
+    width: width,
+    minHeight: minHeight
+  }, /*#__PURE__*/React__default.default.createElement(TableHeader.default, {
+    columns: columns,
+    isTableScrolled: isScrolled,
+    currentlySortedByColumn: currentlySortedByColumn,
+    onSort: onSort
+  }), /*#__PURE__*/React__default.default.createElement(TableBody.default, {
+    columns: columns,
+    rows: rows,
+    isTableScrolled: isScrolled,
+    isEmpty: isEmpty,
+    isLoading: isLoading,
+    loadingStateScreenReaderText: loadingStateScreenReaderText
+  }, children), footerElm)));
+}
+
+exports.DataTable = DataTable;

package/build/cjs/src/components/DataTable/TableBody.js

@@ -0,0 +1,131 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _styled = require('@emotion/styled/base');
+var React = require('react');
+var TableCell = require('./TableCell.js');
+var Text = require('../Typography/Text/Text.js');
+var LoadingSpinner = require('../LoadingSpinner/LoadingSpinner.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var _styled__default = /*#__PURE__*/_interopDefault(_styled);
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+const StyledTr = /*#__PURE__*/_styled__default.default("tr", process.env.NODE_ENV === "production" ? {
+  target: "e1q8il1q2"
+} : {
+  target: "e1q8il1q2",
+  label: "StyledTr"
+})(_ref => {
+  let {
+    theme
+  } = _ref;
+  return {
+    "&:hover": {
+      backgroundColor: theme.values.color.background.tabs.header
+    },
+    "&:last-of-type": {
+      "& td": {
+        borderBottom: "none"
+      },
+      "& td:first-of-type": {
+        borderBottomLeftRadius: theme.variables.size.borderRadius.card.m
+      },
+      "& td:last-of-type": {
+        borderBottomRightRadius: theme.variables.size.borderRadius.card.m
+      }
+    }
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhYmxlQm9keS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0JpQiIsImZpbGUiOiJUYWJsZUJvZHkudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgdHlwZSB7IERhdGFUYWJsZUNvbHVtbiB9IGZyb20gXCIuL3R5cGVzXCI7XG5pbXBvcnQgVGFibGVDZWxsLCB7IFRhYmxlQ2VsbFByb3BzIH0gZnJvbSBcIi4vVGFibGVDZWxsXCI7XG5pbXBvcnQgeyBUZXh0IH0gZnJvbSBcIi4uL1R5cG9ncmFwaHkvVGV4dC9UZXh0XCI7XG5pbXBvcnQgdHlwZSB7IERhdGFUYWJsZVByb3BzIH0gZnJvbSBcIi4vRGF0YVRhYmxlXCI7XG5pbXBvcnQgeyBMb2FkaW5nU3Bpbm5lciB9IGZyb20gXCIuLi9Mb2FkaW5nU3Bpbm5lci9Mb2FkaW5nU3Bpbm5lclwiO1xuXG5leHBvcnQgdHlwZSBUYWJsZUJvZHlQcm9wcyA9IHtcbiAgY2xhc3NOYW1lPzogc3RyaW5nO1xuICBpc1RhYmxlU2Nyb2xsZWQ6IGJvb2xlYW47XG59ICYgUGljazxcbiAgRGF0YVRhYmxlUHJvcHMsXG4gIFwiY29sdW1uc1wiIHwgXCJyb3dzXCIgfCBcImlzTG9hZGluZ1wiIHwgXCJsb2FkaW5nU3RhdGVTY3JlZW5SZWFkZXJUZXh0XCIgfCBcImlzRW1wdHlcIlxuPjtcblxuY29uc3QgU3R5bGVkVHIgPSBzdHlsZWQudHIoKHsgdGhlbWUgfSkgPT4gKHtcbiAgXCImOmhvdmVyXCI6IHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRhYnMuaGVhZGVyLFxuICB9LFxuXG4gIFwiJjpsYXN0LW9mLXR5cGVcIjoge1xuICAgIFwiJiB0ZFwiOiB7XG4gICAgICBib3JkZXJCb3R0b206IFwibm9uZVwiLFxuICAgIH0sXG5cbiAgICBcIiYgdGQ6Zmlyc3Qtb2YtdHlwZVwiOiB7XG4gICAgICBib3JkZXJCb3R0b21MZWZ0UmFkaXVzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5ib3JkZXJSYWRpdXMuY2FyZC5tLFxuICAgIH0sXG5cbiAgICBcIiYgdGQ6bGFzdC1vZi10eXBlXCI6IHtcbiAgICAgIGJvcmRlckJvdHRvbVJpZ2h0UmFkaXVzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5ib3JkZXJSYWRpdXMuY2FyZC5tLFxuICAgIH0sXG4gIH0sXG59KSk7XG5cbnR5cGUgU3R5bGVkVGRQcm9wcyA9IFBpY2s8RGF0YVRhYmxlQ29sdW1uLCBcImFsaWduXCI+ICYgVGFibGVDZWxsUHJvcHM7XG5cbmNvbnN0IFN0eWxlZFRkID0gc3R5bGVkKFRhYmxlQ2VsbCk8U3R5bGVkVGRQcm9wcz4oXG4gICh7IHRoZW1lLCBhbGlnbiA9IFwibGVmdFwiIH0pID0+ICh7XG4gICAgcGFkZGluZzogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tLFxuICAgIHRleHRBbGlnbjogYWxpZ24sXG4gICAgYm9yZGVyQm90dG9tOiBgMXB4IHNvbGlkICR7dGhlbWUudmFsdWVzLmNvbG9yLmRpdmlkZXIucHJpbWFyeX1gLFxuICB9KVxuKTtcblxuY29uc3QgU3R5bGVkRW1wdHlUZCA9IHN0eWxlZC50ZCh7XG4gIHRleHRBbGlnbjogXCJjZW50ZXJcIixcbn0pO1xuXG50eXBlIEVtcHR5VGFibGVCb2R5UHJvcHMgPSBQaWNrPFRhYmxlQm9keVByb3BzLCBcImNvbHVtbnNcIj4gJiB7XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdEVsZW1lbnQ7XG59O1xuXG5mdW5jdGlvbiBFbXB0eVRhYmxlQm9keSh7XG4gIGNoaWxkcmVuLFxuICBjb2x1bW5zLFxufTogRW1wdHlUYWJsZUJvZHlQcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIHJldHVybiAoXG4gICAgPHRib2R5PlxuICAgICAgPHRyPlxuICAgICAgICA8U3R5bGVkRW1wdHlUZCBjb2xTcGFuPXtjb2x1bW5zLmxlbmd0aH0+e2NoaWxkcmVufTwvU3R5bGVkRW1wdHlUZD5cbiAgICAgIDwvdHI+XG4gICAgPC90Ym9keT5cbiAgKTtcbn1cblxuZnVuY3Rpb24gVGFibGVCb2R5KHtcbiAgY2xhc3NOYW1lLFxuICBjb2x1bW5zLFxuICByb3dzID0gW10sXG4gIGlzVGFibGVTY3JvbGxlZCxcbiAgaXNMb2FkaW5nLFxuICBsb2FkaW5nU3RhdGVTY3JlZW5SZWFkZXJUZXh0ID0gXCJMb2FkaW5nXCIsXG4gIGlzRW1wdHksXG4gIGNoaWxkcmVuLFxufTogUmVhY3QuUHJvcHNXaXRoQ2hpbGRyZW48VGFibGVCb2R5UHJvcHM+KTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgaWYgKGlzTG9hZGluZykge1xuICAgIGNvbnN0IGN1c3RvbUxvYWRpbmdDb250ZW50ID0gY2hpbGRyZW4gJiYgPD57Y2hpbGRyZW59PC8+O1xuICAgIGNvbnN0IGJvZHlDb250ZW50ID0gY3VzdG9tTG9hZGluZ0NvbnRlbnQgfHwgKFxuICAgICAgPExvYWRpbmdTcGlubmVyIHNjcmVlblJlYWRlclRleHQ9e2xvYWRpbmdTdGF0ZVNjcmVlblJlYWRlclRleHR9IC8+XG4gICAgKTtcblxuICAgIHJldHVybiA8RW1wdHlUYWJsZUJvZHkgY29sdW1ucz17Y29sdW1uc30+e2JvZHlDb250ZW50fTwvRW1wdHlUYWJsZUJvZHk+O1xuICB9XG5cbiAgaWYgKGlzRW1wdHkpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPEVtcHR5VGFibGVCb2R5IGNvbHVtbnM9e2NvbHVtbnN9PlxuICAgICAgICA8PntjaGlsZHJlbn08Lz5cbiAgICAgIDwvRW1wdHlUYWJsZUJvZHk+XG4gICAgKTtcbiAgfVxuXG4gIGNvbnN0IHJvd0VsZW1lbnRzID0gcm93cy5tYXAoKHJvdykgPT4gKFxuICAgIDxTdHlsZWRUciBrZXk9e3Jvdy5pZH0+XG4gICAgICB7Y29sdW1ucy5tYXAoKHsgbmFtZSwgYWxpZ24sIHJlbmRlckNlbGwgfSkgPT4ge1xuICAgICAgICBjb25zdCBjb250ZW50ID0gcmVuZGVyQ2VsbCA/IChcbiAgICAgICAgICByZW5kZXJDZWxsKHJvdylcbiAgICAgICAgKSA6IChcbiAgICAgICAgICA8VGV4dCBzaXplPVwic1wiIGFsaWduPXthbGlnbn0+XG4gICAgICAgICAgICB7cm93W25hbWVdID8gcm93W25hbWVdIDogXCItLVwifVxuICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgKTtcblxuICAgICAgICByZXR1cm4gKFxuICAgICAgICAgIDxTdHlsZWRUZCBrZXk9e25hbWV9IGFsaWduPXthbGlnbn0gaXNUYWJsZVNjcm9sbGVkPXtpc1RhYmxlU2Nyb2xsZWR9PlxuICAgICAgICAgICAge2NvbnRlbnR9XG4gICAgICAgICAgPC9TdHlsZWRUZD5cbiAgICAgICAgKTtcbiAgICAgIH0pfVxuICAgIDwvU3R5bGVkVHI+XG4gICkpO1xuXG4gIHJldHVybiA8dGJvZHkgY2xhc3NOYW1lPXtjbGFzc05hbWV9Pntyb3dFbGVtZW50c308L3Rib2R5Pjtcbn1cblxuZXhwb3J0IGRlZmF1bHQgUmVhY3QubWVtbyhUYWJsZUJvZHkpO1xuIl19 */");
+const StyledTd = /*#__PURE__*/_styled__default.default(TableCell.default, process.env.NODE_ENV === "production" ? {
+  target: "e1q8il1q1"
+} : {
+  target: "e1q8il1q1",
+  label: "StyledTd"
+})(_ref2 => {
+  let {
+    theme,
+    align = "left"
+  } = _ref2;
+  return {
+    padding: theme.variables.size.spacing.m,
+    textAlign: align,
+    borderBottom: `1px solid ${theme.values.color.divider.primary}`
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhYmxlQm9keS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0NpQiIsImZpbGUiOiJUYWJsZUJvZHkudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgdHlwZSB7IERhdGFUYWJsZUNvbHVtbiB9IGZyb20gXCIuL3R5cGVzXCI7XG5pbXBvcnQgVGFibGVDZWxsLCB7IFRhYmxlQ2VsbFByb3BzIH0gZnJvbSBcIi4vVGFibGVDZWxsXCI7XG5pbXBvcnQgeyBUZXh0IH0gZnJvbSBcIi4uL1R5cG9ncmFwaHkvVGV4dC9UZXh0XCI7XG5pbXBvcnQgdHlwZSB7IERhdGFUYWJsZVByb3BzIH0gZnJvbSBcIi4vRGF0YVRhYmxlXCI7XG5pbXBvcnQgeyBMb2FkaW5nU3Bpbm5lciB9IGZyb20gXCIuLi9Mb2FkaW5nU3Bpbm5lci9Mb2FkaW5nU3Bpbm5lclwiO1xuXG5leHBvcnQgdHlwZSBUYWJsZUJvZHlQcm9wcyA9IHtcbiAgY2xhc3NOYW1lPzogc3RyaW5nO1xuICBpc1RhYmxlU2Nyb2xsZWQ6IGJvb2xlYW47XG59ICYgUGljazxcbiAgRGF0YVRhYmxlUHJvcHMsXG4gIFwiY29sdW1uc1wiIHwgXCJyb3dzXCIgfCBcImlzTG9hZGluZ1wiIHwgXCJsb2FkaW5nU3RhdGVTY3JlZW5SZWFkZXJUZXh0XCIgfCBcImlzRW1wdHlcIlxuPjtcblxuY29uc3QgU3R5bGVkVHIgPSBzdHlsZWQudHIoKHsgdGhlbWUgfSkgPT4gKHtcbiAgXCImOmhvdmVyXCI6IHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRhYnMuaGVhZGVyLFxuICB9LFxuXG4gIFwiJjpsYXN0LW9mLXR5cGVcIjoge1xuICAgIFwiJiB0ZFwiOiB7XG4gICAgICBib3JkZXJCb3R0b206IFwibm9uZVwiLFxuICAgIH0sXG5cbiAgICBcIiYgdGQ6Zmlyc3Qtb2YtdHlwZVwiOiB7XG4gICAgICBib3JkZXJCb3R0b21MZWZ0UmFkaXVzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5ib3JkZXJSYWRpdXMuY2FyZC5tLFxuICAgIH0sXG5cbiAgICBcIiYgdGQ6bGFzdC1vZi10eXBlXCI6IHtcbiAgICAgIGJvcmRlckJvdHRvbVJpZ2h0UmFkaXVzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5ib3JkZXJSYWRpdXMuY2FyZC5tLFxuICAgIH0sXG4gIH0sXG59KSk7XG5cbnR5cGUgU3R5bGVkVGRQcm9wcyA9IFBpY2s8RGF0YVRhYmxlQ29sdW1uLCBcImFsaWduXCI+ICYgVGFibGVDZWxsUHJvcHM7XG5cbmNvbnN0IFN0eWxlZFRkID0gc3R5bGVkKFRhYmxlQ2VsbCk8U3R5bGVkVGRQcm9wcz4oXG4gICh7IHRoZW1lLCBhbGlnbiA9IFwibGVmdFwiIH0pID0+ICh7XG4gICAgcGFkZGluZzogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tLFxuICAgIHRleHRBbGlnbjogYWxpZ24sXG4gICAgYm9yZGVyQm90dG9tOiBgMXB4IHNvbGlkICR7dGhlbWUudmFsdWVzLmNvbG9yLmRpdmlkZXIucHJpbWFyeX1gLFxuICB9KVxuKTtcblxuY29uc3QgU3R5bGVkRW1wdHlUZCA9IHN0eWxlZC50ZCh7XG4gIHRleHRBbGlnbjogXCJjZW50ZXJcIixcbn0pO1xuXG50eXBlIEVtcHR5VGFibGVCb2R5UHJvcHMgPSBQaWNrPFRhYmxlQm9keVByb3BzLCBcImNvbHVtbnNcIj4gJiB7XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdEVsZW1lbnQ7XG59O1xuXG5mdW5jdGlvbiBFbXB0eVRhYmxlQm9keSh7XG4gIGNoaWxkcmVuLFxuICBjb2x1bW5zLFxufTogRW1wdHlUYWJsZUJvZHlQcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIHJldHVybiAoXG4gICAgPHRib2R5PlxuICAgICAgPHRyPlxuICAgICAgICA8U3R5bGVkRW1wdHlUZCBjb2xTcGFuPXtjb2x1bW5zLmxlbmd0aH0+e2NoaWxkcmVufTwvU3R5bGVkRW1wdHlUZD5cbiAgICAgIDwvdHI+XG4gICAgPC90Ym9keT5cbiAgKTtcbn1cblxuZnVuY3Rpb24gVGFibGVCb2R5KHtcbiAgY2xhc3NOYW1lLFxuICBjb2x1bW5zLFxuICByb3dzID0gW10sXG4gIGlzVGFibGVTY3JvbGxlZCxcbiAgaXNMb2FkaW5nLFxuICBsb2FkaW5nU3RhdGVTY3JlZW5SZWFkZXJUZXh0ID0gXCJMb2FkaW5nXCIsXG4gIGlzRW1wdHksXG4gIGNoaWxkcmVuLFxufTogUmVhY3QuUHJvcHNXaXRoQ2hpbGRyZW48VGFibGVCb2R5UHJvcHM+KTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgaWYgKGlzTG9hZGluZykge1xuICAgIGNvbnN0IGN1c3RvbUxvYWRpbmdDb250ZW50ID0gY2hpbGRyZW4gJiYgPD57Y2hpbGRyZW59PC8+O1xuICAgIGNvbnN0IGJvZHlDb250ZW50ID0gY3VzdG9tTG9hZGluZ0NvbnRlbnQgfHwgKFxuICAgICAgPExvYWRpbmdTcGlubmVyIHNjcmVlblJlYWRlclRleHQ9e2xvYWRpbmdTdGF0ZVNjcmVlblJlYWRlclRleHR9IC8+XG4gICAgKTtcblxuICAgIHJldHVybiA8RW1wdHlUYWJsZUJvZHkgY29sdW1ucz17Y29sdW1uc30+e2JvZHlDb250ZW50fTwvRW1wdHlUYWJsZUJvZHk+O1xuICB9XG5cbiAgaWYgKGlzRW1wdHkpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPEVtcHR5VGFibGVCb2R5IGNvbHVtbnM9e2NvbHVtbnN9PlxuICAgICAgICA8PntjaGlsZHJlbn08Lz5cbiAgICAgIDwvRW1wdHlUYWJsZUJvZHk+XG4gICAgKTtcbiAgfVxuXG4gIGNvbnN0IHJvd0VsZW1lbnRzID0gcm93cy5tYXAoKHJvdykgPT4gKFxuICAgIDxTdHlsZWRUciBrZXk9e3Jvdy5pZH0+XG4gICAgICB7Y29sdW1ucy5tYXAoKHsgbmFtZSwgYWxpZ24sIHJlbmRlckNlbGwgfSkgPT4ge1xuICAgICAgICBjb25zdCBjb250ZW50ID0gcmVuZGVyQ2VsbCA/IChcbiAgICAgICAgICByZW5kZXJDZWxsKHJvdylcbiAgICAgICAgKSA6IChcbiAgICAgICAgICA8VGV4dCBzaXplPVwic1wiIGFsaWduPXthbGlnbn0+XG4gICAgICAgICAgICB7cm93W25hbWVdID8gcm93W25hbWVdIDogXCItLVwifVxuICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgKTtcblxuICAgICAgICByZXR1cm4gKFxuICAgICAgICAgIDxTdHlsZWRUZCBrZXk9e25hbWV9IGFsaWduPXthbGlnbn0gaXNUYWJsZVNjcm9sbGVkPXtpc1RhYmxlU2Nyb2xsZWR9PlxuICAgICAgICAgICAge2NvbnRlbnR9XG4gICAgICAgICAgPC9TdHlsZWRUZD5cbiAgICAgICAgKTtcbiAgICAgIH0pfVxuICAgIDwvU3R5bGVkVHI+XG4gICkpO1xuXG4gIHJldHVybiA8dGJvZHkgY2xhc3NOYW1lPXtjbGFzc05hbWV9Pntyb3dFbGVtZW50c308L3Rib2R5Pjtcbn1cblxuZXhwb3J0IGRlZmF1bHQgUmVhY3QubWVtbyhUYWJsZUJvZHkpO1xuIl19 */");
+const StyledEmptyTd = /*#__PURE__*/_styled__default.default("td", process.env.NODE_ENV === "production" ? {
+  target: "e1q8il1q0"
+} : {
+  target: "e1q8il1q0",
+  label: "StyledEmptyTd"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1azakc",
+  styles: "text-align:center"
+} : {
+  name: "1azakc",
+  styles: "text-align:center",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhYmxlQm9keS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOENzQiIsImZpbGUiOiJUYWJsZUJvZHkudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgdHlwZSB7IERhdGFUYWJsZUNvbHVtbiB9IGZyb20gXCIuL3R5cGVzXCI7XG5pbXBvcnQgVGFibGVDZWxsLCB7IFRhYmxlQ2VsbFByb3BzIH0gZnJvbSBcIi4vVGFibGVDZWxsXCI7XG5pbXBvcnQgeyBUZXh0IH0gZnJvbSBcIi4uL1R5cG9ncmFwaHkvVGV4dC9UZXh0XCI7XG5pbXBvcnQgdHlwZSB7IERhdGFUYWJsZVByb3BzIH0gZnJvbSBcIi4vRGF0YVRhYmxlXCI7XG5pbXBvcnQgeyBMb2FkaW5nU3Bpbm5lciB9IGZyb20gXCIuLi9Mb2FkaW5nU3Bpbm5lci9Mb2FkaW5nU3Bpbm5lclwiO1xuXG5leHBvcnQgdHlwZSBUYWJsZUJvZHlQcm9wcyA9IHtcbiAgY2xhc3NOYW1lPzogc3RyaW5nO1xuICBpc1RhYmxlU2Nyb2xsZWQ6IGJvb2xlYW47XG59ICYgUGljazxcbiAgRGF0YVRhYmxlUHJvcHMsXG4gIFwiY29sdW1uc1wiIHwgXCJyb3dzXCIgfCBcImlzTG9hZGluZ1wiIHwgXCJsb2FkaW5nU3RhdGVTY3JlZW5SZWFkZXJUZXh0XCIgfCBcImlzRW1wdHlcIlxuPjtcblxuY29uc3QgU3R5bGVkVHIgPSBzdHlsZWQudHIoKHsgdGhlbWUgfSkgPT4gKHtcbiAgXCImOmhvdmVyXCI6IHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRhYnMuaGVhZGVyLFxuICB9LFxuXG4gIFwiJjpsYXN0LW9mLXR5cGVcIjoge1xuICAgIFwiJiB0ZFwiOiB7XG4gICAgICBib3JkZXJCb3R0b206IFwibm9uZVwiLFxuICAgIH0sXG5cbiAgICBcIiYgdGQ6Zmlyc3Qtb2YtdHlwZVwiOiB7XG4gICAgICBib3JkZXJCb3R0b21MZWZ0UmFkaXVzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5ib3JkZXJSYWRpdXMuY2FyZC5tLFxuICAgIH0sXG5cbiAgICBcIiYgdGQ6bGFzdC1vZi10eXBlXCI6IHtcbiAgICAgIGJvcmRlckJvdHRvbVJpZ2h0UmFkaXVzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5ib3JkZXJSYWRpdXMuY2FyZC5tLFxuICAgIH0sXG4gIH0sXG59KSk7XG5cbnR5cGUgU3R5bGVkVGRQcm9wcyA9IFBpY2s8RGF0YVRhYmxlQ29sdW1uLCBcImFsaWduXCI+ICYgVGFibGVDZWxsUHJvcHM7XG5cbmNvbnN0IFN0eWxlZFRkID0gc3R5bGVkKFRhYmxlQ2VsbCk8U3R5bGVkVGRQcm9wcz4oXG4gICh7IHRoZW1lLCBhbGlnbiA9IFwibGVmdFwiIH0pID0+ICh7XG4gICAgcGFkZGluZzogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tLFxuICAgIHRleHRBbGlnbjogYWxpZ24sXG4gICAgYm9yZGVyQm90dG9tOiBgMXB4IHNvbGlkICR7dGhlbWUudmFsdWVzLmNvbG9yLmRpdmlkZXIucHJpbWFyeX1gLFxuICB9KVxuKTtcblxuY29uc3QgU3R5bGVkRW1wdHlUZCA9IHN0eWxlZC50ZCh7XG4gIHRleHRBbGlnbjogXCJjZW50ZXJcIixcbn0pO1xuXG50eXBlIEVtcHR5VGFibGVCb2R5UHJvcHMgPSBQaWNrPFRhYmxlQm9keVByb3BzLCBcImNvbHVtbnNcIj4gJiB7XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdEVsZW1lbnQ7XG59O1xuXG5mdW5jdGlvbiBFbXB0eVRhYmxlQm9keSh7XG4gIGNoaWxkcmVuLFxuICBjb2x1bW5zLFxufTogRW1wdHlUYWJsZUJvZHlQcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIHJldHVybiAoXG4gICAgPHRib2R5PlxuICAgICAgPHRyPlxuICAgICAgICA8U3R5bGVkRW1wdHlUZCBjb2xTcGFuPXtjb2x1bW5zLmxlbmd0aH0+e2NoaWxkcmVufTwvU3R5bGVkRW1wdHlUZD5cbiAgICAgIDwvdHI+XG4gICAgPC90Ym9keT5cbiAgKTtcbn1cblxuZnVuY3Rpb24gVGFibGVCb2R5KHtcbiAgY2xhc3NOYW1lLFxuICBjb2x1bW5zLFxuICByb3dzID0gW10sXG4gIGlzVGFibGVTY3JvbGxlZCxcbiAgaXNMb2FkaW5nLFxuICBsb2FkaW5nU3RhdGVTY3JlZW5SZWFkZXJUZXh0ID0gXCJMb2FkaW5nXCIsXG4gIGlzRW1wdHksXG4gIGNoaWxkcmVuLFxufTogUmVhY3QuUHJvcHNXaXRoQ2hpbGRyZW48VGFibGVCb2R5UHJvcHM+KTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgaWYgKGlzTG9hZGluZykge1xuICAgIGNvbnN0IGN1c3RvbUxvYWRpbmdDb250ZW50ID0gY2hpbGRyZW4gJiYgPD57Y2hpbGRyZW59PC8+O1xuICAgIGNvbnN0IGJvZHlDb250ZW50ID0gY3VzdG9tTG9hZGluZ0NvbnRlbnQgfHwgKFxuICAgICAgPExvYWRpbmdTcGlubmVyIHNjcmVlblJlYWRlclRleHQ9e2xvYWRpbmdTdGF0ZVNjcmVlblJlYWRlclRleHR9IC8+XG4gICAgKTtcblxuICAgIHJldHVybiA8RW1wdHlUYWJsZUJvZHkgY29sdW1ucz17Y29sdW1uc30+e2JvZHlDb250ZW50fTwvRW1wdHlUYWJsZUJvZHk+O1xuICB9XG5cbiAgaWYgKGlzRW1wdHkpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPEVtcHR5VGFibGVCb2R5IGNvbHVtbnM9e2NvbHVtbnN9PlxuICAgICAgICA8PntjaGlsZHJlbn08Lz5cbiAgICAgIDwvRW1wdHlUYWJsZUJvZHk+XG4gICAgKTtcbiAgfVxuXG4gIGNvbnN0IHJvd0VsZW1lbnRzID0gcm93cy5tYXAoKHJvdykgPT4gKFxuICAgIDxTdHlsZWRUciBrZXk9e3Jvdy5pZH0+XG4gICAgICB7Y29sdW1ucy5tYXAoKHsgbmFtZSwgYWxpZ24sIHJlbmRlckNlbGwgfSkgPT4ge1xuICAgICAgICBjb25zdCBjb250ZW50ID0gcmVuZGVyQ2VsbCA/IChcbiAgICAgICAgICByZW5kZXJDZWxsKHJvdylcbiAgICAgICAgKSA6IChcbiAgICAgICAgICA8VGV4dCBzaXplPVwic1wiIGFsaWduPXthbGlnbn0+XG4gICAgICAgICAgICB7cm93W25hbWVdID8gcm93W25hbWVdIDogXCItLVwifVxuICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgKTtcblxuICAgICAgICByZXR1cm4gKFxuICAgICAgICAgIDxTdHlsZWRUZCBrZXk9e25hbWV9IGFsaWduPXthbGlnbn0gaXNUYWJsZVNjcm9sbGVkPXtpc1RhYmxlU2Nyb2xsZWR9PlxuICAgICAgICAgICAge2NvbnRlbnR9XG4gICAgICAgICAgPC9TdHlsZWRUZD5cbiAgICAgICAgKTtcbiAgICAgIH0pfVxuICAgIDwvU3R5bGVkVHI+XG4gICkpO1xuXG4gIHJldHVybiA8dGJvZHkgY2xhc3NOYW1lPXtjbGFzc05hbWV9Pntyb3dFbGVtZW50c308L3Rib2R5Pjtcbn1cblxuZXhwb3J0IGRlZmF1bHQgUmVhY3QubWVtbyhUYWJsZUJvZHkpO1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+function EmptyTableBody(_ref3) {
+  let {
+    children,
+    columns
+  } = _ref3;
+  return /*#__PURE__*/React__default.default.createElement("tbody", null, /*#__PURE__*/React__default.default.createElement("tr", null, /*#__PURE__*/React__default.default.createElement(StyledEmptyTd, {
+    colSpan: columns.length
+  }, children)));
+}
+function TableBody(_ref4) {
+  let {
+    className,
+    columns,
+    rows = [],
+    isTableScrolled,
+    isLoading,
+    loadingStateScreenReaderText = "Loading",
+    isEmpty,
+    children
+  } = _ref4;
+  if (isLoading) {
+    const customLoadingContent = children && /*#__PURE__*/React__default.default.createElement(React__default.default.Fragment, null, children);
+    const bodyContent = customLoadingContent || /*#__PURE__*/React__default.default.createElement(LoadingSpinner.LoadingSpinner, {
+      screenReaderText: loadingStateScreenReaderText
+    });
+    return /*#__PURE__*/React__default.default.createElement(EmptyTableBody, {
+      columns: columns
+    }, bodyContent);
+  }
+  if (isEmpty) {
+    return /*#__PURE__*/React__default.default.createElement(EmptyTableBody, {
+      columns: columns
+    }, /*#__PURE__*/React__default.default.createElement(React__default.default.Fragment, null, children));
+  }
+  const rowElements = rows.map(row => /*#__PURE__*/React__default.default.createElement(StyledTr, {
+    key: row.id
+  }, columns.map(_ref5 => {
+    let {
+      name,
+      align,
+      renderCell
+    } = _ref5;
+    const content = renderCell ? renderCell(row) : /*#__PURE__*/React__default.default.createElement(Text.Text, {
+      size: "s",
+      align: align
+    }, row[name] ? row[name] : "--");
+    return /*#__PURE__*/React__default.default.createElement(StyledTd, {
+      key: name,
+      align: align,
+      isTableScrolled: isTableScrolled
+    }, content);
+  })));
+  return /*#__PURE__*/React__default.default.createElement("tbody", {
+    className: className
+  }, rowElements);
+}
+var TableBody$1 = /*#__PURE__*/React__default.default.memo(TableBody);
+
+exports.default = TableBody$1;

package/build/cjs/src/components/DataTable/TableCell.js

@@ -0,0 +1,48 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _styled = require('@emotion/styled/base');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var _styled__default = /*#__PURE__*/_interopDefault(_styled);
+
+const TableCell = /*#__PURE__*/_styled__default.default("td", process.env.NODE_ENV === "production" ? {
+  target: "e1ez0ram0"
+} : {
+  target: "e1ez0ram0",
+  label: "TableCell"
+})(_ref => {
+  let {
+    theme,
+    isTableScrolled
+  } = _ref;
+  return {
+    ...(isTableScrolled && {
+      "&:first-of-type": {
+        position: "sticky",
+        left: 0,
+        boxShadow: theme.variables.shadow.card.a,
+        "&:before": {
+          content: '" "',
+          position: "absolute",
+          top: 0,
+          left: 0,
+          right: 0,
+          bottom: 0,
+          backgroundColor: theme.values.color.background.layer_1,
+          backgroundClip: "content-box",
+          padding: "0 0 1px 0",
+          zIndex: -1
+        },
+        "tr:hover &:before": {
+          backgroundColor: theme.values.color.background.tabs.header
+        }
+      }
+    })
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhYmxlQ2VsbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTWtCIiwiZmlsZSI6IlRhYmxlQ2VsbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcblxuZXhwb3J0IHR5cGUgVGFibGVDZWxsUHJvcHMgPSB7XG4gIGlzVGFibGVTY3JvbGxlZDogYm9vbGVhbjtcbn07XG5cbmNvbnN0IFRhYmxlQ2VsbCA9IHN0eWxlZC50ZDxUYWJsZUNlbGxQcm9wcz4oKHsgdGhlbWUsIGlzVGFibGVTY3JvbGxlZCB9KSA9PiAoe1xuICAuLi4oaXNUYWJsZVNjcm9sbGVkICYmIHtcbiAgICBcIiY6Zmlyc3Qtb2YtdHlwZVwiOiB7XG4gICAgICBwb3NpdGlvbjogXCJzdGlja3lcIixcbiAgICAgIGxlZnQ6IDAsXG4gICAgICBib3hTaGFkb3c6IHRoZW1lLnZhcmlhYmxlcy5zaGFkb3cuY2FyZC5hLFxuXG4gICAgICBcIiY6YmVmb3JlXCI6IHtcbiAgICAgICAgY29udGVudDogJ1wiIFwiJyxcbiAgICAgICAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgICAgICAgdG9wOiAwLFxuICAgICAgICBsZWZ0OiAwLFxuICAgICAgICByaWdodDogMCxcbiAgICAgICAgYm90dG9tOiAwLFxuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLmxheWVyXzEsXG4gICAgICAgIGJhY2tncm91bmRDbGlwOiBcImNvbnRlbnQtYm94XCIsXG4gICAgICAgIHBhZGRpbmc6IFwiMCAwIDFweCAwXCIsXG4gICAgICAgIHpJbmRleDogLTEsXG4gICAgICB9LFxuXG4gICAgICBcInRyOmhvdmVyICY6YmVmb3JlXCI6IHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC50YWJzLmhlYWRlcixcbiAgICAgIH0sXG4gICAgfSxcbiAgfSksXG59KSk7XG5cbmV4cG9ydCBkZWZhdWx0IFRhYmxlQ2VsbDtcbiJdfQ== */");
+var TableCell$1 = TableCell;
+
+exports.default = TableCell$1;

package/build/cjs/src/components/DataTable/TableFooter.js

@@ -0,0 +1,22 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+function TableFooter(_ref) {
+  let {
+    children,
+    columns
+  } = _ref;
+  return /*#__PURE__*/React__default.default.createElement("tfoot", null, /*#__PURE__*/React__default.default.createElement("tr", null, /*#__PURE__*/React__default.default.createElement("td", {
+    colSpan: columns.length
+  }, children)));
+}
+var TableFooter$1 = /*#__PURE__*/React__default.default.memo(TableFooter);
+
+exports.default = TableFooter$1;

package/build/cjs/src/components/DataTable/TableHeader.js

@@ -0,0 +1,175 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _styled = require('@emotion/styled/base');
+var React = require('react');
+var Text = require('../Typography/Text/Text.js');
+var Icon = require('../Icon/Icon.js');
+var TableCell = require('./TableCell.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var _styled__default = /*#__PURE__*/_interopDefault(_styled);
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+const SORT_DIRECTION_ICON = {
+  asc: "sort-ascending",
+  desc: "sort-descending"
+};
+const SortIcon = /*#__PURE__*/_styled__default.default("span", process.env.NODE_ENV === "production" ? {
+  target: "e1ij903s3"
+} : {
+  target: "e1ij903s3",
+  label: "SortIcon"
+})(_ref => {
+  let {
+    theme
+  } = _ref;
+  return {
+    marginLeft: theme.variables.size.spacing.xxxs
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhYmxlSGVhZGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzQmlCIiwiZmlsZSI6IlRhYmxlSGVhZGVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgdHlwZSB7IERhdGFUYWJsZUNvbHVtbiB9IGZyb20gXCIuL3R5cGVzXCI7XG5pbXBvcnQgeyBUZXh0IH0gZnJvbSBcIi4uL1R5cG9ncmFwaHkvVGV4dC9UZXh0XCI7XG5pbXBvcnQgeyBJY29uLCBJY29uTmFtZSB9IGZyb20gXCIuLi9JY29uL0ljb25cIjtcbmltcG9ydCBUYWJsZUNlbGwsIHsgVGFibGVDZWxsUHJvcHMgfSBmcm9tIFwiLi9UYWJsZUNlbGxcIjtcbmltcG9ydCB0eXBlIHsgRGF0YVRhYmxlUHJvcHMgfSBmcm9tIFwiLi9EYXRhVGFibGVcIjtcblxuZXhwb3J0IHR5cGUgVGFibGVIZWFkZXJQcm9wcyA9IHtcbiAgY2xhc3NOYW1lPzogc3RyaW5nO1xuICBpc1RhYmxlU2Nyb2xsZWQ6IGJvb2xlYW47XG59ICYgUGljazxcbiAgRGF0YVRhYmxlUHJvcHMsXG4gIFwiY29sdW1uc1wiIHwgXCJyb3dzXCIgfCBcIm9uU29ydFwiIHwgXCJjdXJyZW50bHlTb3J0ZWRCeUNvbHVtblwiXG4+O1xuXG5jb25zdCBTT1JUX0RJUkVDVElPTl9JQ09OOiBSZWNvcmQ8RGF0YVRhYmxlQ29sdW1uW1wic29ydERpcmVjdGlvblwiXSwgSWNvbk5hbWU+ID1cbiAge1xuICAgIGFzYzogXCJzb3J0LWFzY2VuZGluZ1wiLFxuICAgIGRlc2M6IFwic29ydC1kZXNjZW5kaW5nXCIsXG4gIH07XG5cbmNvbnN0IFNvcnRJY29uID0gc3R5bGVkLnNwYW4oKHsgdGhlbWUgfSkgPT4gKHtcbiAgbWFyZ2luTGVmdDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54eHhzLFxufSkpO1xuXG5jb25zdCBTdHlsZWRIZWFkZXJMYWJlbCA9IHN0eWxlZChUZXh0KSgoeyB0aGVtZSB9KSA9PiAoe1xuICBmb250V2VpZ2h0OiB0aGVtZS52YXJpYWJsZXMud2VpZ2h0LmJvbGQsXG4gIGxpbmVIZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmxpbmVIZWlnaHQuaGVhZGVyLnh4cyxcbiAgbGV0dGVyU3BhY2luZzogXCIwLjVweFwiLFxufSkpO1xuXG50eXBlIFN0eWxlZFNvcnRhYmxlSGVhZGVyUHJvcHMgPSBQaWNrPERhdGFUYWJsZUNvbHVtbiwgXCJhbGlnblwiPjtcbmNvbnN0IFN0eWxlZFNvcnRhYmxlSGVhZGVyID0gc3R5bGVkLmJ1dHRvbjxTdHlsZWRTb3J0YWJsZUhlYWRlclByb3BzPihcbiAgKHsgdGhlbWUsIGFsaWduIH0pID0+ICh7XG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIGhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC5oZWFkZXIueHhzLFxuICAgIHBhZGRpbmc6IDAsXG4gICAgYmFja2dyb3VuZDogXCJub25lXCIsXG4gICAgYm9yZGVyOiBcIm5vbmVcIixcbiAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgIHRleHRBbGlnbjogYWxpZ24sXG5cbiAgICBbYCY6aG92ZXIgJHtTdHlsZWRIZWFkZXJMYWJlbH1gXToge1xuICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5oZWFkZXIucHJpbWFyeSxcbiAgICB9LFxuICB9KVxuKTtcblxudHlwZSBTb3J0YWJsZUhlYWRlclByb3BzID0gUGljazxcbiAgVGFibGVIZWFkZXJQcm9wcyxcbiAgXCJvblNvcnRcIiB8IFwiY3VycmVudGx5U29ydGVkQnlDb2x1bW5cIlxuPiAmXG4gIERhdGFUYWJsZUNvbHVtbjtcblxuZnVuY3Rpb24gU29ydGFibGVIZWFkZXIoe1xuICBuYW1lLFxuICBsYWJlbCxcbiAgYWxpZ24sXG4gIHNvcnREaXJlY3Rpb24gPSBcImFzY1wiLFxuICBjdXJyZW50bHlTb3J0ZWRCeUNvbHVtbixcbiAgb25Tb3J0LFxufTogU29ydGFibGVIZWFkZXJQcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IFtob3ZlcmVkLCBzZXRIb3ZlcmVkXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgY29uc3QgZGVzaXJlZFNvcnREaXJlY3Rpb24gPSBzb3J0RGlyZWN0aW9uID09PSBcImFzY1wiID8gXCJkZXNjXCIgOiBcImFzY1wiO1xuXG4gIGNvbnN0IGhhbmRsZUNsaWNrOiBSZWFjdC5Nb3VzZUV2ZW50SGFuZGxlciA9ICgpID0+IHtcbiAgICBzZXRIb3ZlcmVkKGZhbHNlKTtcbiAgICBpZiAob25Tb3J0KSB7XG4gICAgICBvblNvcnQobmFtZSwgZGVzaXJlZFNvcnREaXJlY3Rpb24pO1xuICAgIH1cbiAgfTtcblxuICBsZXQgaWNvbk5hbWU6IEljb25OYW1lID0gXCJzb3J0LW5ldXRyYWxcIjtcblxuICBpZiAobmFtZSA9PT0gY3VycmVudGx5U29ydGVkQnlDb2x1bW4pIHtcbiAgICBpY29uTmFtZSA9IFNPUlRfRElSRUNUSU9OX0lDT05bc29ydERpcmVjdGlvbl07XG4gIH1cbiAgaWYgKGhvdmVyZWQpIHtcbiAgICBpY29uTmFtZSA9IFNPUlRfRElSRUNUSU9OX0lDT05bZGVzaXJlZFNvcnREaXJlY3Rpb25dO1xuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkU29ydGFibGVIZWFkZXJcbiAgICAgIG9uQ2xpY2s9e2hhbmRsZUNsaWNrfVxuICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICBhbGlnbj17YWxpZ259XG4gICAgICBvblBvaW50ZXJFbnRlcj17KCkgPT4gc2V0SG92ZXJlZCh0cnVlKX1cbiAgICAgIG9uUG9pbnRlckxlYXZlPXsoKSA9PiBzZXRIb3ZlcmVkKGZhbHNlKX1cbiAgICA+XG4gICAgICA8U3R5bGVkSGVhZGVyTGFiZWxcbiAgICAgICAgYXM9XCJzcGFuXCJcbiAgICAgICAgc2l6ZT1cInhzXCJcbiAgICAgICAgdHJhbnNmb3JtPVwidXBwZXJjYXNlXCJcbiAgICAgICAgdmFyaWFudD1cInRlcnRpYXJ5XCJcbiAgICAgID5cbiAgICAgICAge2xhYmVsfVxuICAgICAgICA8U29ydEljb24+XG4gICAgICAgICAgPEljb24gc2l6ZT1cInNcIiBuYW1lPXtpY29uTmFtZX0gaW5saW5lIC8+XG4gICAgICAgIDwvU29ydEljb24+XG4gICAgICA8L1N0eWxlZEhlYWRlckxhYmVsPlxuICAgIDwvU3R5bGVkU29ydGFibGVIZWFkZXI+XG4gICk7XG59XG5cbnR5cGUgU3R5bGVkVGhQcm9wcyA9IFBpY2s8RGF0YVRhYmxlQ29sdW1uLCBcImFsaWduXCIgfCBcIndpZHRoXCI+ICYgVGFibGVDZWxsUHJvcHM7XG5cbmNvbnN0IFN0eWxlZFRoID0gc3R5bGVkKFRhYmxlQ2VsbCk8U3R5bGVkVGhQcm9wcz4oXG4gICh7IHRoZW1lLCBhbGlnbiA9IFwibGVmdFwiLCB3aWR0aCA9IFwiYXV0b1wiIH0pID0+ICh7XG4gICAgcGFkZGluZzogYCR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5zfSAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubX1gLFxuICAgIHRleHRBbGlnbjogYWxpZ24sXG4gICAgYm9yZGVyQm90dG9tOiBgMXB4IHNvbGlkICR7dGhlbWUudmFsdWVzLmNvbG9yLmRpdmlkZXIucHJpbWFyeX1gLFxuICAgIHdpZHRoLFxuICAgIHdoaXRlU3BhY2U6IFwibm93cmFwXCIsXG4gIH0pXG4pO1xuXG5mdW5jdGlvbiBUYWJsZUhlYWRlcih7XG4gIGNsYXNzTmFtZSxcbiAgY29sdW1ucyxcbiAgaXNUYWJsZVNjcm9sbGVkLFxuICBjdXJyZW50bHlTb3J0ZWRCeUNvbHVtbixcbiAgb25Tb3J0LFxufTogVGFibGVIZWFkZXJQcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IGNvbHVtbkVsZW1lbnRzID0gY29sdW1ucy5tYXAoKGNvbHVtbikgPT4ge1xuICAgIGNvbnN0IHtcbiAgICAgIGlzU29ydGFibGUsXG4gICAgICBsYWJlbCxcbiAgICAgIGFsaWduID0gXCJsZWZ0XCIsXG4gICAgICB3aWR0aCxcbiAgICAgIG5hbWUsXG4gICAgICBzb3J0RGlyZWN0aW9uLFxuICAgIH0gPSBjb2x1bW47XG4gICAgY29uc3QgaGVhZGVyRWxtID0gaXNTb3J0YWJsZSA/IChcbiAgICAgIDxTb3J0YWJsZUhlYWRlclxuICAgICAgICBvblNvcnQ9e29uU29ydH1cbiAgICAgICAgbmFtZT17bmFtZX1cbiAgICAgICAgbGFiZWw9e2xhYmVsfVxuICAgICAgICBzb3J0RGlyZWN0aW9uPXtzb3J0RGlyZWN0aW9ufVxuICAgICAgICBhbGlnbj17YWxpZ259XG4gICAgICAgIGN1cnJlbnRseVNvcnRlZEJ5Q29sdW1uPXtjdXJyZW50bHlTb3J0ZWRCeUNvbHVtbn1cbiAgICAgIC8+XG4gICAgKSA6IChcbiAgICAgIDxTdHlsZWRIZWFkZXJMYWJlbFxuICAgICAgICBzaXplPVwieHNcIlxuICAgICAgICB0cmFuc2Zvcm09XCJ1cHBlcmNhc2VcIlxuICAgICAgICBhbGlnbj17YWxpZ259XG4gICAgICAgIHZhcmlhbnQ9XCJ0ZXJ0aWFyeVwiXG4gICAgICA+XG4gICAgICAgIHtsYWJlbH1cbiAgICAgIDwvU3R5bGVkSGVhZGVyTGFiZWw+XG4gICAgKTtcblxuICAgIHJldHVybiAoXG4gICAgICA8U3R5bGVkVGhcbiAgICAgICAgYXM9XCJ0aFwiXG4gICAgICAgIGFsaWduPXthbGlnbn1cbiAgICAgICAgd2lkdGg9e3dpZHRofVxuICAgICAgICBrZXk9e25hbWV9XG4gICAgICAgIGlzVGFibGVTY3JvbGxlZD17aXNUYWJsZVNjcm9sbGVkfVxuICAgICAgPlxuICAgICAgICB7aGVhZGVyRWxtfVxuICAgICAgPC9TdHlsZWRUaD5cbiAgICApO1xuICB9KTtcblxuICByZXR1cm4gKFxuICAgIDx0aGVhZCBjbGFzc05hbWU9e2NsYXNzTmFtZX0+XG4gICAgICA8dHI+e2NvbHVtbkVsZW1lbnRzfTwvdHI+XG4gICAgPC90aGVhZD5cbiAgKTtcbn1cblxuZXhwb3J0IGRlZmF1bHQgUmVhY3QubWVtbyhUYWJsZUhlYWRlcik7XG4iXX0= */");
+const StyledHeaderLabel = /*#__PURE__*/_styled__default.default(Text.Text, process.env.NODE_ENV === "production" ? {
+  target: "e1ij903s2"
+} : {
+  target: "e1ij903s2",
+  label: "StyledHeaderLabel"
+})(_ref2 => {
+  let {
+    theme
+  } = _ref2;
+  return {
+    fontWeight: theme.variables.weight.bold,
+    lineHeight: theme.variables.size.lineHeight.header.xxs,
+    letterSpacing: "0.5px"
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhYmxlSGVhZGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwQjBCIiwiZmlsZSI6IlRhYmxlSGVhZGVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgdHlwZSB7IERhdGFUYWJsZUNvbHVtbiB9IGZyb20gXCIuL3R5cGVzXCI7XG5pbXBvcnQgeyBUZXh0IH0gZnJvbSBcIi4uL1R5cG9ncmFwaHkvVGV4dC9UZXh0XCI7XG5pbXBvcnQgeyBJY29uLCBJY29uTmFtZSB9IGZyb20gXCIuLi9JY29uL0ljb25cIjtcbmltcG9ydCBUYWJsZUNlbGwsIHsgVGFibGVDZWxsUHJvcHMgfSBmcm9tIFwiLi9UYWJsZUNlbGxcIjtcbmltcG9ydCB0eXBlIHsgRGF0YVRhYmxlUHJvcHMgfSBmcm9tIFwiLi9EYXRhVGFibGVcIjtcblxuZXhwb3J0IHR5cGUgVGFibGVIZWFkZXJQcm9wcyA9IHtcbiAgY2xhc3NOYW1lPzogc3RyaW5nO1xuICBpc1RhYmxlU2Nyb2xsZWQ6IGJvb2xlYW47XG59ICYgUGljazxcbiAgRGF0YVRhYmxlUHJvcHMsXG4gIFwiY29sdW1uc1wiIHwgXCJyb3dzXCIgfCBcIm9uU29ydFwiIHwgXCJjdXJyZW50bHlTb3J0ZWRCeUNvbHVtblwiXG4+O1xuXG5jb25zdCBTT1JUX0RJUkVDVElPTl9JQ09OOiBSZWNvcmQ8RGF0YVRhYmxlQ29sdW1uW1wic29ydERpcmVjdGlvblwiXSwgSWNvbk5hbWU+ID1cbiAge1xuICAgIGFzYzogXCJzb3J0LWFzY2VuZGluZ1wiLFxuICAgIGRlc2M6IFwic29ydC1kZXNjZW5kaW5nXCIsXG4gIH07XG5cbmNvbnN0IFNvcnRJY29uID0gc3R5bGVkLnNwYW4oKHsgdGhlbWUgfSkgPT4gKHtcbiAgbWFyZ2luTGVmdDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54eHhzLFxufSkpO1xuXG5jb25zdCBTdHlsZWRIZWFkZXJMYWJlbCA9IHN0eWxlZChUZXh0KSgoeyB0aGVtZSB9KSA9PiAoe1xuICBmb250V2VpZ2h0OiB0aGVtZS52YXJpYWJsZXMud2VpZ2h0LmJvbGQsXG4gIGxpbmVIZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmxpbmVIZWlnaHQuaGVhZGVyLnh4cyxcbiAgbGV0dGVyU3BhY2luZzogXCIwLjVweFwiLFxufSkpO1xuXG50eXBlIFN0eWxlZFNvcnRhYmxlSGVhZGVyUHJvcHMgPSBQaWNrPERhdGFUYWJsZUNvbHVtbiwgXCJhbGlnblwiPjtcbmNvbnN0IFN0eWxlZFNvcnRhYmxlSGVhZGVyID0gc3R5bGVkLmJ1dHRvbjxTdHlsZWRTb3J0YWJsZUhlYWRlclByb3BzPihcbiAgKHsgdGhlbWUsIGFsaWduIH0pID0+ICh7XG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIGhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC5oZWFkZXIueHhzLFxuICAgIHBhZGRpbmc6IDAsXG4gICAgYmFja2dyb3VuZDogXCJub25lXCIsXG4gICAgYm9yZGVyOiBcIm5vbmVcIixcbiAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgIHRleHRBbGlnbjogYWxpZ24sXG5cbiAgICBbYCY6aG92ZXIgJHtTdHlsZWRIZWFkZXJMYWJlbH1gXToge1xuICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5oZWFkZXIucHJpbWFyeSxcbiAgICB9LFxuICB9KVxuKTtcblxudHlwZSBTb3J0YWJsZUhlYWRlclByb3BzID0gUGljazxcbiAgVGFibGVIZWFkZXJQcm9wcyxcbiAgXCJvblNvcnRcIiB8IFwiY3VycmVudGx5U29ydGVkQnlDb2x1bW5cIlxuPiAmXG4gIERhdGFUYWJsZUNvbHVtbjtcblxuZnVuY3Rpb24gU29ydGFibGVIZWFkZXIoe1xuICBuYW1lLFxuICBsYWJlbCxcbiAgYWxpZ24sXG4gIHNvcnREaXJlY3Rpb24gPSBcImFzY1wiLFxuICBjdXJyZW50bHlTb3J0ZWRCeUNvbHVtbixcbiAgb25Tb3J0LFxufTogU29ydGFibGVIZWFkZXJQcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IFtob3ZlcmVkLCBzZXRIb3ZlcmVkXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgY29uc3QgZGVzaXJlZFNvcnREaXJlY3Rpb24gPSBzb3J0RGlyZWN0aW9uID09PSBcImFzY1wiID8gXCJkZXNjXCIgOiBcImFzY1wiO1xuXG4gIGNvbnN0IGhhbmRsZUNsaWNrOiBSZWFjdC5Nb3VzZUV2ZW50SGFuZGxlciA9ICgpID0+IHtcbiAgICBzZXRIb3ZlcmVkKGZhbHNlKTtcbiAgICBpZiAob25Tb3J0KSB7XG4gICAgICBvblNvcnQobmFtZSwgZGVzaXJlZFNvcnREaXJlY3Rpb24pO1xuICAgIH1cbiAgfTtcblxuICBsZXQgaWNvbk5hbWU6IEljb25OYW1lID0gXCJzb3J0LW5ldXRyYWxcIjtcblxuICBpZiAobmFtZSA9PT0gY3VycmVudGx5U29ydGVkQnlDb2x1bW4pIHtcbiAgICBpY29uTmFtZSA9IFNPUlRfRElSRUNUSU9OX0lDT05bc29ydERpcmVjdGlvbl07XG4gIH1cbiAgaWYgKGhvdmVyZWQpIHtcbiAgICBpY29uTmFtZSA9IFNPUlRfRElSRUNUSU9OX0lDT05bZGVzaXJlZFNvcnREaXJlY3Rpb25dO1xuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkU29ydGFibGVIZWFkZXJcbiAgICAgIG9uQ2xpY2s9e2hhbmRsZUNsaWNrfVxuICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICBhbGlnbj17YWxpZ259XG4gICAgICBvblBvaW50ZXJFbnRlcj17KCkgPT4gc2V0SG92ZXJlZCh0cnVlKX1cbiAgICAgIG9uUG9pbnRlckxlYXZlPXsoKSA9PiBzZXRIb3ZlcmVkKGZhbHNlKX1cbiAgICA+XG4gICAgICA8U3R5bGVkSGVhZGVyTGFiZWxcbiAgICAgICAgYXM9XCJzcGFuXCJcbiAgICAgICAgc2l6ZT1cInhzXCJcbiAgICAgICAgdHJhbnNmb3JtPVwidXBwZXJjYXNlXCJcbiAgICAgICAgdmFyaWFudD1cInRlcnRpYXJ5XCJcbiAgICAgID5cbiAgICAgICAge2xhYmVsfVxuICAgICAgICA8U29ydEljb24+XG4gICAgICAgICAgPEljb24gc2l6ZT1cInNcIiBuYW1lPXtpY29uTmFtZX0gaW5saW5lIC8+XG4gICAgICAgIDwvU29ydEljb24+XG4gICAgICA8L1N0eWxlZEhlYWRlckxhYmVsPlxuICAgIDwvU3R5bGVkU29ydGFibGVIZWFkZXI+XG4gICk7XG59XG5cbnR5cGUgU3R5bGVkVGhQcm9wcyA9IFBpY2s8RGF0YVRhYmxlQ29sdW1uLCBcImFsaWduXCIgfCBcIndpZHRoXCI+ICYgVGFibGVDZWxsUHJvcHM7XG5cbmNvbnN0IFN0eWxlZFRoID0gc3R5bGVkKFRhYmxlQ2VsbCk8U3R5bGVkVGhQcm9wcz4oXG4gICh7IHRoZW1lLCBhbGlnbiA9IFwibGVmdFwiLCB3aWR0aCA9IFwiYXV0b1wiIH0pID0+ICh7XG4gICAgcGFkZGluZzogYCR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5zfSAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubX1gLFxuICAgIHRleHRBbGlnbjogYWxpZ24sXG4gICAgYm9yZGVyQm90dG9tOiBgMXB4IHNvbGlkICR7dGhlbWUudmFsdWVzLmNvbG9yLmRpdmlkZXIucHJpbWFyeX1gLFxuICAgIHdpZHRoLFxuICAgIHdoaXRlU3BhY2U6IFwibm93cmFwXCIsXG4gIH0pXG4pO1xuXG5mdW5jdGlvbiBUYWJsZUhlYWRlcih7XG4gIGNsYXNzTmFtZSxcbiAgY29sdW1ucyxcbiAgaXNUYWJsZVNjcm9sbGVkLFxuICBjdXJyZW50bHlTb3J0ZWRCeUNvbHVtbixcbiAgb25Tb3J0LFxufTogVGFibGVIZWFkZXJQcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IGNvbHVtbkVsZW1lbnRzID0gY29sdW1ucy5tYXAoKGNvbHVtbikgPT4ge1xuICAgIGNvbnN0IHtcbiAgICAgIGlzU29ydGFibGUsXG4gICAgICBsYWJlbCxcbiAgICAgIGFsaWduID0gXCJsZWZ0XCIsXG4gICAgICB3aWR0aCxcbiAgICAgIG5hbWUsXG4gICAgICBzb3J0RGlyZWN0aW9uLFxuICAgIH0gPSBjb2x1bW47XG4gICAgY29uc3QgaGVhZGVyRWxtID0gaXNTb3J0YWJsZSA/IChcbiAgICAgIDxTb3J0YWJsZUhlYWRlclxuICAgICAgICBvblNvcnQ9e29uU29ydH1cbiAgICAgICAgbmFtZT17bmFtZX1cbiAgICAgICAgbGFiZWw9e2xhYmVsfVxuICAgICAgICBzb3J0RGlyZWN0aW9uPXtzb3J0RGlyZWN0aW9ufVxuICAgICAgICBhbGlnbj17YWxpZ259XG4gICAgICAgIGN1cnJlbnRseVNvcnRlZEJ5Q29sdW1uPXtjdXJyZW50bHlTb3J0ZWRCeUNvbHVtbn1cbiAgICAgIC8+XG4gICAgKSA6IChcbiAgICAgIDxTdHlsZWRIZWFkZXJMYWJlbFxuICAgICAgICBzaXplPVwieHNcIlxuICAgICAgICB0cmFuc2Zvcm09XCJ1cHBlcmNhc2VcIlxuICAgICAgICBhbGlnbj17YWxpZ259XG4gICAgICAgIHZhcmlhbnQ9XCJ0ZXJ0aWFyeVwiXG4gICAgICA+XG4gICAgICAgIHtsYWJlbH1cbiAgICAgIDwvU3R5bGVkSGVhZGVyTGFiZWw+XG4gICAgKTtcblxuICAgIHJldHVybiAoXG4gICAgICA8U3R5bGVkVGhcbiAgICAgICAgYXM9XCJ0aFwiXG4gICAgICAgIGFsaWduPXthbGlnbn1cbiAgICAgICAgd2lkdGg9e3dpZHRofVxuICAgICAgICBrZXk9e25hbWV9XG4gICAgICAgIGlzVGFibGVTY3JvbGxlZD17aXNUYWJsZVNjcm9sbGVkfVxuICAgICAgPlxuICAgICAgICB7aGVhZGVyRWxtfVxuICAgICAgPC9TdHlsZWRUaD5cbiAgICApO1xuICB9KTtcblxuICByZXR1cm4gKFxuICAgIDx0aGVhZCBjbGFzc05hbWU9e2NsYXNzTmFtZX0+XG4gICAgICA8dHI+e2NvbHVtbkVsZW1lbnRzfTwvdHI+XG4gICAgPC90aGVhZD5cbiAgKTtcbn1cblxuZXhwb3J0IGRlZmF1bHQgUmVhY3QubWVtbyhUYWJsZUhlYWRlcik7XG4iXX0= */");
+const StyledSortableHeader = /*#__PURE__*/_styled__default.default("button", process.env.NODE_ENV === "production" ? {
+  target: "e1ij903s1"
+} : {
+  target: "e1ij903s1",
+  label: "StyledSortableHeader"
+})(_ref3 => {
+  let {
+    theme,
+    align
+  } = _ref3;
+  return {
+    width: "100%",
+    height: theme.variables.size.lineHeight.header.xxs,
+    padding: 0,
+    background: "none",
+    border: "none",
+    cursor: "pointer",
+    textAlign: align,
+    [`&:hover ${StyledHeaderLabel}`]: {
+      color: theme.values.color.header.primary
+    }
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhYmxlSGVhZGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQzZCIiwiZmlsZSI6IlRhYmxlSGVhZGVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgdHlwZSB7IERhdGFUYWJsZUNvbHVtbiB9IGZyb20gXCIuL3R5cGVzXCI7XG5pbXBvcnQgeyBUZXh0IH0gZnJvbSBcIi4uL1R5cG9ncmFwaHkvVGV4dC9UZXh0XCI7XG5pbXBvcnQgeyBJY29uLCBJY29uTmFtZSB9IGZyb20gXCIuLi9JY29uL0ljb25cIjtcbmltcG9ydCBUYWJsZUNlbGwsIHsgVGFibGVDZWxsUHJvcHMgfSBmcm9tIFwiLi9UYWJsZUNlbGxcIjtcbmltcG9ydCB0eXBlIHsgRGF0YVRhYmxlUHJvcHMgfSBmcm9tIFwiLi9EYXRhVGFibGVcIjtcblxuZXhwb3J0IHR5cGUgVGFibGVIZWFkZXJQcm9wcyA9IHtcbiAgY2xhc3NOYW1lPzogc3RyaW5nO1xuICBpc1RhYmxlU2Nyb2xsZWQ6IGJvb2xlYW47XG59ICYgUGljazxcbiAgRGF0YVRhYmxlUHJvcHMsXG4gIFwiY29sdW1uc1wiIHwgXCJyb3dzXCIgfCBcIm9uU29ydFwiIHwgXCJjdXJyZW50bHlTb3J0ZWRCeUNvbHVtblwiXG4+O1xuXG5jb25zdCBTT1JUX0RJUkVDVElPTl9JQ09OOiBSZWNvcmQ8RGF0YVRhYmxlQ29sdW1uW1wic29ydERpcmVjdGlvblwiXSwgSWNvbk5hbWU+ID1cbiAge1xuICAgIGFzYzogXCJzb3J0LWFzY2VuZGluZ1wiLFxuICAgIGRlc2M6IFwic29ydC1kZXNjZW5kaW5nXCIsXG4gIH07XG5cbmNvbnN0IFNvcnRJY29uID0gc3R5bGVkLnNwYW4oKHsgdGhlbWUgfSkgPT4gKHtcbiAgbWFyZ2luTGVmdDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54eHhzLFxufSkpO1xuXG5jb25zdCBTdHlsZWRIZWFkZXJMYWJlbCA9IHN0eWxlZChUZXh0KSgoeyB0aGVtZSB9KSA9PiAoe1xuICBmb250V2VpZ2h0OiB0aGVtZS52YXJpYWJsZXMud2VpZ2h0LmJvbGQsXG4gIGxpbmVIZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmxpbmVIZWlnaHQuaGVhZGVyLnh4cyxcbiAgbGV0dGVyU3BhY2luZzogXCIwLjVweFwiLFxufSkpO1xuXG50eXBlIFN0eWxlZFNvcnRhYmxlSGVhZGVyUHJvcHMgPSBQaWNrPERhdGFUYWJsZUNvbHVtbiwgXCJhbGlnblwiPjtcbmNvbnN0IFN0eWxlZFNvcnRhYmxlSGVhZGVyID0gc3R5bGVkLmJ1dHRvbjxTdHlsZWRTb3J0YWJsZUhlYWRlclByb3BzPihcbiAgKHsgdGhlbWUsIGFsaWduIH0pID0+ICh7XG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIGhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC5oZWFkZXIueHhzLFxuICAgIHBhZGRpbmc6IDAsXG4gICAgYmFja2dyb3VuZDogXCJub25lXCIsXG4gICAgYm9yZGVyOiBcIm5vbmVcIixcbiAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgIHRleHRBbGlnbjogYWxpZ24sXG5cbiAgICBbYCY6aG92ZXIgJHtTdHlsZWRIZWFkZXJMYWJlbH1gXToge1xuICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5oZWFkZXIucHJpbWFyeSxcbiAgICB9LFxuICB9KVxuKTtcblxudHlwZSBTb3J0YWJsZUhlYWRlclByb3BzID0gUGljazxcbiAgVGFibGVIZWFkZXJQcm9wcyxcbiAgXCJvblNvcnRcIiB8IFwiY3VycmVudGx5U29ydGVkQnlDb2x1bW5cIlxuPiAmXG4gIERhdGFUYWJsZUNvbHVtbjtcblxuZnVuY3Rpb24gU29ydGFibGVIZWFkZXIoe1xuICBuYW1lLFxuICBsYWJlbCxcbiAgYWxpZ24sXG4gIHNvcnREaXJlY3Rpb24gPSBcImFzY1wiLFxuICBjdXJyZW50bHlTb3J0ZWRCeUNvbHVtbixcbiAgb25Tb3J0LFxufTogU29ydGFibGVIZWFkZXJQcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IFtob3ZlcmVkLCBzZXRIb3ZlcmVkXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgY29uc3QgZGVzaXJlZFNvcnREaXJlY3Rpb24gPSBzb3J0RGlyZWN0aW9uID09PSBcImFzY1wiID8gXCJkZXNjXCIgOiBcImFzY1wiO1xuXG4gIGNvbnN0IGhhbmRsZUNsaWNrOiBSZWFjdC5Nb3VzZUV2ZW50SGFuZGxlciA9ICgpID0+IHtcbiAgICBzZXRIb3ZlcmVkKGZhbHNlKTtcbiAgICBpZiAob25Tb3J0KSB7XG4gICAgICBvblNvcnQobmFtZSwgZGVzaXJlZFNvcnREaXJlY3Rpb24pO1xuICAgIH1cbiAgfTtcblxuICBsZXQgaWNvbk5hbWU6IEljb25OYW1lID0gXCJzb3J0LW5ldXRyYWxcIjtcblxuICBpZiAobmFtZSA9PT0gY3VycmVudGx5U29ydGVkQnlDb2x1bW4pIHtcbiAgICBpY29uTmFtZSA9IFNPUlRfRElSRUNUSU9OX0lDT05bc29ydERpcmVjdGlvbl07XG4gIH1cbiAgaWYgKGhvdmVyZWQpIHtcbiAgICBpY29uTmFtZSA9IFNPUlRfRElSRUNUSU9OX0lDT05bZGVzaXJlZFNvcnREaXJlY3Rpb25dO1xuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkU29ydGFibGVIZWFkZXJcbiAgICAgIG9uQ2xpY2s9e2hhbmRsZUNsaWNrfVxuICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICBhbGlnbj17YWxpZ259XG4gICAgICBvblBvaW50ZXJFbnRlcj17KCkgPT4gc2V0SG92ZXJlZCh0cnVlKX1cbiAgICAgIG9uUG9pbnRlckxlYXZlPXsoKSA9PiBzZXRIb3ZlcmVkKGZhbHNlKX1cbiAgICA+XG4gICAgICA8U3R5bGVkSGVhZGVyTGFiZWxcbiAgICAgICAgYXM9XCJzcGFuXCJcbiAgICAgICAgc2l6ZT1cInhzXCJcbiAgICAgICAgdHJhbnNmb3JtPVwidXBwZXJjYXNlXCJcbiAgICAgICAgdmFyaWFudD1cInRlcnRpYXJ5XCJcbiAgICAgID5cbiAgICAgICAge2xhYmVsfVxuICAgICAgICA8U29ydEljb24+XG4gICAgICAgICAgPEljb24gc2l6ZT1cInNcIiBuYW1lPXtpY29uTmFtZX0gaW5saW5lIC8+XG4gICAgICAgIDwvU29ydEljb24+XG4gICAgICA8L1N0eWxlZEhlYWRlckxhYmVsPlxuICAgIDwvU3R5bGVkU29ydGFibGVIZWFkZXI+XG4gICk7XG59XG5cbnR5cGUgU3R5bGVkVGhQcm9wcyA9IFBpY2s8RGF0YVRhYmxlQ29sdW1uLCBcImFsaWduXCIgfCBcIndpZHRoXCI+ICYgVGFibGVDZWxsUHJvcHM7XG5cbmNvbnN0IFN0eWxlZFRoID0gc3R5bGVkKFRhYmxlQ2VsbCk8U3R5bGVkVGhQcm9wcz4oXG4gICh7IHRoZW1lLCBhbGlnbiA9IFwibGVmdFwiLCB3aWR0aCA9IFwiYXV0b1wiIH0pID0+ICh7XG4gICAgcGFkZGluZzogYCR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5zfSAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubX1gLFxuICAgIHRleHRBbGlnbjogYWxpZ24sXG4gICAgYm9yZGVyQm90dG9tOiBgMXB4IHNvbGlkICR7dGhlbWUudmFsdWVzLmNvbG9yLmRpdmlkZXIucHJpbWFyeX1gLFxuICAgIHdpZHRoLFxuICAgIHdoaXRlU3BhY2U6IFwibm93cmFwXCIsXG4gIH0pXG4pO1xuXG5mdW5jdGlvbiBUYWJsZUhlYWRlcih7XG4gIGNsYXNzTmFtZSxcbiAgY29sdW1ucyxcbiAgaXNUYWJsZVNjcm9sbGVkLFxuICBjdXJyZW50bHlTb3J0ZWRCeUNvbHVtbixcbiAgb25Tb3J0LFxufTogVGFibGVIZWFkZXJQcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IGNvbHVtbkVsZW1lbnRzID0gY29sdW1ucy5tYXAoKGNvbHVtbikgPT4ge1xuICAgIGNvbnN0IHtcbiAgICAgIGlzU29ydGFibGUsXG4gICAgICBsYWJlbCxcbiAgICAgIGFsaWduID0gXCJsZWZ0XCIsXG4gICAgICB3aWR0aCxcbiAgICAgIG5hbWUsXG4gICAgICBzb3J0RGlyZWN0aW9uLFxuICAgIH0gPSBjb2x1bW47XG4gICAgY29uc3QgaGVhZGVyRWxtID0gaXNTb3J0YWJsZSA/IChcbiAgICAgIDxTb3J0YWJsZUhlYWRlclxuICAgICAgICBvblNvcnQ9e29uU29ydH1cbiAgICAgICAgbmFtZT17bmFtZX1cbiAgICAgICAgbGFiZWw9e2xhYmVsfVxuICAgICAgICBzb3J0RGlyZWN0aW9uPXtzb3J0RGlyZWN0aW9ufVxuICAgICAgICBhbGlnbj17YWxpZ259XG4gICAgICAgIGN1cnJlbnRseVNvcnRlZEJ5Q29sdW1uPXtjdXJyZW50bHlTb3J0ZWRCeUNvbHVtbn1cbiAgICAgIC8+XG4gICAgKSA6IChcbiAgICAgIDxTdHlsZWRIZWFkZXJMYWJlbFxuICAgICAgICBzaXplPVwieHNcIlxuICAgICAgICB0cmFuc2Zvcm09XCJ1cHBlcmNhc2VcIlxuICAgICAgICBhbGlnbj17YWxpZ259XG4gICAgICAgIHZhcmlhbnQ9XCJ0ZXJ0aWFyeVwiXG4gICAgICA+XG4gICAgICAgIHtsYWJlbH1cbiAgICAgIDwvU3R5bGVkSGVhZGVyTGFiZWw+XG4gICAgKTtcblxuICAgIHJldHVybiAoXG4gICAgICA8U3R5bGVkVGhcbiAgICAgICAgYXM9XCJ0aFwiXG4gICAgICAgIGFsaWduPXthbGlnbn1cbiAgICAgICAgd2lkdGg9e3dpZHRofVxuICAgICAgICBrZXk9e25hbWV9XG4gICAgICAgIGlzVGFibGVTY3JvbGxlZD17aXNUYWJsZVNjcm9sbGVkfVxuICAgICAgPlxuICAgICAgICB7aGVhZGVyRWxtfVxuICAgICAgPC9TdHlsZWRUaD5cbiAgICApO1xuICB9KTtcblxuICByZXR1cm4gKFxuICAgIDx0aGVhZCBjbGFzc05hbWU9e2NsYXNzTmFtZX0+XG4gICAgICA8dHI+e2NvbHVtbkVsZW1lbnRzfTwvdHI+XG4gICAgPC90aGVhZD5cbiAgKTtcbn1cblxuZXhwb3J0IGRlZmF1bHQgUmVhY3QubWVtbyhUYWJsZUhlYWRlcik7XG4iXX0= */");
+function SortableHeader(_ref4) {
+  let {
+    name,
+    label,
+    align,
+    sortDirection = "asc",
+    currentlySortedByColumn,
+    onSort
+  } = _ref4;
+  const [hovered, setHovered] = React.useState(false);
+  const desiredSortDirection = sortDirection === "asc" ? "desc" : "asc";
+  const handleClick = () => {
+    setHovered(false);
+    if (onSort) {
+      onSort(name, desiredSortDirection);
+    }
+  };
+  let iconName = "sort-neutral";
+  if (name === currentlySortedByColumn) {
+    iconName = SORT_DIRECTION_ICON[sortDirection];
+  }
+  if (hovered) {
+    iconName = SORT_DIRECTION_ICON[desiredSortDirection];
+  }
+  return /*#__PURE__*/React__default.default.createElement(StyledSortableHeader, {
+    onClick: handleClick,
+    type: "button",
+    align: align,
+    onPointerEnter: () => setHovered(true),
+    onPointerLeave: () => setHovered(false)
+  }, /*#__PURE__*/React__default.default.createElement(StyledHeaderLabel, {
+    as: "span",
+    size: "xs",
+    transform: "uppercase",
+    variant: "tertiary"
+  }, label, /*#__PURE__*/React__default.default.createElement(SortIcon, null, /*#__PURE__*/React__default.default.createElement(Icon.Icon, {
+    size: "s",
+    name: iconName,
+    inline: true
+  }))));
+}
+const StyledTh = /*#__PURE__*/_styled__default.default(TableCell.default, process.env.NODE_ENV === "production" ? {
+  target: "e1ij903s0"
+} : {
+  target: "e1ij903s0",
+  label: "StyledTh"
+})(_ref5 => {
+  let {
+    theme,
+    align = "left",
+    width = "auto"
+  } = _ref5;
+  return {
+    padding: `${theme.variables.size.spacing.s} ${theme.variables.size.spacing.m}`,
+    textAlign: align,
+    borderBottom: `1px solid ${theme.values.color.divider.primary}`,
+    width,
+    whiteSpace: "nowrap"
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhYmxlSGVhZGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyR2lCIiwiZmlsZSI6IlRhYmxlSGVhZGVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgdHlwZSB7IERhdGFUYWJsZUNvbHVtbiB9IGZyb20gXCIuL3R5cGVzXCI7XG5pbXBvcnQgeyBUZXh0IH0gZnJvbSBcIi4uL1R5cG9ncmFwaHkvVGV4dC9UZXh0XCI7XG5pbXBvcnQgeyBJY29uLCBJY29uTmFtZSB9IGZyb20gXCIuLi9JY29uL0ljb25cIjtcbmltcG9ydCBUYWJsZUNlbGwsIHsgVGFibGVDZWxsUHJvcHMgfSBmcm9tIFwiLi9UYWJsZUNlbGxcIjtcbmltcG9ydCB0eXBlIHsgRGF0YVRhYmxlUHJvcHMgfSBmcm9tIFwiLi9EYXRhVGFibGVcIjtcblxuZXhwb3J0IHR5cGUgVGFibGVIZWFkZXJQcm9wcyA9IHtcbiAgY2xhc3NOYW1lPzogc3RyaW5nO1xuICBpc1RhYmxlU2Nyb2xsZWQ6IGJvb2xlYW47XG59ICYgUGljazxcbiAgRGF0YVRhYmxlUHJvcHMsXG4gIFwiY29sdW1uc1wiIHwgXCJyb3dzXCIgfCBcIm9uU29ydFwiIHwgXCJjdXJyZW50bHlTb3J0ZWRCeUNvbHVtblwiXG4+O1xuXG5jb25zdCBTT1JUX0RJUkVDVElPTl9JQ09OOiBSZWNvcmQ8RGF0YVRhYmxlQ29sdW1uW1wic29ydERpcmVjdGlvblwiXSwgSWNvbk5hbWU+ID1cbiAge1xuICAgIGFzYzogXCJzb3J0LWFzY2VuZGluZ1wiLFxuICAgIGRlc2M6IFwic29ydC1kZXNjZW5kaW5nXCIsXG4gIH07XG5cbmNvbnN0IFNvcnRJY29uID0gc3R5bGVkLnNwYW4oKHsgdGhlbWUgfSkgPT4gKHtcbiAgbWFyZ2luTGVmdDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54eHhzLFxufSkpO1xuXG5jb25zdCBTdHlsZWRIZWFkZXJMYWJlbCA9IHN0eWxlZChUZXh0KSgoeyB0aGVtZSB9KSA9PiAoe1xuICBmb250V2VpZ2h0OiB0aGVtZS52YXJpYWJsZXMud2VpZ2h0LmJvbGQsXG4gIGxpbmVIZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmxpbmVIZWlnaHQuaGVhZGVyLnh4cyxcbiAgbGV0dGVyU3BhY2luZzogXCIwLjVweFwiLFxufSkpO1xuXG50eXBlIFN0eWxlZFNvcnRhYmxlSGVhZGVyUHJvcHMgPSBQaWNrPERhdGFUYWJsZUNvbHVtbiwgXCJhbGlnblwiPjtcbmNvbnN0IFN0eWxlZFNvcnRhYmxlSGVhZGVyID0gc3R5bGVkLmJ1dHRvbjxTdHlsZWRTb3J0YWJsZUhlYWRlclByb3BzPihcbiAgKHsgdGhlbWUsIGFsaWduIH0pID0+ICh7XG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIGhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC5oZWFkZXIueHhzLFxuICAgIHBhZGRpbmc6IDAsXG4gICAgYmFja2dyb3VuZDogXCJub25lXCIsXG4gICAgYm9yZGVyOiBcIm5vbmVcIixcbiAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgIHRleHRBbGlnbjogYWxpZ24sXG5cbiAgICBbYCY6aG92ZXIgJHtTdHlsZWRIZWFkZXJMYWJlbH1gXToge1xuICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5oZWFkZXIucHJpbWFyeSxcbiAgICB9LFxuICB9KVxuKTtcblxudHlwZSBTb3J0YWJsZUhlYWRlclByb3BzID0gUGljazxcbiAgVGFibGVIZWFkZXJQcm9wcyxcbiAgXCJvblNvcnRcIiB8IFwiY3VycmVudGx5U29ydGVkQnlDb2x1bW5cIlxuPiAmXG4gIERhdGFUYWJsZUNvbHVtbjtcblxuZnVuY3Rpb24gU29ydGFibGVIZWFkZXIoe1xuICBuYW1lLFxuICBsYWJlbCxcbiAgYWxpZ24sXG4gIHNvcnREaXJlY3Rpb24gPSBcImFzY1wiLFxuICBjdXJyZW50bHlTb3J0ZWRCeUNvbHVtbixcbiAgb25Tb3J0LFxufTogU29ydGFibGVIZWFkZXJQcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IFtob3ZlcmVkLCBzZXRIb3ZlcmVkXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgY29uc3QgZGVzaXJlZFNvcnREaXJlY3Rpb24gPSBzb3J0RGlyZWN0aW9uID09PSBcImFzY1wiID8gXCJkZXNjXCIgOiBcImFzY1wiO1xuXG4gIGNvbnN0IGhhbmRsZUNsaWNrOiBSZWFjdC5Nb3VzZUV2ZW50SGFuZGxlciA9ICgpID0+IHtcbiAgICBzZXRIb3ZlcmVkKGZhbHNlKTtcbiAgICBpZiAob25Tb3J0KSB7XG4gICAgICBvblNvcnQobmFtZSwgZGVzaXJlZFNvcnREaXJlY3Rpb24pO1xuICAgIH1cbiAgfTtcblxuICBsZXQgaWNvbk5hbWU6IEljb25OYW1lID0gXCJzb3J0LW5ldXRyYWxcIjtcblxuICBpZiAobmFtZSA9PT0gY3VycmVudGx5U29ydGVkQnlDb2x1bW4pIHtcbiAgICBpY29uTmFtZSA9IFNPUlRfRElSRUNUSU9OX0lDT05bc29ydERpcmVjdGlvbl07XG4gIH1cbiAgaWYgKGhvdmVyZWQpIHtcbiAgICBpY29uTmFtZSA9IFNPUlRfRElSRUNUSU9OX0lDT05bZGVzaXJlZFNvcnREaXJlY3Rpb25dO1xuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkU29ydGFibGVIZWFkZXJcbiAgICAgIG9uQ2xpY2s9e2hhbmRsZUNsaWNrfVxuICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICBhbGlnbj17YWxpZ259XG4gICAgICBvblBvaW50ZXJFbnRlcj17KCkgPT4gc2V0SG92ZXJlZCh0cnVlKX1cbiAgICAgIG9uUG9pbnRlckxlYXZlPXsoKSA9PiBzZXRIb3ZlcmVkKGZhbHNlKX1cbiAgICA+XG4gICAgICA8U3R5bGVkSGVhZGVyTGFiZWxcbiAgICAgICAgYXM9XCJzcGFuXCJcbiAgICAgICAgc2l6ZT1cInhzXCJcbiAgICAgICAgdHJhbnNmb3JtPVwidXBwZXJjYXNlXCJcbiAgICAgICAgdmFyaWFudD1cInRlcnRpYXJ5XCJcbiAgICAgID5cbiAgICAgICAge2xhYmVsfVxuICAgICAgICA8U29ydEljb24+XG4gICAgICAgICAgPEljb24gc2l6ZT1cInNcIiBuYW1lPXtpY29uTmFtZX0gaW5saW5lIC8+XG4gICAgICAgIDwvU29ydEljb24+XG4gICAgICA8L1N0eWxlZEhlYWRlckxhYmVsPlxuICAgIDwvU3R5bGVkU29ydGFibGVIZWFkZXI+XG4gICk7XG59XG5cbnR5cGUgU3R5bGVkVGhQcm9wcyA9IFBpY2s8RGF0YVRhYmxlQ29sdW1uLCBcImFsaWduXCIgfCBcIndpZHRoXCI+ICYgVGFibGVDZWxsUHJvcHM7XG5cbmNvbnN0IFN0eWxlZFRoID0gc3R5bGVkKFRhYmxlQ2VsbCk8U3R5bGVkVGhQcm9wcz4oXG4gICh7IHRoZW1lLCBhbGlnbiA9IFwibGVmdFwiLCB3aWR0aCA9IFwiYXV0b1wiIH0pID0+ICh7XG4gICAgcGFkZGluZzogYCR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5zfSAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubX1gLFxuICAgIHRleHRBbGlnbjogYWxpZ24sXG4gICAgYm9yZGVyQm90dG9tOiBgMXB4IHNvbGlkICR7dGhlbWUudmFsdWVzLmNvbG9yLmRpdmlkZXIucHJpbWFyeX1gLFxuICAgIHdpZHRoLFxuICAgIHdoaXRlU3BhY2U6IFwibm93cmFwXCIsXG4gIH0pXG4pO1xuXG5mdW5jdGlvbiBUYWJsZUhlYWRlcih7XG4gIGNsYXNzTmFtZSxcbiAgY29sdW1ucyxcbiAgaXNUYWJsZVNjcm9sbGVkLFxuICBjdXJyZW50bHlTb3J0ZWRCeUNvbHVtbixcbiAgb25Tb3J0LFxufTogVGFibGVIZWFkZXJQcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IGNvbHVtbkVsZW1lbnRzID0gY29sdW1ucy5tYXAoKGNvbHVtbikgPT4ge1xuICAgIGNvbnN0IHtcbiAgICAgIGlzU29ydGFibGUsXG4gICAgICBsYWJlbCxcbiAgICAgIGFsaWduID0gXCJsZWZ0XCIsXG4gICAgICB3aWR0aCxcbiAgICAgIG5hbWUsXG4gICAgICBzb3J0RGlyZWN0aW9uLFxuICAgIH0gPSBjb2x1bW47XG4gICAgY29uc3QgaGVhZGVyRWxtID0gaXNTb3J0YWJsZSA/IChcbiAgICAgIDxTb3J0YWJsZUhlYWRlclxuICAgICAgICBvblNvcnQ9e29uU29ydH1cbiAgICAgICAgbmFtZT17bmFtZX1cbiAgICAgICAgbGFiZWw9e2xhYmVsfVxuICAgICAgICBzb3J0RGlyZWN0aW9uPXtzb3J0RGlyZWN0aW9ufVxuICAgICAgICBhbGlnbj17YWxpZ259XG4gICAgICAgIGN1cnJlbnRseVNvcnRlZEJ5Q29sdW1uPXtjdXJyZW50bHlTb3J0ZWRCeUNvbHVtbn1cbiAgICAgIC8+XG4gICAgKSA6IChcbiAgICAgIDxTdHlsZWRIZWFkZXJMYWJlbFxuICAgICAgICBzaXplPVwieHNcIlxuICAgICAgICB0cmFuc2Zvcm09XCJ1cHBlcmNhc2VcIlxuICAgICAgICBhbGlnbj17YWxpZ259XG4gICAgICAgIHZhcmlhbnQ9XCJ0ZXJ0aWFyeVwiXG4gICAgICA+XG4gICAgICAgIHtsYWJlbH1cbiAgICAgIDwvU3R5bGVkSGVhZGVyTGFiZWw+XG4gICAgKTtcblxuICAgIHJldHVybiAoXG4gICAgICA8U3R5bGVkVGhcbiAgICAgICAgYXM9XCJ0aFwiXG4gICAgICAgIGFsaWduPXthbGlnbn1cbiAgICAgICAgd2lkdGg9e3dpZHRofVxuICAgICAgICBrZXk9e25hbWV9XG4gICAgICAgIGlzVGFibGVTY3JvbGxlZD17aXNUYWJsZVNjcm9sbGVkfVxuICAgICAgPlxuICAgICAgICB7aGVhZGVyRWxtfVxuICAgICAgPC9TdHlsZWRUaD5cbiAgICApO1xuICB9KTtcblxuICByZXR1cm4gKFxuICAgIDx0aGVhZCBjbGFzc05hbWU9e2NsYXNzTmFtZX0+XG4gICAgICA8dHI+e2NvbHVtbkVsZW1lbnRzfTwvdHI+XG4gICAgPC90aGVhZD5cbiAgKTtcbn1cblxuZXhwb3J0IGRlZmF1bHQgUmVhY3QubWVtbyhUYWJsZUhlYWRlcik7XG4iXX0= */");
+function TableHeader(_ref6) {
+  let {
+    className,
+    columns,
+    isTableScrolled,
+    currentlySortedByColumn,
+    onSort
+  } = _ref6;
+  const columnElements = columns.map(column => {
+    const {
+      isSortable,
+      label,
+      align = "left",
+      width,
+      name,
+      sortDirection
+    } = column;
+    const headerElm = isSortable ? /*#__PURE__*/React__default.default.createElement(SortableHeader, {
+      onSort: onSort,
+      name: name,
+      label: label,
+      sortDirection: sortDirection,
+      align: align,
+      currentlySortedByColumn: currentlySortedByColumn
+    }) : /*#__PURE__*/React__default.default.createElement(StyledHeaderLabel, {
+      size: "xs",
+      transform: "uppercase",
+      align: align,
+      variant: "tertiary"
+    }, label);
+    return /*#__PURE__*/React__default.default.createElement(StyledTh, {
+      as: "th",
+      align: align,
+      width: width,
+      key: name,
+      isTableScrolled: isTableScrolled
+    }, headerElm);
+  });
+  return /*#__PURE__*/React__default.default.createElement("thead", {
+    className: className
+  }, /*#__PURE__*/React__default.default.createElement("tr", null, columnElements));
+}
+var TableHeader$1 = /*#__PURE__*/React__default.default.memo(TableHeader);
+
+exports.default = TableHeader$1;

package/build/cjs/src/components/DataTable/useDataTableSort.js

@@ -0,0 +1,34 @@
+'use strict';
+
+var React = require('react');
+
+const defaultSortCompareFn = (a, b, columnName, desiredSortDirection) => {
+  if (a[columnName] < b[columnName]) {
+    return desiredSortDirection === "asc" ? -1 : 1;
+  }
+  if (a[columnName] > b[columnName]) {
+    return desiredSortDirection === "asc" ? 1 : -1;
+  }
+  return 0;
+};
+function useDataTableSort(initialColumns, initialRows, initialSortedByColumn) {
+  let sortCompareFn = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : defaultSortCompareFn;
+  const [columns, setColumns] = React.useState(initialColumns);
+  const [currentlySortedByColumn, setCurrentlySortedByColumn] = React.useState(initialSortedByColumn);
+  const [rows, setRows] = React.useState(initialRows);
+  const handleSort = (columnName, desiredSortDirection) => {
+    const newColumns = [...columns];
+    const newRows = [...rows];
+    const column = newColumns.find(item => item.name === columnName);
+    if (column) {
+      column.sortDirection = desiredSortDirection;
+    }
+    newRows.sort((a, b) => sortCompareFn(a, b, columnName, desiredSortDirection));
+    setRows(newRows);
+    setColumns(newColumns);
+    setCurrentlySortedByColumn(columnName);
+  };
+  return [columns, rows, currentlySortedByColumn, handleSort, setColumns, setRows, setCurrentlySortedByColumn];
+}
+
+exports.useDataTableSort = useDataTableSort;