@amboss/design-system 1.9.5 → 1.9.7-canary-datatable-1

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

@@ -0,0 +1,94 @@
+import _styled from '@emotion/styled/base';
+import React, { useState, useRef, useEffect } from 'react';
+import TableBody from './TableBody.js';
+import TableHeader from './TableHeader.js';
+import { Container } from '../Container/Container.js';
+import TableFooter from './TableFooter.js';
+
+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("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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRhdGFUYWJsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0V1QiIsImZpbGUiOiJEYXRhVGFibGUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IEZ1bmN0aW9uQ29tcG9uZW50LCB1c2VFZmZlY3QsIHVzZVN0YXRlLCB1c2VSZWYgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IFRhYmxlQm9keSBmcm9tIFwiLi9UYWJsZUJvZHlcIjtcbmltcG9ydCBUYWJsZUhlYWRlciBmcm9tIFwiLi9UYWJsZUhlYWRlclwiO1xuaW1wb3J0IHsgQ29udGFpbmVyIH0gZnJvbSBcIi4uL0NvbnRhaW5lci9Db250YWluZXJcIjtcbmltcG9ydCB0eXBlIHsgRGF0YVRhYmxlQ29sdW1uLCBEYXRhVGFibGVSb3csIFNvcnREaXJlY3Rpb24gfSBmcm9tIFwiLi90eXBlc1wiO1xuaW1wb3J0IFRhYmxlRm9vdGVyIGZyb20gXCIuL1RhYmxlRm9vdGVyXCI7XG5cbmV4cG9ydCB7IERhdGFUYWJsZUNvbHVtbiwgRGF0YVRhYmxlUm93LCBTb3J0RGlyZWN0aW9uIH07XG5cbmV4cG9ydCB0eXBlIERhdGFUYWJsZVByb3BzID0ge1xuICAvKiogQ1NTIHRhYmxlIGxheW91dC5cbiAgICogQGRlZmF1bHQgYXV0b1xuICAgKi9cbiAgbGF5b3V0PzogXCJhdXRvXCIgfCBcImZpeGVkXCI7XG5cbiAgLyoqIFRhYmxlIHdpZHRoXG4gICAqIEBkZWZhdWx0IDEwMCVcbiAgICovXG4gIHdpZHRoPzogc3RyaW5nO1xuXG4gIC8qKiBGb290ZXIgZWxlbWVudCAqL1xuICBmb290ZXI/OiBSZWFjdC5SZWFjdE5vZGU7XG5cbiAgLyoqXG4gICAqIE1ldGEgZGF0YSBmb3IgY29sdW1uc1xuICAgKiBAcGFyYW0gRGF0YVRhYmxlQ29sdW1uW10ubmFtZSAtIENvbHVtbiBuYW1lXG4gICAqIEBwYXJhbSBEYXRhVGFibGVDb2x1bW5bXS5sYWJlbCAtIENvbHVtbiBsYWJlbCBmb3IgZGlzcGxheVxuICAgKiBAcGFyYW0gRGF0YVRhYmxlQ29sdW1uW10uYWxpZ24gLSBBbGlnbiBjZWxsIGNvbnRlbnQsICdsZWZ0JyB8ICdyaWdodCcgfCAnY2VudGVyJ1xuICAgKiBAcGFyYW0gRGF0YVRhYmxlQ29sdW1uW10ud2lkdGggLSBDb2x1bW4gd2lkdGhcbiAgICogQHBhcmFtIERhdGFUYWJsZUNvbHVtbltdLmNlbGxBcyAtIENvbXBvbmVudCB0byByZW5kZXIgY3VzdG9tIGNlbGwgY29udGVudC5cbiAgICogQHBhcmFtIERhdGFUYWJsZUNvbHVtbltdLmlzU29ydGFibGUgLSBJcyB0YWJsZSBzb3J0YWJsZSBieSBjb2x1bW5cbiAgICogQHBhcmFtIERhdGFUYWJsZUNvbHVtbltdLnNvcnREaXJlY3Rpb24gLSBTb3J0ZWQgYXMgJ2FzYycgfCAnZGVzYydcbiAgICpcbiAgICovXG4gIGNvbHVtbnM6IERhdGFUYWJsZUNvbHVtbltdO1xuXG4gIC8qKlxuICAgKiBUYWJsZSBjb250ZW50IGFzIGFuIGFycmF5IG9mIG9iamVjdHMgd2l0aCB2YWx1ZXMgZm9yIGVhY2ggY29sdW1uXG4gICAqL1xuICByb3dzPzogRGF0YVRhYmxlUm93W107XG5cbiAgLyoqXG4gICAqIElzIGxvYWRpbmcgZGF0YS4gWW91IGNhbiBkaXNwbGF5IGN1c3RvbSBsb2FkaW5nIGNvbnRlbnQgd2l0aCBjaGlsZHJlbiBwcm9wLlxuICAgKiBAZGVmYXVsdCBmYWxzZVxuICAgKi9cbiAgaXNMb2FkaW5nPzogYm9vbGVhbjtcblxuICAvKiogSXMgZW1wdHkgb3IgaW4gZXJyb3Igc3RhdGUuIFlvdSBjYW4gZGlzcGxheSBjdXN0b20gZW1wdHkvZXJyb3IgY29udGVudCB3aXRoIGNoaWxkcmVuIHByb3AuXG4gICAqIEBkZWZhdWx0IGZhbHNlXG4gICAqL1xuICBpc0VtcHR5PzogYm9vbGVhbjtcblxuICAvKipcbiAgICogSXMgZmlyc3QgY29sdW1uIHN0aWNreSBvbiBzY3JvbGxcbiAgICogQGRlZmF1bHQgdHJ1ZVxuICAgKi9cbiAgaXNGaXJzdENvbHVtblN0aWNreT86IGJvb2xlYW47XG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiPzogc3RyaW5nO1xuXG4gIC8qKiAgQ29sdW1uIG1vc3QgcmVjZW50bHkgdXNlZCB0byBzb3J0IGRhdGEgKi9cbiAgY3VycmVudGx5U29ydGVkQnlDb2x1bW4/OiBzdHJpbmc7XG4gIC8qKlxuICAgKiBDYWxsYmFjayB0byBoYW5kbGUgc29ydGluZyBieSBjb2x1bW5cbiAgICovXG4gIG9uU29ydD86IChjb2x1bW5OYW1lOiBzdHJpbmcsIGRlc2lyZWRTb3J0RGlyZWN0aW9uOiBTb3J0RGlyZWN0aW9uKSA9PiB2b2lkO1xufTtcblxuY29uc3QgVGFibGVDb250YWluZXIgPSBzdHlsZWQuZGl2KHtcbiAgb3ZlcmZsb3c6IFwiYXV0b1wiLFxufSk7XG5cbnR5cGUgU3R5bGVkVGFibGVQcm9wcyA9IFBpY2s8RGF0YVRhYmxlUHJvcHMsIFwibGF5b3V0XCIgfCBcIndpZHRoXCI+O1xuXG5jb25zdCBTdHlsZWRUYWJsZSA9IHN0eWxlZC50YWJsZTxTdHlsZWRUYWJsZVByb3BzPihcbiAgKHsgbGF5b3V0ID0gXCJhdXRvXCIsIHdpZHRoID0gXCIxMDAlXCIgfSkgPT4gKHtcbiAgICBib3JkZXJTcGFjaW5nOiAwLFxuICAgIHRhYmxlTGF5b3V0OiBsYXlvdXQsXG4gICAgd2lkdGgsXG4gIH0pXG4pO1xuXG5jb25zdCBEYXRhVGFibGU6IEZ1bmN0aW9uQ29tcG9uZW50PERhdGFUYWJsZVByb3BzPiA9ICh7XG4gIGNvbHVtbnMsXG4gIHJvd3MsXG4gIGZvb3RlcixcbiAgY3VycmVudGx5U29ydGVkQnlDb2x1bW4sXG4gIGlzRmlyc3RDb2x1bW5TdGlja3kgPSB0cnVlLFxuICBcImRhdGEtZTJlLXRlc3QtaWRcIjogZGF0YUUyZVRlc3RJZCxcbiAgb25Tb3J0LFxufSkgPT4ge1xuICBjb25zdCBbaXNTY3JvbGxlZCwgc2V0SXNTY3JvbGxlZF0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gIGNvbnN0IHRhYmxlUmVmID0gdXNlUmVmPEhUTUxUYWJsZUVsZW1lbnQ+KG51bGwpO1xuICBjb25zdCBjb250YWluZXJSZWYgPSB1c2VSZWY8SFRNTERpdkVsZW1lbnQ+KG51bGwpO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgbGV0IG9ic2VydmVyOiBJbnRlcnNlY3Rpb25PYnNlcnZlcjtcblxuICAgIGlmIChcbiAgICAgIGlzRmlyc3RDb2x1bW5TdGlja3kgJiZcbiAgICAgIEludGVyc2VjdGlvbk9ic2VydmVyICYmXG4gICAgICBjb250YWluZXJSZWYgJiZcbiAgICAgIGNvbnRhaW5lclJlZi5jdXJyZW50ICYmXG4gICAgICB0YWJsZVJlZi5jdXJyZW50XG4gICAgKSB7XG4gICAgICBvYnNlcnZlciA9IG5ldyBJbnRlcnNlY3Rpb25PYnNlcnZlcihcbiAgICAgICAgKGVudHJpZXMpID0+IHtcbiAgICAgICAgICBlbnRyaWVzLmZvckVhY2goKGVudHJ5KSA9PiB7XG4gICAgICAgICAgICBzZXRJc1Njcm9sbGVkKCFlbnRyeS5pc0ludGVyc2VjdGluZyk7XG4gICAgICAgICAgfSk7XG4gICAgICAgIH0sXG4gICAgICAgIHtcbiAgICAgICAgICByb290OiBjb250YWluZXJSZWYuY3VycmVudCxcbiAgICAgICAgICB0aHJlc2hvbGQ6IDEsXG4gICAgICAgIH1cbiAgICAgICk7XG5cbiAgICAgIG9ic2VydmVyLm9ic2VydmUodGFibGVSZWYuY3VycmVudCk7XG4gICAgfVxuXG4gICAgcmV0dXJuICgpID0+IHtcbiAgICAgIGlmIChvYnNlcnZlcikge1xuICAgICAgICBvYnNlcnZlci5kaXNjb25uZWN0KCk7XG4gICAgICB9XG4gICAgfTtcbiAgfSwgW2lzRmlyc3RDb2x1bW5TdGlja3ldKTtcblxuICBjb25zdCBmb290ZXJFbG0gPSBmb290ZXIgPyAoXG4gICAgPFRhYmxlRm9vdGVyIGNvbHVtbnM9e2NvbHVtbnN9Pntmb290ZXJ9PC9UYWJsZUZvb3Rlcj5cbiAgKSA6IG51bGw7XG5cbiAgcmV0dXJuIChcbiAgICA8Q29udGFpbmVyIGVsZXZhdGlvbj17MX0+XG4gICAgICA8VGFibGVDb250YWluZXIgcmVmPXtjb250YWluZXJSZWZ9PlxuICAgICAgICA8U3R5bGVkVGFibGUgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH0gcmVmPXt0YWJsZVJlZn0+XG4gICAgICAgICAgPFRhYmxlSGVhZGVyXG4gICAgICAgICAgICBjb2x1bW5zPXtjb2x1bW5zfVxuICAgICAgICAgICAgaXNUYWJsZVNjcm9sbGVkPXtpc1Njcm9sbGVkfVxuICAgICAgICAgICAgY3VycmVudGx5U29ydGVkQnlDb2x1bW49e2N1cnJlbnRseVNvcnRlZEJ5Q29sdW1ufVxuICAgICAgICAgICAgb25Tb3J0PXtvblNvcnR9XG4gICAgICAgICAgLz5cbiAgICAgICAgICA8VGFibGVCb2R5XG4gICAgICAgICAgICBjb2x1bW5zPXtjb2x1bW5zfVxuICAgICAgICAgICAgcm93cz17cm93c31cbiAgICAgICAgICAgIGlzVGFibGVTY3JvbGxlZD17aXNTY3JvbGxlZH1cbiAgICAgICAgICAvPlxuICAgICAgICAgIHtmb290ZXJFbG19XG4gICAgICAgIDwvU3R5bGVkVGFibGU+XG4gICAgICA8L1RhYmxlQ29udGFpbmVyPlxuICAgIDwvQ29udGFpbmVyPlxuICApO1xufTtcblxuZXhwb3J0IHsgRGF0YVRhYmxlIH07XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const StyledTable = /*#__PURE__*/_styled("table", process.env.NODE_ENV === "production" ? {
+  target: "e9acbuy0"
+} : {
+  target: "e9acbuy0",
+  label: "StyledTable"
+})(_ref => {
+  let {
+    layout = "auto",
+    width = "100%"
+  } = _ref;
+  return {
+    borderSpacing: 0,
+    tableLayout: layout,
+    width
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRhdGFUYWJsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMEVvQiIsImZpbGUiOiJEYXRhVGFibGUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IEZ1bmN0aW9uQ29tcG9uZW50LCB1c2VFZmZlY3QsIHVzZVN0YXRlLCB1c2VSZWYgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IFRhYmxlQm9keSBmcm9tIFwiLi9UYWJsZUJvZHlcIjtcbmltcG9ydCBUYWJsZUhlYWRlciBmcm9tIFwiLi9UYWJsZUhlYWRlclwiO1xuaW1wb3J0IHsgQ29udGFpbmVyIH0gZnJvbSBcIi4uL0NvbnRhaW5lci9Db250YWluZXJcIjtcbmltcG9ydCB0eXBlIHsgRGF0YVRhYmxlQ29sdW1uLCBEYXRhVGFibGVSb3csIFNvcnREaXJlY3Rpb24gfSBmcm9tIFwiLi90eXBlc1wiO1xuaW1wb3J0IFRhYmxlRm9vdGVyIGZyb20gXCIuL1RhYmxlRm9vdGVyXCI7XG5cbmV4cG9ydCB7IERhdGFUYWJsZUNvbHVtbiwgRGF0YVRhYmxlUm93LCBTb3J0RGlyZWN0aW9uIH07XG5cbmV4cG9ydCB0eXBlIERhdGFUYWJsZVByb3BzID0ge1xuICAvKiogQ1NTIHRhYmxlIGxheW91dC5cbiAgICogQGRlZmF1bHQgYXV0b1xuICAgKi9cbiAgbGF5b3V0PzogXCJhdXRvXCIgfCBcImZpeGVkXCI7XG5cbiAgLyoqIFRhYmxlIHdpZHRoXG4gICAqIEBkZWZhdWx0IDEwMCVcbiAgICovXG4gIHdpZHRoPzogc3RyaW5nO1xuXG4gIC8qKiBGb290ZXIgZWxlbWVudCAqL1xuICBmb290ZXI/OiBSZWFjdC5SZWFjdE5vZGU7XG5cbiAgLyoqXG4gICAqIE1ldGEgZGF0YSBmb3IgY29sdW1uc1xuICAgKiBAcGFyYW0gRGF0YVRhYmxlQ29sdW1uW10ubmFtZSAtIENvbHVtbiBuYW1lXG4gICAqIEBwYXJhbSBEYXRhVGFibGVDb2x1bW5bXS5sYWJlbCAtIENvbHVtbiBsYWJlbCBmb3IgZGlzcGxheVxuICAgKiBAcGFyYW0gRGF0YVRhYmxlQ29sdW1uW10uYWxpZ24gLSBBbGlnbiBjZWxsIGNvbnRlbnQsICdsZWZ0JyB8ICdyaWdodCcgfCAnY2VudGVyJ1xuICAgKiBAcGFyYW0gRGF0YVRhYmxlQ29sdW1uW10ud2lkdGggLSBDb2x1bW4gd2lkdGhcbiAgICogQHBhcmFtIERhdGFUYWJsZUNvbHVtbltdLmNlbGxBcyAtIENvbXBvbmVudCB0byByZW5kZXIgY3VzdG9tIGNlbGwgY29udGVudC5cbiAgICogQHBhcmFtIERhdGFUYWJsZUNvbHVtbltdLmlzU29ydGFibGUgLSBJcyB0YWJsZSBzb3J0YWJsZSBieSBjb2x1bW5cbiAgICogQHBhcmFtIERhdGFUYWJsZUNvbHVtbltdLnNvcnREaXJlY3Rpb24gLSBTb3J0ZWQgYXMgJ2FzYycgfCAnZGVzYydcbiAgICpcbiAgICovXG4gIGNvbHVtbnM6IERhdGFUYWJsZUNvbHVtbltdO1xuXG4gIC8qKlxuICAgKiBUYWJsZSBjb250ZW50IGFzIGFuIGFycmF5IG9mIG9iamVjdHMgd2l0aCB2YWx1ZXMgZm9yIGVhY2ggY29sdW1uXG4gICAqL1xuICByb3dzPzogRGF0YVRhYmxlUm93W107XG5cbiAgLyoqXG4gICAqIElzIGxvYWRpbmcgZGF0YS4gWW91IGNhbiBkaXNwbGF5IGN1c3RvbSBsb2FkaW5nIGNvbnRlbnQgd2l0aCBjaGlsZHJlbiBwcm9wLlxuICAgKiBAZGVmYXVsdCBmYWxzZVxuICAgKi9cbiAgaXNMb2FkaW5nPzogYm9vbGVhbjtcblxuICAvKiogSXMgZW1wdHkgb3IgaW4gZXJyb3Igc3RhdGUuIFlvdSBjYW4gZGlzcGxheSBjdXN0b20gZW1wdHkvZXJyb3IgY29udGVudCB3aXRoIGNoaWxkcmVuIHByb3AuXG4gICAqIEBkZWZhdWx0IGZhbHNlXG4gICAqL1xuICBpc0VtcHR5PzogYm9vbGVhbjtcblxuICAvKipcbiAgICogSXMgZmlyc3QgY29sdW1uIHN0aWNreSBvbiBzY3JvbGxcbiAgICogQGRlZmF1bHQgdHJ1ZVxuICAgKi9cbiAgaXNGaXJzdENvbHVtblN0aWNreT86IGJvb2xlYW47XG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiPzogc3RyaW5nO1xuXG4gIC8qKiAgQ29sdW1uIG1vc3QgcmVjZW50bHkgdXNlZCB0byBzb3J0IGRhdGEgKi9cbiAgY3VycmVudGx5U29ydGVkQnlDb2x1bW4/OiBzdHJpbmc7XG4gIC8qKlxuICAgKiBDYWxsYmFjayB0byBoYW5kbGUgc29ydGluZyBieSBjb2x1bW5cbiAgICovXG4gIG9uU29ydD86IChjb2x1bW5OYW1lOiBzdHJpbmcsIGRlc2lyZWRTb3J0RGlyZWN0aW9uOiBTb3J0RGlyZWN0aW9uKSA9PiB2b2lkO1xufTtcblxuY29uc3QgVGFibGVDb250YWluZXIgPSBzdHlsZWQuZGl2KHtcbiAgb3ZlcmZsb3c6IFwiYXV0b1wiLFxufSk7XG5cbnR5cGUgU3R5bGVkVGFibGVQcm9wcyA9IFBpY2s8RGF0YVRhYmxlUHJvcHMsIFwibGF5b3V0XCIgfCBcIndpZHRoXCI+O1xuXG5jb25zdCBTdHlsZWRUYWJsZSA9IHN0eWxlZC50YWJsZTxTdHlsZWRUYWJsZVByb3BzPihcbiAgKHsgbGF5b3V0ID0gXCJhdXRvXCIsIHdpZHRoID0gXCIxMDAlXCIgfSkgPT4gKHtcbiAgICBib3JkZXJTcGFjaW5nOiAwLFxuICAgIHRhYmxlTGF5b3V0OiBsYXlvdXQsXG4gICAgd2lkdGgsXG4gIH0pXG4pO1xuXG5jb25zdCBEYXRhVGFibGU6IEZ1bmN0aW9uQ29tcG9uZW50PERhdGFUYWJsZVByb3BzPiA9ICh7XG4gIGNvbHVtbnMsXG4gIHJvd3MsXG4gIGZvb3RlcixcbiAgY3VycmVudGx5U29ydGVkQnlDb2x1bW4sXG4gIGlzRmlyc3RDb2x1bW5TdGlja3kgPSB0cnVlLFxuICBcImRhdGEtZTJlLXRlc3QtaWRcIjogZGF0YUUyZVRlc3RJZCxcbiAgb25Tb3J0LFxufSkgPT4ge1xuICBjb25zdCBbaXNTY3JvbGxlZCwgc2V0SXNTY3JvbGxlZF0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gIGNvbnN0IHRhYmxlUmVmID0gdXNlUmVmPEhUTUxUYWJsZUVsZW1lbnQ+KG51bGwpO1xuICBjb25zdCBjb250YWluZXJSZWYgPSB1c2VSZWY8SFRNTERpdkVsZW1lbnQ+KG51bGwpO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgbGV0IG9ic2VydmVyOiBJbnRlcnNlY3Rpb25PYnNlcnZlcjtcblxuICAgIGlmIChcbiAgICAgIGlzRmlyc3RDb2x1bW5TdGlja3kgJiZcbiAgICAgIEludGVyc2VjdGlvbk9ic2VydmVyICYmXG4gICAgICBjb250YWluZXJSZWYgJiZcbiAgICAgIGNvbnRhaW5lclJlZi5jdXJyZW50ICYmXG4gICAgICB0YWJsZVJlZi5jdXJyZW50XG4gICAgKSB7XG4gICAgICBvYnNlcnZlciA9IG5ldyBJbnRlcnNlY3Rpb25PYnNlcnZlcihcbiAgICAgICAgKGVudHJpZXMpID0+IHtcbiAgICAgICAgICBlbnRyaWVzLmZvckVhY2goKGVudHJ5KSA9PiB7XG4gICAgICAgICAgICBzZXRJc1Njcm9sbGVkKCFlbnRyeS5pc0ludGVyc2VjdGluZyk7XG4gICAgICAgICAgfSk7XG4gICAgICAgIH0sXG4gICAgICAgIHtcbiAgICAgICAgICByb290OiBjb250YWluZXJSZWYuY3VycmVudCxcbiAgICAgICAgICB0aHJlc2hvbGQ6IDEsXG4gICAgICAgIH1cbiAgICAgICk7XG5cbiAgICAgIG9ic2VydmVyLm9ic2VydmUodGFibGVSZWYuY3VycmVudCk7XG4gICAgfVxuXG4gICAgcmV0dXJuICgpID0+IHtcbiAgICAgIGlmIChvYnNlcnZlcikge1xuICAgICAgICBvYnNlcnZlci5kaXNjb25uZWN0KCk7XG4gICAgICB9XG4gICAgfTtcbiAgfSwgW2lzRmlyc3RDb2x1bW5TdGlja3ldKTtcblxuICBjb25zdCBmb290ZXJFbG0gPSBmb290ZXIgPyAoXG4gICAgPFRhYmxlRm9vdGVyIGNvbHVtbnM9e2NvbHVtbnN9Pntmb290ZXJ9PC9UYWJsZUZvb3Rlcj5cbiAgKSA6IG51bGw7XG5cbiAgcmV0dXJuIChcbiAgICA8Q29udGFpbmVyIGVsZXZhdGlvbj17MX0+XG4gICAgICA8VGFibGVDb250YWluZXIgcmVmPXtjb250YWluZXJSZWZ9PlxuICAgICAgICA8U3R5bGVkVGFibGUgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH0gcmVmPXt0YWJsZVJlZn0+XG4gICAgICAgICAgPFRhYmxlSGVhZGVyXG4gICAgICAgICAgICBjb2x1bW5zPXtjb2x1bW5zfVxuICAgICAgICAgICAgaXNUYWJsZVNjcm9sbGVkPXtpc1Njcm9sbGVkfVxuICAgICAgICAgICAgY3VycmVudGx5U29ydGVkQnlDb2x1bW49e2N1cnJlbnRseVNvcnRlZEJ5Q29sdW1ufVxuICAgICAgICAgICAgb25Tb3J0PXtvblNvcnR9XG4gICAgICAgICAgLz5cbiAgICAgICAgICA8VGFibGVCb2R5XG4gICAgICAgICAgICBjb2x1bW5zPXtjb2x1bW5zfVxuICAgICAgICAgICAgcm93cz17cm93c31cbiAgICAgICAgICAgIGlzVGFibGVTY3JvbGxlZD17aXNTY3JvbGxlZH1cbiAgICAgICAgICAvPlxuICAgICAgICAgIHtmb290ZXJFbG19XG4gICAgICAgIDwvU3R5bGVkVGFibGU+XG4gICAgICA8L1RhYmxlQ29udGFpbmVyPlxuICAgIDwvQ29udGFpbmVyPlxuICApO1xufTtcblxuZXhwb3J0IHsgRGF0YVRhYmxlIH07XG4iXX0= */");
+const DataTable = _ref2 => {
+  let {
+    columns,
+    rows,
+    footer,
+    currentlySortedByColumn,
+    isFirstColumnSticky = true,
+    "data-e2e-test-id": dataE2eTestId,
+    onSort
+  } = _ref2;
+  const [isScrolled, setIsScrolled] = useState(false);
+  const tableRef = useRef(null);
+  const containerRef = useRef(null);
+  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.createElement(TableFooter, {
+    columns: columns
+  }, footer) : null;
+  return /*#__PURE__*/React.createElement(Container, {
+    elevation: 1
+  }, /*#__PURE__*/React.createElement(TableContainer, {
+    ref: containerRef
+  }, /*#__PURE__*/React.createElement(StyledTable, {
+    "data-e2e-test-id": dataE2eTestId,
+    ref: tableRef
+  }, /*#__PURE__*/React.createElement(TableHeader, {
+    columns: columns,
+    isTableScrolled: isScrolled,
+    currentlySortedByColumn: currentlySortedByColumn,
+    onSort: onSort
+  }), /*#__PURE__*/React.createElement(TableBody, {
+    columns: columns,
+    rows: rows,
+    isTableScrolled: isScrolled
+  }), footerElm)));
+};
+
+export { DataTable };
+//# sourceMappingURL=DataTable.js.map

package/build/esm/src/components/DataTable/DataTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTable.js","sources":["../../../../../src/components/DataTable/DataTable.tsx"],"sourcesContent":["import React, { FunctionComponent, useEffect, useState, useRef } from \"react\";\nimport styled from \"@emotion/styled\";\nimport TableBody from \"./TableBody\";\nimport TableHeader from \"./TableHeader\";\nimport { Container } from \"../Container/Container\";\nimport type { DataTableColumn, DataTableRow, SortDirection } from \"./types\";\nimport TableFooter from \"./TableFooter\";\n\nexport { DataTableColumn, DataTableRow, SortDirection };\n\nexport type DataTableProps = {\n  /** CSS table layout.\n   * @default auto\n   */\n  layout?: \"auto\" | \"fixed\";\n\n  /** Table width\n   * @default 100%\n   */\n  width?: string;\n\n  /** Footer element */\n  footer?: React.ReactNode;\n\n  /**\n   * Meta data for columns\n   * @param DataTableColumn[].name - Column name\n   * @param DataTableColumn[].label - Column label for display\n   * @param DataTableColumn[].align - Align cell content, 'left' | 'right' | 'center'\n   * @param DataTableColumn[].width - Column width\n   * @param DataTableColumn[].cellAs - Component to render custom cell content.\n   * @param DataTableColumn[].isSortable - Is table sortable by column\n   * @param DataTableColumn[].sortDirection - Sorted as 'asc' | 'desc'\n   *\n   */\n  columns: DataTableColumn[];\n\n  /**\n   * Table content as an array of objects with values for each column\n   */\n  rows?: DataTableRow[];\n\n  /**\n   * Is loading data. You can display custom loading content with children prop.\n   * @default false\n   */\n  isLoading?: boolean;\n\n  /** Is empty or in error state. You can display custom empty/error content with children prop.\n   * @default false\n   */\n  isEmpty?: boolean;\n\n  /**\n   * Is first column sticky on scroll\n   * @default true\n   */\n  isFirstColumnSticky?: boolean;\n  \"data-e2e-test-id\"?: string;\n\n  /**  Column most recently used to sort data */\n  currentlySortedByColumn?: string;\n  /**\n   * Callback to handle sorting by column\n   */\n  onSort?: (columnName: string, desiredSortDirection: SortDirection) => void;\n};\n\nconst TableContainer = styled.div({\n  overflow: \"auto\",\n});\n\ntype StyledTableProps = Pick<DataTableProps, \"layout\" | \"width\">;\n\nconst StyledTable = styled.table<StyledTableProps>(\n  ({ layout = \"auto\", width = \"100%\" }) => ({\n    borderSpacing: 0,\n    tableLayout: layout,\n    width,\n  })\n);\n\nconst DataTable: FunctionComponent<DataTableProps> = ({\n  columns,\n  rows,\n  footer,\n  currentlySortedByColumn,\n  isFirstColumnSticky = true,\n  \"data-e2e-test-id\": dataE2eTestId,\n  onSort,\n}) => {\n  const [isScrolled, setIsScrolled] = useState(false);\n  const tableRef = useRef<HTMLTableElement>(null);\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    let observer: IntersectionObserver;\n\n    if (\n      isFirstColumnSticky &&\n      IntersectionObserver &&\n      containerRef &&\n      containerRef.current &&\n      tableRef.current\n    ) {\n      observer = new IntersectionObserver(\n        (entries) => {\n          entries.forEach((entry) => {\n            setIsScrolled(!entry.isIntersecting);\n          });\n        },\n        {\n          root: containerRef.current,\n          threshold: 1,\n        }\n      );\n\n      observer.observe(tableRef.current);\n    }\n\n    return () => {\n      if (observer) {\n        observer.disconnect();\n      }\n    };\n  }, [isFirstColumnSticky]);\n\n  const footerElm = footer ? (\n    <TableFooter columns={columns}>{footer}</TableFooter>\n  ) : null;\n\n  return (\n    <Container elevation={1}>\n      <TableContainer ref={containerRef}>\n        <StyledTable data-e2e-test-id={dataE2eTestId} ref={tableRef}>\n          <TableHeader\n            columns={columns}\n            isTableScrolled={isScrolled}\n            currentlySortedByColumn={currentlySortedByColumn}\n            onSort={onSort}\n          />\n          <TableBody\n            columns={columns}\n            rows={rows}\n            isTableScrolled={isScrolled}\n          />\n          {footerElm}\n        </StyledTable>\n      </TableContainer>\n    </Container>\n  );\n};\n\nexport { DataTable };\n"],"names":["TableContainer","_styled","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledTable","_ref","layout","width","borderSpacing","tableLayout","DataTable","_ref2","columns","rows","footer","currentlySortedByColumn","isFirstColumnSticky","dataE2eTestId","onSort","isScrolled","setIsScrolled","useState","tableRef","useRef","containerRef","useEffect","observer","IntersectionObserver","current","entries","forEach","entry","isIntersecting","root","threshold","observe","disconnect","footerElm","React","createElement","TableFooter","Container","elevation","ref","TableHeader","isTableScrolled","TableBody"],"mappings":"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"}

package/build/esm/src/components/DataTable/TableBody.d.ts

@@ -0,0 +1,8 @@
+import { FunctionComponent } from "react";
+import type { DataTableProps } from "./DataTable";
+export declare type TableBodyProps = {
+    className?: string;
+    isTableScrolled: boolean;
+} & Pick<DataTableProps, "columns" | "rows">;
+declare const TableBody: FunctionComponent<TableBodyProps>;
+export default TableBody;

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

@@ -0,0 +1,80 @@
+import _styled from '@emotion/styled/base';
+import React from 'react';
+import TableCell from './TableCell.js';
+import { Text } from '../Typography/Text/Text.js';
+
+const StyledTr = /*#__PURE__*/_styled("tr", process.env.NODE_ENV === "production" ? {
+  target: "e1q8il1q1"
+} : {
+  target: "e1q8il1q1",
+  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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhYmxlQm9keS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBWWlCIiwiZmlsZSI6IlRhYmxlQm9keS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgRnVuY3Rpb25Db21wb25lbnQgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHR5cGUgeyBEYXRhVGFibGVDb2x1bW4gfSBmcm9tIFwiLi90eXBlc1wiO1xuaW1wb3J0IFRhYmxlQ2VsbCwgeyBUYWJsZUNlbGxQcm9wcyB9IGZyb20gXCIuL1RhYmxlQ2VsbFwiO1xuaW1wb3J0IHsgVGV4dCB9IGZyb20gXCIuLi9UeXBvZ3JhcGh5L1RleHQvVGV4dFwiO1xuaW1wb3J0IHR5cGUgeyBEYXRhVGFibGVQcm9wcyB9IGZyb20gXCIuL0RhdGFUYWJsZVwiO1xuXG5leHBvcnQgdHlwZSBUYWJsZUJvZHlQcm9wcyA9IHtcbiAgY2xhc3NOYW1lPzogc3RyaW5nO1xuICBpc1RhYmxlU2Nyb2xsZWQ6IGJvb2xlYW47XG59ICYgUGljazxEYXRhVGFibGVQcm9wcywgXCJjb2x1bW5zXCIgfCBcInJvd3NcIj47XG5cbmNvbnN0IFN0eWxlZFRyID0gc3R5bGVkLnRyKCh7IHRoZW1lIH0pID0+ICh7XG4gIFwiJjpob3ZlclwiOiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC50YWJzLmhlYWRlcixcbiAgfSxcblxuICBcIiY6bGFzdC1vZi10eXBlXCI6IHtcbiAgICBcIiYgdGRcIjoge1xuICAgICAgYm9yZGVyQm90dG9tOiBcIm5vbmVcIixcbiAgICB9LFxuXG4gICAgXCImIHRkOmZpcnN0LW9mLXR5cGVcIjoge1xuICAgICAgYm9yZGVyQm90dG9tTGVmdFJhZGl1czogdGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLmNhcmQubSxcbiAgICB9LFxuXG4gICAgXCImIHRkOmxhc3Qtb2YtdHlwZVwiOiB7XG4gICAgICBib3JkZXJCb3R0b21SaWdodFJhZGl1czogdGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLmNhcmQubSxcbiAgICB9LFxuICB9LFxufSkpO1xuXG50eXBlIFN0eWxlZFRkUHJvcHMgPSBQaWNrPERhdGFUYWJsZUNvbHVtbiwgXCJhbGlnblwiPiAmIFRhYmxlQ2VsbFByb3BzO1xuXG5jb25zdCBTdHlsZWRUZCA9IHN0eWxlZChUYWJsZUNlbGwpPFN0eWxlZFRkUHJvcHM+KFxuICAoeyB0aGVtZSwgYWxpZ24gPSBcImxlZnRcIiB9KSA9PiAoe1xuICAgIHBhZGRpbmc6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubSxcbiAgICB0ZXh0QWxpZ246IGFsaWduLFxuICAgIGJvcmRlckJvdHRvbTogYDFweCBzb2xpZCAke3RoZW1lLnZhbHVlcy5jb2xvci5kaXZpZGVyLnByaW1hcnl9YCxcbiAgfSlcbik7XG5cbmNvbnN0IFRhYmxlQm9keTogRnVuY3Rpb25Db21wb25lbnQ8VGFibGVCb2R5UHJvcHM+ID0gKHtcbiAgY2xhc3NOYW1lLFxuICBjb2x1bW5zLFxuICByb3dzID0gW10sXG4gIGlzVGFibGVTY3JvbGxlZCxcbn0pID0+IHtcbiAgY29uc3Qgcm93RWxlbWVudHMgPSByb3dzLm1hcCgocm93KSA9PiAoXG4gICAgPFN0eWxlZFRyIGtleT17cm93LmlkfT5cbiAgICAgIHtjb2x1bW5zLm1hcCgoeyBuYW1lLCBhbGlnbiwgcmVuZGVyQ2VsbCB9KSA9PiB7XG4gICAgICAgIGNvbnN0IGNvbnRlbnQgPSByZW5kZXJDZWxsID8gKFxuICAgICAgICAgIHJlbmRlckNlbGwocm93KVxuICAgICAgICApIDogKFxuICAgICAgICAgIDxUZXh0IHNpemU9XCJzXCIgYWxpZ249e2FsaWdufT5cbiAgICAgICAgICAgIHtyb3dbbmFtZV0gPyByb3dbbmFtZV0gOiBcIi0tXCJ9XG4gICAgICAgICAgPC9UZXh0PlxuICAgICAgICApO1xuXG4gICAgICAgIHJldHVybiAoXG4gICAgICAgICAgPFN0eWxlZFRkIGtleT17bmFtZX0gYWxpZ249e2FsaWdufSBpc1RhYmxlU2Nyb2xsZWQ9e2lzVGFibGVTY3JvbGxlZH0+XG4gICAgICAgICAgICB7Y29udGVudH1cbiAgICAgICAgICA8L1N0eWxlZFRkPlxuICAgICAgICApO1xuICAgICAgfSl9XG4gICAgPC9TdHlsZWRUcj5cbiAgKSk7XG5cbiAgcmV0dXJuIDx0Ym9keSBjbGFzc05hbWU9e2NsYXNzTmFtZX0+e3Jvd0VsZW1lbnRzfTwvdGJvZHk+O1xufTtcblxuZXhwb3J0IGRlZmF1bHQgVGFibGVCb2R5O1xuIl19 */");
+const StyledTd = /*#__PURE__*/_styled(TableCell, process.env.NODE_ENV === "production" ? {
+  target: "e1q8il1q0"
+} : {
+  target: "e1q8il1q0",
+  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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhYmxlQm9keS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0NpQiIsImZpbGUiOiJUYWJsZUJvZHkudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IEZ1bmN0aW9uQ29tcG9uZW50IH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB0eXBlIHsgRGF0YVRhYmxlQ29sdW1uIH0gZnJvbSBcIi4vdHlwZXNcIjtcbmltcG9ydCBUYWJsZUNlbGwsIHsgVGFibGVDZWxsUHJvcHMgfSBmcm9tIFwiLi9UYWJsZUNlbGxcIjtcbmltcG9ydCB7IFRleHQgfSBmcm9tIFwiLi4vVHlwb2dyYXBoeS9UZXh0L1RleHRcIjtcbmltcG9ydCB0eXBlIHsgRGF0YVRhYmxlUHJvcHMgfSBmcm9tIFwiLi9EYXRhVGFibGVcIjtcblxuZXhwb3J0IHR5cGUgVGFibGVCb2R5UHJvcHMgPSB7XG4gIGNsYXNzTmFtZT86IHN0cmluZztcbiAgaXNUYWJsZVNjcm9sbGVkOiBib29sZWFuO1xufSAmIFBpY2s8RGF0YVRhYmxlUHJvcHMsIFwiY29sdW1uc1wiIHwgXCJyb3dzXCI+O1xuXG5jb25zdCBTdHlsZWRUciA9IHN0eWxlZC50cigoeyB0aGVtZSB9KSA9PiAoe1xuICBcIiY6aG92ZXJcIjoge1xuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQudGFicy5oZWFkZXIsXG4gIH0sXG5cbiAgXCImOmxhc3Qtb2YtdHlwZVwiOiB7XG4gICAgXCImIHRkXCI6IHtcbiAgICAgIGJvcmRlckJvdHRvbTogXCJub25lXCIsXG4gICAgfSxcblxuICAgIFwiJiB0ZDpmaXJzdC1vZi10eXBlXCI6IHtcbiAgICAgIGJvcmRlckJvdHRvbUxlZnRSYWRpdXM6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmJvcmRlclJhZGl1cy5jYXJkLm0sXG4gICAgfSxcblxuICAgIFwiJiB0ZDpsYXN0LW9mLXR5cGVcIjoge1xuICAgICAgYm9yZGVyQm90dG9tUmlnaHRSYWRpdXM6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmJvcmRlclJhZGl1cy5jYXJkLm0sXG4gICAgfSxcbiAgfSxcbn0pKTtcblxudHlwZSBTdHlsZWRUZFByb3BzID0gUGljazxEYXRhVGFibGVDb2x1bW4sIFwiYWxpZ25cIj4gJiBUYWJsZUNlbGxQcm9wcztcblxuY29uc3QgU3R5bGVkVGQgPSBzdHlsZWQoVGFibGVDZWxsKTxTdHlsZWRUZFByb3BzPihcbiAgKHsgdGhlbWUsIGFsaWduID0gXCJsZWZ0XCIgfSkgPT4gKHtcbiAgICBwYWRkaW5nOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLm0sXG4gICAgdGV4dEFsaWduOiBhbGlnbixcbiAgICBib3JkZXJCb3R0b206IGAxcHggc29saWQgJHt0aGVtZS52YWx1ZXMuY29sb3IuZGl2aWRlci5wcmltYXJ5fWAsXG4gIH0pXG4pO1xuXG5jb25zdCBUYWJsZUJvZHk6IEZ1bmN0aW9uQ29tcG9uZW50PFRhYmxlQm9keVByb3BzPiA9ICh7XG4gIGNsYXNzTmFtZSxcbiAgY29sdW1ucyxcbiAgcm93cyA9IFtdLFxuICBpc1RhYmxlU2Nyb2xsZWQsXG59KSA9PiB7XG4gIGNvbnN0IHJvd0VsZW1lbnRzID0gcm93cy5tYXAoKHJvdykgPT4gKFxuICAgIDxTdHlsZWRUciBrZXk9e3Jvdy5pZH0+XG4gICAgICB7Y29sdW1ucy5tYXAoKHsgbmFtZSwgYWxpZ24sIHJlbmRlckNlbGwgfSkgPT4ge1xuICAgICAgICBjb25zdCBjb250ZW50ID0gcmVuZGVyQ2VsbCA/IChcbiAgICAgICAgICByZW5kZXJDZWxsKHJvdylcbiAgICAgICAgKSA6IChcbiAgICAgICAgICA8VGV4dCBzaXplPVwic1wiIGFsaWduPXthbGlnbn0+XG4gICAgICAgICAgICB7cm93W25hbWVdID8gcm93W25hbWVdIDogXCItLVwifVxuICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgKTtcblxuICAgICAgICByZXR1cm4gKFxuICAgICAgICAgIDxTdHlsZWRUZCBrZXk9e25hbWV9IGFsaWduPXthbGlnbn0gaXNUYWJsZVNjcm9sbGVkPXtpc1RhYmxlU2Nyb2xsZWR9PlxuICAgICAgICAgICAge2NvbnRlbnR9XG4gICAgICAgICAgPC9TdHlsZWRUZD5cbiAgICAgICAgKTtcbiAgICAgIH0pfVxuICAgIDwvU3R5bGVkVHI+XG4gICkpO1xuXG4gIHJldHVybiA8dGJvZHkgY2xhc3NOYW1lPXtjbGFzc05hbWV9Pntyb3dFbGVtZW50c308L3Rib2R5Pjtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IFRhYmxlQm9keTtcbiJdfQ== */");
+const TableBody = _ref3 => {
+  let {
+    className,
+    columns,
+    rows = [],
+    isTableScrolled
+  } = _ref3;
+  const rowElements = rows.map(row => /*#__PURE__*/React.createElement(StyledTr, {
+    key: row.id
+  }, columns.map(_ref4 => {
+    let {
+      name,
+      align,
+      renderCell
+    } = _ref4;
+    const content = renderCell ? renderCell(row) : /*#__PURE__*/React.createElement(Text, {
+      size: "s",
+      align: align
+    }, row[name] ? row[name] : "--");
+    return /*#__PURE__*/React.createElement(StyledTd, {
+      key: name,
+      align: align,
+      isTableScrolled: isTableScrolled
+    }, content);
+  })));
+  return /*#__PURE__*/React.createElement("tbody", {
+    className: className
+  }, rowElements);
+};
+var TableBody$1 = TableBody;
+
+export { TableBody$1 as default };
+//# sourceMappingURL=TableBody.js.map

package/build/esm/src/components/DataTable/TableBody.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableBody.js","sources":["../../../../../src/components/DataTable/TableBody.tsx"],"sourcesContent":["import React, { FunctionComponent } from \"react\";\nimport styled from \"@emotion/styled\";\nimport type { DataTableColumn } from \"./types\";\nimport TableCell, { TableCellProps } from \"./TableCell\";\nimport { Text } from \"../Typography/Text/Text\";\nimport type { DataTableProps } from \"./DataTable\";\n\nexport type TableBodyProps = {\n  className?: string;\n  isTableScrolled: boolean;\n} & Pick<DataTableProps, \"columns\" | \"rows\">;\n\nconst StyledTr = styled.tr(({ theme }) => ({\n  \"&:hover\": {\n    backgroundColor: theme.values.color.background.tabs.header,\n  },\n\n  \"&:last-of-type\": {\n    \"& td\": {\n      borderBottom: \"none\",\n    },\n\n    \"& td:first-of-type\": {\n      borderBottomLeftRadius: theme.variables.size.borderRadius.card.m,\n    },\n\n    \"& td:last-of-type\": {\n      borderBottomRightRadius: theme.variables.size.borderRadius.card.m,\n    },\n  },\n}));\n\ntype StyledTdProps = Pick<DataTableColumn, \"align\"> & TableCellProps;\n\nconst StyledTd = styled(TableCell)<StyledTdProps>(\n  ({ theme, align = \"left\" }) => ({\n    padding: theme.variables.size.spacing.m,\n    textAlign: align,\n    borderBottom: `1px solid ${theme.values.color.divider.primary}`,\n  })\n);\n\nconst TableBody: FunctionComponent<TableBodyProps> = ({\n  className,\n  columns,\n  rows = [],\n  isTableScrolled,\n}) => {\n  const rowElements = rows.map((row) => (\n    <StyledTr key={row.id}>\n      {columns.map(({ name, align, renderCell }) => {\n        const content = renderCell ? (\n          renderCell(row)\n        ) : (\n          <Text size=\"s\" align={align}>\n            {row[name] ? row[name] : \"--\"}\n          </Text>\n        );\n\n        return (\n          <StyledTd key={name} align={align} isTableScrolled={isTableScrolled}>\n            {content}\n          </StyledTd>\n        );\n      })}\n    </StyledTr>\n  ));\n\n  return <tbody className={className}>{rowElements}</tbody>;\n};\n\nexport default TableBody;\n"],"names":["StyledTr","_styled","process","env","NODE_ENV","target","label","_ref","theme","backgroundColor","values","color","background","tabs","header","borderBottom","borderBottomLeftRadius","variables","size","borderRadius","card","m","borderBottomRightRadius","StyledTd","TableCell","_ref2","align","padding","spacing","textAlign","divider","primary","TableBody","_ref3","className","columns","rows","isTableScrolled","rowElements","map","row","React","createElement","key","id","_ref4","name","renderCell","content","Text"],"mappings":"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"}

package/build/esm/src/components/DataTable/TableCell.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export declare type TableCellProps = {
+    isTableScrolled: boolean;
+};
+declare const TableCell: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+} & TableCellProps, import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, {}>;
+export default TableCell;

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

@@ -0,0 +1,41 @@
+import _styled from '@emotion/styled/base';
+
+const TableCell = /*#__PURE__*/_styled("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;
+
+export { TableCell$1 as default };
+//# sourceMappingURL=TableCell.js.map

package/build/esm/src/components/DataTable/TableCell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableCell.js","sources":["../../../../../src/components/DataTable/TableCell.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\n\nexport type TableCellProps = {\n  isTableScrolled: boolean;\n};\n\nconst TableCell = styled.td<TableCellProps>(({ theme, isTableScrolled }) => ({\n  ...(isTableScrolled && {\n    \"&:first-of-type\": {\n      position: \"sticky\",\n      left: 0,\n      boxShadow: theme.variables.shadow.card.a,\n\n      \"&:before\": {\n        content: '\" \"',\n        position: \"absolute\",\n        top: 0,\n        left: 0,\n        right: 0,\n        bottom: 0,\n        backgroundColor: theme.values.color.background.layer_1,\n        backgroundClip: \"content-box\",\n        padding: \"0 0 1px 0\",\n        zIndex: -1,\n      },\n\n      \"tr:hover &:before\": {\n        backgroundColor: theme.values.color.background.tabs.header,\n      },\n    },\n  }),\n}));\n\nexport default TableCell;\n"],"names":["TableCell","_styled","process","env","NODE_ENV","target","label","_ref","theme","isTableScrolled","position","left","boxShadow","variables","shadow","card","a","content","top","right","bottom","backgroundColor","values","color","background","layer_1","backgroundClip","padding","zIndex","tabs","header"],"mappings":";;AAMA,MAAMA,SAAS,gBAAGC,OAAA,CAAA,IAAA,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAC,MAAA,EAAA,WAAA;AAAA,CAAA,GAAA;EAAAA,MAAA,EAAA,WAAA;EAAAC,KAAA,EAAA,WAAA;AAAA,CAAA,CAAA,CAA0BC,IAAA,IAAA;EAAA,IAAC;IAAEC,KAAK;AAAEC,IAAAA,eAAAA;AAAgB,GAAC,GAAAF,IAAA,CAAA;EAAA,OAAM;AAC3E,IAAA,IAAIE,eAAe,IAAI;AACrB,MAAA,iBAAiB,EAAE;AACjBC,QAAAA,QAAQ,EAAE,QAAQ;AAClBC,QAAAA,IAAI,EAAE,CAAC;QACPC,SAAS,EAAEJ,KAAK,CAACK,SAAS,CAACC,MAAM,CAACC,IAAI,CAACC,CAAC;AAExC,QAAA,UAAU,EAAE;AACVC,UAAAA,OAAO,EAAE,KAAK;AACdP,UAAAA,QAAQ,EAAE,UAAU;AACpBQ,UAAAA,GAAG,EAAE,CAAC;AACNP,UAAAA,IAAI,EAAE,CAAC;AACPQ,UAAAA,KAAK,EAAE,CAAC;AACRC,UAAAA,MAAM,EAAE,CAAC;UACTC,eAAe,EAAEb,KAAK,CAACc,MAAM,CAACC,KAAK,CAACC,UAAU,CAACC,OAAO;AACtDC,UAAAA,cAAc,EAAE,aAAa;AAC7BC,UAAAA,OAAO,EAAE,WAAW;AACpBC,UAAAA,MAAM,EAAE,CAAC,CAAA;SACV;AAED,QAAA,mBAAmB,EAAE;UACnBP,eAAe,EAAEb,KAAK,CAACc,MAAM,CAACC,KAAK,CAACC,UAAU,CAACK,IAAI,CAACC,MAAAA;AACtD,SAAA;AACF,OAAA;KACD,CAAA;GACF,CAAA;AAAA,CAAC,EAAA5B,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAC,YAAA,GAAA,EAAA,GAAA,yzCAAA,CAAA,CAAA;AAEH,kBAAeJ,SAAS;;;;"}

package/build/esm/src/components/DataTable/TableFooter.d.ts

@@ -0,0 +1,5 @@
+import { FunctionComponent } from "react";
+import type { DataTableProps } from "./DataTable";
+declare type TableFooterProps = Pick<DataTableProps, "columns">;
+declare const TableFooter: FunctionComponent<TableFooterProps>;
+export default TableFooter;

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

@@ -0,0 +1,15 @@
+import React from 'react';
+
+const TableFooter = _ref => {
+  let {
+    children,
+    columns
+  } = _ref;
+  return /*#__PURE__*/React.createElement("tfoot", null, /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", {
+    colSpan: columns.length
+  }, children)));
+};
+var TableFooter$1 = TableFooter;
+
+export { TableFooter$1 as default };
+//# sourceMappingURL=TableFooter.js.map

package/build/esm/src/components/DataTable/TableFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableFooter.js","sources":["../../../../../src/components/DataTable/TableFooter.tsx"],"sourcesContent":["import React, { FunctionComponent } from \"react\";\nimport type { DataTableProps } from \"./DataTable\";\n\ntype TableFooterProps = Pick<DataTableProps, \"columns\">;\n\nconst TableFooter: FunctionComponent<TableFooterProps> = ({\n  children,\n  columns,\n}) => (\n  <tfoot>\n    <tr>\n      <td colSpan={columns.length}>{children}</td>\n    </tr>\n  </tfoot>\n);\n\nexport default TableFooter;\n"],"names":["TableFooter","_ref","children","columns","React","createElement","colSpan","length"],"mappings":";;AAKA,MAAMA,WAAgD,GAAGC,IAAA,IAAA;EAAA,IAAC;IACxDC,QAAQ;AACRC,IAAAA,OAAAA;AACF,GAAC,GAAAF,IAAA,CAAA;EAAA,oBACCG,KAAA,CAAAC,aAAA,CACED,OAAAA,EAAAA,IAAAA,eAAAA,KAAA,CAAAC,aAAA,CAAA,IAAA,EAAA,IAAA,eACED,KAAA,CAAAC,aAAA,CAAA,IAAA,EAAA;IAAIC,OAAO,EAAEH,OAAO,CAACI,MAAAA;GAASL,EAAAA,QAAQ,CAAM,CACzC,CACC,CAAA;AAAA,CACT,CAAA;AAED,oBAAeF,WAAW;;;;"}

package/build/esm/src/components/DataTable/TableHeader.d.ts

@@ -0,0 +1,8 @@
+import { FunctionComponent } from "react";
+import type { DataTableProps } from "./DataTable";
+export declare type TableHeaderProps = {
+    className?: string;
+    isTableScrolled: boolean;
+} & Pick<DataTableProps, "columns" | "rows" | "onSort" | "currentlySortedByColumn">;
+declare const TableHeader: FunctionComponent<TableHeaderProps>;
+export default TableHeader;

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

@@ -0,0 +1,162 @@
+import _styled from '@emotion/styled/base';
+import React, { useState } from 'react';
+import { Text } from '../Typography/Text/Text.js';
+import { Icon } from '../Icon/Icon.js';
+import TableCell from './TableCell.js';
+
+const SORT_DIRECTION_ICON = {
+  asc: "sort-ascending",
+  desc: "sort-descending"
+};
+const SortIcon = /*#__PURE__*/_styled("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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhYmxlSGVhZGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxQmlCIiwiZmlsZSI6IlRhYmxlSGVhZGVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBGdW5jdGlvbkNvbXBvbmVudCwgdXNlU3RhdGUgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHR5cGUgeyBEYXRhVGFibGVDb2x1bW4sIFNvcnREaXJlY3Rpb24gfSBmcm9tIFwiLi90eXBlc1wiO1xuaW1wb3J0IHsgVGV4dCB9IGZyb20gXCIuLi9UeXBvZ3JhcGh5L1RleHQvVGV4dFwiO1xuaW1wb3J0IHsgSWNvbiwgSWNvbk5hbWUgfSBmcm9tIFwiLi4vSWNvbi9JY29uXCI7XG5pbXBvcnQgVGFibGVDZWxsLCB7IFRhYmxlQ2VsbFByb3BzIH0gZnJvbSBcIi4vVGFibGVDZWxsXCI7XG5pbXBvcnQgdHlwZSB7IERhdGFUYWJsZVByb3BzIH0gZnJvbSBcIi4vRGF0YVRhYmxlXCI7XG5cbmV4cG9ydCB0eXBlIFRhYmxlSGVhZGVyUHJvcHMgPSB7XG4gIGNsYXNzTmFtZT86IHN0cmluZztcbiAgaXNUYWJsZVNjcm9sbGVkOiBib29sZWFuO1xufSAmIFBpY2s8XG4gIERhdGFUYWJsZVByb3BzLFxuICBcImNvbHVtbnNcIiB8IFwicm93c1wiIHwgXCJvblNvcnRcIiB8IFwiY3VycmVudGx5U29ydGVkQnlDb2x1bW5cIlxuPjtcblxuY29uc3QgU09SVF9ESVJFQ1RJT05fSUNPTjogUmVjb3JkPFNvcnREaXJlY3Rpb24sIEljb25OYW1lPiA9IHtcbiAgYXNjOiBcInNvcnQtYXNjZW5kaW5nXCIsXG4gIGRlc2M6IFwic29ydC1kZXNjZW5kaW5nXCIsXG59O1xuXG5jb25zdCBTb3J0SWNvbiA9IHN0eWxlZC5zcGFuKCh7IHRoZW1lIH0pID0+ICh7XG4gIG1hcmdpbkxlZnQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHh4cyxcbn0pKTtcblxuY29uc3QgU3R5bGVkSGVhZGVyTGFiZWwgPSBzdHlsZWQoVGV4dCkoKHsgdGhlbWUgfSkgPT4gKHtcbiAgZm9udFdlaWdodDogdGhlbWUudmFyaWFibGVzLndlaWdodC5ib2xkLFxuICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LmhlYWRlci54eHMsXG4gIGxldHRlclNwYWNpbmc6IFwiMC41cHhcIixcbn0pKTtcblxuY29uc3QgU3R5bGVkU29ydGFibGVIZWFkZXIgPSBzdHlsZWQuYnV0dG9uKCh7IHRoZW1lIH0pID0+ICh7XG4gIGFsbDogXCJ1bnNldFwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgY3Vyc29yOiBcInBvaW50ZXJcIixcblxuICBbYCY6aG92ZXIgJHtTdHlsZWRIZWFkZXJMYWJlbH1gXToge1xuICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuaGVhZGVyLnByaW1hcnksXG4gIH0sXG59KSk7XG5cbnR5cGUgU29ydGFibGVIZWFkZXJQcm9wcyA9IFBpY2s8XG4gIFRhYmxlSGVhZGVyUHJvcHMsXG4gIFwib25Tb3J0XCIgfCBcImN1cnJlbnRseVNvcnRlZEJ5Q29sdW1uXCJcbj4gJlxuICBEYXRhVGFibGVDb2x1bW47XG5cbmNvbnN0IFNvcnRhYmxlSGVhZGVyOiBGdW5jdGlvbkNvbXBvbmVudDxTb3J0YWJsZUhlYWRlclByb3BzPiA9ICh7XG4gIG5hbWUsXG4gIGxhYmVsLFxuICBhbGlnbixcbiAgc29ydERpcmVjdGlvbiA9IFwiYXNjXCIsXG4gIGN1cnJlbnRseVNvcnRlZEJ5Q29sdW1uLFxuICBvblNvcnQsXG59KSA9PiB7XG4gIGNvbnN0IFtob3ZlcmVkLCBzZXRIb3ZlcmVkXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgY29uc3QgZGVzaXJlZFNvcnREaXJlY3Rpb24gPSBzb3J0RGlyZWN0aW9uID09PSBcImFzY1wiID8gXCJkZXNjXCIgOiBcImFzY1wiO1xuXG4gIGNvbnN0IGhhbmRsZUNsaWNrOiBSZWFjdC5Nb3VzZUV2ZW50SGFuZGxlciA9ICgpID0+IHtcbiAgICBzZXRIb3ZlcmVkKGZhbHNlKTtcbiAgICBpZiAob25Tb3J0KSB7XG4gICAgICBvblNvcnQobmFtZSwgZGVzaXJlZFNvcnREaXJlY3Rpb24pO1xuICAgIH1cbiAgfTtcblxuICBsZXQgaWNvbk5hbWU6IEljb25OYW1lID0gXCJzb3J0LW5ldXRyYWxcIjtcblxuICBpZiAobmFtZSA9PT0gY3VycmVudGx5U29ydGVkQnlDb2x1bW4pIHtcbiAgICBpY29uTmFtZSA9IFNPUlRfRElSRUNUSU9OX0lDT05bc29ydERpcmVjdGlvbl07XG4gIH1cbiAgaWYgKGhvdmVyZWQpIHtcbiAgICBpY29uTmFtZSA9IFNPUlRfRElSRUNUSU9OX0lDT05bZGVzaXJlZFNvcnREaXJlY3Rpb25dO1xuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkU29ydGFibGVIZWFkZXJcbiAgICAgIG9uQ2xpY2s9e2hhbmRsZUNsaWNrfVxuICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICBvblBvaW50ZXJFbnRlcj17KCkgPT4gc2V0SG92ZXJlZCh0cnVlKX1cbiAgICAgIG9uUG9pbnRlckxlYXZlPXsoKSA9PiBzZXRIb3ZlcmVkKGZhbHNlKX1cbiAgICA+XG4gICAgICA8U3R5bGVkSGVhZGVyTGFiZWxcbiAgICAgICAgYXM9XCJzcGFuXCJcbiAgICAgICAgc2l6ZT1cInhzXCJcbiAgICAgICAgdHJhbnNmb3JtPVwidXBwZXJjYXNlXCJcbiAgICAgICAgYWxpZ249e2FsaWdufVxuICAgICAgICB2YXJpYW50PVwidGVydGlhcnlcIlxuICAgICAgPlxuICAgICAgICB7bGFiZWx9XG4gICAgICAgIDxTb3J0SWNvbj5cbiAgICAgICAgICA8SWNvbiBzaXplPVwic1wiIG5hbWU9e2ljb25OYW1lfSBpbmxpbmUgLz5cbiAgICAgICAgPC9Tb3J0SWNvbj5cbiAgICAgIDwvU3R5bGVkSGVhZGVyTGFiZWw+XG4gICAgPC9TdHlsZWRTb3J0YWJsZUhlYWRlcj5cbiAgKTtcbn07XG5cbnR5cGUgU3R5bGVkVGhQcm9wcyA9IFBpY2s8RGF0YVRhYmxlQ29sdW1uLCBcImFsaWduXCIgfCBcIndpZHRoXCI+ICYgVGFibGVDZWxsUHJvcHM7XG5cbmNvbnN0IFN0eWxlZFRoID0gc3R5bGVkKFRhYmxlQ2VsbCk8U3R5bGVkVGhQcm9wcz4oXG4gICh7IHRoZW1lLCBhbGlnbiA9IFwibGVmdFwiLCB3aWR0aCA9IFwiYXV0b1wiIH0pID0+ICh7XG4gICAgcGFkZGluZzogYCR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5zfSAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubX1gLFxuICAgIHRleHRBbGlnbjogYWxpZ24sXG4gICAgYm9yZGVyQm90dG9tOiBgMXB4IHNvbGlkICR7dGhlbWUudmFsdWVzLmNvbG9yLmRpdmlkZXIucHJpbWFyeX1gLFxuICAgIHdpZHRoLFxuICAgIHdoaXRlU3BhY2U6IFwibm93cmFwXCIsXG4gIH0pXG4pO1xuXG5jb25zdCBUYWJsZUhlYWRlcjogRnVuY3Rpb25Db21wb25lbnQ8VGFibGVIZWFkZXJQcm9wcz4gPSAoe1xuICBjbGFzc05hbWUsXG4gIGNvbHVtbnMsXG4gIGlzVGFibGVTY3JvbGxlZCxcbiAgY3VycmVudGx5U29ydGVkQnlDb2x1bW4sXG4gIG9uU29ydCxcbn0pID0+IHtcbiAgY29uc3QgY29sdW1uRWxlbWVudHMgPSBjb2x1bW5zLm1hcCgoY29sdW1uKSA9PiB7XG4gICAgY29uc3QgeyBpc1NvcnRhYmxlLCBsYWJlbCwgYWxpZ24sIHdpZHRoLCBuYW1lLCBzb3J0RGlyZWN0aW9uIH0gPSBjb2x1bW47XG4gICAgY29uc3QgaGVhZGVyRWxtID0gaXNTb3J0YWJsZSA/IChcbiAgICAgIDxTb3J0YWJsZUhlYWRlclxuICAgICAgICBvblNvcnQ9e29uU29ydH1cbiAgICAgICAgbmFtZT17bmFtZX1cbiAgICAgICAgbGFiZWw9e2xhYmVsfVxuICAgICAgICBzb3J0RGlyZWN0aW9uPXtzb3J0RGlyZWN0aW9ufVxuICAgICAgICBjdXJyZW50bHlTb3J0ZWRCeUNvbHVtbj17Y3VycmVudGx5U29ydGVkQnlDb2x1bW59XG4gICAgICAvPlxuICAgICkgOiAoXG4gICAgICA8U3R5bGVkSGVhZGVyTGFiZWxcbiAgICAgICAgc2l6ZT1cInhzXCJcbiAgICAgICAgdHJhbnNmb3JtPVwidXBwZXJjYXNlXCJcbiAgICAgICAgYWxpZ249e2FsaWdufVxuICAgICAgICB2YXJpYW50PVwidGVydGlhcnlcIlxuICAgICAgPlxuICAgICAgICB7bGFiZWx9XG4gICAgICA8L1N0eWxlZEhlYWRlckxhYmVsPlxuICAgICk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPFN0eWxlZFRoXG4gICAgICAgIGFzPVwidGhcIlxuICAgICAgICBhbGlnbj17YWxpZ259XG4gICAgICAgIHdpZHRoPXt3aWR0aH1cbiAgICAgICAga2V5PXtuYW1lfVxuICAgICAgICBpc1RhYmxlU2Nyb2xsZWQ9e2lzVGFibGVTY3JvbGxlZH1cbiAgICAgID5cbiAgICAgICAge2hlYWRlckVsbX1cbiAgICAgIDwvU3R5bGVkVGg+XG4gICAgKTtcbiAgfSk7XG5cbiAgcmV0dXJuIChcbiAgICA8dGhlYWQgY2xhc3NOYW1lPXtjbGFzc05hbWV9PlxuICAgICAgPHRyPntjb2x1bW5FbGVtZW50c308L3RyPlxuICAgIDwvdGhlYWQ+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBUYWJsZUhlYWRlcjtcbiJdfQ== */");
+const StyledHeaderLabel = /*#__PURE__*/_styled(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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhYmxlSGVhZGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5QjBCIiwiZmlsZSI6IlRhYmxlSGVhZGVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBGdW5jdGlvbkNvbXBvbmVudCwgdXNlU3RhdGUgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHR5cGUgeyBEYXRhVGFibGVDb2x1bW4sIFNvcnREaXJlY3Rpb24gfSBmcm9tIFwiLi90eXBlc1wiO1xuaW1wb3J0IHsgVGV4dCB9IGZyb20gXCIuLi9UeXBvZ3JhcGh5L1RleHQvVGV4dFwiO1xuaW1wb3J0IHsgSWNvbiwgSWNvbk5hbWUgfSBmcm9tIFwiLi4vSWNvbi9JY29uXCI7XG5pbXBvcnQgVGFibGVDZWxsLCB7IFRhYmxlQ2VsbFByb3BzIH0gZnJvbSBcIi4vVGFibGVDZWxsXCI7XG5pbXBvcnQgdHlwZSB7IERhdGFUYWJsZVByb3BzIH0gZnJvbSBcIi4vRGF0YVRhYmxlXCI7XG5cbmV4cG9ydCB0eXBlIFRhYmxlSGVhZGVyUHJvcHMgPSB7XG4gIGNsYXNzTmFtZT86IHN0cmluZztcbiAgaXNUYWJsZVNjcm9sbGVkOiBib29sZWFuO1xufSAmIFBpY2s8XG4gIERhdGFUYWJsZVByb3BzLFxuICBcImNvbHVtbnNcIiB8IFwicm93c1wiIHwgXCJvblNvcnRcIiB8IFwiY3VycmVudGx5U29ydGVkQnlDb2x1bW5cIlxuPjtcblxuY29uc3QgU09SVF9ESVJFQ1RJT05fSUNPTjogUmVjb3JkPFNvcnREaXJlY3Rpb24sIEljb25OYW1lPiA9IHtcbiAgYXNjOiBcInNvcnQtYXNjZW5kaW5nXCIsXG4gIGRlc2M6IFwic29ydC1kZXNjZW5kaW5nXCIsXG59O1xuXG5jb25zdCBTb3J0SWNvbiA9IHN0eWxlZC5zcGFuKCh7IHRoZW1lIH0pID0+ICh7XG4gIG1hcmdpbkxlZnQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHh4cyxcbn0pKTtcblxuY29uc3QgU3R5bGVkSGVhZGVyTGFiZWwgPSBzdHlsZWQoVGV4dCkoKHsgdGhlbWUgfSkgPT4gKHtcbiAgZm9udFdlaWdodDogdGhlbWUudmFyaWFibGVzLndlaWdodC5ib2xkLFxuICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LmhlYWRlci54eHMsXG4gIGxldHRlclNwYWNpbmc6IFwiMC41cHhcIixcbn0pKTtcblxuY29uc3QgU3R5bGVkU29ydGFibGVIZWFkZXIgPSBzdHlsZWQuYnV0dG9uKCh7IHRoZW1lIH0pID0+ICh7XG4gIGFsbDogXCJ1bnNldFwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgY3Vyc29yOiBcInBvaW50ZXJcIixcblxuICBbYCY6aG92ZXIgJHtTdHlsZWRIZWFkZXJMYWJlbH1gXToge1xuICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuaGVhZGVyLnByaW1hcnksXG4gIH0sXG59KSk7XG5cbnR5cGUgU29ydGFibGVIZWFkZXJQcm9wcyA9IFBpY2s8XG4gIFRhYmxlSGVhZGVyUHJvcHMsXG4gIFwib25Tb3J0XCIgfCBcImN1cnJlbnRseVNvcnRlZEJ5Q29sdW1uXCJcbj4gJlxuICBEYXRhVGFibGVDb2x1bW47XG5cbmNvbnN0IFNvcnRhYmxlSGVhZGVyOiBGdW5jdGlvbkNvbXBvbmVudDxTb3J0YWJsZUhlYWRlclByb3BzPiA9ICh7XG4gIG5hbWUsXG4gIGxhYmVsLFxuICBhbGlnbixcbiAgc29ydERpcmVjdGlvbiA9IFwiYXNjXCIsXG4gIGN1cnJlbnRseVNvcnRlZEJ5Q29sdW1uLFxuICBvblNvcnQsXG59KSA9PiB7XG4gIGNvbnN0IFtob3ZlcmVkLCBzZXRIb3ZlcmVkXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgY29uc3QgZGVzaXJlZFNvcnREaXJlY3Rpb24gPSBzb3J0RGlyZWN0aW9uID09PSBcImFzY1wiID8gXCJkZXNjXCIgOiBcImFzY1wiO1xuXG4gIGNvbnN0IGhhbmRsZUNsaWNrOiBSZWFjdC5Nb3VzZUV2ZW50SGFuZGxlciA9ICgpID0+IHtcbiAgICBzZXRIb3ZlcmVkKGZhbHNlKTtcbiAgICBpZiAob25Tb3J0KSB7XG4gICAgICBvblNvcnQobmFtZSwgZGVzaXJlZFNvcnREaXJlY3Rpb24pO1xuICAgIH1cbiAgfTtcblxuICBsZXQgaWNvbk5hbWU6IEljb25OYW1lID0gXCJzb3J0LW5ldXRyYWxcIjtcblxuICBpZiAobmFtZSA9PT0gY3VycmVudGx5U29ydGVkQnlDb2x1bW4pIHtcbiAgICBpY29uTmFtZSA9IFNPUlRfRElSRUNUSU9OX0lDT05bc29ydERpcmVjdGlvbl07XG4gIH1cbiAgaWYgKGhvdmVyZWQpIHtcbiAgICBpY29uTmFtZSA9IFNPUlRfRElSRUNUSU9OX0lDT05bZGVzaXJlZFNvcnREaXJlY3Rpb25dO1xuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkU29ydGFibGVIZWFkZXJcbiAgICAgIG9uQ2xpY2s9e2hhbmRsZUNsaWNrfVxuICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICBvblBvaW50ZXJFbnRlcj17KCkgPT4gc2V0SG92ZXJlZCh0cnVlKX1cbiAgICAgIG9uUG9pbnRlckxlYXZlPXsoKSA9PiBzZXRIb3ZlcmVkKGZhbHNlKX1cbiAgICA+XG4gICAgICA8U3R5bGVkSGVhZGVyTGFiZWxcbiAgICAgICAgYXM9XCJzcGFuXCJcbiAgICAgICAgc2l6ZT1cInhzXCJcbiAgICAgICAgdHJhbnNmb3JtPVwidXBwZXJjYXNlXCJcbiAgICAgICAgYWxpZ249e2FsaWdufVxuICAgICAgICB2YXJpYW50PVwidGVydGlhcnlcIlxuICAgICAgPlxuICAgICAgICB7bGFiZWx9XG4gICAgICAgIDxTb3J0SWNvbj5cbiAgICAgICAgICA8SWNvbiBzaXplPVwic1wiIG5hbWU9e2ljb25OYW1lfSBpbmxpbmUgLz5cbiAgICAgICAgPC9Tb3J0SWNvbj5cbiAgICAgIDwvU3R5bGVkSGVhZGVyTGFiZWw+XG4gICAgPC9TdHlsZWRTb3J0YWJsZUhlYWRlcj5cbiAgKTtcbn07XG5cbnR5cGUgU3R5bGVkVGhQcm9wcyA9IFBpY2s8RGF0YVRhYmxlQ29sdW1uLCBcImFsaWduXCIgfCBcIndpZHRoXCI+ICYgVGFibGVDZWxsUHJvcHM7XG5cbmNvbnN0IFN0eWxlZFRoID0gc3R5bGVkKFRhYmxlQ2VsbCk8U3R5bGVkVGhQcm9wcz4oXG4gICh7IHRoZW1lLCBhbGlnbiA9IFwibGVmdFwiLCB3aWR0aCA9IFwiYXV0b1wiIH0pID0+ICh7XG4gICAgcGFkZGluZzogYCR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5zfSAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubX1gLFxuICAgIHRleHRBbGlnbjogYWxpZ24sXG4gICAgYm9yZGVyQm90dG9tOiBgMXB4IHNvbGlkICR7dGhlbWUudmFsdWVzLmNvbG9yLmRpdmlkZXIucHJpbWFyeX1gLFxuICAgIHdpZHRoLFxuICAgIHdoaXRlU3BhY2U6IFwibm93cmFwXCIsXG4gIH0pXG4pO1xuXG5jb25zdCBUYWJsZUhlYWRlcjogRnVuY3Rpb25Db21wb25lbnQ8VGFibGVIZWFkZXJQcm9wcz4gPSAoe1xuICBjbGFzc05hbWUsXG4gIGNvbHVtbnMsXG4gIGlzVGFibGVTY3JvbGxlZCxcbiAgY3VycmVudGx5U29ydGVkQnlDb2x1bW4sXG4gIG9uU29ydCxcbn0pID0+IHtcbiAgY29uc3QgY29sdW1uRWxlbWVudHMgPSBjb2x1bW5zLm1hcCgoY29sdW1uKSA9PiB7XG4gICAgY29uc3QgeyBpc1NvcnRhYmxlLCBsYWJlbCwgYWxpZ24sIHdpZHRoLCBuYW1lLCBzb3J0RGlyZWN0aW9uIH0gPSBjb2x1bW47XG4gICAgY29uc3QgaGVhZGVyRWxtID0gaXNTb3J0YWJsZSA/IChcbiAgICAgIDxTb3J0YWJsZUhlYWRlclxuICAgICAgICBvblNvcnQ9e29uU29ydH1cbiAgICAgICAgbmFtZT17bmFtZX1cbiAgICAgICAgbGFiZWw9e2xhYmVsfVxuICAgICAgICBzb3J0RGlyZWN0aW9uPXtzb3J0RGlyZWN0aW9ufVxuICAgICAgICBjdXJyZW50bHlTb3J0ZWRCeUNvbHVtbj17Y3VycmVudGx5U29ydGVkQnlDb2x1bW59XG4gICAgICAvPlxuICAgICkgOiAoXG4gICAgICA8U3R5bGVkSGVhZGVyTGFiZWxcbiAgICAgICAgc2l6ZT1cInhzXCJcbiAgICAgICAgdHJhbnNmb3JtPVwidXBwZXJjYXNlXCJcbiAgICAgICAgYWxpZ249e2FsaWdufVxuICAgICAgICB2YXJpYW50PVwidGVydGlhcnlcIlxuICAgICAgPlxuICAgICAgICB7bGFiZWx9XG4gICAgICA8L1N0eWxlZEhlYWRlckxhYmVsPlxuICAgICk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPFN0eWxlZFRoXG4gICAgICAgIGFzPVwidGhcIlxuICAgICAgICBhbGlnbj17YWxpZ259XG4gICAgICAgIHdpZHRoPXt3aWR0aH1cbiAgICAgICAga2V5PXtuYW1lfVxuICAgICAgICBpc1RhYmxlU2Nyb2xsZWQ9e2lzVGFibGVTY3JvbGxlZH1cbiAgICAgID5cbiAgICAgICAge2hlYWRlckVsbX1cbiAgICAgIDwvU3R5bGVkVGg+XG4gICAgKTtcbiAgfSk7XG5cbiAgcmV0dXJuIChcbiAgICA8dGhlYWQgY2xhc3NOYW1lPXtjbGFzc05hbWV9PlxuICAgICAgPHRyPntjb2x1bW5FbGVtZW50c308L3RyPlxuICAgIDwvdGhlYWQ+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBUYWJsZUhlYWRlcjtcbiJdfQ== */");
+const StyledSortableHeader = /*#__PURE__*/_styled("button", process.env.NODE_ENV === "production" ? {
+  target: "e1ij903s1"
+} : {
+  target: "e1ij903s1",
+  label: "StyledSortableHeader"
+})(_ref3 => {
+  let {
+    theme
+  } = _ref3;
+  return {
+    all: "unset",
+    display: "flex",
+    alignItems: "center",
+    cursor: "pointer",
+    [`&:hover ${StyledHeaderLabel}`]: {
+      color: theme.values.color.header.primary
+    }
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhYmxlSGVhZGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErQjZCIiwiZmlsZSI6IlRhYmxlSGVhZGVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBGdW5jdGlvbkNvbXBvbmVudCwgdXNlU3RhdGUgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHR5cGUgeyBEYXRhVGFibGVDb2x1bW4sIFNvcnREaXJlY3Rpb24gfSBmcm9tIFwiLi90eXBlc1wiO1xuaW1wb3J0IHsgVGV4dCB9IGZyb20gXCIuLi9UeXBvZ3JhcGh5L1RleHQvVGV4dFwiO1xuaW1wb3J0IHsgSWNvbiwgSWNvbk5hbWUgfSBmcm9tIFwiLi4vSWNvbi9JY29uXCI7XG5pbXBvcnQgVGFibGVDZWxsLCB7IFRhYmxlQ2VsbFByb3BzIH0gZnJvbSBcIi4vVGFibGVDZWxsXCI7XG5pbXBvcnQgdHlwZSB7IERhdGFUYWJsZVByb3BzIH0gZnJvbSBcIi4vRGF0YVRhYmxlXCI7XG5cbmV4cG9ydCB0eXBlIFRhYmxlSGVhZGVyUHJvcHMgPSB7XG4gIGNsYXNzTmFtZT86IHN0cmluZztcbiAgaXNUYWJsZVNjcm9sbGVkOiBib29sZWFuO1xufSAmIFBpY2s8XG4gIERhdGFUYWJsZVByb3BzLFxuICBcImNvbHVtbnNcIiB8IFwicm93c1wiIHwgXCJvblNvcnRcIiB8IFwiY3VycmVudGx5U29ydGVkQnlDb2x1bW5cIlxuPjtcblxuY29uc3QgU09SVF9ESVJFQ1RJT05fSUNPTjogUmVjb3JkPFNvcnREaXJlY3Rpb24sIEljb25OYW1lPiA9IHtcbiAgYXNjOiBcInNvcnQtYXNjZW5kaW5nXCIsXG4gIGRlc2M6IFwic29ydC1kZXNjZW5kaW5nXCIsXG59O1xuXG5jb25zdCBTb3J0SWNvbiA9IHN0eWxlZC5zcGFuKCh7IHRoZW1lIH0pID0+ICh7XG4gIG1hcmdpbkxlZnQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHh4cyxcbn0pKTtcblxuY29uc3QgU3R5bGVkSGVhZGVyTGFiZWwgPSBzdHlsZWQoVGV4dCkoKHsgdGhlbWUgfSkgPT4gKHtcbiAgZm9udFdlaWdodDogdGhlbWUudmFyaWFibGVzLndlaWdodC5ib2xkLFxuICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LmhlYWRlci54eHMsXG4gIGxldHRlclNwYWNpbmc6IFwiMC41cHhcIixcbn0pKTtcblxuY29uc3QgU3R5bGVkU29ydGFibGVIZWFkZXIgPSBzdHlsZWQuYnV0dG9uKCh7IHRoZW1lIH0pID0+ICh7XG4gIGFsbDogXCJ1bnNldFwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgY3Vyc29yOiBcInBvaW50ZXJcIixcblxuICBbYCY6aG92ZXIgJHtTdHlsZWRIZWFkZXJMYWJlbH1gXToge1xuICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuaGVhZGVyLnByaW1hcnksXG4gIH0sXG59KSk7XG5cbnR5cGUgU29ydGFibGVIZWFkZXJQcm9wcyA9IFBpY2s8XG4gIFRhYmxlSGVhZGVyUHJvcHMsXG4gIFwib25Tb3J0XCIgfCBcImN1cnJlbnRseVNvcnRlZEJ5Q29sdW1uXCJcbj4gJlxuICBEYXRhVGFibGVDb2x1bW47XG5cbmNvbnN0IFNvcnRhYmxlSGVhZGVyOiBGdW5jdGlvbkNvbXBvbmVudDxTb3J0YWJsZUhlYWRlclByb3BzPiA9ICh7XG4gIG5hbWUsXG4gIGxhYmVsLFxuICBhbGlnbixcbiAgc29ydERpcmVjdGlvbiA9IFwiYXNjXCIsXG4gIGN1cnJlbnRseVNvcnRlZEJ5Q29sdW1uLFxuICBvblNvcnQsXG59KSA9PiB7XG4gIGNvbnN0IFtob3ZlcmVkLCBzZXRIb3ZlcmVkXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgY29uc3QgZGVzaXJlZFNvcnREaXJlY3Rpb24gPSBzb3J0RGlyZWN0aW9uID09PSBcImFzY1wiID8gXCJkZXNjXCIgOiBcImFzY1wiO1xuXG4gIGNvbnN0IGhhbmRsZUNsaWNrOiBSZWFjdC5Nb3VzZUV2ZW50SGFuZGxlciA9ICgpID0+IHtcbiAgICBzZXRIb3ZlcmVkKGZhbHNlKTtcbiAgICBpZiAob25Tb3J0KSB7XG4gICAgICBvblNvcnQobmFtZSwgZGVzaXJlZFNvcnREaXJlY3Rpb24pO1xuICAgIH1cbiAgfTtcblxuICBsZXQgaWNvbk5hbWU6IEljb25OYW1lID0gXCJzb3J0LW5ldXRyYWxcIjtcblxuICBpZiAobmFtZSA9PT0gY3VycmVudGx5U29ydGVkQnlDb2x1bW4pIHtcbiAgICBpY29uTmFtZSA9IFNPUlRfRElSRUNUSU9OX0lDT05bc29ydERpcmVjdGlvbl07XG4gIH1cbiAgaWYgKGhvdmVyZWQpIHtcbiAgICBpY29uTmFtZSA9IFNPUlRfRElSRUNUSU9OX0lDT05bZGVzaXJlZFNvcnREaXJlY3Rpb25dO1xuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkU29ydGFibGVIZWFkZXJcbiAgICAgIG9uQ2xpY2s9e2hhbmRsZUNsaWNrfVxuICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICBvblBvaW50ZXJFbnRlcj17KCkgPT4gc2V0SG92ZXJlZCh0cnVlKX1cbiAgICAgIG9uUG9pbnRlckxlYXZlPXsoKSA9PiBzZXRIb3ZlcmVkKGZhbHNlKX1cbiAgICA+XG4gICAgICA8U3R5bGVkSGVhZGVyTGFiZWxcbiAgICAgICAgYXM9XCJzcGFuXCJcbiAgICAgICAgc2l6ZT1cInhzXCJcbiAgICAgICAgdHJhbnNmb3JtPVwidXBwZXJjYXNlXCJcbiAgICAgICAgYWxpZ249e2FsaWdufVxuICAgICAgICB2YXJpYW50PVwidGVydGlhcnlcIlxuICAgICAgPlxuICAgICAgICB7bGFiZWx9XG4gICAgICAgIDxTb3J0SWNvbj5cbiAgICAgICAgICA8SWNvbiBzaXplPVwic1wiIG5hbWU9e2ljb25OYW1lfSBpbmxpbmUgLz5cbiAgICAgICAgPC9Tb3J0SWNvbj5cbiAgICAgIDwvU3R5bGVkSGVhZGVyTGFiZWw+XG4gICAgPC9TdHlsZWRTb3J0YWJsZUhlYWRlcj5cbiAgKTtcbn07XG5cbnR5cGUgU3R5bGVkVGhQcm9wcyA9IFBpY2s8RGF0YVRhYmxlQ29sdW1uLCBcImFsaWduXCIgfCBcIndpZHRoXCI+ICYgVGFibGVDZWxsUHJvcHM7XG5cbmNvbnN0IFN0eWxlZFRoID0gc3R5bGVkKFRhYmxlQ2VsbCk8U3R5bGVkVGhQcm9wcz4oXG4gICh7IHRoZW1lLCBhbGlnbiA9IFwibGVmdFwiLCB3aWR0aCA9IFwiYXV0b1wiIH0pID0+ICh7XG4gICAgcGFkZGluZzogYCR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5zfSAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubX1gLFxuICAgIHRleHRBbGlnbjogYWxpZ24sXG4gICAgYm9yZGVyQm90dG9tOiBgMXB4IHNvbGlkICR7dGhlbWUudmFsdWVzLmNvbG9yLmRpdmlkZXIucHJpbWFyeX1gLFxuICAgIHdpZHRoLFxuICAgIHdoaXRlU3BhY2U6IFwibm93cmFwXCIsXG4gIH0pXG4pO1xuXG5jb25zdCBUYWJsZUhlYWRlcjogRnVuY3Rpb25Db21wb25lbnQ8VGFibGVIZWFkZXJQcm9wcz4gPSAoe1xuICBjbGFzc05hbWUsXG4gIGNvbHVtbnMsXG4gIGlzVGFibGVTY3JvbGxlZCxcbiAgY3VycmVudGx5U29ydGVkQnlDb2x1bW4sXG4gIG9uU29ydCxcbn0pID0+IHtcbiAgY29uc3QgY29sdW1uRWxlbWVudHMgPSBjb2x1bW5zLm1hcCgoY29sdW1uKSA9PiB7XG4gICAgY29uc3QgeyBpc1NvcnRhYmxlLCBsYWJlbCwgYWxpZ24sIHdpZHRoLCBuYW1lLCBzb3J0RGlyZWN0aW9uIH0gPSBjb2x1bW47XG4gICAgY29uc3QgaGVhZGVyRWxtID0gaXNTb3J0YWJsZSA/IChcbiAgICAgIDxTb3J0YWJsZUhlYWRlclxuICAgICAgICBvblNvcnQ9e29uU29ydH1cbiAgICAgICAgbmFtZT17bmFtZX1cbiAgICAgICAgbGFiZWw9e2xhYmVsfVxuICAgICAgICBzb3J0RGlyZWN0aW9uPXtzb3J0RGlyZWN0aW9ufVxuICAgICAgICBjdXJyZW50bHlTb3J0ZWRCeUNvbHVtbj17Y3VycmVudGx5U29ydGVkQnlDb2x1bW59XG4gICAgICAvPlxuICAgICkgOiAoXG4gICAgICA8U3R5bGVkSGVhZGVyTGFiZWxcbiAgICAgICAgc2l6ZT1cInhzXCJcbiAgICAgICAgdHJhbnNmb3JtPVwidXBwZXJjYXNlXCJcbiAgICAgICAgYWxpZ249e2FsaWdufVxuICAgICAgICB2YXJpYW50PVwidGVydGlhcnlcIlxuICAgICAgPlxuICAgICAgICB7bGFiZWx9XG4gICAgICA8L1N0eWxlZEhlYWRlckxhYmVsPlxuICAgICk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPFN0eWxlZFRoXG4gICAgICAgIGFzPVwidGhcIlxuICAgICAgICBhbGlnbj17YWxpZ259XG4gICAgICAgIHdpZHRoPXt3aWR0aH1cbiAgICAgICAga2V5PXtuYW1lfVxuICAgICAgICBpc1RhYmxlU2Nyb2xsZWQ9e2lzVGFibGVTY3JvbGxlZH1cbiAgICAgID5cbiAgICAgICAge2hlYWRlckVsbX1cbiAgICAgIDwvU3R5bGVkVGg+XG4gICAgKTtcbiAgfSk7XG5cbiAgcmV0dXJuIChcbiAgICA8dGhlYWQgY2xhc3NOYW1lPXtjbGFzc05hbWV9PlxuICAgICAgPHRyPntjb2x1bW5FbGVtZW50c308L3RyPlxuICAgIDwvdGhlYWQ+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBUYWJsZUhlYWRlcjtcbiJdfQ== */");
+const SortableHeader = _ref4 => {
+  let {
+    name,
+    label,
+    align,
+    sortDirection = "asc",
+    currentlySortedByColumn,
+    onSort
+  } = _ref4;
+  const [hovered, setHovered] = 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.createElement(StyledSortableHeader, {
+    onClick: handleClick,
+    type: "button",
+    onPointerEnter: () => setHovered(true),
+    onPointerLeave: () => setHovered(false)
+  }, /*#__PURE__*/React.createElement(StyledHeaderLabel, {
+    as: "span",
+    size: "xs",
+    transform: "uppercase",
+    align: align,
+    variant: "tertiary"
+  }, label, /*#__PURE__*/React.createElement(SortIcon, null, /*#__PURE__*/React.createElement(Icon, {
+    size: "s",
+    name: iconName,
+    inline: true
+  }))));
+};
+const StyledTh = /*#__PURE__*/_styled(TableCell, 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhYmxlSGVhZGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvR2lCIiwiZmlsZSI6IlRhYmxlSGVhZGVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBGdW5jdGlvbkNvbXBvbmVudCwgdXNlU3RhdGUgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHR5cGUgeyBEYXRhVGFibGVDb2x1bW4sIFNvcnREaXJlY3Rpb24gfSBmcm9tIFwiLi90eXBlc1wiO1xuaW1wb3J0IHsgVGV4dCB9IGZyb20gXCIuLi9UeXBvZ3JhcGh5L1RleHQvVGV4dFwiO1xuaW1wb3J0IHsgSWNvbiwgSWNvbk5hbWUgfSBmcm9tIFwiLi4vSWNvbi9JY29uXCI7XG5pbXBvcnQgVGFibGVDZWxsLCB7IFRhYmxlQ2VsbFByb3BzIH0gZnJvbSBcIi4vVGFibGVDZWxsXCI7XG5pbXBvcnQgdHlwZSB7IERhdGFUYWJsZVByb3BzIH0gZnJvbSBcIi4vRGF0YVRhYmxlXCI7XG5cbmV4cG9ydCB0eXBlIFRhYmxlSGVhZGVyUHJvcHMgPSB7XG4gIGNsYXNzTmFtZT86IHN0cmluZztcbiAgaXNUYWJsZVNjcm9sbGVkOiBib29sZWFuO1xufSAmIFBpY2s8XG4gIERhdGFUYWJsZVByb3BzLFxuICBcImNvbHVtbnNcIiB8IFwicm93c1wiIHwgXCJvblNvcnRcIiB8IFwiY3VycmVudGx5U29ydGVkQnlDb2x1bW5cIlxuPjtcblxuY29uc3QgU09SVF9ESVJFQ1RJT05fSUNPTjogUmVjb3JkPFNvcnREaXJlY3Rpb24sIEljb25OYW1lPiA9IHtcbiAgYXNjOiBcInNvcnQtYXNjZW5kaW5nXCIsXG4gIGRlc2M6IFwic29ydC1kZXNjZW5kaW5nXCIsXG59O1xuXG5jb25zdCBTb3J0SWNvbiA9IHN0eWxlZC5zcGFuKCh7IHRoZW1lIH0pID0+ICh7XG4gIG1hcmdpbkxlZnQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHh4cyxcbn0pKTtcblxuY29uc3QgU3R5bGVkSGVhZGVyTGFiZWwgPSBzdHlsZWQoVGV4dCkoKHsgdGhlbWUgfSkgPT4gKHtcbiAgZm9udFdlaWdodDogdGhlbWUudmFyaWFibGVzLndlaWdodC5ib2xkLFxuICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LmhlYWRlci54eHMsXG4gIGxldHRlclNwYWNpbmc6IFwiMC41cHhcIixcbn0pKTtcblxuY29uc3QgU3R5bGVkU29ydGFibGVIZWFkZXIgPSBzdHlsZWQuYnV0dG9uKCh7IHRoZW1lIH0pID0+ICh7XG4gIGFsbDogXCJ1bnNldFwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgY3Vyc29yOiBcInBvaW50ZXJcIixcblxuICBbYCY6aG92ZXIgJHtTdHlsZWRIZWFkZXJMYWJlbH1gXToge1xuICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuaGVhZGVyLnByaW1hcnksXG4gIH0sXG59KSk7XG5cbnR5cGUgU29ydGFibGVIZWFkZXJQcm9wcyA9IFBpY2s8XG4gIFRhYmxlSGVhZGVyUHJvcHMsXG4gIFwib25Tb3J0XCIgfCBcImN1cnJlbnRseVNvcnRlZEJ5Q29sdW1uXCJcbj4gJlxuICBEYXRhVGFibGVDb2x1bW47XG5cbmNvbnN0IFNvcnRhYmxlSGVhZGVyOiBGdW5jdGlvbkNvbXBvbmVudDxTb3J0YWJsZUhlYWRlclByb3BzPiA9ICh7XG4gIG5hbWUsXG4gIGxhYmVsLFxuICBhbGlnbixcbiAgc29ydERpcmVjdGlvbiA9IFwiYXNjXCIsXG4gIGN1cnJlbnRseVNvcnRlZEJ5Q29sdW1uLFxuICBvblNvcnQsXG59KSA9PiB7XG4gIGNvbnN0IFtob3ZlcmVkLCBzZXRIb3ZlcmVkXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgY29uc3QgZGVzaXJlZFNvcnREaXJlY3Rpb24gPSBzb3J0RGlyZWN0aW9uID09PSBcImFzY1wiID8gXCJkZXNjXCIgOiBcImFzY1wiO1xuXG4gIGNvbnN0IGhhbmRsZUNsaWNrOiBSZWFjdC5Nb3VzZUV2ZW50SGFuZGxlciA9ICgpID0+IHtcbiAgICBzZXRIb3ZlcmVkKGZhbHNlKTtcbiAgICBpZiAob25Tb3J0KSB7XG4gICAgICBvblNvcnQobmFtZSwgZGVzaXJlZFNvcnREaXJlY3Rpb24pO1xuICAgIH1cbiAgfTtcblxuICBsZXQgaWNvbk5hbWU6IEljb25OYW1lID0gXCJzb3J0LW5ldXRyYWxcIjtcblxuICBpZiAobmFtZSA9PT0gY3VycmVudGx5U29ydGVkQnlDb2x1bW4pIHtcbiAgICBpY29uTmFtZSA9IFNPUlRfRElSRUNUSU9OX0lDT05bc29ydERpcmVjdGlvbl07XG4gIH1cbiAgaWYgKGhvdmVyZWQpIHtcbiAgICBpY29uTmFtZSA9IFNPUlRfRElSRUNUSU9OX0lDT05bZGVzaXJlZFNvcnREaXJlY3Rpb25dO1xuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkU29ydGFibGVIZWFkZXJcbiAgICAgIG9uQ2xpY2s9e2hhbmRsZUNsaWNrfVxuICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICBvblBvaW50ZXJFbnRlcj17KCkgPT4gc2V0SG92ZXJlZCh0cnVlKX1cbiAgICAgIG9uUG9pbnRlckxlYXZlPXsoKSA9PiBzZXRIb3ZlcmVkKGZhbHNlKX1cbiAgICA+XG4gICAgICA8U3R5bGVkSGVhZGVyTGFiZWxcbiAgICAgICAgYXM9XCJzcGFuXCJcbiAgICAgICAgc2l6ZT1cInhzXCJcbiAgICAgICAgdHJhbnNmb3JtPVwidXBwZXJjYXNlXCJcbiAgICAgICAgYWxpZ249e2FsaWdufVxuICAgICAgICB2YXJpYW50PVwidGVydGlhcnlcIlxuICAgICAgPlxuICAgICAgICB7bGFiZWx9XG4gICAgICAgIDxTb3J0SWNvbj5cbiAgICAgICAgICA8SWNvbiBzaXplPVwic1wiIG5hbWU9e2ljb25OYW1lfSBpbmxpbmUgLz5cbiAgICAgICAgPC9Tb3J0SWNvbj5cbiAgICAgIDwvU3R5bGVkSGVhZGVyTGFiZWw+XG4gICAgPC9TdHlsZWRTb3J0YWJsZUhlYWRlcj5cbiAgKTtcbn07XG5cbnR5cGUgU3R5bGVkVGhQcm9wcyA9IFBpY2s8RGF0YVRhYmxlQ29sdW1uLCBcImFsaWduXCIgfCBcIndpZHRoXCI+ICYgVGFibGVDZWxsUHJvcHM7XG5cbmNvbnN0IFN0eWxlZFRoID0gc3R5bGVkKFRhYmxlQ2VsbCk8U3R5bGVkVGhQcm9wcz4oXG4gICh7IHRoZW1lLCBhbGlnbiA9IFwibGVmdFwiLCB3aWR0aCA9IFwiYXV0b1wiIH0pID0+ICh7XG4gICAgcGFkZGluZzogYCR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5zfSAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubX1gLFxuICAgIHRleHRBbGlnbjogYWxpZ24sXG4gICAgYm9yZGVyQm90dG9tOiBgMXB4IHNvbGlkICR7dGhlbWUudmFsdWVzLmNvbG9yLmRpdmlkZXIucHJpbWFyeX1gLFxuICAgIHdpZHRoLFxuICAgIHdoaXRlU3BhY2U6IFwibm93cmFwXCIsXG4gIH0pXG4pO1xuXG5jb25zdCBUYWJsZUhlYWRlcjogRnVuY3Rpb25Db21wb25lbnQ8VGFibGVIZWFkZXJQcm9wcz4gPSAoe1xuICBjbGFzc05hbWUsXG4gIGNvbHVtbnMsXG4gIGlzVGFibGVTY3JvbGxlZCxcbiAgY3VycmVudGx5U29ydGVkQnlDb2x1bW4sXG4gIG9uU29ydCxcbn0pID0+IHtcbiAgY29uc3QgY29sdW1uRWxlbWVudHMgPSBjb2x1bW5zLm1hcCgoY29sdW1uKSA9PiB7XG4gICAgY29uc3QgeyBpc1NvcnRhYmxlLCBsYWJlbCwgYWxpZ24sIHdpZHRoLCBuYW1lLCBzb3J0RGlyZWN0aW9uIH0gPSBjb2x1bW47XG4gICAgY29uc3QgaGVhZGVyRWxtID0gaXNTb3J0YWJsZSA/IChcbiAgICAgIDxTb3J0YWJsZUhlYWRlclxuICAgICAgICBvblNvcnQ9e29uU29ydH1cbiAgICAgICAgbmFtZT17bmFtZX1cbiAgICAgICAgbGFiZWw9e2xhYmVsfVxuICAgICAgICBzb3J0RGlyZWN0aW9uPXtzb3J0RGlyZWN0aW9ufVxuICAgICAgICBjdXJyZW50bHlTb3J0ZWRCeUNvbHVtbj17Y3VycmVudGx5U29ydGVkQnlDb2x1bW59XG4gICAgICAvPlxuICAgICkgOiAoXG4gICAgICA8U3R5bGVkSGVhZGVyTGFiZWxcbiAgICAgICAgc2l6ZT1cInhzXCJcbiAgICAgICAgdHJhbnNmb3JtPVwidXBwZXJjYXNlXCJcbiAgICAgICAgYWxpZ249e2FsaWdufVxuICAgICAgICB2YXJpYW50PVwidGVydGlhcnlcIlxuICAgICAgPlxuICAgICAgICB7bGFiZWx9XG4gICAgICA8L1N0eWxlZEhlYWRlckxhYmVsPlxuICAgICk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPFN0eWxlZFRoXG4gICAgICAgIGFzPVwidGhcIlxuICAgICAgICBhbGlnbj17YWxpZ259XG4gICAgICAgIHdpZHRoPXt3aWR0aH1cbiAgICAgICAga2V5PXtuYW1lfVxuICAgICAgICBpc1RhYmxlU2Nyb2xsZWQ9e2lzVGFibGVTY3JvbGxlZH1cbiAgICAgID5cbiAgICAgICAge2hlYWRlckVsbX1cbiAgICAgIDwvU3R5bGVkVGg+XG4gICAgKTtcbiAgfSk7XG5cbiAgcmV0dXJuIChcbiAgICA8dGhlYWQgY2xhc3NOYW1lPXtjbGFzc05hbWV9PlxuICAgICAgPHRyPntjb2x1bW5FbGVtZW50c308L3RyPlxuICAgIDwvdGhlYWQ+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBUYWJsZUhlYWRlcjtcbiJdfQ== */");
+const TableHeader = _ref6 => {
+  let {
+    className,
+    columns,
+    isTableScrolled,
+    currentlySortedByColumn,
+    onSort
+  } = _ref6;
+  const columnElements = columns.map(column => {
+    const {
+      isSortable,
+      label,
+      align,
+      width,
+      name,
+      sortDirection
+    } = column;
+    const headerElm = isSortable ? /*#__PURE__*/React.createElement(SortableHeader, {
+      onSort: onSort,
+      name: name,
+      label: label,
+      sortDirection: sortDirection,
+      currentlySortedByColumn: currentlySortedByColumn
+    }) : /*#__PURE__*/React.createElement(StyledHeaderLabel, {
+      size: "xs",
+      transform: "uppercase",
+      align: align,
+      variant: "tertiary"
+    }, label);
+    return /*#__PURE__*/React.createElement(StyledTh, {
+      as: "th",
+      align: align,
+      width: width,
+      key: name,
+      isTableScrolled: isTableScrolled
+    }, headerElm);
+  });
+  return /*#__PURE__*/React.createElement("thead", {
+    className: className
+  }, /*#__PURE__*/React.createElement("tr", null, columnElements));
+};
+var TableHeader$1 = TableHeader;
+
+export { TableHeader$1 as default };
+//# sourceMappingURL=TableHeader.js.map

package/build/esm/src/components/DataTable/TableHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableHeader.js","sources":["../../../../../src/components/DataTable/TableHeader.tsx"],"sourcesContent":["import React, { FunctionComponent, useState } from \"react\";\nimport styled from \"@emotion/styled\";\nimport type { DataTableColumn, SortDirection } from \"./types\";\nimport { Text } from \"../Typography/Text/Text\";\nimport { Icon, IconName } from \"../Icon/Icon\";\nimport TableCell, { TableCellProps } from \"./TableCell\";\nimport type { DataTableProps } from \"./DataTable\";\n\nexport type TableHeaderProps = {\n  className?: string;\n  isTableScrolled: boolean;\n} & Pick<\n  DataTableProps,\n  \"columns\" | \"rows\" | \"onSort\" | \"currentlySortedByColumn\"\n>;\n\nconst SORT_DIRECTION_ICON: Record<SortDirection, IconName> = {\n  asc: \"sort-ascending\",\n  desc: \"sort-descending\",\n};\n\nconst SortIcon = styled.span(({ theme }) => ({\n  marginLeft: theme.variables.size.spacing.xxxs,\n}));\n\nconst StyledHeaderLabel = styled(Text)(({ theme }) => ({\n  fontWeight: theme.variables.weight.bold,\n  lineHeight: theme.variables.size.lineHeight.header.xxs,\n  letterSpacing: \"0.5px\",\n}));\n\nconst StyledSortableHeader = styled.button(({ theme }) => ({\n  all: \"unset\",\n  display: \"flex\",\n  alignItems: \"center\",\n  cursor: \"pointer\",\n\n  [`&:hover ${StyledHeaderLabel}`]: {\n    color: theme.values.color.header.primary,\n  },\n}));\n\ntype SortableHeaderProps = Pick<\n  TableHeaderProps,\n  \"onSort\" | \"currentlySortedByColumn\"\n> &\n  DataTableColumn;\n\nconst SortableHeader: FunctionComponent<SortableHeaderProps> = ({\n  name,\n  label,\n  align,\n  sortDirection = \"asc\",\n  currentlySortedByColumn,\n  onSort,\n}) => {\n  const [hovered, setHovered] = useState(false);\n  const desiredSortDirection = sortDirection === \"asc\" ? \"desc\" : \"asc\";\n\n  const handleClick: React.MouseEventHandler = () => {\n    setHovered(false);\n    if (onSort) {\n      onSort(name, desiredSortDirection);\n    }\n  };\n\n  let iconName: IconName = \"sort-neutral\";\n\n  if (name === currentlySortedByColumn) {\n    iconName = SORT_DIRECTION_ICON[sortDirection];\n  }\n  if (hovered) {\n    iconName = SORT_DIRECTION_ICON[desiredSortDirection];\n  }\n\n  return (\n    <StyledSortableHeader\n      onClick={handleClick}\n      type=\"button\"\n      onPointerEnter={() => setHovered(true)}\n      onPointerLeave={() => setHovered(false)}\n    >\n      <StyledHeaderLabel\n        as=\"span\"\n        size=\"xs\"\n        transform=\"uppercase\"\n        align={align}\n        variant=\"tertiary\"\n      >\n        {label}\n        <SortIcon>\n          <Icon size=\"s\" name={iconName} inline />\n        </SortIcon>\n      </StyledHeaderLabel>\n    </StyledSortableHeader>\n  );\n};\n\ntype StyledThProps = Pick<DataTableColumn, \"align\" | \"width\"> & TableCellProps;\n\nconst StyledTh = styled(TableCell)<StyledThProps>(\n  ({ theme, align = \"left\", width = \"auto\" }) => ({\n    padding: `${theme.variables.size.spacing.s} ${theme.variables.size.spacing.m}`,\n    textAlign: align,\n    borderBottom: `1px solid ${theme.values.color.divider.primary}`,\n    width,\n    whiteSpace: \"nowrap\",\n  })\n);\n\nconst TableHeader: FunctionComponent<TableHeaderProps> = ({\n  className,\n  columns,\n  isTableScrolled,\n  currentlySortedByColumn,\n  onSort,\n}) => {\n  const columnElements = columns.map((column) => {\n    const { isSortable, label, align, width, name, sortDirection } = column;\n    const headerElm = isSortable ? (\n      <SortableHeader\n        onSort={onSort}\n        name={name}\n        label={label}\n        sortDirection={sortDirection}\n        currentlySortedByColumn={currentlySortedByColumn}\n      />\n    ) : (\n      <StyledHeaderLabel\n        size=\"xs\"\n        transform=\"uppercase\"\n        align={align}\n        variant=\"tertiary\"\n      >\n        {label}\n      </StyledHeaderLabel>\n    );\n\n    return (\n      <StyledTh\n        as=\"th\"\n        align={align}\n        width={width}\n        key={name}\n        isTableScrolled={isTableScrolled}\n      >\n        {headerElm}\n      </StyledTh>\n    );\n  });\n\n  return (\n    <thead className={className}>\n      <tr>{columnElements}</tr>\n    </thead>\n  );\n};\n\nexport default TableHeader;\n"],"names":["SORT_DIRECTION_ICON","asc","desc","SortIcon","_styled","process","env","NODE_ENV","target","label","_ref","theme","marginLeft","variables","size","spacing","xxxs","StyledHeaderLabel","Text","_ref2","fontWeight","weight","bold","lineHeight","header","xxs","letterSpacing","StyledSortableHeader","_ref3","all","display","alignItems","cursor","color","values","primary","SortableHeader","_ref4","name","align","sortDirection","currentlySortedByColumn","onSort","hovered","setHovered","useState","desiredSortDirection","handleClick","iconName","React","createElement","onClick","type","onPointerEnter","onPointerLeave","as","transform","variant","Icon","inline","StyledTh","TableCell","_ref5","width","padding","s","m","textAlign","borderBottom","divider","whiteSpace","TableHeader","_ref6","className","columns","isTableScrolled","columnElements","map","column","isSortable","headerElm","key"],"mappings":"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"}

package/build/esm/src/components/DataTable/types.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { TextAlignment } from "../../types";
+export declare type DataTableRow = {
+    id: string;
+    [key: string]: string | number;
+};
+export declare type SortDirection = "asc" | "desc";
+export declare type DataTableColumn = {
+    name: string;
+    label: string;
+    align?: TextAlignment;
+    width?: string;
+    isSortable?: boolean;
+    sortDirection?: SortDirection;
+    renderCell?: (row: DataTableRow) => React.ReactNode;
+};