@amboss/design-system 1.15.2 → 1.15.3

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

@@ -0,0 +1,153 @@
+import _styled from '@emotion/styled/base';
+import React from 'react';
+import TableCell from './TableCell.js';
+import { Text } from '../Typography/Text/Text.js';
+import { LoadingSpinner } from '../LoadingSpinner/LoadingSpinner.js';
+import { mqValue, mq } from '../../shared/mediaQueries.js';
+
+const StyledTr = /*#__PURE__*/_styled("tr", process.env.NODE_ENV === "production" ? {
+  target: "e1q8il1q3"
+} : {
+  target: "e1q8il1q3",
+  label: "StyledTr"
+})(_ref => {
+  let {
+    theme,
+    footer
+  } = _ref;
+  return {
+    "&:hover td": {
+      backgroundColor: theme.values.color.background.secondary.default
+    },
+    ...(!footer && {
+      "&:last-of-type": {
+        td: {
+          borderBottom: "none"
+        }
+      }
+    })
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhYmxlQm9keS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNEJpQiIsImZpbGUiOiJUYWJsZUJvZHkudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgdHlwZSB7IERhdGFUYWJsZUNvbHVtbiB9IGZyb20gXCIuL3R5cGVzXCI7XG5pbXBvcnQgVGFibGVDZWxsLCB7IFRhYmxlQ2VsbFByb3BzIH0gZnJvbSBcIi4vVGFibGVDZWxsXCI7XG5pbXBvcnQgeyBUZXh0IH0gZnJvbSBcIi4uL1R5cG9ncmFwaHkvVGV4dC9UZXh0XCI7XG5pbXBvcnQgdHlwZSB7IERhdGFUYWJsZVByb3BzIH0gZnJvbSBcIi4vRGF0YVRhYmxlXCI7XG5pbXBvcnQgeyBMb2FkaW5nU3Bpbm5lciB9IGZyb20gXCIuLi9Mb2FkaW5nU3Bpbm5lci9Mb2FkaW5nU3Bpbm5lclwiO1xuaW1wb3J0IHsgbXEsIG1xVmFsdWUgfSBmcm9tIFwiLi4vLi4vc2hhcmVkL21lZGlhUXVlcmllc1wiO1xuXG5leHBvcnQgdHlwZSBUYWJsZUJvZHlQcm9wcyA9IHtcbiAgY2xhc3NOYW1lPzogc3RyaW5nO1xuICBpc1RhYmxlU2Nyb2xsZWQ6IGJvb2xlYW47XG59ICYgUGljazxcbiAgRGF0YVRhYmxlUHJvcHMsXG4gIHwgXCJjb2x1bW5zXCJcbiAgfCBcInJvd3NcIlxuICB8IFwiaXNMb2FkaW5nXCJcbiAgfCBcImxvYWRpbmdTdGF0ZVNjcmVlblJlYWRlclRleHRcIlxuICB8IFwiaXNFbXB0eVwiXG4gIHwgXCJlbXB0eVRhYmxlQ29udGVudEhlaWdodFwiXG4gIHwgXCJib2R5Q2VsbFZlcnRpY2FsUGFkZGluZ1wiXG4gIHwgXCJmb290ZXJcIlxuICB8IFwiaXNGaXJzdENvbHVtblN0aWNreVwiXG4gIHwgXCJlbXB0eUNlbGxDb250ZW50XCJcbj47XG5cbnR5cGUgU3R5bGVkVHJQcm9wcyA9IFBpY2s8VGFibGVCb2R5UHJvcHMsIFwiZm9vdGVyXCI+O1xuXG5jb25zdCBTdHlsZWRUciA9IHN0eWxlZC50cjxTdHlsZWRUclByb3BzPigoeyB0aGVtZSwgZm9vdGVyIH0pID0+ICh7XG4gIFwiJjpob3ZlciB0ZFwiOiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5zZWNvbmRhcnkuZGVmYXVsdCxcbiAgfSxcblxuICAuLi4oIWZvb3RlciAmJiB7XG4gICAgXCImOmxhc3Qtb2YtdHlwZVwiOiB7XG4gICAgICB0ZDoge1xuICAgICAgICBib3JkZXJCb3R0b206IFwibm9uZVwiLFxuICAgICAgfSxcbiAgICB9LFxuICB9KSxcbn0pKTtcblxudHlwZSBTdHlsZWRUZXh0UHJvcHMgPSB7XG4gIGFsaWduQ29sdW1uPzogRGF0YVRhYmxlQ29sdW1uW1wiYWxpZ25cIl07XG59O1xuXG5jb25zdCBTdHlsZWRUZXh0ID0gc3R5bGVkKFRleHQpPFN0eWxlZFRleHRQcm9wcz4oKHsgYWxpZ25Db2x1bW4gfSkgPT4gKHtcbiAgLi4ubXFWYWx1ZSh7XG4gICAgdGV4dEFsaWduOiBhbGlnbkNvbHVtbixcbiAgfSksXG59KSk7XG5cbnR5cGUgU3R5bGVkVGRQcm9wcyA9IFRhYmxlQ2VsbFByb3BzICZcbiAgUGljazxUYWJsZUJvZHlQcm9wcywgXCJpc0ZpcnN0Q29sdW1uU3RpY2t5XCIgfCBcImJvZHlDZWxsVmVydGljYWxQYWRkaW5nXCI+O1xuXG5jb25zdCBTdHlsZWRUZCA9IHN0eWxlZChUYWJsZUNlbGwpPFN0eWxlZFRkUHJvcHM+KFxuICAoeyB0aGVtZSwgYm9keUNlbGxWZXJ0aWNhbFBhZGRpbmcgfSkgPT4gKHtcbiAgICAuLi5tcSh7XG4gICAgICBwYWRkaW5nOiBbXG4gICAgICAgIGJvZHlDZWxsVmVydGljYWxQYWRkaW5nLFxuICAgICAgICB7XG4gICAgICAgICAgczogYCR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5zfSAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubX1gLFxuICAgICAgICAgIG06IGAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubX0gJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLm19YCxcbiAgICAgICAgICBsOiBgJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLmx9ICR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tfWAsXG4gICAgICAgIH0gYXMgYW55LFxuICAgICAgXSxcbiAgICB9KSxcbiAgfSlcbik7XG5cbnR5cGUgRW1wdHlUYWJsZUJvZHlQcm9wcyA9IFBpY2s8XG4gIFRhYmxlQm9keVByb3BzLFxuICBcImNvbHVtbnNcIiB8IFwiZW1wdHlUYWJsZUNvbnRlbnRIZWlnaHRcIlxuPiAmIHtcbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0RWxlbWVudDtcbn07XG5cbnR5cGUgU3R5bGVkRW1wdHlUZFByb3BzID0gUGljazxFbXB0eVRhYmxlQm9keVByb3BzLCBcImVtcHR5VGFibGVDb250ZW50SGVpZ2h0XCI+O1xuXG5jb25zdCBTdHlsZWRFbXB0eVRkID0gc3R5bGVkLnRkPFN0eWxlZEVtcHR5VGRQcm9wcz4oXG4gICh7IGVtcHR5VGFibGVDb250ZW50SGVpZ2h0IH0pID0+ICh7XG4gICAgdGV4dEFsaWduOiBcImNlbnRlclwiLFxuICAgIC4uLm1xVmFsdWUoe1xuICAgICAgaGVpZ2h0OiBlbXB0eVRhYmxlQ29udGVudEhlaWdodCxcbiAgICB9KSxcbiAgfSlcbik7XG5cbmZ1bmN0aW9uIEVtcHR5VGFibGVCb2R5KHtcbiAgY2hpbGRyZW4sXG4gIGNvbHVtbnMsXG4gIGVtcHR5VGFibGVDb250ZW50SGVpZ2h0LFxufTogRW1wdHlUYWJsZUJvZHlQcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIHJldHVybiAoXG4gICAgPHRib2R5PlxuICAgICAgPHRyPlxuICAgICAgICA8U3R5bGVkRW1wdHlUZFxuICAgICAgICAgIGNvbFNwYW49e2NvbHVtbnMubGVuZ3RofVxuICAgICAgICAgIGVtcHR5VGFibGVDb250ZW50SGVpZ2h0PXtlbXB0eVRhYmxlQ29udGVudEhlaWdodH1cbiAgICAgICAgPlxuICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgPC9TdHlsZWRFbXB0eVRkPlxuICAgICAgPC90cj5cbiAgICA8L3Rib2R5PlxuICApO1xufVxuXG5mdW5jdGlvbiBUYWJsZUJvZHkoe1xuICBjbGFzc05hbWUsXG4gIGNvbHVtbnMsXG4gIHJvd3MgPSBbXSxcbiAgYm9keUNlbGxWZXJ0aWNhbFBhZGRpbmcsXG4gIGlzVGFibGVTY3JvbGxlZCxcbiAgaXNMb2FkaW5nLFxuICBsb2FkaW5nU3RhdGVTY3JlZW5SZWFkZXJUZXh0ID0gXCJMb2FkaW5nXCIsXG4gIGlzRW1wdHksXG4gIGVtcHR5VGFibGVDb250ZW50SGVpZ2h0LFxuICBmb290ZXIsXG4gIGNoaWxkcmVuLFxuICBpc0ZpcnN0Q29sdW1uU3RpY2t5LFxuICBlbXB0eUNlbGxDb250ZW50LFxufTogUmVhY3QuUHJvcHNXaXRoQ2hpbGRyZW48VGFibGVCb2R5UHJvcHM+KTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgaWYgKGlzTG9hZGluZykge1xuICAgIGNvbnN0IGN1c3RvbUxvYWRpbmdDb250ZW50ID0gY2hpbGRyZW4gJiYgPD57Y2hpbGRyZW59PC8+O1xuICAgIGNvbnN0IGJvZHlDb250ZW50ID0gY3VzdG9tTG9hZGluZ0NvbnRlbnQgfHwgKFxuICAgICAgPExvYWRpbmdTcGlubmVyIHNjcmVlblJlYWRlclRleHQ9e2xvYWRpbmdTdGF0ZVNjcmVlblJlYWRlclRleHR9IC8+XG4gICAgKTtcblxuICAgIHJldHVybiAoXG4gICAgICA8RW1wdHlUYWJsZUJvZHlcbiAgICAgICAgY29sdW1ucz17Y29sdW1uc31cbiAgICAgICAgZW1wdHlUYWJsZUNvbnRlbnRIZWlnaHQ9e2VtcHR5VGFibGVDb250ZW50SGVpZ2h0fVxuICAgICAgPlxuICAgICAgICB7Ym9keUNvbnRlbnR9XG4gICAgICA8L0VtcHR5VGFibGVCb2R5PlxuICAgICk7XG4gIH1cblxuICBpZiAoaXNFbXB0eSkge1xuICAgIHJldHVybiAoXG4gICAgICA8RW1wdHlUYWJsZUJvZHlcbiAgICAgICAgY29sdW1ucz17Y29sdW1uc31cbiAgICAgICAgZW1wdHlUYWJsZUNvbnRlbnRIZWlnaHQ9e2VtcHR5VGFibGVDb250ZW50SGVpZ2h0fVxuICAgICAgPlxuICAgICAgICA8PntjaGlsZHJlbn08Lz5cbiAgICAgIDwvRW1wdHlUYWJsZUJvZHk+XG4gICAgKTtcbiAgfVxuXG4gIGNvbnN0IHJvd0VsZW1lbnRzID0gcm93cy5tYXAoKHJvdykgPT4gKFxuICAgIDxTdHlsZWRUciBrZXk9e3Jvdy5pZH0gZm9vdGVyPXtmb290ZXJ9PlxuICAgICAge2NvbHVtbnMubWFwKCh7IG5hbWUsIGFsaWduID0gXCJsZWZ0XCIsIHJlbmRlckNlbGwgfSkgPT4ge1xuICAgICAgICBjb25zdCBjb250ZW50ID0gcmVuZGVyQ2VsbCA/IChcbiAgICAgICAgICByZW5kZXJDZWxsKHJvdylcbiAgICAgICAgKSA6IChcbiAgICAgICAgICA8U3R5bGVkVGV4dCBzaXplPVwic1wiIGFsaWduQ29sdW1uPXthbGlnbn0+XG4gICAgICAgICAgICB7cm93W25hbWVdID8gcm93W25hbWVdIDogZW1wdHlDZWxsQ29udGVudH1cbiAgICAgICAgICA8L1N0eWxlZFRleHQ+XG4gICAgICAgICk7XG5cbiAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICA8U3R5bGVkVGRcbiAgICAgICAgICAgIGtleT17bmFtZX1cbiAgICAgICAgICAgIGFsaWduQ29sdW1uPXthbGlnbn1cbiAgICAgICAgICAgIGlzRmlyc3RDb2x1bW5TdGlja3k9e2lzRmlyc3RDb2x1bW5TdGlja3l9XG4gICAgICAgICAgICBib2R5Q2VsbFZlcnRpY2FsUGFkZGluZz17Ym9keUNlbGxWZXJ0aWNhbFBhZGRpbmd9XG4gICAgICAgICAgICBpc1RhYmxlU2Nyb2xsZWQ9e2lzVGFibGVTY3JvbGxlZH1cbiAgICAgICAgICA+XG4gICAgICAgICAgICB7Y29udGVudH1cbiAgICAgICAgICA8L1N0eWxlZFRkPlxuICAgICAgICApO1xuICAgICAgfSl9XG4gICAgPC9TdHlsZWRUcj5cbiAgKSk7XG5cbiAgcmV0dXJuIDx0Ym9keSBjbGFzc05hbWU9e2NsYXNzTmFtZX0+e3Jvd0VsZW1lbnRzfTwvdGJvZHk+O1xufVxuXG5leHBvcnQgZGVmYXVsdCBSZWFjdC5tZW1vKFRhYmxlQm9keSk7XG4iXX0= */");
+const StyledText = /*#__PURE__*/_styled(Text, process.env.NODE_ENV === "production" ? {
+  target: "e1q8il1q2"
+} : {
+  target: "e1q8il1q2",
+  label: "StyledText"
+})(_ref2 => {
+  let {
+    alignColumn
+  } = _ref2;
+  return {
+    ...mqValue({
+      textAlign: alignColumn
+    })
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhYmxlQm9keS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOENtQiIsImZpbGUiOiJUYWJsZUJvZHkudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgdHlwZSB7IERhdGFUYWJsZUNvbHVtbiB9IGZyb20gXCIuL3R5cGVzXCI7XG5pbXBvcnQgVGFibGVDZWxsLCB7IFRhYmxlQ2VsbFByb3BzIH0gZnJvbSBcIi4vVGFibGVDZWxsXCI7XG5pbXBvcnQgeyBUZXh0IH0gZnJvbSBcIi4uL1R5cG9ncmFwaHkvVGV4dC9UZXh0XCI7XG5pbXBvcnQgdHlwZSB7IERhdGFUYWJsZVByb3BzIH0gZnJvbSBcIi4vRGF0YVRhYmxlXCI7XG5pbXBvcnQgeyBMb2FkaW5nU3Bpbm5lciB9IGZyb20gXCIuLi9Mb2FkaW5nU3Bpbm5lci9Mb2FkaW5nU3Bpbm5lclwiO1xuaW1wb3J0IHsgbXEsIG1xVmFsdWUgfSBmcm9tIFwiLi4vLi4vc2hhcmVkL21lZGlhUXVlcmllc1wiO1xuXG5leHBvcnQgdHlwZSBUYWJsZUJvZHlQcm9wcyA9IHtcbiAgY2xhc3NOYW1lPzogc3RyaW5nO1xuICBpc1RhYmxlU2Nyb2xsZWQ6IGJvb2xlYW47XG59ICYgUGljazxcbiAgRGF0YVRhYmxlUHJvcHMsXG4gIHwgXCJjb2x1bW5zXCJcbiAgfCBcInJvd3NcIlxuICB8IFwiaXNMb2FkaW5nXCJcbiAgfCBcImxvYWRpbmdTdGF0ZVNjcmVlblJlYWRlclRleHRcIlxuICB8IFwiaXNFbXB0eVwiXG4gIHwgXCJlbXB0eVRhYmxlQ29udGVudEhlaWdodFwiXG4gIHwgXCJib2R5Q2VsbFZlcnRpY2FsUGFkZGluZ1wiXG4gIHwgXCJmb290ZXJcIlxuICB8IFwiaXNGaXJzdENvbHVtblN0aWNreVwiXG4gIHwgXCJlbXB0eUNlbGxDb250ZW50XCJcbj47XG5cbnR5cGUgU3R5bGVkVHJQcm9wcyA9IFBpY2s8VGFibGVCb2R5UHJvcHMsIFwiZm9vdGVyXCI+O1xuXG5jb25zdCBTdHlsZWRUciA9IHN0eWxlZC50cjxTdHlsZWRUclByb3BzPigoeyB0aGVtZSwgZm9vdGVyIH0pID0+ICh7XG4gIFwiJjpob3ZlciB0ZFwiOiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5zZWNvbmRhcnkuZGVmYXVsdCxcbiAgfSxcblxuICAuLi4oIWZvb3RlciAmJiB7XG4gICAgXCImOmxhc3Qtb2YtdHlwZVwiOiB7XG4gICAgICB0ZDoge1xuICAgICAgICBib3JkZXJCb3R0b206IFwibm9uZVwiLFxuICAgICAgfSxcbiAgICB9LFxuICB9KSxcbn0pKTtcblxudHlwZSBTdHlsZWRUZXh0UHJvcHMgPSB7XG4gIGFsaWduQ29sdW1uPzogRGF0YVRhYmxlQ29sdW1uW1wiYWxpZ25cIl07XG59O1xuXG5jb25zdCBTdHlsZWRUZXh0ID0gc3R5bGVkKFRleHQpPFN0eWxlZFRleHRQcm9wcz4oKHsgYWxpZ25Db2x1bW4gfSkgPT4gKHtcbiAgLi4ubXFWYWx1ZSh7XG4gICAgdGV4dEFsaWduOiBhbGlnbkNvbHVtbixcbiAgfSksXG59KSk7XG5cbnR5cGUgU3R5bGVkVGRQcm9wcyA9IFRhYmxlQ2VsbFByb3BzICZcbiAgUGljazxUYWJsZUJvZHlQcm9wcywgXCJpc0ZpcnN0Q29sdW1uU3RpY2t5XCIgfCBcImJvZHlDZWxsVmVydGljYWxQYWRkaW5nXCI+O1xuXG5jb25zdCBTdHlsZWRUZCA9IHN0eWxlZChUYWJsZUNlbGwpPFN0eWxlZFRkUHJvcHM+KFxuICAoeyB0aGVtZSwgYm9keUNlbGxWZXJ0aWNhbFBhZGRpbmcgfSkgPT4gKHtcbiAgICAuLi5tcSh7XG4gICAgICBwYWRkaW5nOiBbXG4gICAgICAgIGJvZHlDZWxsVmVydGljYWxQYWRkaW5nLFxuICAgICAgICB7XG4gICAgICAgICAgczogYCR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5zfSAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubX1gLFxuICAgICAgICAgIG06IGAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubX0gJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLm19YCxcbiAgICAgICAgICBsOiBgJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLmx9ICR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tfWAsXG4gICAgICAgIH0gYXMgYW55LFxuICAgICAgXSxcbiAgICB9KSxcbiAgfSlcbik7XG5cbnR5cGUgRW1wdHlUYWJsZUJvZHlQcm9wcyA9IFBpY2s8XG4gIFRhYmxlQm9keVByb3BzLFxuICBcImNvbHVtbnNcIiB8IFwiZW1wdHlUYWJsZUNvbnRlbnRIZWlnaHRcIlxuPiAmIHtcbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0RWxlbWVudDtcbn07XG5cbnR5cGUgU3R5bGVkRW1wdHlUZFByb3BzID0gUGljazxFbXB0eVRhYmxlQm9keVByb3BzLCBcImVtcHR5VGFibGVDb250ZW50SGVpZ2h0XCI+O1xuXG5jb25zdCBTdHlsZWRFbXB0eVRkID0gc3R5bGVkLnRkPFN0eWxlZEVtcHR5VGRQcm9wcz4oXG4gICh7IGVtcHR5VGFibGVDb250ZW50SGVpZ2h0IH0pID0+ICh7XG4gICAgdGV4dEFsaWduOiBcImNlbnRlclwiLFxuICAgIC4uLm1xVmFsdWUoe1xuICAgICAgaGVpZ2h0OiBlbXB0eVRhYmxlQ29udGVudEhlaWdodCxcbiAgICB9KSxcbiAgfSlcbik7XG5cbmZ1bmN0aW9uIEVtcHR5VGFibGVCb2R5KHtcbiAgY2hpbGRyZW4sXG4gIGNvbHVtbnMsXG4gIGVtcHR5VGFibGVDb250ZW50SGVpZ2h0LFxufTogRW1wdHlUYWJsZUJvZHlQcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIHJldHVybiAoXG4gICAgPHRib2R5PlxuICAgICAgPHRyPlxuICAgICAgICA8U3R5bGVkRW1wdHlUZFxuICAgICAgICAgIGNvbFNwYW49e2NvbHVtbnMubGVuZ3RofVxuICAgICAgICAgIGVtcHR5VGFibGVDb250ZW50SGVpZ2h0PXtlbXB0eVRhYmxlQ29udGVudEhlaWdodH1cbiAgICAgICAgPlxuICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgPC9TdHlsZWRFbXB0eVRkPlxuICAgICAgPC90cj5cbiAgICA8L3Rib2R5PlxuICApO1xufVxuXG5mdW5jdGlvbiBUYWJsZUJvZHkoe1xuICBjbGFzc05hbWUsXG4gIGNvbHVtbnMsXG4gIHJvd3MgPSBbXSxcbiAgYm9keUNlbGxWZXJ0aWNhbFBhZGRpbmcsXG4gIGlzVGFibGVTY3JvbGxlZCxcbiAgaXNMb2FkaW5nLFxuICBsb2FkaW5nU3RhdGVTY3JlZW5SZWFkZXJUZXh0ID0gXCJMb2FkaW5nXCIsXG4gIGlzRW1wdHksXG4gIGVtcHR5VGFibGVDb250ZW50SGVpZ2h0LFxuICBmb290ZXIsXG4gIGNoaWxkcmVuLFxuICBpc0ZpcnN0Q29sdW1uU3RpY2t5LFxuICBlbXB0eUNlbGxDb250ZW50LFxufTogUmVhY3QuUHJvcHNXaXRoQ2hpbGRyZW48VGFibGVCb2R5UHJvcHM+KTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgaWYgKGlzTG9hZGluZykge1xuICAgIGNvbnN0IGN1c3RvbUxvYWRpbmdDb250ZW50ID0gY2hpbGRyZW4gJiYgPD57Y2hpbGRyZW59PC8+O1xuICAgIGNvbnN0IGJvZHlDb250ZW50ID0gY3VzdG9tTG9hZGluZ0NvbnRlbnQgfHwgKFxuICAgICAgPExvYWRpbmdTcGlubmVyIHNjcmVlblJlYWRlclRleHQ9e2xvYWRpbmdTdGF0ZVNjcmVlblJlYWRlclRleHR9IC8+XG4gICAgKTtcblxuICAgIHJldHVybiAoXG4gICAgICA8RW1wdHlUYWJsZUJvZHlcbiAgICAgICAgY29sdW1ucz17Y29sdW1uc31cbiAgICAgICAgZW1wdHlUYWJsZUNvbnRlbnRIZWlnaHQ9e2VtcHR5VGFibGVDb250ZW50SGVpZ2h0fVxuICAgICAgPlxuICAgICAgICB7Ym9keUNvbnRlbnR9XG4gICAgICA8L0VtcHR5VGFibGVCb2R5PlxuICAgICk7XG4gIH1cblxuICBpZiAoaXNFbXB0eSkge1xuICAgIHJldHVybiAoXG4gICAgICA8RW1wdHlUYWJsZUJvZHlcbiAgICAgICAgY29sdW1ucz17Y29sdW1uc31cbiAgICAgICAgZW1wdHlUYWJsZUNvbnRlbnRIZWlnaHQ9e2VtcHR5VGFibGVDb250ZW50SGVpZ2h0fVxuICAgICAgPlxuICAgICAgICA8PntjaGlsZHJlbn08Lz5cbiAgICAgIDwvRW1wdHlUYWJsZUJvZHk+XG4gICAgKTtcbiAgfVxuXG4gIGNvbnN0IHJvd0VsZW1lbnRzID0gcm93cy5tYXAoKHJvdykgPT4gKFxuICAgIDxTdHlsZWRUciBrZXk9e3Jvdy5pZH0gZm9vdGVyPXtmb290ZXJ9PlxuICAgICAge2NvbHVtbnMubWFwKCh7IG5hbWUsIGFsaWduID0gXCJsZWZ0XCIsIHJlbmRlckNlbGwgfSkgPT4ge1xuICAgICAgICBjb25zdCBjb250ZW50ID0gcmVuZGVyQ2VsbCA/IChcbiAgICAgICAgICByZW5kZXJDZWxsKHJvdylcbiAgICAgICAgKSA6IChcbiAgICAgICAgICA8U3R5bGVkVGV4dCBzaXplPVwic1wiIGFsaWduQ29sdW1uPXthbGlnbn0+XG4gICAgICAgICAgICB7cm93W25hbWVdID8gcm93W25hbWVdIDogZW1wdHlDZWxsQ29udGVudH1cbiAgICAgICAgICA8L1N0eWxlZFRleHQ+XG4gICAgICAgICk7XG5cbiAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICA8U3R5bGVkVGRcbiAgICAgICAgICAgIGtleT17bmFtZX1cbiAgICAgICAgICAgIGFsaWduQ29sdW1uPXthbGlnbn1cbiAgICAgICAgICAgIGlzRmlyc3RDb2x1bW5TdGlja3k9e2lzRmlyc3RDb2x1bW5TdGlja3l9XG4gICAgICAgICAgICBib2R5Q2VsbFZlcnRpY2FsUGFkZGluZz17Ym9keUNlbGxWZXJ0aWNhbFBhZGRpbmd9XG4gICAgICAgICAgICBpc1RhYmxlU2Nyb2xsZWQ9e2lzVGFibGVTY3JvbGxlZH1cbiAgICAgICAgICA+XG4gICAgICAgICAgICB7Y29udGVudH1cbiAgICAgICAgICA8L1N0eWxlZFRkPlxuICAgICAgICApO1xuICAgICAgfSl9XG4gICAgPC9TdHlsZWRUcj5cbiAgKSk7XG5cbiAgcmV0dXJuIDx0Ym9keSBjbGFzc05hbWU9e2NsYXNzTmFtZX0+e3Jvd0VsZW1lbnRzfTwvdGJvZHk+O1xufVxuXG5leHBvcnQgZGVmYXVsdCBSZWFjdC5tZW1vKFRhYmxlQm9keSk7XG4iXX0= */");
+const StyledTd = /*#__PURE__*/_styled(TableCell, process.env.NODE_ENV === "production" ? {
+  target: "e1q8il1q1"
+} : {
+  target: "e1q8il1q1",
+  label: "StyledTd"
+})(_ref3 => {
+  let {
+    theme,
+    bodyCellVerticalPadding
+  } = _ref3;
+  return {
+    ...mq({
+      padding: [bodyCellVerticalPadding, {
+        s: `${theme.variables.size.spacing.s} ${theme.variables.size.spacing.m}`,
+        m: `${theme.variables.size.spacing.m} ${theme.variables.size.spacing.m}`,
+        l: `${theme.variables.size.spacing.l} ${theme.variables.size.spacing.m}`
+      }]
+    })
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhYmxlQm9keS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdURpQiIsImZpbGUiOiJUYWJsZUJvZHkudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgdHlwZSB7IERhdGFUYWJsZUNvbHVtbiB9IGZyb20gXCIuL3R5cGVzXCI7XG5pbXBvcnQgVGFibGVDZWxsLCB7IFRhYmxlQ2VsbFByb3BzIH0gZnJvbSBcIi4vVGFibGVDZWxsXCI7XG5pbXBvcnQgeyBUZXh0IH0gZnJvbSBcIi4uL1R5cG9ncmFwaHkvVGV4dC9UZXh0XCI7XG5pbXBvcnQgdHlwZSB7IERhdGFUYWJsZVByb3BzIH0gZnJvbSBcIi4vRGF0YVRhYmxlXCI7XG5pbXBvcnQgeyBMb2FkaW5nU3Bpbm5lciB9IGZyb20gXCIuLi9Mb2FkaW5nU3Bpbm5lci9Mb2FkaW5nU3Bpbm5lclwiO1xuaW1wb3J0IHsgbXEsIG1xVmFsdWUgfSBmcm9tIFwiLi4vLi4vc2hhcmVkL21lZGlhUXVlcmllc1wiO1xuXG5leHBvcnQgdHlwZSBUYWJsZUJvZHlQcm9wcyA9IHtcbiAgY2xhc3NOYW1lPzogc3RyaW5nO1xuICBpc1RhYmxlU2Nyb2xsZWQ6IGJvb2xlYW47XG59ICYgUGljazxcbiAgRGF0YVRhYmxlUHJvcHMsXG4gIHwgXCJjb2x1bW5zXCJcbiAgfCBcInJvd3NcIlxuICB8IFwiaXNMb2FkaW5nXCJcbiAgfCBcImxvYWRpbmdTdGF0ZVNjcmVlblJlYWRlclRleHRcIlxuICB8IFwiaXNFbXB0eVwiXG4gIHwgXCJlbXB0eVRhYmxlQ29udGVudEhlaWdodFwiXG4gIHwgXCJib2R5Q2VsbFZlcnRpY2FsUGFkZGluZ1wiXG4gIHwgXCJmb290ZXJcIlxuICB8IFwiaXNGaXJzdENvbHVtblN0aWNreVwiXG4gIHwgXCJlbXB0eUNlbGxDb250ZW50XCJcbj47XG5cbnR5cGUgU3R5bGVkVHJQcm9wcyA9IFBpY2s8VGFibGVCb2R5UHJvcHMsIFwiZm9vdGVyXCI+O1xuXG5jb25zdCBTdHlsZWRUciA9IHN0eWxlZC50cjxTdHlsZWRUclByb3BzPigoeyB0aGVtZSwgZm9vdGVyIH0pID0+ICh7XG4gIFwiJjpob3ZlciB0ZFwiOiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5zZWNvbmRhcnkuZGVmYXVsdCxcbiAgfSxcblxuICAuLi4oIWZvb3RlciAmJiB7XG4gICAgXCImOmxhc3Qtb2YtdHlwZVwiOiB7XG4gICAgICB0ZDoge1xuICAgICAgICBib3JkZXJCb3R0b206IFwibm9uZVwiLFxuICAgICAgfSxcbiAgICB9LFxuICB9KSxcbn0pKTtcblxudHlwZSBTdHlsZWRUZXh0UHJvcHMgPSB7XG4gIGFsaWduQ29sdW1uPzogRGF0YVRhYmxlQ29sdW1uW1wiYWxpZ25cIl07XG59O1xuXG5jb25zdCBTdHlsZWRUZXh0ID0gc3R5bGVkKFRleHQpPFN0eWxlZFRleHRQcm9wcz4oKHsgYWxpZ25Db2x1bW4gfSkgPT4gKHtcbiAgLi4ubXFWYWx1ZSh7XG4gICAgdGV4dEFsaWduOiBhbGlnbkNvbHVtbixcbiAgfSksXG59KSk7XG5cbnR5cGUgU3R5bGVkVGRQcm9wcyA9IFRhYmxlQ2VsbFByb3BzICZcbiAgUGljazxUYWJsZUJvZHlQcm9wcywgXCJpc0ZpcnN0Q29sdW1uU3RpY2t5XCIgfCBcImJvZHlDZWxsVmVydGljYWxQYWRkaW5nXCI+O1xuXG5jb25zdCBTdHlsZWRUZCA9IHN0eWxlZChUYWJsZUNlbGwpPFN0eWxlZFRkUHJvcHM+KFxuICAoeyB0aGVtZSwgYm9keUNlbGxWZXJ0aWNhbFBhZGRpbmcgfSkgPT4gKHtcbiAgICAuLi5tcSh7XG4gICAgICBwYWRkaW5nOiBbXG4gICAgICAgIGJvZHlDZWxsVmVydGljYWxQYWRkaW5nLFxuICAgICAgICB7XG4gICAgICAgICAgczogYCR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5zfSAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubX1gLFxuICAgICAgICAgIG06IGAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubX0gJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLm19YCxcbiAgICAgICAgICBsOiBgJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLmx9ICR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tfWAsXG4gICAgICAgIH0gYXMgYW55LFxuICAgICAgXSxcbiAgICB9KSxcbiAgfSlcbik7XG5cbnR5cGUgRW1wdHlUYWJsZUJvZHlQcm9wcyA9IFBpY2s8XG4gIFRhYmxlQm9keVByb3BzLFxuICBcImNvbHVtbnNcIiB8IFwiZW1wdHlUYWJsZUNvbnRlbnRIZWlnaHRcIlxuPiAmIHtcbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0RWxlbWVudDtcbn07XG5cbnR5cGUgU3R5bGVkRW1wdHlUZFByb3BzID0gUGljazxFbXB0eVRhYmxlQm9keVByb3BzLCBcImVtcHR5VGFibGVDb250ZW50SGVpZ2h0XCI+O1xuXG5jb25zdCBTdHlsZWRFbXB0eVRkID0gc3R5bGVkLnRkPFN0eWxlZEVtcHR5VGRQcm9wcz4oXG4gICh7IGVtcHR5VGFibGVDb250ZW50SGVpZ2h0IH0pID0+ICh7XG4gICAgdGV4dEFsaWduOiBcImNlbnRlclwiLFxuICAgIC4uLm1xVmFsdWUoe1xuICAgICAgaGVpZ2h0OiBlbXB0eVRhYmxlQ29udGVudEhlaWdodCxcbiAgICB9KSxcbiAgfSlcbik7XG5cbmZ1bmN0aW9uIEVtcHR5VGFibGVCb2R5KHtcbiAgY2hpbGRyZW4sXG4gIGNvbHVtbnMsXG4gIGVtcHR5VGFibGVDb250ZW50SGVpZ2h0LFxufTogRW1wdHlUYWJsZUJvZHlQcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIHJldHVybiAoXG4gICAgPHRib2R5PlxuICAgICAgPHRyPlxuICAgICAgICA8U3R5bGVkRW1wdHlUZFxuICAgICAgICAgIGNvbFNwYW49e2NvbHVtbnMubGVuZ3RofVxuICAgICAgICAgIGVtcHR5VGFibGVDb250ZW50SGVpZ2h0PXtlbXB0eVRhYmxlQ29udGVudEhlaWdodH1cbiAgICAgICAgPlxuICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgPC9TdHlsZWRFbXB0eVRkPlxuICAgICAgPC90cj5cbiAgICA8L3Rib2R5PlxuICApO1xufVxuXG5mdW5jdGlvbiBUYWJsZUJvZHkoe1xuICBjbGFzc05hbWUsXG4gIGNvbHVtbnMsXG4gIHJvd3MgPSBbXSxcbiAgYm9keUNlbGxWZXJ0aWNhbFBhZGRpbmcsXG4gIGlzVGFibGVTY3JvbGxlZCxcbiAgaXNMb2FkaW5nLFxuICBsb2FkaW5nU3RhdGVTY3JlZW5SZWFkZXJUZXh0ID0gXCJMb2FkaW5nXCIsXG4gIGlzRW1wdHksXG4gIGVtcHR5VGFibGVDb250ZW50SGVpZ2h0LFxuICBmb290ZXIsXG4gIGNoaWxkcmVuLFxuICBpc0ZpcnN0Q29sdW1uU3RpY2t5LFxuICBlbXB0eUNlbGxDb250ZW50LFxufTogUmVhY3QuUHJvcHNXaXRoQ2hpbGRyZW48VGFibGVCb2R5UHJvcHM+KTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgaWYgKGlzTG9hZGluZykge1xuICAgIGNvbnN0IGN1c3RvbUxvYWRpbmdDb250ZW50ID0gY2hpbGRyZW4gJiYgPD57Y2hpbGRyZW59PC8+O1xuICAgIGNvbnN0IGJvZHlDb250ZW50ID0gY3VzdG9tTG9hZGluZ0NvbnRlbnQgfHwgKFxuICAgICAgPExvYWRpbmdTcGlubmVyIHNjcmVlblJlYWRlclRleHQ9e2xvYWRpbmdTdGF0ZVNjcmVlblJlYWRlclRleHR9IC8+XG4gICAgKTtcblxuICAgIHJldHVybiAoXG4gICAgICA8RW1wdHlUYWJsZUJvZHlcbiAgICAgICAgY29sdW1ucz17Y29sdW1uc31cbiAgICAgICAgZW1wdHlUYWJsZUNvbnRlbnRIZWlnaHQ9e2VtcHR5VGFibGVDb250ZW50SGVpZ2h0fVxuICAgICAgPlxuICAgICAgICB7Ym9keUNvbnRlbnR9XG4gICAgICA8L0VtcHR5VGFibGVCb2R5PlxuICAgICk7XG4gIH1cblxuICBpZiAoaXNFbXB0eSkge1xuICAgIHJldHVybiAoXG4gICAgICA8RW1wdHlUYWJsZUJvZHlcbiAgICAgICAgY29sdW1ucz17Y29sdW1uc31cbiAgICAgICAgZW1wdHlUYWJsZUNvbnRlbnRIZWlnaHQ9e2VtcHR5VGFibGVDb250ZW50SGVpZ2h0fVxuICAgICAgPlxuICAgICAgICA8PntjaGlsZHJlbn08Lz5cbiAgICAgIDwvRW1wdHlUYWJsZUJvZHk+XG4gICAgKTtcbiAgfVxuXG4gIGNvbnN0IHJvd0VsZW1lbnRzID0gcm93cy5tYXAoKHJvdykgPT4gKFxuICAgIDxTdHlsZWRUciBrZXk9e3Jvdy5pZH0gZm9vdGVyPXtmb290ZXJ9PlxuICAgICAge2NvbHVtbnMubWFwKCh7IG5hbWUsIGFsaWduID0gXCJsZWZ0XCIsIHJlbmRlckNlbGwgfSkgPT4ge1xuICAgICAgICBjb25zdCBjb250ZW50ID0gcmVuZGVyQ2VsbCA/IChcbiAgICAgICAgICByZW5kZXJDZWxsKHJvdylcbiAgICAgICAgKSA6IChcbiAgICAgICAgICA8U3R5bGVkVGV4dCBzaXplPVwic1wiIGFsaWduQ29sdW1uPXthbGlnbn0+XG4gICAgICAgICAgICB7cm93W25hbWVdID8gcm93W25hbWVdIDogZW1wdHlDZWxsQ29udGVudH1cbiAgICAgICAgICA8L1N0eWxlZFRleHQ+XG4gICAgICAgICk7XG5cbiAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICA8U3R5bGVkVGRcbiAgICAgICAgICAgIGtleT17bmFtZX1cbiAgICAgICAgICAgIGFsaWduQ29sdW1uPXthbGlnbn1cbiAgICAgICAgICAgIGlzRmlyc3RDb2x1bW5TdGlja3k9e2lzRmlyc3RDb2x1bW5TdGlja3l9XG4gICAgICAgICAgICBib2R5Q2VsbFZlcnRpY2FsUGFkZGluZz17Ym9keUNlbGxWZXJ0aWNhbFBhZGRpbmd9XG4gICAgICAgICAgICBpc1RhYmxlU2Nyb2xsZWQ9e2lzVGFibGVTY3JvbGxlZH1cbiAgICAgICAgICA+XG4gICAgICAgICAgICB7Y29udGVudH1cbiAgICAgICAgICA8L1N0eWxlZFRkPlxuICAgICAgICApO1xuICAgICAgfSl9XG4gICAgPC9TdHlsZWRUcj5cbiAgKSk7XG5cbiAgcmV0dXJuIDx0Ym9keSBjbGFzc05hbWU9e2NsYXNzTmFtZX0+e3Jvd0VsZW1lbnRzfTwvdGJvZHk+O1xufVxuXG5leHBvcnQgZGVmYXVsdCBSZWFjdC5tZW1vKFRhYmxlQm9keSk7XG4iXX0= */");
+const StyledEmptyTd = /*#__PURE__*/_styled("td", process.env.NODE_ENV === "production" ? {
+  target: "e1q8il1q0"
+} : {
+  target: "e1q8il1q0",
+  label: "StyledEmptyTd"
+})(_ref4 => {
+  let {
+    emptyTableContentHeight
+  } = _ref4;
+  return {
+    textAlign: "center",
+    ...mqValue({
+      height: emptyTableContentHeight
+    })
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhYmxlQm9keS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0VzQiIsImZpbGUiOiJUYWJsZUJvZHkudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgdHlwZSB7IERhdGFUYWJsZUNvbHVtbiB9IGZyb20gXCIuL3R5cGVzXCI7XG5pbXBvcnQgVGFibGVDZWxsLCB7IFRhYmxlQ2VsbFByb3BzIH0gZnJvbSBcIi4vVGFibGVDZWxsXCI7XG5pbXBvcnQgeyBUZXh0IH0gZnJvbSBcIi4uL1R5cG9ncmFwaHkvVGV4dC9UZXh0XCI7XG5pbXBvcnQgdHlwZSB7IERhdGFUYWJsZVByb3BzIH0gZnJvbSBcIi4vRGF0YVRhYmxlXCI7XG5pbXBvcnQgeyBMb2FkaW5nU3Bpbm5lciB9IGZyb20gXCIuLi9Mb2FkaW5nU3Bpbm5lci9Mb2FkaW5nU3Bpbm5lclwiO1xuaW1wb3J0IHsgbXEsIG1xVmFsdWUgfSBmcm9tIFwiLi4vLi4vc2hhcmVkL21lZGlhUXVlcmllc1wiO1xuXG5leHBvcnQgdHlwZSBUYWJsZUJvZHlQcm9wcyA9IHtcbiAgY2xhc3NOYW1lPzogc3RyaW5nO1xuICBpc1RhYmxlU2Nyb2xsZWQ6IGJvb2xlYW47XG59ICYgUGljazxcbiAgRGF0YVRhYmxlUHJvcHMsXG4gIHwgXCJjb2x1bW5zXCJcbiAgfCBcInJvd3NcIlxuICB8IFwiaXNMb2FkaW5nXCJcbiAgfCBcImxvYWRpbmdTdGF0ZVNjcmVlblJlYWRlclRleHRcIlxuICB8IFwiaXNFbXB0eVwiXG4gIHwgXCJlbXB0eVRhYmxlQ29udGVudEhlaWdodFwiXG4gIHwgXCJib2R5Q2VsbFZlcnRpY2FsUGFkZGluZ1wiXG4gIHwgXCJmb290ZXJcIlxuICB8IFwiaXNGaXJzdENvbHVtblN0aWNreVwiXG4gIHwgXCJlbXB0eUNlbGxDb250ZW50XCJcbj47XG5cbnR5cGUgU3R5bGVkVHJQcm9wcyA9IFBpY2s8VGFibGVCb2R5UHJvcHMsIFwiZm9vdGVyXCI+O1xuXG5jb25zdCBTdHlsZWRUciA9IHN0eWxlZC50cjxTdHlsZWRUclByb3BzPigoeyB0aGVtZSwgZm9vdGVyIH0pID0+ICh7XG4gIFwiJjpob3ZlciB0ZFwiOiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5zZWNvbmRhcnkuZGVmYXVsdCxcbiAgfSxcblxuICAuLi4oIWZvb3RlciAmJiB7XG4gICAgXCImOmxhc3Qtb2YtdHlwZVwiOiB7XG4gICAgICB0ZDoge1xuICAgICAgICBib3JkZXJCb3R0b206IFwibm9uZVwiLFxuICAgICAgfSxcbiAgICB9LFxuICB9KSxcbn0pKTtcblxudHlwZSBTdHlsZWRUZXh0UHJvcHMgPSB7XG4gIGFsaWduQ29sdW1uPzogRGF0YVRhYmxlQ29sdW1uW1wiYWxpZ25cIl07XG59O1xuXG5jb25zdCBTdHlsZWRUZXh0ID0gc3R5bGVkKFRleHQpPFN0eWxlZFRleHRQcm9wcz4oKHsgYWxpZ25Db2x1bW4gfSkgPT4gKHtcbiAgLi4ubXFWYWx1ZSh7XG4gICAgdGV4dEFsaWduOiBhbGlnbkNvbHVtbixcbiAgfSksXG59KSk7XG5cbnR5cGUgU3R5bGVkVGRQcm9wcyA9IFRhYmxlQ2VsbFByb3BzICZcbiAgUGljazxUYWJsZUJvZHlQcm9wcywgXCJpc0ZpcnN0Q29sdW1uU3RpY2t5XCIgfCBcImJvZHlDZWxsVmVydGljYWxQYWRkaW5nXCI+O1xuXG5jb25zdCBTdHlsZWRUZCA9IHN0eWxlZChUYWJsZUNlbGwpPFN0eWxlZFRkUHJvcHM+KFxuICAoeyB0aGVtZSwgYm9keUNlbGxWZXJ0aWNhbFBhZGRpbmcgfSkgPT4gKHtcbiAgICAuLi5tcSh7XG4gICAgICBwYWRkaW5nOiBbXG4gICAgICAgIGJvZHlDZWxsVmVydGljYWxQYWRkaW5nLFxuICAgICAgICB7XG4gICAgICAgICAgczogYCR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5zfSAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubX1gLFxuICAgICAgICAgIG06IGAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubX0gJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLm19YCxcbiAgICAgICAgICBsOiBgJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLmx9ICR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tfWAsXG4gICAgICAgIH0gYXMgYW55LFxuICAgICAgXSxcbiAgICB9KSxcbiAgfSlcbik7XG5cbnR5cGUgRW1wdHlUYWJsZUJvZHlQcm9wcyA9IFBpY2s8XG4gIFRhYmxlQm9keVByb3BzLFxuICBcImNvbHVtbnNcIiB8IFwiZW1wdHlUYWJsZUNvbnRlbnRIZWlnaHRcIlxuPiAmIHtcbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0RWxlbWVudDtcbn07XG5cbnR5cGUgU3R5bGVkRW1wdHlUZFByb3BzID0gUGljazxFbXB0eVRhYmxlQm9keVByb3BzLCBcImVtcHR5VGFibGVDb250ZW50SGVpZ2h0XCI+O1xuXG5jb25zdCBTdHlsZWRFbXB0eVRkID0gc3R5bGVkLnRkPFN0eWxlZEVtcHR5VGRQcm9wcz4oXG4gICh7IGVtcHR5VGFibGVDb250ZW50SGVpZ2h0IH0pID0+ICh7XG4gICAgdGV4dEFsaWduOiBcImNlbnRlclwiLFxuICAgIC4uLm1xVmFsdWUoe1xuICAgICAgaGVpZ2h0OiBlbXB0eVRhYmxlQ29udGVudEhlaWdodCxcbiAgICB9KSxcbiAgfSlcbik7XG5cbmZ1bmN0aW9uIEVtcHR5VGFibGVCb2R5KHtcbiAgY2hpbGRyZW4sXG4gIGNvbHVtbnMsXG4gIGVtcHR5VGFibGVDb250ZW50SGVpZ2h0LFxufTogRW1wdHlUYWJsZUJvZHlQcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIHJldHVybiAoXG4gICAgPHRib2R5PlxuICAgICAgPHRyPlxuICAgICAgICA8U3R5bGVkRW1wdHlUZFxuICAgICAgICAgIGNvbFNwYW49e2NvbHVtbnMubGVuZ3RofVxuICAgICAgICAgIGVtcHR5VGFibGVDb250ZW50SGVpZ2h0PXtlbXB0eVRhYmxlQ29udGVudEhlaWdodH1cbiAgICAgICAgPlxuICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgPC9TdHlsZWRFbXB0eVRkPlxuICAgICAgPC90cj5cbiAgICA8L3Rib2R5PlxuICApO1xufVxuXG5mdW5jdGlvbiBUYWJsZUJvZHkoe1xuICBjbGFzc05hbWUsXG4gIGNvbHVtbnMsXG4gIHJvd3MgPSBbXSxcbiAgYm9keUNlbGxWZXJ0aWNhbFBhZGRpbmcsXG4gIGlzVGFibGVTY3JvbGxlZCxcbiAgaXNMb2FkaW5nLFxuICBsb2FkaW5nU3RhdGVTY3JlZW5SZWFkZXJUZXh0ID0gXCJMb2FkaW5nXCIsXG4gIGlzRW1wdHksXG4gIGVtcHR5VGFibGVDb250ZW50SGVpZ2h0LFxuICBmb290ZXIsXG4gIGNoaWxkcmVuLFxuICBpc0ZpcnN0Q29sdW1uU3RpY2t5LFxuICBlbXB0eUNlbGxDb250ZW50LFxufTogUmVhY3QuUHJvcHNXaXRoQ2hpbGRyZW48VGFibGVCb2R5UHJvcHM+KTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgaWYgKGlzTG9hZGluZykge1xuICAgIGNvbnN0IGN1c3RvbUxvYWRpbmdDb250ZW50ID0gY2hpbGRyZW4gJiYgPD57Y2hpbGRyZW59PC8+O1xuICAgIGNvbnN0IGJvZHlDb250ZW50ID0gY3VzdG9tTG9hZGluZ0NvbnRlbnQgfHwgKFxuICAgICAgPExvYWRpbmdTcGlubmVyIHNjcmVlblJlYWRlclRleHQ9e2xvYWRpbmdTdGF0ZVNjcmVlblJlYWRlclRleHR9IC8+XG4gICAgKTtcblxuICAgIHJldHVybiAoXG4gICAgICA8RW1wdHlUYWJsZUJvZHlcbiAgICAgICAgY29sdW1ucz17Y29sdW1uc31cbiAgICAgICAgZW1wdHlUYWJsZUNvbnRlbnRIZWlnaHQ9e2VtcHR5VGFibGVDb250ZW50SGVpZ2h0fVxuICAgICAgPlxuICAgICAgICB7Ym9keUNvbnRlbnR9XG4gICAgICA8L0VtcHR5VGFibGVCb2R5PlxuICAgICk7XG4gIH1cblxuICBpZiAoaXNFbXB0eSkge1xuICAgIHJldHVybiAoXG4gICAgICA8RW1wdHlUYWJsZUJvZHlcbiAgICAgICAgY29sdW1ucz17Y29sdW1uc31cbiAgICAgICAgZW1wdHlUYWJsZUNvbnRlbnRIZWlnaHQ9e2VtcHR5VGFibGVDb250ZW50SGVpZ2h0fVxuICAgICAgPlxuICAgICAgICA8PntjaGlsZHJlbn08Lz5cbiAgICAgIDwvRW1wdHlUYWJsZUJvZHk+XG4gICAgKTtcbiAgfVxuXG4gIGNvbnN0IHJvd0VsZW1lbnRzID0gcm93cy5tYXAoKHJvdykgPT4gKFxuICAgIDxTdHlsZWRUciBrZXk9e3Jvdy5pZH0gZm9vdGVyPXtmb290ZXJ9PlxuICAgICAge2NvbHVtbnMubWFwKCh7IG5hbWUsIGFsaWduID0gXCJsZWZ0XCIsIHJlbmRlckNlbGwgfSkgPT4ge1xuICAgICAgICBjb25zdCBjb250ZW50ID0gcmVuZGVyQ2VsbCA/IChcbiAgICAgICAgICByZW5kZXJDZWxsKHJvdylcbiAgICAgICAgKSA6IChcbiAgICAgICAgICA8U3R5bGVkVGV4dCBzaXplPVwic1wiIGFsaWduQ29sdW1uPXthbGlnbn0+XG4gICAgICAgICAgICB7cm93W25hbWVdID8gcm93W25hbWVdIDogZW1wdHlDZWxsQ29udGVudH1cbiAgICAgICAgICA8L1N0eWxlZFRleHQ+XG4gICAgICAgICk7XG5cbiAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICA8U3R5bGVkVGRcbiAgICAgICAgICAgIGtleT17bmFtZX1cbiAgICAgICAgICAgIGFsaWduQ29sdW1uPXthbGlnbn1cbiAgICAgICAgICAgIGlzRmlyc3RDb2x1bW5TdGlja3k9e2lzRmlyc3RDb2x1bW5TdGlja3l9XG4gICAgICAgICAgICBib2R5Q2VsbFZlcnRpY2FsUGFkZGluZz17Ym9keUNlbGxWZXJ0aWNhbFBhZGRpbmd9XG4gICAgICAgICAgICBpc1RhYmxlU2Nyb2xsZWQ9e2lzVGFibGVTY3JvbGxlZH1cbiAgICAgICAgICA+XG4gICAgICAgICAgICB7Y29udGVudH1cbiAgICAgICAgICA8L1N0eWxlZFRkPlxuICAgICAgICApO1xuICAgICAgfSl9XG4gICAgPC9TdHlsZWRUcj5cbiAgKSk7XG5cbiAgcmV0dXJuIDx0Ym9keSBjbGFzc05hbWU9e2NsYXNzTmFtZX0+e3Jvd0VsZW1lbnRzfTwvdGJvZHk+O1xufVxuXG5leHBvcnQgZGVmYXVsdCBSZWFjdC5tZW1vKFRhYmxlQm9keSk7XG4iXX0= */");
+function EmptyTableBody(_ref5) {
+  let {
+    children,
+    columns,
+    emptyTableContentHeight
+  } = _ref5;
+  return /*#__PURE__*/React.createElement("tbody", null, /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement(StyledEmptyTd, {
+    colSpan: columns.length,
+    emptyTableContentHeight: emptyTableContentHeight
+  }, children)));
+}
+function TableBody(_ref6) {
+  let {
+    className,
+    columns,
+    rows = [],
+    bodyCellVerticalPadding,
+    isTableScrolled,
+    isLoading,
+    loadingStateScreenReaderText = "Loading",
+    isEmpty,
+    emptyTableContentHeight,
+    footer,
+    children,
+    isFirstColumnSticky,
+    emptyCellContent
+  } = _ref6;
+  if (isLoading) {
+    const customLoadingContent = children && /*#__PURE__*/React.createElement(React.Fragment, null, children);
+    const bodyContent = customLoadingContent || /*#__PURE__*/React.createElement(LoadingSpinner, {
+      screenReaderText: loadingStateScreenReaderText
+    });
+    return /*#__PURE__*/React.createElement(EmptyTableBody, {
+      columns: columns,
+      emptyTableContentHeight: emptyTableContentHeight
+    }, bodyContent);
+  }
+  if (isEmpty) {
+    return /*#__PURE__*/React.createElement(EmptyTableBody, {
+      columns: columns,
+      emptyTableContentHeight: emptyTableContentHeight
+    }, /*#__PURE__*/React.createElement(React.Fragment, null, children));
+  }
+  const rowElements = rows.map(row => /*#__PURE__*/React.createElement(StyledTr, {
+    key: row.id,
+    footer: footer
+  }, columns.map(_ref7 => {
+    let {
+      name,
+      align = "left",
+      renderCell
+    } = _ref7;
+    const content = renderCell ? renderCell(row) : /*#__PURE__*/React.createElement(StyledText, {
+      size: "s",
+      alignColumn: align
+    }, row[name] ? row[name] : emptyCellContent);
+    return /*#__PURE__*/React.createElement(StyledTd, {
+      key: name,
+      alignColumn: align,
+      isFirstColumnSticky: isFirstColumnSticky,
+      bodyCellVerticalPadding: bodyCellVerticalPadding,
+      isTableScrolled: isTableScrolled
+    }, content);
+  })));
+  return /*#__PURE__*/React.createElement("tbody", {
+    className: className
+  }, rowElements);
+}
+var TableBody$1 = /*#__PURE__*/React.memo(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 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\";\nimport { LoadingSpinner } from \"../LoadingSpinner/LoadingSpinner\";\nimport { mq, mqValue } from \"../../shared/mediaQueries\";\n\nexport type TableBodyProps = {\n  className?: string;\n  isTableScrolled: boolean;\n} & Pick<\n  DataTableProps,\n  | \"columns\"\n  | \"rows\"\n  | \"isLoading\"\n  | \"loadingStateScreenReaderText\"\n  | \"isEmpty\"\n  | \"emptyTableContentHeight\"\n  | \"bodyCellVerticalPadding\"\n  | \"footer\"\n  | \"isFirstColumnSticky\"\n  | \"emptyCellContent\"\n>;\n\ntype StyledTrProps = Pick<TableBodyProps, \"footer\">;\n\nconst StyledTr = styled.tr<StyledTrProps>(({ theme, footer }) => ({\n  \"&:hover td\": {\n    backgroundColor: theme.values.color.background.secondary.default,\n  },\n\n  ...(!footer && {\n    \"&:last-of-type\": {\n      td: {\n        borderBottom: \"none\",\n      },\n    },\n  }),\n}));\n\ntype StyledTextProps = {\n  alignColumn?: DataTableColumn[\"align\"];\n};\n\nconst StyledText = styled(Text)<StyledTextProps>(({ alignColumn }) => ({\n  ...mqValue({\n    textAlign: alignColumn,\n  }),\n}));\n\ntype StyledTdProps = TableCellProps &\n  Pick<TableBodyProps, \"isFirstColumnSticky\" | \"bodyCellVerticalPadding\">;\n\nconst StyledTd = styled(TableCell)<StyledTdProps>(\n  ({ theme, bodyCellVerticalPadding }) => ({\n    ...mq({\n      padding: [\n        bodyCellVerticalPadding,\n        {\n          s: `${theme.variables.size.spacing.s} ${theme.variables.size.spacing.m}`,\n          m: `${theme.variables.size.spacing.m} ${theme.variables.size.spacing.m}`,\n          l: `${theme.variables.size.spacing.l} ${theme.variables.size.spacing.m}`,\n        } as any,\n      ],\n    }),\n  })\n);\n\ntype EmptyTableBodyProps = Pick<\n  TableBodyProps,\n  \"columns\" | \"emptyTableContentHeight\"\n> & {\n  children: React.ReactElement;\n};\n\ntype StyledEmptyTdProps = Pick<EmptyTableBodyProps, \"emptyTableContentHeight\">;\n\nconst StyledEmptyTd = styled.td<StyledEmptyTdProps>(\n  ({ emptyTableContentHeight }) => ({\n    textAlign: \"center\",\n    ...mqValue({\n      height: emptyTableContentHeight,\n    }),\n  })\n);\n\nfunction EmptyTableBody({\n  children,\n  columns,\n  emptyTableContentHeight,\n}: EmptyTableBodyProps): React.ReactElement {\n  return (\n    <tbody>\n      <tr>\n        <StyledEmptyTd\n          colSpan={columns.length}\n          emptyTableContentHeight={emptyTableContentHeight}\n        >\n          {children}\n        </StyledEmptyTd>\n      </tr>\n    </tbody>\n  );\n}\n\nfunction TableBody({\n  className,\n  columns,\n  rows = [],\n  bodyCellVerticalPadding,\n  isTableScrolled,\n  isLoading,\n  loadingStateScreenReaderText = \"Loading\",\n  isEmpty,\n  emptyTableContentHeight,\n  footer,\n  children,\n  isFirstColumnSticky,\n  emptyCellContent,\n}: React.PropsWithChildren<TableBodyProps>): React.ReactElement {\n  if (isLoading) {\n    const customLoadingContent = children && <>{children}</>;\n    const bodyContent = customLoadingContent || (\n      <LoadingSpinner screenReaderText={loadingStateScreenReaderText} />\n    );\n\n    return (\n      <EmptyTableBody\n        columns={columns}\n        emptyTableContentHeight={emptyTableContentHeight}\n      >\n        {bodyContent}\n      </EmptyTableBody>\n    );\n  }\n\n  if (isEmpty) {\n    return (\n      <EmptyTableBody\n        columns={columns}\n        emptyTableContentHeight={emptyTableContentHeight}\n      >\n        <>{children}</>\n      </EmptyTableBody>\n    );\n  }\n\n  const rowElements = rows.map((row) => (\n    <StyledTr key={row.id} footer={footer}>\n      {columns.map(({ name, align = \"left\", renderCell }) => {\n        const content = renderCell ? (\n          renderCell(row)\n        ) : (\n          <StyledText size=\"s\" alignColumn={align}>\n            {row[name] ? row[name] : emptyCellContent}\n          </StyledText>\n        );\n\n        return (\n          <StyledTd\n            key={name}\n            alignColumn={align}\n            isFirstColumnSticky={isFirstColumnSticky}\n            bodyCellVerticalPadding={bodyCellVerticalPadding}\n            isTableScrolled={isTableScrolled}\n          >\n            {content}\n          </StyledTd>\n        );\n      })}\n    </StyledTr>\n  ));\n\n  return <tbody className={className}>{rowElements}</tbody>;\n}\n\nexport default React.memo(TableBody);\n"],"names":["StyledTr","_styled","process","env","NODE_ENV","target","label","_ref","theme","footer","backgroundColor","values","color","background","secondary","default","td","borderBottom","StyledText","Text","_ref2","alignColumn","mqValue","textAlign","StyledTd","TableCell","_ref3","bodyCellVerticalPadding","mq","padding","s","variables","size","spacing","m","l","StyledEmptyTd","_ref4","emptyTableContentHeight","height","EmptyTableBody","_ref5","children","columns","React","createElement","colSpan","length","TableBody","_ref6","className","rows","isTableScrolled","isLoading","loadingStateScreenReaderText","isEmpty","isFirstColumnSticky","emptyCellContent","customLoadingContent","Fragment","bodyContent","LoadingSpinner","screenReaderText","rowElements","map","row","key","id","_ref7","name","align","renderCell","content","memo"],"mappings":"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"}

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

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import type { TableBodyProps } from "./TableBody";
+import type { DataTableColumn } from "./types";
+export declare type TableCellProps = {
+    alignColumn?: DataTableColumn["align"];
+    columnWidth?: DataTableColumn["width"];
+} & Pick<TableBodyProps, "isFirstColumnSticky" | "isTableScrolled">;
+declare const TableCell: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+} & {
+    alignColumn?: DataTableColumn["align"];
+    columnWidth?: DataTableColumn["width"];
+} & Pick<TableBodyProps, "isFirstColumnSticky" | "isTableScrolled">, import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, {}>;
+export default TableCell;

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

@@ -0,0 +1,38 @@
+import _styled from '@emotion/styled/base';
+import { mqValue } from '../../shared/mediaQueries.js';
+
+const TableCell = /*#__PURE__*/_styled("td", process.env.NODE_ENV === "production" ? {
+  target: "e1ez0ram0"
+} : {
+  target: "e1ez0ram0",
+  label: "TableCell"
+})(_ref => {
+  let {
+    theme,
+    isFirstColumnSticky,
+    isTableScrolled,
+    alignColumn,
+    columnWidth
+  } = _ref;
+  return {
+    borderBottom: `1px solid ${theme.values.color.divider.primary}`,
+    ...mqValue({
+      textAlign: alignColumn
+    }),
+    ...mqValue({
+      width: columnWidth
+    }),
+    ...(isFirstColumnSticky && isTableScrolled && {
+      "&:first-of-type": {
+        position: "sticky",
+        left: 0,
+        borderRight: `1px solid ${theme.values.color.divider.primary}`,
+        backgroundColor: theme.values.color.background.primary.default
+      }
+    })
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhYmxlQ2VsbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBVWtCIiwiZmlsZSI6IlRhYmxlQ2VsbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB0eXBlIHsgVGFibGVCb2R5UHJvcHMgfSBmcm9tIFwiLi9UYWJsZUJvZHlcIjtcbmltcG9ydCB0eXBlIHsgRGF0YVRhYmxlQ29sdW1uIH0gZnJvbSBcIi4vdHlwZXNcIjtcbmltcG9ydCB7IG1xVmFsdWUgfSBmcm9tIFwiLi4vLi4vc2hhcmVkL21lZGlhUXVlcmllc1wiO1xuXG5leHBvcnQgdHlwZSBUYWJsZUNlbGxQcm9wcyA9IHtcbiAgYWxpZ25Db2x1bW4/OiBEYXRhVGFibGVDb2x1bW5bXCJhbGlnblwiXTtcbiAgY29sdW1uV2lkdGg/OiBEYXRhVGFibGVDb2x1bW5bXCJ3aWR0aFwiXTtcbn0gJiBQaWNrPFRhYmxlQm9keVByb3BzLCBcImlzRmlyc3RDb2x1bW5TdGlja3lcIiB8IFwiaXNUYWJsZVNjcm9sbGVkXCI+O1xuXG5jb25zdCBUYWJsZUNlbGwgPSBzdHlsZWQudGQ8VGFibGVDZWxsUHJvcHM+KFxuICAoe1xuICAgIHRoZW1lLFxuICAgIGlzRmlyc3RDb2x1bW5TdGlja3ksXG4gICAgaXNUYWJsZVNjcm9sbGVkLFxuICAgIGFsaWduQ29sdW1uLFxuICAgIGNvbHVtbldpZHRoLFxuICB9KSA9PiAoe1xuICAgIGJvcmRlckJvdHRvbTogYDFweCBzb2xpZCAke3RoZW1lLnZhbHVlcy5jb2xvci5kaXZpZGVyLnByaW1hcnl9YCxcbiAgICAuLi5tcVZhbHVlKHtcbiAgICAgIHRleHRBbGlnbjogYWxpZ25Db2x1bW4sXG4gICAgfSksXG4gICAgLi4ubXFWYWx1ZSh7XG4gICAgICB3aWR0aDogY29sdW1uV2lkdGgsXG4gICAgfSksXG4gICAgLi4uKGlzRmlyc3RDb2x1bW5TdGlja3kgJiZcbiAgICAgIGlzVGFibGVTY3JvbGxlZCAmJiB7XG4gICAgICAgIFwiJjpmaXJzdC1vZi10eXBlXCI6IHtcbiAgICAgICAgICBwb3NpdGlvbjogXCJzdGlja3lcIixcbiAgICAgICAgICBsZWZ0OiAwLFxuICAgICAgICAgIGJvcmRlclJpZ2h0OiBgMXB4IHNvbGlkICR7dGhlbWUudmFsdWVzLmNvbG9yLmRpdmlkZXIucHJpbWFyeX1gLFxuICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQucHJpbWFyeS5kZWZhdWx0LFxuICAgICAgICB9LFxuICAgICAgfSksXG4gIH0pXG4pO1xuXG5leHBvcnQgZGVmYXVsdCBUYWJsZUNlbGw7XG4iXX0= */");
+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\";\nimport type { TableBodyProps } from \"./TableBody\";\nimport type { DataTableColumn } from \"./types\";\nimport { mqValue } from \"../../shared/mediaQueries\";\n\nexport type TableCellProps = {\n  alignColumn?: DataTableColumn[\"align\"];\n  columnWidth?: DataTableColumn[\"width\"];\n} & Pick<TableBodyProps, \"isFirstColumnSticky\" | \"isTableScrolled\">;\n\nconst TableCell = styled.td<TableCellProps>(\n  ({\n    theme,\n    isFirstColumnSticky,\n    isTableScrolled,\n    alignColumn,\n    columnWidth,\n  }) => ({\n    borderBottom: `1px solid ${theme.values.color.divider.primary}`,\n    ...mqValue({\n      textAlign: alignColumn,\n    }),\n    ...mqValue({\n      width: columnWidth,\n    }),\n    ...(isFirstColumnSticky &&\n      isTableScrolled && {\n        \"&:first-of-type\": {\n          position: \"sticky\",\n          left: 0,\n          borderRight: `1px solid ${theme.values.color.divider.primary}`,\n          backgroundColor: theme.values.color.background.primary.default,\n        },\n      }),\n  })\n);\n\nexport default TableCell;\n"],"names":["TableCell","_styled","process","env","NODE_ENV","target","label","_ref","theme","isFirstColumnSticky","isTableScrolled","alignColumn","columnWidth","borderBottom","values","color","divider","primary","mqValue","textAlign","width","position","left","borderRight","backgroundColor","background","default"],"mappings":";;;AAUA,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,CAChBC,IAAA,IAAA;EAAA,IAAC;IACCC,KAAK;IACLC,mBAAmB;IACnBC,eAAe;IACfC,WAAW;AACXC,IAAAA,WAAAA;AACF,GAAC,GAAAL,IAAA,CAAA;EAAA,OAAM;IACLM,YAAY,EAAG,CAAYL,UAAAA,EAAAA,KAAK,CAACM,MAAM,CAACC,KAAK,CAACC,OAAO,CAACC,OAAQ,CAAC,CAAA;AAC/D,IAAA,GAAGC,OAAO,CAAC;AACTC,MAAAA,SAAS,EAAER,WAAAA;AACb,KAAC,CAAC;AACF,IAAA,GAAGO,OAAO,CAAC;AACTE,MAAAA,KAAK,EAAER,WAAAA;AACT,KAAC,CAAC;IACF,IAAIH,mBAAmB,IACrBC,eAAe,IAAI;AACjB,MAAA,iBAAiB,EAAE;AACjBW,QAAAA,QAAQ,EAAE,QAAQ;AAClBC,QAAAA,IAAI,EAAE,CAAC;QACPC,WAAW,EAAG,CAAYf,UAAAA,EAAAA,KAAK,CAACM,MAAM,CAACC,KAAK,CAACC,OAAO,CAACC,OAAQ,CAAC,CAAA;QAC9DO,eAAe,EAAEhB,KAAK,CAACM,MAAM,CAACC,KAAK,CAACU,UAAU,CAACR,OAAO,CAACS,OAAAA;AACzD,OAAA;KACD,CAAA;GACJ,CAAA;AAAA,CAAC,EAAAxB,OAAA,CAAAC,GAAA,CAAAC,QAAA,srDACJ,CAAC,CAAA;AAED,kBAAeJ,SAAS;;;;"}

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

@@ -0,0 +1,9 @@
+import React from "react";
+import type { DataTableProps } from "./DataTable";
+export declare type TableHeaderProps = {
+    className?: string;
+    isTableScrolled: boolean;
+} & Pick<DataTableProps, "columns" | "rows" | "onSort" | "currentlySortedByColumn" | "isFirstColumnSticky">;
+declare function TableHeader({ className, columns, isFirstColumnSticky, currentlySortedByColumn, isTableScrolled, onSort, }: TableHeaderProps): React.ReactElement;
+declare const _default: React.MemoExoticComponent<typeof TableHeader>;
+export default _default;

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

@@ -0,0 +1,185 @@
+import _extends from '@babel/runtime/helpers/extends';
+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';
+import { mqValue } from '../../shared/mediaQueries.js';
+
+const SORT_DIRECTION_ICON = {
+  asc: "sort-ascending",
+  desc: "sort-descending"
+};
+const SORT_DIRECTION_TEXT = {
+  asc: "ascending",
+  desc: "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,
+    verticalAlign: "middle",
+    color: theme.values.color.text.primary.default
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhYmxlSGVhZGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrQ2lCIiwiZmlsZSI6IlRhYmxlSGVhZGVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cblxuaW1wb3J0IFJlYWN0LCB7IHVzZVN0YXRlIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB0eXBlIHsgRGF0YVRhYmxlQ29sdW1uIH0gZnJvbSBcIi4vdHlwZXNcIjtcbmltcG9ydCB7IFRleHQgfSBmcm9tIFwiLi4vVHlwb2dyYXBoeS9UZXh0L1RleHRcIjtcbmltcG9ydCB7IEljb24sIEljb25OYW1lIH0gZnJvbSBcIi4uL0ljb24vSWNvblwiO1xuaW1wb3J0IFRhYmxlQ2VsbCBmcm9tIFwiLi9UYWJsZUNlbGxcIjtcbmltcG9ydCB0eXBlIHsgRGF0YVRhYmxlUHJvcHMgfSBmcm9tIFwiLi9EYXRhVGFibGVcIjtcbmltcG9ydCB7IG1xVmFsdWUgfSBmcm9tIFwiLi4vLi4vc2hhcmVkL21lZGlhUXVlcmllc1wiO1xuXG5leHBvcnQgdHlwZSBUYWJsZUhlYWRlclByb3BzID0ge1xuICBjbGFzc05hbWU/OiBzdHJpbmc7XG4gIGlzVGFibGVTY3JvbGxlZDogYm9vbGVhbjtcbn0gJiBQaWNrPFxuICBEYXRhVGFibGVQcm9wcyxcbiAgfCBcImNvbHVtbnNcIlxuICB8IFwicm93c1wiXG4gIHwgXCJvblNvcnRcIlxuICB8IFwiY3VycmVudGx5U29ydGVkQnlDb2x1bW5cIlxuICB8IFwiaXNGaXJzdENvbHVtblN0aWNreVwiXG4+O1xuXG5jb25zdCBTT1JUX0RJUkVDVElPTl9JQ09OOiBSZWNvcmQ8RGF0YVRhYmxlQ29sdW1uW1wic29ydERpcmVjdGlvblwiXSwgSWNvbk5hbWU+ID1cbiAge1xuICAgIGFzYzogXCJzb3J0LWFzY2VuZGluZ1wiLFxuICAgIGRlc2M6IFwic29ydC1kZXNjZW5kaW5nXCIsXG4gIH07XG5cbmNvbnN0IFNPUlRfRElSRUNUSU9OX1RFWFQgPSB7XG4gIGFzYzogXCJhc2NlbmRpbmdcIiBhcyBjb25zdCxcbiAgZGVzYzogXCJkZXNjZW5kaW5nXCIgYXMgY29uc3QsXG59O1xuXG5jb25zdCBTb3J0SWNvbiA9IHN0eWxlZC5zcGFuKCh7IHRoZW1lIH0pID0+ICh7XG4gIG1hcmdpbkxlZnQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHh4cyxcbiAgdmVydGljYWxBbGlnbjogXCJtaWRkbGVcIixcbiAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnByaW1hcnkuZGVmYXVsdCxcbn0pKTtcblxudHlwZSBTdHlsZWRIZWFkZXJMYWJlbFByb3BzID0ge1xuICBhbGlnbkNvbHVtbj86IERhdGFUYWJsZUNvbHVtbltcImFsaWduXCJdO1xufTtcblxuY29uc3QgU3R5bGVkSGVhZGVyTGFiZWwgPSBzdHlsZWQoVGV4dCk8U3R5bGVkSGVhZGVyTGFiZWxQcm9wcz4oXG4gICh7IHRoZW1lLCBhbGlnbkNvbHVtbiB9KSA9PiAoe1xuICAgIGZvbnRXZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy53ZWlnaHQuYm9sZCxcbiAgICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LmhlYWRlci54eHMsXG4gICAgbGV0dGVyU3BhY2luZzogdGhlbWUudmFyaWFibGVzLnNpemUubGV0dGVyU3BhY2luZy5oZWFkZXIuaDYsXG4gICAgLi4ubXFWYWx1ZSh7XG4gICAgICB0ZXh0QWxpZ246IGFsaWduQ29sdW1uLFxuICAgIH0pLFxuICB9KVxuKTtcblxudHlwZSBTdHlsZWRTb3J0YWJsZUhlYWRlclByb3BzID0ge1xuICBhbGlnbkNvbHVtbjogRGF0YVRhYmxlQ29sdW1uW1wiYWxpZ25cIl07XG59O1xuY29uc3QgU3R5bGVkU29ydGFibGVIZWFkZXIgPSBzdHlsZWQuYnV0dG9uPFN0eWxlZFNvcnRhYmxlSGVhZGVyUHJvcHM+KFxuICAoeyB0aGVtZSwgYWxpZ25Db2x1bW4gfSkgPT4gKHtcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgaGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LmhlYWRlci54eHMsXG4gICAgcGFkZGluZzogMCxcbiAgICBiYWNrZ3JvdW5kOiBcIm5vbmVcIixcbiAgICBib3JkZXI6IFwibm9uZVwiLFxuICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgLi4ubXFWYWx1ZSh7XG4gICAgICB0ZXh0QWxpZ246IGFsaWduQ29sdW1uLFxuICAgIH0pLFxuXG4gICAgW2AmOmhvdmVyICR7U3R5bGVkSGVhZGVyTGFiZWx9YF06IHtcbiAgICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5wcmltYXJ5LmRlZmF1bHQsXG4gICAgfSxcbiAgfSlcbik7XG5cbnR5cGUgU29ydGFibGVIZWFkZXJQcm9wcyA9IFBpY2s8XG4gIFRhYmxlSGVhZGVyUHJvcHMsXG4gIFwib25Tb3J0XCIgfCBcImN1cnJlbnRseVNvcnRlZEJ5Q29sdW1uXCJcbj4gJlxuICBEYXRhVGFibGVDb2x1bW47XG5cbmZ1bmN0aW9uIFNvcnRhYmxlSGVhZGVyKHtcbiAgbmFtZSxcbiAgbGFiZWwsXG4gIGFsaWduLFxuICBzb3J0RGlyZWN0aW9uID0gXCJhc2NcIixcbiAgY3VycmVudGx5U29ydGVkQnlDb2x1bW4sXG4gIG9uU29ydCxcbn06IFNvcnRhYmxlSGVhZGVyUHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICBjb25zdCBbaG92ZXJlZCwgc2V0SG92ZXJlZF0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gIGNvbnN0IGRlc2lyZWRTb3J0RGlyZWN0aW9uID0gc29ydERpcmVjdGlvbiA9PT0gXCJhc2NcIiA/IFwiZGVzY1wiIDogXCJhc2NcIjtcblxuICBjb25zdCBoYW5kbGVDbGljazogUmVhY3QuTW91c2VFdmVudEhhbmRsZXIgPSAoKSA9PiB7XG4gICAgc2V0SG92ZXJlZChmYWxzZSk7XG4gICAgaWYgKG9uU29ydCkge1xuICAgICAgb25Tb3J0KG5hbWUsIGRlc2lyZWRTb3J0RGlyZWN0aW9uKTtcbiAgICB9XG4gIH07XG5cbiAgbGV0IGljb25OYW1lOiBJY29uTmFtZSA9IFwic29ydC1uZXV0cmFsXCI7XG5cbiAgaWYgKG5hbWUgPT09IGN1cnJlbnRseVNvcnRlZEJ5Q29sdW1uKSB7XG4gICAgaWNvbk5hbWUgPSBTT1JUX0RJUkVDVElPTl9JQ09OW3NvcnREaXJlY3Rpb25dO1xuICB9XG4gIGlmIChob3ZlcmVkKSB7XG4gICAgaWNvbk5hbWUgPSBTT1JUX0RJUkVDVElPTl9JQ09OW2Rlc2lyZWRTb3J0RGlyZWN0aW9uXTtcbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZFNvcnRhYmxlSGVhZGVyXG4gICAgICBvbkNsaWNrPXtoYW5kbGVDbGlja31cbiAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgYWxpZ25Db2x1bW49e2FsaWdufVxuICAgICAgb25Qb2ludGVyRW50ZXI9eygpID0+IHNldEhvdmVyZWQodHJ1ZSl9XG4gICAgICBvblBvaW50ZXJMZWF2ZT17KCkgPT4gc2V0SG92ZXJlZChmYWxzZSl9XG4gICAgPlxuICAgICAgPFN0eWxlZEhlYWRlckxhYmVsXG4gICAgICAgIGFzPVwic3BhblwiXG4gICAgICAgIHNpemU9XCJ4c1wiXG4gICAgICAgIHRyYW5zZm9ybT1cInVwcGVyY2FzZVwiXG4gICAgICAgIHZhcmlhbnQ9XCJ0ZXJ0aWFyeVwiXG4gICAgICA+XG4gICAgICAgIHtsYWJlbH1cbiAgICAgIDwvU3R5bGVkSGVhZGVyTGFiZWw+XG4gICAgICA8U29ydEljb24gYXJpYS1oaWRkZW49XCJ0cnVlXCI+XG4gICAgICAgIDxJY29uIHNpemU9XCJzXCIgbmFtZT17aWNvbk5hbWV9IGlubGluZSAvPlxuICAgICAgPC9Tb3J0SWNvbj5cbiAgICA8L1N0eWxlZFNvcnRhYmxlSGVhZGVyPlxuICApO1xufVxuXG5jb25zdCBTdHlsZWRUaCA9IHN0eWxlZChUYWJsZUNlbGwpKCh7IHRoZW1lIH0pID0+ICh7XG4gIHBhZGRpbmc6IGAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcuc30gJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLm19YCxcbiAgd2hpdGVTcGFjZTogXCJub3dyYXBcIixcbn0pKTtcblxuZnVuY3Rpb24gVGFibGVIZWFkZXIoe1xuICBjbGFzc05hbWUsXG4gIGNvbHVtbnMsXG4gIGlzRmlyc3RDb2x1bW5TdGlja3ksXG4gIGN1cnJlbnRseVNvcnRlZEJ5Q29sdW1uLFxuICBpc1RhYmxlU2Nyb2xsZWQsXG4gIG9uU29ydCxcbn06IFRhYmxlSGVhZGVyUHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICBjb25zdCBjb2x1bW5FbGVtZW50cyA9IGNvbHVtbnMubWFwKChjb2x1bW4pID0+IHtcbiAgICBjb25zdCB7XG4gICAgICBpc1NvcnRhYmxlLFxuICAgICAgbGFiZWwsXG4gICAgICBhbGlnbiA9IFwibGVmdFwiLFxuICAgICAgd2lkdGgsXG4gICAgICBuYW1lLFxuICAgICAgc29ydERpcmVjdGlvbixcbiAgICB9ID0gY29sdW1uO1xuICAgIGNvbnN0IGhlYWRlckVsbSA9IGlzU29ydGFibGUgPyAoXG4gICAgICA8U29ydGFibGVIZWFkZXJcbiAgICAgICAgb25Tb3J0PXtvblNvcnR9XG4gICAgICAgIG5hbWU9e25hbWV9XG4gICAgICAgIGxhYmVsPXtsYWJlbH1cbiAgICAgICAgc29ydERpcmVjdGlvbj17c29ydERpcmVjdGlvbn1cbiAgICAgICAgYWxpZ249e2FsaWdufVxuICAgICAgICBjdXJyZW50bHlTb3J0ZWRCeUNvbHVtbj17Y3VycmVudGx5U29ydGVkQnlDb2x1bW59XG4gICAgICAvPlxuICAgICkgOiAoXG4gICAgICA8U3R5bGVkSGVhZGVyTGFiZWxcbiAgICAgICAgc2l6ZT1cInhzXCJcbiAgICAgICAgdHJhbnNmb3JtPVwidXBwZXJjYXNlXCJcbiAgICAgICAgYWxpZ25Db2x1bW49e2FsaWdufVxuICAgICAgICB2YXJpYW50PVwidGVydGlhcnlcIlxuICAgICAgPlxuICAgICAgICB7bGFiZWx9XG4gICAgICA8L1N0eWxlZEhlYWRlckxhYmVsPlxuICAgICk7XG5cbiAgICBjb25zdCBhcmlhU29ydEF0dHIgPSBjdXJyZW50bHlTb3J0ZWRCeUNvbHVtbiA9PT0gbmFtZSAmJiB7XG4gICAgICBcImFyaWEtc29ydFwiOiBTT1JUX0RJUkVDVElPTl9URVhUW3NvcnREaXJlY3Rpb25dLFxuICAgIH07XG5cbiAgICByZXR1cm4gKFxuICAgICAgPFN0eWxlZFRoXG4gICAgICAgIGFzPVwidGhcIlxuICAgICAgICBhbGlnbkNvbHVtbj17YWxpZ259XG4gICAgICAgIGNvbHVtbldpZHRoPXt3aWR0aH1cbiAgICAgICAga2V5PXtuYW1lfVxuICAgICAgICBpc0ZpcnN0Q29sdW1uU3RpY2t5PXtpc0ZpcnN0Q29sdW1uU3RpY2t5fVxuICAgICAgICBpc1RhYmxlU2Nyb2xsZWQ9e2lzVGFibGVTY3JvbGxlZH1cbiAgICAgICAgey4uLmFyaWFTb3J0QXR0cn1cbiAgICAgID5cbiAgICAgICAge2hlYWRlckVsbX1cbiAgICAgIDwvU3R5bGVkVGg+XG4gICAgKTtcbiAgfSk7XG5cbiAgcmV0dXJuIChcbiAgICA8dGhlYWQgY2xhc3NOYW1lPXtjbGFzc05hbWV9PlxuICAgICAgPHRyPntjb2x1bW5FbGVtZW50c308L3RyPlxuICAgIDwvdGhlYWQ+XG4gICk7XG59XG5cbmV4cG9ydCBkZWZhdWx0IFJlYWN0Lm1lbW8oVGFibGVIZWFkZXIpO1xuXG4vKiBlc2xpbnQtZW5hYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cbiJdfQ== */");
+const StyledHeaderLabel = /*#__PURE__*/_styled(Text, process.env.NODE_ENV === "production" ? {
+  target: "e1ij903s2"
+} : {
+  target: "e1ij903s2",
+  label: "StyledHeaderLabel"
+})(_ref2 => {
+  let {
+    theme,
+    alignColumn
+  } = _ref2;
+  return {
+    fontWeight: theme.variables.weight.bold,
+    lineHeight: theme.variables.size.lineHeight.header.xxs,
+    letterSpacing: theme.variables.size.letterSpacing.header.h6,
+    ...mqValue({
+      textAlign: alignColumn
+    })
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhYmxlSGVhZGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0QzBCIiwiZmlsZSI6IlRhYmxlSGVhZGVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cblxuaW1wb3J0IFJlYWN0LCB7IHVzZVN0YXRlIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB0eXBlIHsgRGF0YVRhYmxlQ29sdW1uIH0gZnJvbSBcIi4vdHlwZXNcIjtcbmltcG9ydCB7IFRleHQgfSBmcm9tIFwiLi4vVHlwb2dyYXBoeS9UZXh0L1RleHRcIjtcbmltcG9ydCB7IEljb24sIEljb25OYW1lIH0gZnJvbSBcIi4uL0ljb24vSWNvblwiO1xuaW1wb3J0IFRhYmxlQ2VsbCBmcm9tIFwiLi9UYWJsZUNlbGxcIjtcbmltcG9ydCB0eXBlIHsgRGF0YVRhYmxlUHJvcHMgfSBmcm9tIFwiLi9EYXRhVGFibGVcIjtcbmltcG9ydCB7IG1xVmFsdWUgfSBmcm9tIFwiLi4vLi4vc2hhcmVkL21lZGlhUXVlcmllc1wiO1xuXG5leHBvcnQgdHlwZSBUYWJsZUhlYWRlclByb3BzID0ge1xuICBjbGFzc05hbWU/OiBzdHJpbmc7XG4gIGlzVGFibGVTY3JvbGxlZDogYm9vbGVhbjtcbn0gJiBQaWNrPFxuICBEYXRhVGFibGVQcm9wcyxcbiAgfCBcImNvbHVtbnNcIlxuICB8IFwicm93c1wiXG4gIHwgXCJvblNvcnRcIlxuICB8IFwiY3VycmVudGx5U29ydGVkQnlDb2x1bW5cIlxuICB8IFwiaXNGaXJzdENvbHVtblN0aWNreVwiXG4+O1xuXG5jb25zdCBTT1JUX0RJUkVDVElPTl9JQ09OOiBSZWNvcmQ8RGF0YVRhYmxlQ29sdW1uW1wic29ydERpcmVjdGlvblwiXSwgSWNvbk5hbWU+ID1cbiAge1xuICAgIGFzYzogXCJzb3J0LWFzY2VuZGluZ1wiLFxuICAgIGRlc2M6IFwic29ydC1kZXNjZW5kaW5nXCIsXG4gIH07XG5cbmNvbnN0IFNPUlRfRElSRUNUSU9OX1RFWFQgPSB7XG4gIGFzYzogXCJhc2NlbmRpbmdcIiBhcyBjb25zdCxcbiAgZGVzYzogXCJkZXNjZW5kaW5nXCIgYXMgY29uc3QsXG59O1xuXG5jb25zdCBTb3J0SWNvbiA9IHN0eWxlZC5zcGFuKCh7IHRoZW1lIH0pID0+ICh7XG4gIG1hcmdpbkxlZnQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHh4cyxcbiAgdmVydGljYWxBbGlnbjogXCJtaWRkbGVcIixcbiAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnByaW1hcnkuZGVmYXVsdCxcbn0pKTtcblxudHlwZSBTdHlsZWRIZWFkZXJMYWJlbFByb3BzID0ge1xuICBhbGlnbkNvbHVtbj86IERhdGFUYWJsZUNvbHVtbltcImFsaWduXCJdO1xufTtcblxuY29uc3QgU3R5bGVkSGVhZGVyTGFiZWwgPSBzdHlsZWQoVGV4dCk8U3R5bGVkSGVhZGVyTGFiZWxQcm9wcz4oXG4gICh7IHRoZW1lLCBhbGlnbkNvbHVtbiB9KSA9PiAoe1xuICAgIGZvbnRXZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy53ZWlnaHQuYm9sZCxcbiAgICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LmhlYWRlci54eHMsXG4gICAgbGV0dGVyU3BhY2luZzogdGhlbWUudmFyaWFibGVzLnNpemUubGV0dGVyU3BhY2luZy5oZWFkZXIuaDYsXG4gICAgLi4ubXFWYWx1ZSh7XG4gICAgICB0ZXh0QWxpZ246IGFsaWduQ29sdW1uLFxuICAgIH0pLFxuICB9KVxuKTtcblxudHlwZSBTdHlsZWRTb3J0YWJsZUhlYWRlclByb3BzID0ge1xuICBhbGlnbkNvbHVtbjogRGF0YVRhYmxlQ29sdW1uW1wiYWxpZ25cIl07XG59O1xuY29uc3QgU3R5bGVkU29ydGFibGVIZWFkZXIgPSBzdHlsZWQuYnV0dG9uPFN0eWxlZFNvcnRhYmxlSGVhZGVyUHJvcHM+KFxuICAoeyB0aGVtZSwgYWxpZ25Db2x1bW4gfSkgPT4gKHtcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgaGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LmhlYWRlci54eHMsXG4gICAgcGFkZGluZzogMCxcbiAgICBiYWNrZ3JvdW5kOiBcIm5vbmVcIixcbiAgICBib3JkZXI6IFwibm9uZVwiLFxuICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgLi4ubXFWYWx1ZSh7XG4gICAgICB0ZXh0QWxpZ246IGFsaWduQ29sdW1uLFxuICAgIH0pLFxuXG4gICAgW2AmOmhvdmVyICR7U3R5bGVkSGVhZGVyTGFiZWx9YF06IHtcbiAgICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5wcmltYXJ5LmRlZmF1bHQsXG4gICAgfSxcbiAgfSlcbik7XG5cbnR5cGUgU29ydGFibGVIZWFkZXJQcm9wcyA9IFBpY2s8XG4gIFRhYmxlSGVhZGVyUHJvcHMsXG4gIFwib25Tb3J0XCIgfCBcImN1cnJlbnRseVNvcnRlZEJ5Q29sdW1uXCJcbj4gJlxuICBEYXRhVGFibGVDb2x1bW47XG5cbmZ1bmN0aW9uIFNvcnRhYmxlSGVhZGVyKHtcbiAgbmFtZSxcbiAgbGFiZWwsXG4gIGFsaWduLFxuICBzb3J0RGlyZWN0aW9uID0gXCJhc2NcIixcbiAgY3VycmVudGx5U29ydGVkQnlDb2x1bW4sXG4gIG9uU29ydCxcbn06IFNvcnRhYmxlSGVhZGVyUHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICBjb25zdCBbaG92ZXJlZCwgc2V0SG92ZXJlZF0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gIGNvbnN0IGRlc2lyZWRTb3J0RGlyZWN0aW9uID0gc29ydERpcmVjdGlvbiA9PT0gXCJhc2NcIiA/IFwiZGVzY1wiIDogXCJhc2NcIjtcblxuICBjb25zdCBoYW5kbGVDbGljazogUmVhY3QuTW91c2VFdmVudEhhbmRsZXIgPSAoKSA9PiB7XG4gICAgc2V0SG92ZXJlZChmYWxzZSk7XG4gICAgaWYgKG9uU29ydCkge1xuICAgICAgb25Tb3J0KG5hbWUsIGRlc2lyZWRTb3J0RGlyZWN0aW9uKTtcbiAgICB9XG4gIH07XG5cbiAgbGV0IGljb25OYW1lOiBJY29uTmFtZSA9IFwic29ydC1uZXV0cmFsXCI7XG5cbiAgaWYgKG5hbWUgPT09IGN1cnJlbnRseVNvcnRlZEJ5Q29sdW1uKSB7XG4gICAgaWNvbk5hbWUgPSBTT1JUX0RJUkVDVElPTl9JQ09OW3NvcnREaXJlY3Rpb25dO1xuICB9XG4gIGlmIChob3ZlcmVkKSB7XG4gICAgaWNvbk5hbWUgPSBTT1JUX0RJUkVDVElPTl9JQ09OW2Rlc2lyZWRTb3J0RGlyZWN0aW9uXTtcbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZFNvcnRhYmxlSGVhZGVyXG4gICAgICBvbkNsaWNrPXtoYW5kbGVDbGlja31cbiAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgYWxpZ25Db2x1bW49e2FsaWdufVxuICAgICAgb25Qb2ludGVyRW50ZXI9eygpID0+IHNldEhvdmVyZWQodHJ1ZSl9XG4gICAgICBvblBvaW50ZXJMZWF2ZT17KCkgPT4gc2V0SG92ZXJlZChmYWxzZSl9XG4gICAgPlxuICAgICAgPFN0eWxlZEhlYWRlckxhYmVsXG4gICAgICAgIGFzPVwic3BhblwiXG4gICAgICAgIHNpemU9XCJ4c1wiXG4gICAgICAgIHRyYW5zZm9ybT1cInVwcGVyY2FzZVwiXG4gICAgICAgIHZhcmlhbnQ9XCJ0ZXJ0aWFyeVwiXG4gICAgICA+XG4gICAgICAgIHtsYWJlbH1cbiAgICAgIDwvU3R5bGVkSGVhZGVyTGFiZWw+XG4gICAgICA8U29ydEljb24gYXJpYS1oaWRkZW49XCJ0cnVlXCI+XG4gICAgICAgIDxJY29uIHNpemU9XCJzXCIgbmFtZT17aWNvbk5hbWV9IGlubGluZSAvPlxuICAgICAgPC9Tb3J0SWNvbj5cbiAgICA8L1N0eWxlZFNvcnRhYmxlSGVhZGVyPlxuICApO1xufVxuXG5jb25zdCBTdHlsZWRUaCA9IHN0eWxlZChUYWJsZUNlbGwpKCh7IHRoZW1lIH0pID0+ICh7XG4gIHBhZGRpbmc6IGAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcuc30gJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLm19YCxcbiAgd2hpdGVTcGFjZTogXCJub3dyYXBcIixcbn0pKTtcblxuZnVuY3Rpb24gVGFibGVIZWFkZXIoe1xuICBjbGFzc05hbWUsXG4gIGNvbHVtbnMsXG4gIGlzRmlyc3RDb2x1bW5TdGlja3ksXG4gIGN1cnJlbnRseVNvcnRlZEJ5Q29sdW1uLFxuICBpc1RhYmxlU2Nyb2xsZWQsXG4gIG9uU29ydCxcbn06IFRhYmxlSGVhZGVyUHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICBjb25zdCBjb2x1bW5FbGVtZW50cyA9IGNvbHVtbnMubWFwKChjb2x1bW4pID0+IHtcbiAgICBjb25zdCB7XG4gICAgICBpc1NvcnRhYmxlLFxuICAgICAgbGFiZWwsXG4gICAgICBhbGlnbiA9IFwibGVmdFwiLFxuICAgICAgd2lkdGgsXG4gICAgICBuYW1lLFxuICAgICAgc29ydERpcmVjdGlvbixcbiAgICB9ID0gY29sdW1uO1xuICAgIGNvbnN0IGhlYWRlckVsbSA9IGlzU29ydGFibGUgPyAoXG4gICAgICA8U29ydGFibGVIZWFkZXJcbiAgICAgICAgb25Tb3J0PXtvblNvcnR9XG4gICAgICAgIG5hbWU9e25hbWV9XG4gICAgICAgIGxhYmVsPXtsYWJlbH1cbiAgICAgICAgc29ydERpcmVjdGlvbj17c29ydERpcmVjdGlvbn1cbiAgICAgICAgYWxpZ249e2FsaWdufVxuICAgICAgICBjdXJyZW50bHlTb3J0ZWRCeUNvbHVtbj17Y3VycmVudGx5U29ydGVkQnlDb2x1bW59XG4gICAgICAvPlxuICAgICkgOiAoXG4gICAgICA8U3R5bGVkSGVhZGVyTGFiZWxcbiAgICAgICAgc2l6ZT1cInhzXCJcbiAgICAgICAgdHJhbnNmb3JtPVwidXBwZXJjYXNlXCJcbiAgICAgICAgYWxpZ25Db2x1bW49e2FsaWdufVxuICAgICAgICB2YXJpYW50PVwidGVydGlhcnlcIlxuICAgICAgPlxuICAgICAgICB7bGFiZWx9XG4gICAgICA8L1N0eWxlZEhlYWRlckxhYmVsPlxuICAgICk7XG5cbiAgICBjb25zdCBhcmlhU29ydEF0dHIgPSBjdXJyZW50bHlTb3J0ZWRCeUNvbHVtbiA9PT0gbmFtZSAmJiB7XG4gICAgICBcImFyaWEtc29ydFwiOiBTT1JUX0RJUkVDVElPTl9URVhUW3NvcnREaXJlY3Rpb25dLFxuICAgIH07XG5cbiAgICByZXR1cm4gKFxuICAgICAgPFN0eWxlZFRoXG4gICAgICAgIGFzPVwidGhcIlxuICAgICAgICBhbGlnbkNvbHVtbj17YWxpZ259XG4gICAgICAgIGNvbHVtbldpZHRoPXt3aWR0aH1cbiAgICAgICAga2V5PXtuYW1lfVxuICAgICAgICBpc0ZpcnN0Q29sdW1uU3RpY2t5PXtpc0ZpcnN0Q29sdW1uU3RpY2t5fVxuICAgICAgICBpc1RhYmxlU2Nyb2xsZWQ9e2lzVGFibGVTY3JvbGxlZH1cbiAgICAgICAgey4uLmFyaWFTb3J0QXR0cn1cbiAgICAgID5cbiAgICAgICAge2hlYWRlckVsbX1cbiAgICAgIDwvU3R5bGVkVGg+XG4gICAgKTtcbiAgfSk7XG5cbiAgcmV0dXJuIChcbiAgICA8dGhlYWQgY2xhc3NOYW1lPXtjbGFzc05hbWV9PlxuICAgICAgPHRyPntjb2x1bW5FbGVtZW50c308L3RyPlxuICAgIDwvdGhlYWQ+XG4gICk7XG59XG5cbmV4cG9ydCBkZWZhdWx0IFJlYWN0Lm1lbW8oVGFibGVIZWFkZXIpO1xuXG4vKiBlc2xpbnQtZW5hYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cbiJdfQ== */");
+const StyledSortableHeader = /*#__PURE__*/_styled("button", process.env.NODE_ENV === "production" ? {
+  target: "e1ij903s1"
+} : {
+  target: "e1ij903s1",
+  label: "StyledSortableHeader"
+})(_ref3 => {
+  let {
+    theme,
+    alignColumn
+  } = _ref3;
+  return {
+    width: "100%",
+    height: theme.variables.size.lineHeight.header.xxs,
+    padding: 0,
+    background: "none",
+    border: "none",
+    cursor: "pointer",
+    ...mqValue({
+      textAlign: alignColumn
+    }),
+    [`&:hover ${StyledHeaderLabel}`]: {
+      color: theme.values.color.text.primary.default
+    }
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhYmxlSGVhZGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwRDZCIiwiZmlsZSI6IlRhYmxlSGVhZGVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cblxuaW1wb3J0IFJlYWN0LCB7IHVzZVN0YXRlIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB0eXBlIHsgRGF0YVRhYmxlQ29sdW1uIH0gZnJvbSBcIi4vdHlwZXNcIjtcbmltcG9ydCB7IFRleHQgfSBmcm9tIFwiLi4vVHlwb2dyYXBoeS9UZXh0L1RleHRcIjtcbmltcG9ydCB7IEljb24sIEljb25OYW1lIH0gZnJvbSBcIi4uL0ljb24vSWNvblwiO1xuaW1wb3J0IFRhYmxlQ2VsbCBmcm9tIFwiLi9UYWJsZUNlbGxcIjtcbmltcG9ydCB0eXBlIHsgRGF0YVRhYmxlUHJvcHMgfSBmcm9tIFwiLi9EYXRhVGFibGVcIjtcbmltcG9ydCB7IG1xVmFsdWUgfSBmcm9tIFwiLi4vLi4vc2hhcmVkL21lZGlhUXVlcmllc1wiO1xuXG5leHBvcnQgdHlwZSBUYWJsZUhlYWRlclByb3BzID0ge1xuICBjbGFzc05hbWU/OiBzdHJpbmc7XG4gIGlzVGFibGVTY3JvbGxlZDogYm9vbGVhbjtcbn0gJiBQaWNrPFxuICBEYXRhVGFibGVQcm9wcyxcbiAgfCBcImNvbHVtbnNcIlxuICB8IFwicm93c1wiXG4gIHwgXCJvblNvcnRcIlxuICB8IFwiY3VycmVudGx5U29ydGVkQnlDb2x1bW5cIlxuICB8IFwiaXNGaXJzdENvbHVtblN0aWNreVwiXG4+O1xuXG5jb25zdCBTT1JUX0RJUkVDVElPTl9JQ09OOiBSZWNvcmQ8RGF0YVRhYmxlQ29sdW1uW1wic29ydERpcmVjdGlvblwiXSwgSWNvbk5hbWU+ID1cbiAge1xuICAgIGFzYzogXCJzb3J0LWFzY2VuZGluZ1wiLFxuICAgIGRlc2M6IFwic29ydC1kZXNjZW5kaW5nXCIsXG4gIH07XG5cbmNvbnN0IFNPUlRfRElSRUNUSU9OX1RFWFQgPSB7XG4gIGFzYzogXCJhc2NlbmRpbmdcIiBhcyBjb25zdCxcbiAgZGVzYzogXCJkZXNjZW5kaW5nXCIgYXMgY29uc3QsXG59O1xuXG5jb25zdCBTb3J0SWNvbiA9IHN0eWxlZC5zcGFuKCh7IHRoZW1lIH0pID0+ICh7XG4gIG1hcmdpbkxlZnQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHh4cyxcbiAgdmVydGljYWxBbGlnbjogXCJtaWRkbGVcIixcbiAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnByaW1hcnkuZGVmYXVsdCxcbn0pKTtcblxudHlwZSBTdHlsZWRIZWFkZXJMYWJlbFByb3BzID0ge1xuICBhbGlnbkNvbHVtbj86IERhdGFUYWJsZUNvbHVtbltcImFsaWduXCJdO1xufTtcblxuY29uc3QgU3R5bGVkSGVhZGVyTGFiZWwgPSBzdHlsZWQoVGV4dCk8U3R5bGVkSGVhZGVyTGFiZWxQcm9wcz4oXG4gICh7IHRoZW1lLCBhbGlnbkNvbHVtbiB9KSA9PiAoe1xuICAgIGZvbnRXZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy53ZWlnaHQuYm9sZCxcbiAgICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LmhlYWRlci54eHMsXG4gICAgbGV0dGVyU3BhY2luZzogdGhlbWUudmFyaWFibGVzLnNpemUubGV0dGVyU3BhY2luZy5oZWFkZXIuaDYsXG4gICAgLi4ubXFWYWx1ZSh7XG4gICAgICB0ZXh0QWxpZ246IGFsaWduQ29sdW1uLFxuICAgIH0pLFxuICB9KVxuKTtcblxudHlwZSBTdHlsZWRTb3J0YWJsZUhlYWRlclByb3BzID0ge1xuICBhbGlnbkNvbHVtbjogRGF0YVRhYmxlQ29sdW1uW1wiYWxpZ25cIl07XG59O1xuY29uc3QgU3R5bGVkU29ydGFibGVIZWFkZXIgPSBzdHlsZWQuYnV0dG9uPFN0eWxlZFNvcnRhYmxlSGVhZGVyUHJvcHM+KFxuICAoeyB0aGVtZSwgYWxpZ25Db2x1bW4gfSkgPT4gKHtcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgaGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LmhlYWRlci54eHMsXG4gICAgcGFkZGluZzogMCxcbiAgICBiYWNrZ3JvdW5kOiBcIm5vbmVcIixcbiAgICBib3JkZXI6IFwibm9uZVwiLFxuICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgLi4ubXFWYWx1ZSh7XG4gICAgICB0ZXh0QWxpZ246IGFsaWduQ29sdW1uLFxuICAgIH0pLFxuXG4gICAgW2AmOmhvdmVyICR7U3R5bGVkSGVhZGVyTGFiZWx9YF06IHtcbiAgICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5wcmltYXJ5LmRlZmF1bHQsXG4gICAgfSxcbiAgfSlcbik7XG5cbnR5cGUgU29ydGFibGVIZWFkZXJQcm9wcyA9IFBpY2s8XG4gIFRhYmxlSGVhZGVyUHJvcHMsXG4gIFwib25Tb3J0XCIgfCBcImN1cnJlbnRseVNvcnRlZEJ5Q29sdW1uXCJcbj4gJlxuICBEYXRhVGFibGVDb2x1bW47XG5cbmZ1bmN0aW9uIFNvcnRhYmxlSGVhZGVyKHtcbiAgbmFtZSxcbiAgbGFiZWwsXG4gIGFsaWduLFxuICBzb3J0RGlyZWN0aW9uID0gXCJhc2NcIixcbiAgY3VycmVudGx5U29ydGVkQnlDb2x1bW4sXG4gIG9uU29ydCxcbn06IFNvcnRhYmxlSGVhZGVyUHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICBjb25zdCBbaG92ZXJlZCwgc2V0SG92ZXJlZF0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gIGNvbnN0IGRlc2lyZWRTb3J0RGlyZWN0aW9uID0gc29ydERpcmVjdGlvbiA9PT0gXCJhc2NcIiA/IFwiZGVzY1wiIDogXCJhc2NcIjtcblxuICBjb25zdCBoYW5kbGVDbGljazogUmVhY3QuTW91c2VFdmVudEhhbmRsZXIgPSAoKSA9PiB7XG4gICAgc2V0SG92ZXJlZChmYWxzZSk7XG4gICAgaWYgKG9uU29ydCkge1xuICAgICAgb25Tb3J0KG5hbWUsIGRlc2lyZWRTb3J0RGlyZWN0aW9uKTtcbiAgICB9XG4gIH07XG5cbiAgbGV0IGljb25OYW1lOiBJY29uTmFtZSA9IFwic29ydC1uZXV0cmFsXCI7XG5cbiAgaWYgKG5hbWUgPT09IGN1cnJlbnRseVNvcnRlZEJ5Q29sdW1uKSB7XG4gICAgaWNvbk5hbWUgPSBTT1JUX0RJUkVDVElPTl9JQ09OW3NvcnREaXJlY3Rpb25dO1xuICB9XG4gIGlmIChob3ZlcmVkKSB7XG4gICAgaWNvbk5hbWUgPSBTT1JUX0RJUkVDVElPTl9JQ09OW2Rlc2lyZWRTb3J0RGlyZWN0aW9uXTtcbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZFNvcnRhYmxlSGVhZGVyXG4gICAgICBvbkNsaWNrPXtoYW5kbGVDbGlja31cbiAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgYWxpZ25Db2x1bW49e2FsaWdufVxuICAgICAgb25Qb2ludGVyRW50ZXI9eygpID0+IHNldEhvdmVyZWQodHJ1ZSl9XG4gICAgICBvblBvaW50ZXJMZWF2ZT17KCkgPT4gc2V0SG92ZXJlZChmYWxzZSl9XG4gICAgPlxuICAgICAgPFN0eWxlZEhlYWRlckxhYmVsXG4gICAgICAgIGFzPVwic3BhblwiXG4gICAgICAgIHNpemU9XCJ4c1wiXG4gICAgICAgIHRyYW5zZm9ybT1cInVwcGVyY2FzZVwiXG4gICAgICAgIHZhcmlhbnQ9XCJ0ZXJ0aWFyeVwiXG4gICAgICA+XG4gICAgICAgIHtsYWJlbH1cbiAgICAgIDwvU3R5bGVkSGVhZGVyTGFiZWw+XG4gICAgICA8U29ydEljb24gYXJpYS1oaWRkZW49XCJ0cnVlXCI+XG4gICAgICAgIDxJY29uIHNpemU9XCJzXCIgbmFtZT17aWNvbk5hbWV9IGlubGluZSAvPlxuICAgICAgPC9Tb3J0SWNvbj5cbiAgICA8L1N0eWxlZFNvcnRhYmxlSGVhZGVyPlxuICApO1xufVxuXG5jb25zdCBTdHlsZWRUaCA9IHN0eWxlZChUYWJsZUNlbGwpKCh7IHRoZW1lIH0pID0+ICh7XG4gIHBhZGRpbmc6IGAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcuc30gJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLm19YCxcbiAgd2hpdGVTcGFjZTogXCJub3dyYXBcIixcbn0pKTtcblxuZnVuY3Rpb24gVGFibGVIZWFkZXIoe1xuICBjbGFzc05hbWUsXG4gIGNvbHVtbnMsXG4gIGlzRmlyc3RDb2x1bW5TdGlja3ksXG4gIGN1cnJlbnRseVNvcnRlZEJ5Q29sdW1uLFxuICBpc1RhYmxlU2Nyb2xsZWQsXG4gIG9uU29ydCxcbn06IFRhYmxlSGVhZGVyUHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICBjb25zdCBjb2x1bW5FbGVtZW50cyA9IGNvbHVtbnMubWFwKChjb2x1bW4pID0+IHtcbiAgICBjb25zdCB7XG4gICAgICBpc1NvcnRhYmxlLFxuICAgICAgbGFiZWwsXG4gICAgICBhbGlnbiA9IFwibGVmdFwiLFxuICAgICAgd2lkdGgsXG4gICAgICBuYW1lLFxuICAgICAgc29ydERpcmVjdGlvbixcbiAgICB9ID0gY29sdW1uO1xuICAgIGNvbnN0IGhlYWRlckVsbSA9IGlzU29ydGFibGUgPyAoXG4gICAgICA8U29ydGFibGVIZWFkZXJcbiAgICAgICAgb25Tb3J0PXtvblNvcnR9XG4gICAgICAgIG5hbWU9e25hbWV9XG4gICAgICAgIGxhYmVsPXtsYWJlbH1cbiAgICAgICAgc29ydERpcmVjdGlvbj17c29ydERpcmVjdGlvbn1cbiAgICAgICAgYWxpZ249e2FsaWdufVxuICAgICAgICBjdXJyZW50bHlTb3J0ZWRCeUNvbHVtbj17Y3VycmVudGx5U29ydGVkQnlDb2x1bW59XG4gICAgICAvPlxuICAgICkgOiAoXG4gICAgICA8U3R5bGVkSGVhZGVyTGFiZWxcbiAgICAgICAgc2l6ZT1cInhzXCJcbiAgICAgICAgdHJhbnNmb3JtPVwidXBwZXJjYXNlXCJcbiAgICAgICAgYWxpZ25Db2x1bW49e2FsaWdufVxuICAgICAgICB2YXJpYW50PVwidGVydGlhcnlcIlxuICAgICAgPlxuICAgICAgICB7bGFiZWx9XG4gICAgICA8L1N0eWxlZEhlYWRlckxhYmVsPlxuICAgICk7XG5cbiAgICBjb25zdCBhcmlhU29ydEF0dHIgPSBjdXJyZW50bHlTb3J0ZWRCeUNvbHVtbiA9PT0gbmFtZSAmJiB7XG4gICAgICBcImFyaWEtc29ydFwiOiBTT1JUX0RJUkVDVElPTl9URVhUW3NvcnREaXJlY3Rpb25dLFxuICAgIH07XG5cbiAgICByZXR1cm4gKFxuICAgICAgPFN0eWxlZFRoXG4gICAgICAgIGFzPVwidGhcIlxuICAgICAgICBhbGlnbkNvbHVtbj17YWxpZ259XG4gICAgICAgIGNvbHVtbldpZHRoPXt3aWR0aH1cbiAgICAgICAga2V5PXtuYW1lfVxuICAgICAgICBpc0ZpcnN0Q29sdW1uU3RpY2t5PXtpc0ZpcnN0Q29sdW1uU3RpY2t5fVxuICAgICAgICBpc1RhYmxlU2Nyb2xsZWQ9e2lzVGFibGVTY3JvbGxlZH1cbiAgICAgICAgey4uLmFyaWFTb3J0QXR0cn1cbiAgICAgID5cbiAgICAgICAge2hlYWRlckVsbX1cbiAgICAgIDwvU3R5bGVkVGg+XG4gICAgKTtcbiAgfSk7XG5cbiAgcmV0dXJuIChcbiAgICA8dGhlYWQgY2xhc3NOYW1lPXtjbGFzc05hbWV9PlxuICAgICAgPHRyPntjb2x1bW5FbGVtZW50c308L3RyPlxuICAgIDwvdGhlYWQ+XG4gICk7XG59XG5cbmV4cG9ydCBkZWZhdWx0IFJlYWN0Lm1lbW8oVGFibGVIZWFkZXIpO1xuXG4vKiBlc2xpbnQtZW5hYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cbiJdfQ== */");
+function 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",
+    alignColumn: align,
+    onPointerEnter: () => setHovered(true),
+    onPointerLeave: () => setHovered(false)
+  }, /*#__PURE__*/React.createElement(StyledHeaderLabel, {
+    as: "span",
+    size: "xs",
+    transform: "uppercase",
+    variant: "tertiary"
+  }, label), /*#__PURE__*/React.createElement(SortIcon, {
+    "aria-hidden": "true"
+  }, /*#__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
+  } = _ref5;
+  return {
+    padding: `${theme.variables.size.spacing.s} ${theme.variables.size.spacing.m}`,
+    whiteSpace: "nowrap"
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhYmxlSGVhZGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvSWlCIiwiZmlsZSI6IlRhYmxlSGVhZGVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cblxuaW1wb3J0IFJlYWN0LCB7IHVzZVN0YXRlIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB0eXBlIHsgRGF0YVRhYmxlQ29sdW1uIH0gZnJvbSBcIi4vdHlwZXNcIjtcbmltcG9ydCB7IFRleHQgfSBmcm9tIFwiLi4vVHlwb2dyYXBoeS9UZXh0L1RleHRcIjtcbmltcG9ydCB7IEljb24sIEljb25OYW1lIH0gZnJvbSBcIi4uL0ljb24vSWNvblwiO1xuaW1wb3J0IFRhYmxlQ2VsbCBmcm9tIFwiLi9UYWJsZUNlbGxcIjtcbmltcG9ydCB0eXBlIHsgRGF0YVRhYmxlUHJvcHMgfSBmcm9tIFwiLi9EYXRhVGFibGVcIjtcbmltcG9ydCB7IG1xVmFsdWUgfSBmcm9tIFwiLi4vLi4vc2hhcmVkL21lZGlhUXVlcmllc1wiO1xuXG5leHBvcnQgdHlwZSBUYWJsZUhlYWRlclByb3BzID0ge1xuICBjbGFzc05hbWU/OiBzdHJpbmc7XG4gIGlzVGFibGVTY3JvbGxlZDogYm9vbGVhbjtcbn0gJiBQaWNrPFxuICBEYXRhVGFibGVQcm9wcyxcbiAgfCBcImNvbHVtbnNcIlxuICB8IFwicm93c1wiXG4gIHwgXCJvblNvcnRcIlxuICB8IFwiY3VycmVudGx5U29ydGVkQnlDb2x1bW5cIlxuICB8IFwiaXNGaXJzdENvbHVtblN0aWNreVwiXG4+O1xuXG5jb25zdCBTT1JUX0RJUkVDVElPTl9JQ09OOiBSZWNvcmQ8RGF0YVRhYmxlQ29sdW1uW1wic29ydERpcmVjdGlvblwiXSwgSWNvbk5hbWU+ID1cbiAge1xuICAgIGFzYzogXCJzb3J0LWFzY2VuZGluZ1wiLFxuICAgIGRlc2M6IFwic29ydC1kZXNjZW5kaW5nXCIsXG4gIH07XG5cbmNvbnN0IFNPUlRfRElSRUNUSU9OX1RFWFQgPSB7XG4gIGFzYzogXCJhc2NlbmRpbmdcIiBhcyBjb25zdCxcbiAgZGVzYzogXCJkZXNjZW5kaW5nXCIgYXMgY29uc3QsXG59O1xuXG5jb25zdCBTb3J0SWNvbiA9IHN0eWxlZC5zcGFuKCh7IHRoZW1lIH0pID0+ICh7XG4gIG1hcmdpbkxlZnQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHh4cyxcbiAgdmVydGljYWxBbGlnbjogXCJtaWRkbGVcIixcbiAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnByaW1hcnkuZGVmYXVsdCxcbn0pKTtcblxudHlwZSBTdHlsZWRIZWFkZXJMYWJlbFByb3BzID0ge1xuICBhbGlnbkNvbHVtbj86IERhdGFUYWJsZUNvbHVtbltcImFsaWduXCJdO1xufTtcblxuY29uc3QgU3R5bGVkSGVhZGVyTGFiZWwgPSBzdHlsZWQoVGV4dCk8U3R5bGVkSGVhZGVyTGFiZWxQcm9wcz4oXG4gICh7IHRoZW1lLCBhbGlnbkNvbHVtbiB9KSA9PiAoe1xuICAgIGZvbnRXZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy53ZWlnaHQuYm9sZCxcbiAgICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LmhlYWRlci54eHMsXG4gICAgbGV0dGVyU3BhY2luZzogdGhlbWUudmFyaWFibGVzLnNpemUubGV0dGVyU3BhY2luZy5oZWFkZXIuaDYsXG4gICAgLi4ubXFWYWx1ZSh7XG4gICAgICB0ZXh0QWxpZ246IGFsaWduQ29sdW1uLFxuICAgIH0pLFxuICB9KVxuKTtcblxudHlwZSBTdHlsZWRTb3J0YWJsZUhlYWRlclByb3BzID0ge1xuICBhbGlnbkNvbHVtbjogRGF0YVRhYmxlQ29sdW1uW1wiYWxpZ25cIl07XG59O1xuY29uc3QgU3R5bGVkU29ydGFibGVIZWFkZXIgPSBzdHlsZWQuYnV0dG9uPFN0eWxlZFNvcnRhYmxlSGVhZGVyUHJvcHM+KFxuICAoeyB0aGVtZSwgYWxpZ25Db2x1bW4gfSkgPT4gKHtcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgaGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LmhlYWRlci54eHMsXG4gICAgcGFkZGluZzogMCxcbiAgICBiYWNrZ3JvdW5kOiBcIm5vbmVcIixcbiAgICBib3JkZXI6IFwibm9uZVwiLFxuICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgLi4ubXFWYWx1ZSh7XG4gICAgICB0ZXh0QWxpZ246IGFsaWduQ29sdW1uLFxuICAgIH0pLFxuXG4gICAgW2AmOmhvdmVyICR7U3R5bGVkSGVhZGVyTGFiZWx9YF06IHtcbiAgICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5wcmltYXJ5LmRlZmF1bHQsXG4gICAgfSxcbiAgfSlcbik7XG5cbnR5cGUgU29ydGFibGVIZWFkZXJQcm9wcyA9IFBpY2s8XG4gIFRhYmxlSGVhZGVyUHJvcHMsXG4gIFwib25Tb3J0XCIgfCBcImN1cnJlbnRseVNvcnRlZEJ5Q29sdW1uXCJcbj4gJlxuICBEYXRhVGFibGVDb2x1bW47XG5cbmZ1bmN0aW9uIFNvcnRhYmxlSGVhZGVyKHtcbiAgbmFtZSxcbiAgbGFiZWwsXG4gIGFsaWduLFxuICBzb3J0RGlyZWN0aW9uID0gXCJhc2NcIixcbiAgY3VycmVudGx5U29ydGVkQnlDb2x1bW4sXG4gIG9uU29ydCxcbn06IFNvcnRhYmxlSGVhZGVyUHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICBjb25zdCBbaG92ZXJlZCwgc2V0SG92ZXJlZF0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gIGNvbnN0IGRlc2lyZWRTb3J0RGlyZWN0aW9uID0gc29ydERpcmVjdGlvbiA9PT0gXCJhc2NcIiA/IFwiZGVzY1wiIDogXCJhc2NcIjtcblxuICBjb25zdCBoYW5kbGVDbGljazogUmVhY3QuTW91c2VFdmVudEhhbmRsZXIgPSAoKSA9PiB7XG4gICAgc2V0SG92ZXJlZChmYWxzZSk7XG4gICAgaWYgKG9uU29ydCkge1xuICAgICAgb25Tb3J0KG5hbWUsIGRlc2lyZWRTb3J0RGlyZWN0aW9uKTtcbiAgICB9XG4gIH07XG5cbiAgbGV0IGljb25OYW1lOiBJY29uTmFtZSA9IFwic29ydC1uZXV0cmFsXCI7XG5cbiAgaWYgKG5hbWUgPT09IGN1cnJlbnRseVNvcnRlZEJ5Q29sdW1uKSB7XG4gICAgaWNvbk5hbWUgPSBTT1JUX0RJUkVDVElPTl9JQ09OW3NvcnREaXJlY3Rpb25dO1xuICB9XG4gIGlmIChob3ZlcmVkKSB7XG4gICAgaWNvbk5hbWUgPSBTT1JUX0RJUkVDVElPTl9JQ09OW2Rlc2lyZWRTb3J0RGlyZWN0aW9uXTtcbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZFNvcnRhYmxlSGVhZGVyXG4gICAgICBvbkNsaWNrPXtoYW5kbGVDbGlja31cbiAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgYWxpZ25Db2x1bW49e2FsaWdufVxuICAgICAgb25Qb2ludGVyRW50ZXI9eygpID0+IHNldEhvdmVyZWQodHJ1ZSl9XG4gICAgICBvblBvaW50ZXJMZWF2ZT17KCkgPT4gc2V0SG92ZXJlZChmYWxzZSl9XG4gICAgPlxuICAgICAgPFN0eWxlZEhlYWRlckxhYmVsXG4gICAgICAgIGFzPVwic3BhblwiXG4gICAgICAgIHNpemU9XCJ4c1wiXG4gICAgICAgIHRyYW5zZm9ybT1cInVwcGVyY2FzZVwiXG4gICAgICAgIHZhcmlhbnQ9XCJ0ZXJ0aWFyeVwiXG4gICAgICA+XG4gICAgICAgIHtsYWJlbH1cbiAgICAgIDwvU3R5bGVkSGVhZGVyTGFiZWw+XG4gICAgICA8U29ydEljb24gYXJpYS1oaWRkZW49XCJ0cnVlXCI+XG4gICAgICAgIDxJY29uIHNpemU9XCJzXCIgbmFtZT17aWNvbk5hbWV9IGlubGluZSAvPlxuICAgICAgPC9Tb3J0SWNvbj5cbiAgICA8L1N0eWxlZFNvcnRhYmxlSGVhZGVyPlxuICApO1xufVxuXG5jb25zdCBTdHlsZWRUaCA9IHN0eWxlZChUYWJsZUNlbGwpKCh7IHRoZW1lIH0pID0+ICh7XG4gIHBhZGRpbmc6IGAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcuc30gJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLm19YCxcbiAgd2hpdGVTcGFjZTogXCJub3dyYXBcIixcbn0pKTtcblxuZnVuY3Rpb24gVGFibGVIZWFkZXIoe1xuICBjbGFzc05hbWUsXG4gIGNvbHVtbnMsXG4gIGlzRmlyc3RDb2x1bW5TdGlja3ksXG4gIGN1cnJlbnRseVNvcnRlZEJ5Q29sdW1uLFxuICBpc1RhYmxlU2Nyb2xsZWQsXG4gIG9uU29ydCxcbn06IFRhYmxlSGVhZGVyUHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICBjb25zdCBjb2x1bW5FbGVtZW50cyA9IGNvbHVtbnMubWFwKChjb2x1bW4pID0+IHtcbiAgICBjb25zdCB7XG4gICAgICBpc1NvcnRhYmxlLFxuICAgICAgbGFiZWwsXG4gICAgICBhbGlnbiA9IFwibGVmdFwiLFxuICAgICAgd2lkdGgsXG4gICAgICBuYW1lLFxuICAgICAgc29ydERpcmVjdGlvbixcbiAgICB9ID0gY29sdW1uO1xuICAgIGNvbnN0IGhlYWRlckVsbSA9IGlzU29ydGFibGUgPyAoXG4gICAgICA8U29ydGFibGVIZWFkZXJcbiAgICAgICAgb25Tb3J0PXtvblNvcnR9XG4gICAgICAgIG5hbWU9e25hbWV9XG4gICAgICAgIGxhYmVsPXtsYWJlbH1cbiAgICAgICAgc29ydERpcmVjdGlvbj17c29ydERpcmVjdGlvbn1cbiAgICAgICAgYWxpZ249e2FsaWdufVxuICAgICAgICBjdXJyZW50bHlTb3J0ZWRCeUNvbHVtbj17Y3VycmVudGx5U29ydGVkQnlDb2x1bW59XG4gICAgICAvPlxuICAgICkgOiAoXG4gICAgICA8U3R5bGVkSGVhZGVyTGFiZWxcbiAgICAgICAgc2l6ZT1cInhzXCJcbiAgICAgICAgdHJhbnNmb3JtPVwidXBwZXJjYXNlXCJcbiAgICAgICAgYWxpZ25Db2x1bW49e2FsaWdufVxuICAgICAgICB2YXJpYW50PVwidGVydGlhcnlcIlxuICAgICAgPlxuICAgICAgICB7bGFiZWx9XG4gICAgICA8L1N0eWxlZEhlYWRlckxhYmVsPlxuICAgICk7XG5cbiAgICBjb25zdCBhcmlhU29ydEF0dHIgPSBjdXJyZW50bHlTb3J0ZWRCeUNvbHVtbiA9PT0gbmFtZSAmJiB7XG4gICAgICBcImFyaWEtc29ydFwiOiBTT1JUX0RJUkVDVElPTl9URVhUW3NvcnREaXJlY3Rpb25dLFxuICAgIH07XG5cbiAgICByZXR1cm4gKFxuICAgICAgPFN0eWxlZFRoXG4gICAgICAgIGFzPVwidGhcIlxuICAgICAgICBhbGlnbkNvbHVtbj17YWxpZ259XG4gICAgICAgIGNvbHVtbldpZHRoPXt3aWR0aH1cbiAgICAgICAga2V5PXtuYW1lfVxuICAgICAgICBpc0ZpcnN0Q29sdW1uU3RpY2t5PXtpc0ZpcnN0Q29sdW1uU3RpY2t5fVxuICAgICAgICBpc1RhYmxlU2Nyb2xsZWQ9e2lzVGFibGVTY3JvbGxlZH1cbiAgICAgICAgey4uLmFyaWFTb3J0QXR0cn1cbiAgICAgID5cbiAgICAgICAge2hlYWRlckVsbX1cbiAgICAgIDwvU3R5bGVkVGg+XG4gICAgKTtcbiAgfSk7XG5cbiAgcmV0dXJuIChcbiAgICA8dGhlYWQgY2xhc3NOYW1lPXtjbGFzc05hbWV9PlxuICAgICAgPHRyPntjb2x1bW5FbGVtZW50c308L3RyPlxuICAgIDwvdGhlYWQ+XG4gICk7XG59XG5cbmV4cG9ydCBkZWZhdWx0IFJlYWN0Lm1lbW8oVGFibGVIZWFkZXIpO1xuXG4vKiBlc2xpbnQtZW5hYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cbiJdfQ== */");
+function TableHeader(_ref6) {
+  let {
+    className,
+    columns,
+    isFirstColumnSticky,
+    currentlySortedByColumn,
+    isTableScrolled,
+    onSort
+  } = _ref6;
+  const columnElements = columns.map(column => {
+    const {
+      isSortable,
+      label,
+      align = "left",
+      width,
+      name,
+      sortDirection
+    } = column;
+    const headerElm = isSortable ? /*#__PURE__*/React.createElement(SortableHeader, {
+      onSort: onSort,
+      name: name,
+      label: label,
+      sortDirection: sortDirection,
+      align: align,
+      currentlySortedByColumn: currentlySortedByColumn
+    }) : /*#__PURE__*/React.createElement(StyledHeaderLabel, {
+      size: "xs",
+      transform: "uppercase",
+      alignColumn: align,
+      variant: "tertiary"
+    }, label);
+    const ariaSortAttr = currentlySortedByColumn === name && {
+      "aria-sort": SORT_DIRECTION_TEXT[sortDirection]
+    };
+    return /*#__PURE__*/React.createElement(StyledTh, _extends({
+      as: "th",
+      alignColumn: align,
+      columnWidth: width,
+      key: name,
+      isFirstColumnSticky: isFirstColumnSticky,
+      isTableScrolled: isTableScrolled
+    }, ariaSortAttr), headerElm);
+  });
+  return /*#__PURE__*/React.createElement("thead", {
+    className: className
+  }, /*#__PURE__*/React.createElement("tr", null, columnElements));
+}
+var TableHeader$1 = /*#__PURE__*/React.memo(TableHeader);
+
+/* eslint-enable react/jsx-props-no-spreading */
+
+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":["/* eslint-disable react/jsx-props-no-spreading */\n\nimport React, { useState } from \"react\";\nimport styled from \"@emotion/styled\";\nimport type { DataTableColumn } from \"./types\";\nimport { Text } from \"../Typography/Text/Text\";\nimport { Icon, IconName } from \"../Icon/Icon\";\nimport TableCell from \"./TableCell\";\nimport type { DataTableProps } from \"./DataTable\";\nimport { mqValue } from \"../../shared/mediaQueries\";\n\nexport type TableHeaderProps = {\n  className?: string;\n  isTableScrolled: boolean;\n} & Pick<\n  DataTableProps,\n  | \"columns\"\n  | \"rows\"\n  | \"onSort\"\n  | \"currentlySortedByColumn\"\n  | \"isFirstColumnSticky\"\n>;\n\nconst SORT_DIRECTION_ICON: Record<DataTableColumn[\"sortDirection\"], IconName> =\n  {\n    asc: \"sort-ascending\",\n    desc: \"sort-descending\",\n  };\n\nconst SORT_DIRECTION_TEXT = {\n  asc: \"ascending\" as const,\n  desc: \"descending\" as const,\n};\n\nconst SortIcon = styled.span(({ theme }) => ({\n  marginLeft: theme.variables.size.spacing.xxxs,\n  verticalAlign: \"middle\",\n  color: theme.values.color.text.primary.default,\n}));\n\ntype StyledHeaderLabelProps = {\n  alignColumn?: DataTableColumn[\"align\"];\n};\n\nconst StyledHeaderLabel = styled(Text)<StyledHeaderLabelProps>(\n  ({ theme, alignColumn }) => ({\n    fontWeight: theme.variables.weight.bold,\n    lineHeight: theme.variables.size.lineHeight.header.xxs,\n    letterSpacing: theme.variables.size.letterSpacing.header.h6,\n    ...mqValue({\n      textAlign: alignColumn,\n    }),\n  })\n);\n\ntype StyledSortableHeaderProps = {\n  alignColumn: DataTableColumn[\"align\"];\n};\nconst StyledSortableHeader = styled.button<StyledSortableHeaderProps>(\n  ({ theme, alignColumn }) => ({\n    width: \"100%\",\n    height: theme.variables.size.lineHeight.header.xxs,\n    padding: 0,\n    background: \"none\",\n    border: \"none\",\n    cursor: \"pointer\",\n    ...mqValue({\n      textAlign: alignColumn,\n    }),\n\n    [`&:hover ${StyledHeaderLabel}`]: {\n      color: theme.values.color.text.primary.default,\n    },\n  })\n);\n\ntype SortableHeaderProps = Pick<\n  TableHeaderProps,\n  \"onSort\" | \"currentlySortedByColumn\"\n> &\n  DataTableColumn;\n\nfunction SortableHeader({\n  name,\n  label,\n  align,\n  sortDirection = \"asc\",\n  currentlySortedByColumn,\n  onSort,\n}: SortableHeaderProps): React.ReactElement {\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      alignColumn={align}\n      onPointerEnter={() => setHovered(true)}\n      onPointerLeave={() => setHovered(false)}\n    >\n      <StyledHeaderLabel\n        as=\"span\"\n        size=\"xs\"\n        transform=\"uppercase\"\n        variant=\"tertiary\"\n      >\n        {label}\n      </StyledHeaderLabel>\n      <SortIcon aria-hidden=\"true\">\n        <Icon size=\"s\" name={iconName} inline />\n      </SortIcon>\n    </StyledSortableHeader>\n  );\n}\n\nconst StyledTh = styled(TableCell)(({ theme }) => ({\n  padding: `${theme.variables.size.spacing.s} ${theme.variables.size.spacing.m}`,\n  whiteSpace: \"nowrap\",\n}));\n\nfunction TableHeader({\n  className,\n  columns,\n  isFirstColumnSticky,\n  currentlySortedByColumn,\n  isTableScrolled,\n  onSort,\n}: TableHeaderProps): React.ReactElement {\n  const columnElements = columns.map((column) => {\n    const {\n      isSortable,\n      label,\n      align = \"left\",\n      width,\n      name,\n      sortDirection,\n    } = column;\n    const headerElm = isSortable ? (\n      <SortableHeader\n        onSort={onSort}\n        name={name}\n        label={label}\n        sortDirection={sortDirection}\n        align={align}\n        currentlySortedByColumn={currentlySortedByColumn}\n      />\n    ) : (\n      <StyledHeaderLabel\n        size=\"xs\"\n        transform=\"uppercase\"\n        alignColumn={align}\n        variant=\"tertiary\"\n      >\n        {label}\n      </StyledHeaderLabel>\n    );\n\n    const ariaSortAttr = currentlySortedByColumn === name && {\n      \"aria-sort\": SORT_DIRECTION_TEXT[sortDirection],\n    };\n\n    return (\n      <StyledTh\n        as=\"th\"\n        alignColumn={align}\n        columnWidth={width}\n        key={name}\n        isFirstColumnSticky={isFirstColumnSticky}\n        isTableScrolled={isTableScrolled}\n        {...ariaSortAttr}\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 React.memo(TableHeader);\n\n/* eslint-enable react/jsx-props-no-spreading */\n"],"names":["SORT_DIRECTION_ICON","asc","desc","SORT_DIRECTION_TEXT","SortIcon","_styled","process","env","NODE_ENV","target","label","_ref","theme","marginLeft","variables","size","spacing","xxxs","verticalAlign","color","values","text","primary","default","StyledHeaderLabel","Text","_ref2","alignColumn","fontWeight","weight","bold","lineHeight","header","xxs","letterSpacing","h6","mqValue","textAlign","StyledSortableHeader","_ref3","width","height","padding","background","border","cursor","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","s","m","whiteSpace","TableHeader","_ref6","className","columns","isFirstColumnSticky","isTableScrolled","columnElements","map","column","isSortable","headerElm","ariaSortAttr","_extends","columnWidth","key","memo"],"mappings":"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"}

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

@@ -0,0 +1,4 @@
+export type { DataTableColumn, DataTableRow } from "./types";
+export { DataTable, BaseDataTable } from "./DataTable";
+export type { DataTableProps } from "./DataTable";
+export { useDataTableSort } from "./useDataTableSort";

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

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

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

@@ -0,0 +1,14 @@
+import { Dispatch, SetStateAction } from "react";
+import type { DataTableColumn, DataTableRow } from "./types";
+import type { DataTableProps } from "./DataTable";
+declare type SortCompareFn = (a: DataTableRow, b: DataTableRow, columnName: DataTableColumn["name"], desiredSortDirection: DataTableColumn["sortDirection"]) => number;
+export declare function useDataTableSort(initialColumns: DataTableColumn[], initialRows: DataTableRow[], initialSortedByColumn?: DataTableColumn["name"], sortCompareFn?: SortCompareFn): {
+    columns: DataTableColumn[];
+    rows: DataTableRow[];
+    currentlySortedByColumn: DataTableColumn["name"];
+    handleSort: DataTableProps["onSort"];
+    setColumns: Dispatch<SetStateAction<DataTableColumn[]>>;
+    setRows: Dispatch<SetStateAction<DataTableRow[]>>;
+    setCurrentlySortedByColumn: Dispatch<SetStateAction<DataTableColumn["name"]>>;
+};
+export {};