@amboss/design-system 1.10.3 → 1.11.0

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

@@ -0,0 +1,57 @@
+import React from "react";
+import type { DataTableColumn, DataTableRow } from "./types";
+import { MQ } from "../../types";
+export declare type DataTableProps = {
+    /** Screen reader text for table caption */
+    caption: string;
+    /** CSS table layout. In 'auto' layout, columns are sized according to content width. In 'fixed' layout, columns can be provided a fixed or percentage width. */
+    layout?: "auto" | "fixed";
+    /** Table width */
+    width?: string | MQ<string>;
+    /** Vertical padding on row cells to set table density, condensed (s), default (m), comfortable (l) */
+    bodyCellVerticalPadding?: "s" | "m" | "l" | MQ<"s" | "m" | "l">;
+    /** Height of empty/error or loading table content */
+    emptyTableContentHeight?: string | MQ<string>;
+    /** Footer element */
+    footer?: React.ReactElement;
+    /**
+     * Meta data for columns
+     * @param DataTableColumn[].name - Column name
+     * @param DataTableColumn[].label - Column label for display
+     * @param DataTableColumn[].align - Align cell content, 'left' | 'right' | 'center'
+     * @param DataTableColumn[].width - Column width
+     * @param DataTableColumn[].renderCell - Callback to render custom cell content.
+     * @param DataTableColumn[].isSortable - Is table sortable by column
+     * @param DataTableColumn[].sortDirection - Sorted as 'asc' | 'desc'
+     */
+    columns: DataTableColumn[];
+    /**
+     * Table content as an array of objects with values for each column
+     */
+    rows?: DataTableRow[];
+    /**
+     * Is loading data. You can display custom loading content with children prop.
+     */
+    isLoading?: boolean;
+    /** Screen reader text for loading spinner */
+    loadingStateScreenReaderText?: string;
+    /** Is empty or in error state. You can display custom empty/error content with children prop.
+     */
+    isEmpty?: boolean;
+    /**
+     * Is first column sticky on scroll
+     */
+    isFirstColumnSticky?: boolean;
+    "data-e2e-test-id"?: string;
+    /**  Column most recently used to sort data */
+    currentlySortedByColumn?: string;
+    /**
+     * Callback to handle sorting by column
+     */
+    /**
+     * Empty cell content.
+     */
+    emptyCellContent?: string;
+    onSort?: (columnName: string, desiredSortDirection: DataTableColumn["sortDirection"]) => void;
+};
+export declare function DataTable({ caption, columns, rows, footer, currentlySortedByColumn, isFirstColumnSticky, "data-e2e-test-id": dataE2eTestId, isLoading, loadingStateScreenReaderText, isEmpty, children, emptyTableContentHeight, layout, width, bodyCellVerticalPadding, emptyCellContent, onSort, }: React.PropsWithChildren<DataTableProps>): React.ReactElement;

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

@@ -0,0 +1,132 @@
+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 { ScreenReaderText } from '../../shared/ScreenReaderText.js';
+import { mqValue } from '../../shared/mediaQueries.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: "e9acbuy2"
+} : {
+  target: "e9acbuy2",
+  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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRhdGFUYWJsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0Z1QiIsImZpbGUiOiJEYXRhVGFibGUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IHVzZUVmZmVjdCwgdXNlU3RhdGUsIHVzZVJlZiB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgVGFibGVCb2R5IGZyb20gXCIuL1RhYmxlQm9keVwiO1xuaW1wb3J0IFRhYmxlSGVhZGVyIGZyb20gXCIuL1RhYmxlSGVhZGVyXCI7XG5pbXBvcnQgeyBDb250YWluZXIgfSBmcm9tIFwiLi4vQ29udGFpbmVyL0NvbnRhaW5lclwiO1xuaW1wb3J0IHR5cGUgeyBEYXRhVGFibGVDb2x1bW4sIERhdGFUYWJsZVJvdyB9IGZyb20gXCIuL3R5cGVzXCI7XG5pbXBvcnQgeyBTY3JlZW5SZWFkZXJUZXh0IH0gZnJvbSBcIi4uLy4uL3NoYXJlZC9TY3JlZW5SZWFkZXJUZXh0XCI7XG5pbXBvcnQgeyBtcVZhbHVlIH0gZnJvbSBcIi4uLy4uL3NoYXJlZC9tZWRpYVF1ZXJpZXNcIjtcbmltcG9ydCB7IE1RIH0gZnJvbSBcIi4uLy4uL3R5cGVzXCI7XG5cbmV4cG9ydCB0eXBlIERhdGFUYWJsZVByb3BzID0ge1xuICAvKiogU2NyZWVuIHJlYWRlciB0ZXh0IGZvciB0YWJsZSBjYXB0aW9uICovXG4gIGNhcHRpb246IHN0cmluZztcblxuICAvKiogQ1NTIHRhYmxlIGxheW91dC4gSW4gJ2F1dG8nIGxheW91dCwgY29sdW1ucyBhcmUgc2l6ZWQgYWNjb3JkaW5nIHRvIGNvbnRlbnQgd2lkdGguIEluICdmaXhlZCcgbGF5b3V0LCBjb2x1bW5zIGNhbiBiZSBwcm92aWRlZCBhIGZpeGVkIG9yIHBlcmNlbnRhZ2Ugd2lkdGguICovXG4gIGxheW91dD86IFwiYXV0b1wiIHwgXCJmaXhlZFwiO1xuXG4gIC8qKiBUYWJsZSB3aWR0aCAqL1xuICB3aWR0aD86IHN0cmluZyB8IE1RPHN0cmluZz47XG5cbiAgLyoqIFZlcnRpY2FsIHBhZGRpbmcgb24gcm93IGNlbGxzIHRvIHNldCB0YWJsZSBkZW5zaXR5LCBjb25kZW5zZWQgKHMpLCBkZWZhdWx0IChtKSwgY29tZm9ydGFibGUgKGwpICovXG4gIGJvZHlDZWxsVmVydGljYWxQYWRkaW5nPzogXCJzXCIgfCBcIm1cIiB8IFwibFwiIHwgTVE8XCJzXCIgfCBcIm1cIiB8IFwibFwiPjtcblxuICAvKiogSGVpZ2h0IG9mIGVtcHR5L2Vycm9yIG9yIGxvYWRpbmcgdGFibGUgY29udGVudCAqL1xuICBlbXB0eVRhYmxlQ29udGVudEhlaWdodD86IHN0cmluZyB8IE1RPHN0cmluZz47XG5cbiAgLyoqIEZvb3RlciBlbGVtZW50ICovXG4gIGZvb3Rlcj86IFJlYWN0LlJlYWN0RWxlbWVudDtcblxuICAvKipcbiAgICogTWV0YSBkYXRhIGZvciBjb2x1bW5zXG4gICAqIEBwYXJhbSBEYXRhVGFibGVDb2x1bW5bXS5uYW1lIC0gQ29sdW1uIG5hbWVcbiAgICogQHBhcmFtIERhdGFUYWJsZUNvbHVtbltdLmxhYmVsIC0gQ29sdW1uIGxhYmVsIGZvciBkaXNwbGF5XG4gICAqIEBwYXJhbSBEYXRhVGFibGVDb2x1bW5bXS5hbGlnbiAtIEFsaWduIGNlbGwgY29udGVudCwgJ2xlZnQnIHwgJ3JpZ2h0JyB8ICdjZW50ZXInXG4gICAqIEBwYXJhbSBEYXRhVGFibGVDb2x1bW5bXS53aWR0aCAtIENvbHVtbiB3aWR0aFxuICAgKiBAcGFyYW0gRGF0YVRhYmxlQ29sdW1uW10ucmVuZGVyQ2VsbCAtIENhbGxiYWNrIHRvIHJlbmRlciBjdXN0b20gY2VsbCBjb250ZW50LlxuICAgKiBAcGFyYW0gRGF0YVRhYmxlQ29sdW1uW10uaXNTb3J0YWJsZSAtIElzIHRhYmxlIHNvcnRhYmxlIGJ5IGNvbHVtblxuICAgKiBAcGFyYW0gRGF0YVRhYmxlQ29sdW1uW10uc29ydERpcmVjdGlvbiAtIFNvcnRlZCBhcyAnYXNjJyB8ICdkZXNjJ1xuICAgKi9cbiAgY29sdW1uczogRGF0YVRhYmxlQ29sdW1uW107XG5cbiAgLyoqXG4gICAqIFRhYmxlIGNvbnRlbnQgYXMgYW4gYXJyYXkgb2Ygb2JqZWN0cyB3aXRoIHZhbHVlcyBmb3IgZWFjaCBjb2x1bW5cbiAgICovXG4gIHJvd3M/OiBEYXRhVGFibGVSb3dbXTtcblxuICAvKipcbiAgICogSXMgbG9hZGluZyBkYXRhLiBZb3UgY2FuIGRpc3BsYXkgY3VzdG9tIGxvYWRpbmcgY29udGVudCB3aXRoIGNoaWxkcmVuIHByb3AuXG4gICAqL1xuICBpc0xvYWRpbmc/OiBib29sZWFuO1xuXG4gIC8qKiBTY3JlZW4gcmVhZGVyIHRleHQgZm9yIGxvYWRpbmcgc3Bpbm5lciAqL1xuICBsb2FkaW5nU3RhdGVTY3JlZW5SZWFkZXJUZXh0Pzogc3RyaW5nO1xuXG4gIC8qKiBJcyBlbXB0eSBvciBpbiBlcnJvciBzdGF0ZS4gWW91IGNhbiBkaXNwbGF5IGN1c3RvbSBlbXB0eS9lcnJvciBjb250ZW50IHdpdGggY2hpbGRyZW4gcHJvcC5cbiAgICovXG4gIGlzRW1wdHk/OiBib29sZWFuO1xuXG4gIC8qKlxuICAgKiBJcyBmaXJzdCBjb2x1bW4gc3RpY2t5IG9uIHNjcm9sbFxuICAgKi9cbiAgaXNGaXJzdENvbHVtblN0aWNreT86IGJvb2xlYW47XG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiPzogc3RyaW5nO1xuXG4gIC8qKiAgQ29sdW1uIG1vc3QgcmVjZW50bHkgdXNlZCB0byBzb3J0IGRhdGEgKi9cbiAgY3VycmVudGx5U29ydGVkQnlDb2x1bW4/OiBzdHJpbmc7XG5cbiAgLyoqXG4gICAqIENhbGxiYWNrIHRvIGhhbmRsZSBzb3J0aW5nIGJ5IGNvbHVtblxuICAgKi9cblxuICAvKipcbiAgICogRW1wdHkgY2VsbCBjb250ZW50LlxuICAgKi9cbiAgZW1wdHlDZWxsQ29udGVudD86IHN0cmluZztcblxuICBvblNvcnQ/OiAoXG4gICAgY29sdW1uTmFtZTogc3RyaW5nLFxuICAgIGRlc2lyZWRTb3J0RGlyZWN0aW9uOiBEYXRhVGFibGVDb2x1bW5bXCJzb3J0RGlyZWN0aW9uXCJdXG4gICkgPT4gdm9pZDtcbn07XG5cbmNvbnN0IFRhYmxlQ29udGFpbmVyID0gc3R5bGVkLmRpdih7XG4gIG92ZXJmbG93OiBcImF1dG9cIixcbn0pO1xuXG50eXBlIFN0eWxlZFRhYmxlUHJvcHMgPSBQaWNrPERhdGFUYWJsZVByb3BzLCBcImxheW91dFwiPiAmIHtcbiAgdGFibGVXaWR0aDogRGF0YVRhYmxlUHJvcHNbXCJ3aWR0aFwiXTtcbn07XG5cbmNvbnN0IFN0eWxlZFRhYmxlID0gc3R5bGVkLnRhYmxlPFN0eWxlZFRhYmxlUHJvcHM+KFxuICAoeyBsYXlvdXQsIHRhYmxlV2lkdGggfSkgPT4gKHtcbiAgICBib3JkZXJTcGFjaW5nOiAwLFxuICAgIHRhYmxlTGF5b3V0OiBsYXlvdXQsXG4gICAgLi4ubXFWYWx1ZSh7XG4gICAgICB3aWR0aDogdGFibGVXaWR0aCxcbiAgICB9KSxcbiAgfSlcbik7XG5cbmNvbnN0IFN0eWxlZEZvb3RlciA9IHN0eWxlZC5kaXYoKHsgdGhlbWUgfSkgPT4gKHtcbiAgcGFkZGluZzogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54cyxcbn0pKTtcblxuZXhwb3J0IGZ1bmN0aW9uIERhdGFUYWJsZSh7XG4gIGNhcHRpb24sXG4gIGNvbHVtbnMsXG4gIHJvd3MgPSBbXSxcbiAgZm9vdGVyLFxuICBjdXJyZW50bHlTb3J0ZWRCeUNvbHVtbixcbiAgaXNGaXJzdENvbHVtblN0aWNreSA9IHRydWUsXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxuICBpc0xvYWRpbmcgPSBmYWxzZSxcbiAgbG9hZGluZ1N0YXRlU2NyZWVuUmVhZGVyVGV4dCA9IFwiTG9hZGluZ1wiLFxuICBpc0VtcHR5ID0gZmFsc2UsXG4gIGNoaWxkcmVuLFxuICBlbXB0eVRhYmxlQ29udGVudEhlaWdodCA9IFwiMTVyZW1cIixcbiAgbGF5b3V0ID0gXCJhdXRvXCIsXG4gIHdpZHRoID0gXCIxMDAlXCIsXG4gIGJvZHlDZWxsVmVydGljYWxQYWRkaW5nID0gXCJtXCIsXG4gIGVtcHR5Q2VsbENvbnRlbnQgPSBcIi0tXCIsXG4gIG9uU29ydCxcbn06IFJlYWN0LlByb3BzV2l0aENoaWxkcmVuPERhdGFUYWJsZVByb3BzPik6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IFtpc1Njcm9sbGVkLCBzZXRJc1Njcm9sbGVkXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgY29uc3QgdGFibGVSZWYgPSB1c2VSZWY8SFRNTFRhYmxlRWxlbWVudD4obnVsbCk7XG4gIGNvbnN0IGNvbnRhaW5lclJlZiA9IHVzZVJlZjxIVE1MRGl2RWxlbWVudD4obnVsbCk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBsZXQgb2JzZXJ2ZXI6IEludGVyc2VjdGlvbk9ic2VydmVyO1xuXG4gICAgaWYgKFxuICAgICAgdHlwZW9mIEludGVyc2VjdGlvbk9ic2VydmVyICE9PSBcInVuZGVmaW5lZFwiICYmXG4gICAgICBjb250YWluZXJSZWYgJiZcbiAgICAgIGNvbnRhaW5lclJlZi5jdXJyZW50ICYmXG4gICAgICB0YWJsZVJlZi5jdXJyZW50XG4gICAgKSB7XG4gICAgICBvYnNlcnZlciA9IG5ldyBJbnRlcnNlY3Rpb25PYnNlcnZlcihcbiAgICAgICAgKGVudHJpZXMpID0+IHtcbiAgICAgICAgICBlbnRyaWVzLmZvckVhY2goKGVudHJ5KSA9PiB7XG4gICAgICAgICAgICBzZXRJc1Njcm9sbGVkKCFlbnRyeS5pc0ludGVyc2VjdGluZyk7XG4gICAgICAgICAgfSk7XG4gICAgICAgIH0sXG4gICAgICAgIHtcbiAgICAgICAgICByb290OiBjb250YWluZXJSZWYuY3VycmVudCxcbiAgICAgICAgICB0aHJlc2hvbGQ6IDEsXG4gICAgICAgIH1cbiAgICAgICk7XG5cbiAgICAgIG9ic2VydmVyLm9ic2VydmUodGFibGVSZWYuY3VycmVudCk7XG4gICAgfVxuXG4gICAgcmV0dXJuICgpID0+IHtcbiAgICAgIGlmIChvYnNlcnZlcikge1xuICAgICAgICBvYnNlcnZlci5kaXNjb25uZWN0KCk7XG4gICAgICB9XG4gICAgfTtcbiAgfSwgW10pO1xuXG4gIGNvbnN0IGZvb3RlckVsbSA9IGZvb3RlciA/IDxTdHlsZWRGb290ZXI+e2Zvb3Rlcn08L1N0eWxlZEZvb3Rlcj4gOiBudWxsO1xuXG4gIHJldHVybiAoXG4gICAgPENvbnRhaW5lciBlbGV2YXRpb249ezF9PlxuICAgICAgPFRhYmxlQ29udGFpbmVyIHJlZj17Y29udGFpbmVyUmVmfT5cbiAgICAgICAgPFN0eWxlZFRhYmxlXG4gICAgICAgICAgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH1cbiAgICAgICAgICBkYXRhLWRzLWlkPVwiRGF0YVRhYmxlXCJcbiAgICAgICAgICByZWY9e3RhYmxlUmVmfVxuICAgICAgICAgIGxheW91dD17bGF5b3V0fVxuICAgICAgICAgIHRhYmxlV2lkdGg9e3dpZHRofVxuICAgICAgICA+XG4gICAgICAgICAgPFNjcmVlblJlYWRlclRleHQgYXM9XCJjYXB0aW9uXCI+e2NhcHRpb259PC9TY3JlZW5SZWFkZXJUZXh0PlxuICAgICAgICAgIDxUYWJsZUhlYWRlclxuICAgICAgICAgICAgY29sdW1ucz17Y29sdW1uc31cbiAgICAgICAgICAgIGlzRmlyc3RDb2x1bW5TdGlja3k9e2lzRmlyc3RDb2x1bW5TdGlja3l9XG4gICAgICAgICAgICBjdXJyZW50bHlTb3J0ZWRCeUNvbHVtbj17Y3VycmVudGx5U29ydGVkQnlDb2x1bW59XG4gICAgICAgICAgICBpc1RhYmxlU2Nyb2xsZWQ9e2lzU2Nyb2xsZWR9XG4gICAgICAgICAgICBvblNvcnQ9e29uU29ydH1cbiAgICAgICAgICAvPlxuICAgICAgICAgIDxUYWJsZUJvZHlcbiAgICAgICAgICAgIGNvbHVtbnM9e2NvbHVtbnN9XG4gICAgICAgICAgICByb3dzPXtyb3dzfVxuICAgICAgICAgICAgYm9keUNlbGxWZXJ0aWNhbFBhZGRpbmc9e2JvZHlDZWxsVmVydGljYWxQYWRkaW5nfVxuICAgICAgICAgICAgaXNUYWJsZVNjcm9sbGVkPXtpc1Njcm9sbGVkfVxuICAgICAgICAgICAgaXNFbXB0eT17aXNFbXB0eX1cbiAgICAgICAgICAgIGlzTG9hZGluZz17aXNMb2FkaW5nfVxuICAgICAgICAgICAgbG9hZGluZ1N0YXRlU2NyZWVuUmVhZGVyVGV4dD17bG9hZGluZ1N0YXRlU2NyZWVuUmVhZGVyVGV4dH1cbiAgICAgICAgICAgIGVtcHR5VGFibGVDb250ZW50SGVpZ2h0PXtlbXB0eVRhYmxlQ29udGVudEhlaWdodH1cbiAgICAgICAgICAgIGZvb3Rlcj17Zm9vdGVyfVxuICAgICAgICAgICAgaXNGaXJzdENvbHVtblN0aWNreT17aXNGaXJzdENvbHVtblN0aWNreX1cbiAgICAgICAgICAgIGVtcHR5Q2VsbENvbnRlbnQ9e2VtcHR5Q2VsbENvbnRlbnR9XG4gICAgICAgICAgPlxuICAgICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICAgIDwvVGFibGVCb2R5PlxuICAgICAgICA8L1N0eWxlZFRhYmxlPlxuICAgICAgPC9UYWJsZUNvbnRhaW5lcj5cbiAgICAgIHtmb290ZXJFbG19XG4gICAgPC9Db250YWluZXI+XG4gICk7XG59XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const StyledTable = /*#__PURE__*/_styled("table", process.env.NODE_ENV === "production" ? {
+  target: "e9acbuy1"
+} : {
+  target: "e9acbuy1",
+  label: "StyledTable"
+})(_ref => {
+  let {
+    layout,
+    tableWidth
+  } = _ref;
+  return {
+    borderSpacing: 0,
+    tableLayout: layout,
+    ...mqValue({
+      width: tableWidth
+    })
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRhdGFUYWJsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMEZvQiIsImZpbGUiOiJEYXRhVGFibGUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IHVzZUVmZmVjdCwgdXNlU3RhdGUsIHVzZVJlZiB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgVGFibGVCb2R5IGZyb20gXCIuL1RhYmxlQm9keVwiO1xuaW1wb3J0IFRhYmxlSGVhZGVyIGZyb20gXCIuL1RhYmxlSGVhZGVyXCI7XG5pbXBvcnQgeyBDb250YWluZXIgfSBmcm9tIFwiLi4vQ29udGFpbmVyL0NvbnRhaW5lclwiO1xuaW1wb3J0IHR5cGUgeyBEYXRhVGFibGVDb2x1bW4sIERhdGFUYWJsZVJvdyB9IGZyb20gXCIuL3R5cGVzXCI7XG5pbXBvcnQgeyBTY3JlZW5SZWFkZXJUZXh0IH0gZnJvbSBcIi4uLy4uL3NoYXJlZC9TY3JlZW5SZWFkZXJUZXh0XCI7XG5pbXBvcnQgeyBtcVZhbHVlIH0gZnJvbSBcIi4uLy4uL3NoYXJlZC9tZWRpYVF1ZXJpZXNcIjtcbmltcG9ydCB7IE1RIH0gZnJvbSBcIi4uLy4uL3R5cGVzXCI7XG5cbmV4cG9ydCB0eXBlIERhdGFUYWJsZVByb3BzID0ge1xuICAvKiogU2NyZWVuIHJlYWRlciB0ZXh0IGZvciB0YWJsZSBjYXB0aW9uICovXG4gIGNhcHRpb246IHN0cmluZztcblxuICAvKiogQ1NTIHRhYmxlIGxheW91dC4gSW4gJ2F1dG8nIGxheW91dCwgY29sdW1ucyBhcmUgc2l6ZWQgYWNjb3JkaW5nIHRvIGNvbnRlbnQgd2lkdGguIEluICdmaXhlZCcgbGF5b3V0LCBjb2x1bW5zIGNhbiBiZSBwcm92aWRlZCBhIGZpeGVkIG9yIHBlcmNlbnRhZ2Ugd2lkdGguICovXG4gIGxheW91dD86IFwiYXV0b1wiIHwgXCJmaXhlZFwiO1xuXG4gIC8qKiBUYWJsZSB3aWR0aCAqL1xuICB3aWR0aD86IHN0cmluZyB8IE1RPHN0cmluZz47XG5cbiAgLyoqIFZlcnRpY2FsIHBhZGRpbmcgb24gcm93IGNlbGxzIHRvIHNldCB0YWJsZSBkZW5zaXR5LCBjb25kZW5zZWQgKHMpLCBkZWZhdWx0IChtKSwgY29tZm9ydGFibGUgKGwpICovXG4gIGJvZHlDZWxsVmVydGljYWxQYWRkaW5nPzogXCJzXCIgfCBcIm1cIiB8IFwibFwiIHwgTVE8XCJzXCIgfCBcIm1cIiB8IFwibFwiPjtcblxuICAvKiogSGVpZ2h0IG9mIGVtcHR5L2Vycm9yIG9yIGxvYWRpbmcgdGFibGUgY29udGVudCAqL1xuICBlbXB0eVRhYmxlQ29udGVudEhlaWdodD86IHN0cmluZyB8IE1RPHN0cmluZz47XG5cbiAgLyoqIEZvb3RlciBlbGVtZW50ICovXG4gIGZvb3Rlcj86IFJlYWN0LlJlYWN0RWxlbWVudDtcblxuICAvKipcbiAgICogTWV0YSBkYXRhIGZvciBjb2x1bW5zXG4gICAqIEBwYXJhbSBEYXRhVGFibGVDb2x1bW5bXS5uYW1lIC0gQ29sdW1uIG5hbWVcbiAgICogQHBhcmFtIERhdGFUYWJsZUNvbHVtbltdLmxhYmVsIC0gQ29sdW1uIGxhYmVsIGZvciBkaXNwbGF5XG4gICAqIEBwYXJhbSBEYXRhVGFibGVDb2x1bW5bXS5hbGlnbiAtIEFsaWduIGNlbGwgY29udGVudCwgJ2xlZnQnIHwgJ3JpZ2h0JyB8ICdjZW50ZXInXG4gICAqIEBwYXJhbSBEYXRhVGFibGVDb2x1bW5bXS53aWR0aCAtIENvbHVtbiB3aWR0aFxuICAgKiBAcGFyYW0gRGF0YVRhYmxlQ29sdW1uW10ucmVuZGVyQ2VsbCAtIENhbGxiYWNrIHRvIHJlbmRlciBjdXN0b20gY2VsbCBjb250ZW50LlxuICAgKiBAcGFyYW0gRGF0YVRhYmxlQ29sdW1uW10uaXNTb3J0YWJsZSAtIElzIHRhYmxlIHNvcnRhYmxlIGJ5IGNvbHVtblxuICAgKiBAcGFyYW0gRGF0YVRhYmxlQ29sdW1uW10uc29ydERpcmVjdGlvbiAtIFNvcnRlZCBhcyAnYXNjJyB8ICdkZXNjJ1xuICAgKi9cbiAgY29sdW1uczogRGF0YVRhYmxlQ29sdW1uW107XG5cbiAgLyoqXG4gICAqIFRhYmxlIGNvbnRlbnQgYXMgYW4gYXJyYXkgb2Ygb2JqZWN0cyB3aXRoIHZhbHVlcyBmb3IgZWFjaCBjb2x1bW5cbiAgICovXG4gIHJvd3M/OiBEYXRhVGFibGVSb3dbXTtcblxuICAvKipcbiAgICogSXMgbG9hZGluZyBkYXRhLiBZb3UgY2FuIGRpc3BsYXkgY3VzdG9tIGxvYWRpbmcgY29udGVudCB3aXRoIGNoaWxkcmVuIHByb3AuXG4gICAqL1xuICBpc0xvYWRpbmc/OiBib29sZWFuO1xuXG4gIC8qKiBTY3JlZW4gcmVhZGVyIHRleHQgZm9yIGxvYWRpbmcgc3Bpbm5lciAqL1xuICBsb2FkaW5nU3RhdGVTY3JlZW5SZWFkZXJUZXh0Pzogc3RyaW5nO1xuXG4gIC8qKiBJcyBlbXB0eSBvciBpbiBlcnJvciBzdGF0ZS4gWW91IGNhbiBkaXNwbGF5IGN1c3RvbSBlbXB0eS9lcnJvciBjb250ZW50IHdpdGggY2hpbGRyZW4gcHJvcC5cbiAgICovXG4gIGlzRW1wdHk/OiBib29sZWFuO1xuXG4gIC8qKlxuICAgKiBJcyBmaXJzdCBjb2x1bW4gc3RpY2t5IG9uIHNjcm9sbFxuICAgKi9cbiAgaXNGaXJzdENvbHVtblN0aWNreT86IGJvb2xlYW47XG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiPzogc3RyaW5nO1xuXG4gIC8qKiAgQ29sdW1uIG1vc3QgcmVjZW50bHkgdXNlZCB0byBzb3J0IGRhdGEgKi9cbiAgY3VycmVudGx5U29ydGVkQnlDb2x1bW4/OiBzdHJpbmc7XG5cbiAgLyoqXG4gICAqIENhbGxiYWNrIHRvIGhhbmRsZSBzb3J0aW5nIGJ5IGNvbHVtblxuICAgKi9cblxuICAvKipcbiAgICogRW1wdHkgY2VsbCBjb250ZW50LlxuICAgKi9cbiAgZW1wdHlDZWxsQ29udGVudD86IHN0cmluZztcblxuICBvblNvcnQ/OiAoXG4gICAgY29sdW1uTmFtZTogc3RyaW5nLFxuICAgIGRlc2lyZWRTb3J0RGlyZWN0aW9uOiBEYXRhVGFibGVDb2x1bW5bXCJzb3J0RGlyZWN0aW9uXCJdXG4gICkgPT4gdm9pZDtcbn07XG5cbmNvbnN0IFRhYmxlQ29udGFpbmVyID0gc3R5bGVkLmRpdih7XG4gIG92ZXJmbG93OiBcImF1dG9cIixcbn0pO1xuXG50eXBlIFN0eWxlZFRhYmxlUHJvcHMgPSBQaWNrPERhdGFUYWJsZVByb3BzLCBcImxheW91dFwiPiAmIHtcbiAgdGFibGVXaWR0aDogRGF0YVRhYmxlUHJvcHNbXCJ3aWR0aFwiXTtcbn07XG5cbmNvbnN0IFN0eWxlZFRhYmxlID0gc3R5bGVkLnRhYmxlPFN0eWxlZFRhYmxlUHJvcHM+KFxuICAoeyBsYXlvdXQsIHRhYmxlV2lkdGggfSkgPT4gKHtcbiAgICBib3JkZXJTcGFjaW5nOiAwLFxuICAgIHRhYmxlTGF5b3V0OiBsYXlvdXQsXG4gICAgLi4ubXFWYWx1ZSh7XG4gICAgICB3aWR0aDogdGFibGVXaWR0aCxcbiAgICB9KSxcbiAgfSlcbik7XG5cbmNvbnN0IFN0eWxlZEZvb3RlciA9IHN0eWxlZC5kaXYoKHsgdGhlbWUgfSkgPT4gKHtcbiAgcGFkZGluZzogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54cyxcbn0pKTtcblxuZXhwb3J0IGZ1bmN0aW9uIERhdGFUYWJsZSh7XG4gIGNhcHRpb24sXG4gIGNvbHVtbnMsXG4gIHJvd3MgPSBbXSxcbiAgZm9vdGVyLFxuICBjdXJyZW50bHlTb3J0ZWRCeUNvbHVtbixcbiAgaXNGaXJzdENvbHVtblN0aWNreSA9IHRydWUsXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxuICBpc0xvYWRpbmcgPSBmYWxzZSxcbiAgbG9hZGluZ1N0YXRlU2NyZWVuUmVhZGVyVGV4dCA9IFwiTG9hZGluZ1wiLFxuICBpc0VtcHR5ID0gZmFsc2UsXG4gIGNoaWxkcmVuLFxuICBlbXB0eVRhYmxlQ29udGVudEhlaWdodCA9IFwiMTVyZW1cIixcbiAgbGF5b3V0ID0gXCJhdXRvXCIsXG4gIHdpZHRoID0gXCIxMDAlXCIsXG4gIGJvZHlDZWxsVmVydGljYWxQYWRkaW5nID0gXCJtXCIsXG4gIGVtcHR5Q2VsbENvbnRlbnQgPSBcIi0tXCIsXG4gIG9uU29ydCxcbn06IFJlYWN0LlByb3BzV2l0aENoaWxkcmVuPERhdGFUYWJsZVByb3BzPik6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IFtpc1Njcm9sbGVkLCBzZXRJc1Njcm9sbGVkXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgY29uc3QgdGFibGVSZWYgPSB1c2VSZWY8SFRNTFRhYmxlRWxlbWVudD4obnVsbCk7XG4gIGNvbnN0IGNvbnRhaW5lclJlZiA9IHVzZVJlZjxIVE1MRGl2RWxlbWVudD4obnVsbCk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBsZXQgb2JzZXJ2ZXI6IEludGVyc2VjdGlvbk9ic2VydmVyO1xuXG4gICAgaWYgKFxuICAgICAgdHlwZW9mIEludGVyc2VjdGlvbk9ic2VydmVyICE9PSBcInVuZGVmaW5lZFwiICYmXG4gICAgICBjb250YWluZXJSZWYgJiZcbiAgICAgIGNvbnRhaW5lclJlZi5jdXJyZW50ICYmXG4gICAgICB0YWJsZVJlZi5jdXJyZW50XG4gICAgKSB7XG4gICAgICBvYnNlcnZlciA9IG5ldyBJbnRlcnNlY3Rpb25PYnNlcnZlcihcbiAgICAgICAgKGVudHJpZXMpID0+IHtcbiAgICAgICAgICBlbnRyaWVzLmZvckVhY2goKGVudHJ5KSA9PiB7XG4gICAgICAgICAgICBzZXRJc1Njcm9sbGVkKCFlbnRyeS5pc0ludGVyc2VjdGluZyk7XG4gICAgICAgICAgfSk7XG4gICAgICAgIH0sXG4gICAgICAgIHtcbiAgICAgICAgICByb290OiBjb250YWluZXJSZWYuY3VycmVudCxcbiAgICAgICAgICB0aHJlc2hvbGQ6IDEsXG4gICAgICAgIH1cbiAgICAgICk7XG5cbiAgICAgIG9ic2VydmVyLm9ic2VydmUodGFibGVSZWYuY3VycmVudCk7XG4gICAgfVxuXG4gICAgcmV0dXJuICgpID0+IHtcbiAgICAgIGlmIChvYnNlcnZlcikge1xuICAgICAgICBvYnNlcnZlci5kaXNjb25uZWN0KCk7XG4gICAgICB9XG4gICAgfTtcbiAgfSwgW10pO1xuXG4gIGNvbnN0IGZvb3RlckVsbSA9IGZvb3RlciA/IDxTdHlsZWRGb290ZXI+e2Zvb3Rlcn08L1N0eWxlZEZvb3Rlcj4gOiBudWxsO1xuXG4gIHJldHVybiAoXG4gICAgPENvbnRhaW5lciBlbGV2YXRpb249ezF9PlxuICAgICAgPFRhYmxlQ29udGFpbmVyIHJlZj17Y29udGFpbmVyUmVmfT5cbiAgICAgICAgPFN0eWxlZFRhYmxlXG4gICAgICAgICAgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH1cbiAgICAgICAgICBkYXRhLWRzLWlkPVwiRGF0YVRhYmxlXCJcbiAgICAgICAgICByZWY9e3RhYmxlUmVmfVxuICAgICAgICAgIGxheW91dD17bGF5b3V0fVxuICAgICAgICAgIHRhYmxlV2lkdGg9e3dpZHRofVxuICAgICAgICA+XG4gICAgICAgICAgPFNjcmVlblJlYWRlclRleHQgYXM9XCJjYXB0aW9uXCI+e2NhcHRpb259PC9TY3JlZW5SZWFkZXJUZXh0PlxuICAgICAgICAgIDxUYWJsZUhlYWRlclxuICAgICAgICAgICAgY29sdW1ucz17Y29sdW1uc31cbiAgICAgICAgICAgIGlzRmlyc3RDb2x1bW5TdGlja3k9e2lzRmlyc3RDb2x1bW5TdGlja3l9XG4gICAgICAgICAgICBjdXJyZW50bHlTb3J0ZWRCeUNvbHVtbj17Y3VycmVudGx5U29ydGVkQnlDb2x1bW59XG4gICAgICAgICAgICBpc1RhYmxlU2Nyb2xsZWQ9e2lzU2Nyb2xsZWR9XG4gICAgICAgICAgICBvblNvcnQ9e29uU29ydH1cbiAgICAgICAgICAvPlxuICAgICAgICAgIDxUYWJsZUJvZHlcbiAgICAgICAgICAgIGNvbHVtbnM9e2NvbHVtbnN9XG4gICAgICAgICAgICByb3dzPXtyb3dzfVxuICAgICAgICAgICAgYm9keUNlbGxWZXJ0aWNhbFBhZGRpbmc9e2JvZHlDZWxsVmVydGljYWxQYWRkaW5nfVxuICAgICAgICAgICAgaXNUYWJsZVNjcm9sbGVkPXtpc1Njcm9sbGVkfVxuICAgICAgICAgICAgaXNFbXB0eT17aXNFbXB0eX1cbiAgICAgICAgICAgIGlzTG9hZGluZz17aXNMb2FkaW5nfVxuICAgICAgICAgICAgbG9hZGluZ1N0YXRlU2NyZWVuUmVhZGVyVGV4dD17bG9hZGluZ1N0YXRlU2NyZWVuUmVhZGVyVGV4dH1cbiAgICAgICAgICAgIGVtcHR5VGFibGVDb250ZW50SGVpZ2h0PXtlbXB0eVRhYmxlQ29udGVudEhlaWdodH1cbiAgICAgICAgICAgIGZvb3Rlcj17Zm9vdGVyfVxuICAgICAgICAgICAgaXNGaXJzdENvbHVtblN0aWNreT17aXNGaXJzdENvbHVtblN0aWNreX1cbiAgICAgICAgICAgIGVtcHR5Q2VsbENvbnRlbnQ9e2VtcHR5Q2VsbENvbnRlbnR9XG4gICAgICAgICAgPlxuICAgICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICAgIDwvVGFibGVCb2R5PlxuICAgICAgICA8L1N0eWxlZFRhYmxlPlxuICAgICAgPC9UYWJsZUNvbnRhaW5lcj5cbiAgICAgIHtmb290ZXJFbG19XG4gICAgPC9Db250YWluZXI+XG4gICk7XG59XG4iXX0= */");
+const StyledFooter = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e9acbuy0"
+} : {
+  target: "e9acbuy0",
+  label: "StyledFooter"
+})(_ref2 => {
+  let {
+    theme
+  } = _ref2;
+  return {
+    padding: theme.variables.size.spacing.xs
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRhdGFUYWJsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0dxQiIsImZpbGUiOiJEYXRhVGFibGUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IHVzZUVmZmVjdCwgdXNlU3RhdGUsIHVzZVJlZiB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgVGFibGVCb2R5IGZyb20gXCIuL1RhYmxlQm9keVwiO1xuaW1wb3J0IFRhYmxlSGVhZGVyIGZyb20gXCIuL1RhYmxlSGVhZGVyXCI7XG5pbXBvcnQgeyBDb250YWluZXIgfSBmcm9tIFwiLi4vQ29udGFpbmVyL0NvbnRhaW5lclwiO1xuaW1wb3J0IHR5cGUgeyBEYXRhVGFibGVDb2x1bW4sIERhdGFUYWJsZVJvdyB9IGZyb20gXCIuL3R5cGVzXCI7XG5pbXBvcnQgeyBTY3JlZW5SZWFkZXJUZXh0IH0gZnJvbSBcIi4uLy4uL3NoYXJlZC9TY3JlZW5SZWFkZXJUZXh0XCI7XG5pbXBvcnQgeyBtcVZhbHVlIH0gZnJvbSBcIi4uLy4uL3NoYXJlZC9tZWRpYVF1ZXJpZXNcIjtcbmltcG9ydCB7IE1RIH0gZnJvbSBcIi4uLy4uL3R5cGVzXCI7XG5cbmV4cG9ydCB0eXBlIERhdGFUYWJsZVByb3BzID0ge1xuICAvKiogU2NyZWVuIHJlYWRlciB0ZXh0IGZvciB0YWJsZSBjYXB0aW9uICovXG4gIGNhcHRpb246IHN0cmluZztcblxuICAvKiogQ1NTIHRhYmxlIGxheW91dC4gSW4gJ2F1dG8nIGxheW91dCwgY29sdW1ucyBhcmUgc2l6ZWQgYWNjb3JkaW5nIHRvIGNvbnRlbnQgd2lkdGguIEluICdmaXhlZCcgbGF5b3V0LCBjb2x1bW5zIGNhbiBiZSBwcm92aWRlZCBhIGZpeGVkIG9yIHBlcmNlbnRhZ2Ugd2lkdGguICovXG4gIGxheW91dD86IFwiYXV0b1wiIHwgXCJmaXhlZFwiO1xuXG4gIC8qKiBUYWJsZSB3aWR0aCAqL1xuICB3aWR0aD86IHN0cmluZyB8IE1RPHN0cmluZz47XG5cbiAgLyoqIFZlcnRpY2FsIHBhZGRpbmcgb24gcm93IGNlbGxzIHRvIHNldCB0YWJsZSBkZW5zaXR5LCBjb25kZW5zZWQgKHMpLCBkZWZhdWx0IChtKSwgY29tZm9ydGFibGUgKGwpICovXG4gIGJvZHlDZWxsVmVydGljYWxQYWRkaW5nPzogXCJzXCIgfCBcIm1cIiB8IFwibFwiIHwgTVE8XCJzXCIgfCBcIm1cIiB8IFwibFwiPjtcblxuICAvKiogSGVpZ2h0IG9mIGVtcHR5L2Vycm9yIG9yIGxvYWRpbmcgdGFibGUgY29udGVudCAqL1xuICBlbXB0eVRhYmxlQ29udGVudEhlaWdodD86IHN0cmluZyB8IE1RPHN0cmluZz47XG5cbiAgLyoqIEZvb3RlciBlbGVtZW50ICovXG4gIGZvb3Rlcj86IFJlYWN0LlJlYWN0RWxlbWVudDtcblxuICAvKipcbiAgICogTWV0YSBkYXRhIGZvciBjb2x1bW5zXG4gICAqIEBwYXJhbSBEYXRhVGFibGVDb2x1bW5bXS5uYW1lIC0gQ29sdW1uIG5hbWVcbiAgICogQHBhcmFtIERhdGFUYWJsZUNvbHVtbltdLmxhYmVsIC0gQ29sdW1uIGxhYmVsIGZvciBkaXNwbGF5XG4gICAqIEBwYXJhbSBEYXRhVGFibGVDb2x1bW5bXS5hbGlnbiAtIEFsaWduIGNlbGwgY29udGVudCwgJ2xlZnQnIHwgJ3JpZ2h0JyB8ICdjZW50ZXInXG4gICAqIEBwYXJhbSBEYXRhVGFibGVDb2x1bW5bXS53aWR0aCAtIENvbHVtbiB3aWR0aFxuICAgKiBAcGFyYW0gRGF0YVRhYmxlQ29sdW1uW10ucmVuZGVyQ2VsbCAtIENhbGxiYWNrIHRvIHJlbmRlciBjdXN0b20gY2VsbCBjb250ZW50LlxuICAgKiBAcGFyYW0gRGF0YVRhYmxlQ29sdW1uW10uaXNTb3J0YWJsZSAtIElzIHRhYmxlIHNvcnRhYmxlIGJ5IGNvbHVtblxuICAgKiBAcGFyYW0gRGF0YVRhYmxlQ29sdW1uW10uc29ydERpcmVjdGlvbiAtIFNvcnRlZCBhcyAnYXNjJyB8ICdkZXNjJ1xuICAgKi9cbiAgY29sdW1uczogRGF0YVRhYmxlQ29sdW1uW107XG5cbiAgLyoqXG4gICAqIFRhYmxlIGNvbnRlbnQgYXMgYW4gYXJyYXkgb2Ygb2JqZWN0cyB3aXRoIHZhbHVlcyBmb3IgZWFjaCBjb2x1bW5cbiAgICovXG4gIHJvd3M/OiBEYXRhVGFibGVSb3dbXTtcblxuICAvKipcbiAgICogSXMgbG9hZGluZyBkYXRhLiBZb3UgY2FuIGRpc3BsYXkgY3VzdG9tIGxvYWRpbmcgY29udGVudCB3aXRoIGNoaWxkcmVuIHByb3AuXG4gICAqL1xuICBpc0xvYWRpbmc/OiBib29sZWFuO1xuXG4gIC8qKiBTY3JlZW4gcmVhZGVyIHRleHQgZm9yIGxvYWRpbmcgc3Bpbm5lciAqL1xuICBsb2FkaW5nU3RhdGVTY3JlZW5SZWFkZXJUZXh0Pzogc3RyaW5nO1xuXG4gIC8qKiBJcyBlbXB0eSBvciBpbiBlcnJvciBzdGF0ZS4gWW91IGNhbiBkaXNwbGF5IGN1c3RvbSBlbXB0eS9lcnJvciBjb250ZW50IHdpdGggY2hpbGRyZW4gcHJvcC5cbiAgICovXG4gIGlzRW1wdHk/OiBib29sZWFuO1xuXG4gIC8qKlxuICAgKiBJcyBmaXJzdCBjb2x1bW4gc3RpY2t5IG9uIHNjcm9sbFxuICAgKi9cbiAgaXNGaXJzdENvbHVtblN0aWNreT86IGJvb2xlYW47XG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiPzogc3RyaW5nO1xuXG4gIC8qKiAgQ29sdW1uIG1vc3QgcmVjZW50bHkgdXNlZCB0byBzb3J0IGRhdGEgKi9cbiAgY3VycmVudGx5U29ydGVkQnlDb2x1bW4/OiBzdHJpbmc7XG5cbiAgLyoqXG4gICAqIENhbGxiYWNrIHRvIGhhbmRsZSBzb3J0aW5nIGJ5IGNvbHVtblxuICAgKi9cblxuICAvKipcbiAgICogRW1wdHkgY2VsbCBjb250ZW50LlxuICAgKi9cbiAgZW1wdHlDZWxsQ29udGVudD86IHN0cmluZztcblxuICBvblNvcnQ/OiAoXG4gICAgY29sdW1uTmFtZTogc3RyaW5nLFxuICAgIGRlc2lyZWRTb3J0RGlyZWN0aW9uOiBEYXRhVGFibGVDb2x1bW5bXCJzb3J0RGlyZWN0aW9uXCJdXG4gICkgPT4gdm9pZDtcbn07XG5cbmNvbnN0IFRhYmxlQ29udGFpbmVyID0gc3R5bGVkLmRpdih7XG4gIG92ZXJmbG93OiBcImF1dG9cIixcbn0pO1xuXG50eXBlIFN0eWxlZFRhYmxlUHJvcHMgPSBQaWNrPERhdGFUYWJsZVByb3BzLCBcImxheW91dFwiPiAmIHtcbiAgdGFibGVXaWR0aDogRGF0YVRhYmxlUHJvcHNbXCJ3aWR0aFwiXTtcbn07XG5cbmNvbnN0IFN0eWxlZFRhYmxlID0gc3R5bGVkLnRhYmxlPFN0eWxlZFRhYmxlUHJvcHM+KFxuICAoeyBsYXlvdXQsIHRhYmxlV2lkdGggfSkgPT4gKHtcbiAgICBib3JkZXJTcGFjaW5nOiAwLFxuICAgIHRhYmxlTGF5b3V0OiBsYXlvdXQsXG4gICAgLi4ubXFWYWx1ZSh7XG4gICAgICB3aWR0aDogdGFibGVXaWR0aCxcbiAgICB9KSxcbiAgfSlcbik7XG5cbmNvbnN0IFN0eWxlZEZvb3RlciA9IHN0eWxlZC5kaXYoKHsgdGhlbWUgfSkgPT4gKHtcbiAgcGFkZGluZzogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54cyxcbn0pKTtcblxuZXhwb3J0IGZ1bmN0aW9uIERhdGFUYWJsZSh7XG4gIGNhcHRpb24sXG4gIGNvbHVtbnMsXG4gIHJvd3MgPSBbXSxcbiAgZm9vdGVyLFxuICBjdXJyZW50bHlTb3J0ZWRCeUNvbHVtbixcbiAgaXNGaXJzdENvbHVtblN0aWNreSA9IHRydWUsXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxuICBpc0xvYWRpbmcgPSBmYWxzZSxcbiAgbG9hZGluZ1N0YXRlU2NyZWVuUmVhZGVyVGV4dCA9IFwiTG9hZGluZ1wiLFxuICBpc0VtcHR5ID0gZmFsc2UsXG4gIGNoaWxkcmVuLFxuICBlbXB0eVRhYmxlQ29udGVudEhlaWdodCA9IFwiMTVyZW1cIixcbiAgbGF5b3V0ID0gXCJhdXRvXCIsXG4gIHdpZHRoID0gXCIxMDAlXCIsXG4gIGJvZHlDZWxsVmVydGljYWxQYWRkaW5nID0gXCJtXCIsXG4gIGVtcHR5Q2VsbENvbnRlbnQgPSBcIi0tXCIsXG4gIG9uU29ydCxcbn06IFJlYWN0LlByb3BzV2l0aENoaWxkcmVuPERhdGFUYWJsZVByb3BzPik6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IFtpc1Njcm9sbGVkLCBzZXRJc1Njcm9sbGVkXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgY29uc3QgdGFibGVSZWYgPSB1c2VSZWY8SFRNTFRhYmxlRWxlbWVudD4obnVsbCk7XG4gIGNvbnN0IGNvbnRhaW5lclJlZiA9IHVzZVJlZjxIVE1MRGl2RWxlbWVudD4obnVsbCk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBsZXQgb2JzZXJ2ZXI6IEludGVyc2VjdGlvbk9ic2VydmVyO1xuXG4gICAgaWYgKFxuICAgICAgdHlwZW9mIEludGVyc2VjdGlvbk9ic2VydmVyICE9PSBcInVuZGVmaW5lZFwiICYmXG4gICAgICBjb250YWluZXJSZWYgJiZcbiAgICAgIGNvbnRhaW5lclJlZi5jdXJyZW50ICYmXG4gICAgICB0YWJsZVJlZi5jdXJyZW50XG4gICAgKSB7XG4gICAgICBvYnNlcnZlciA9IG5ldyBJbnRlcnNlY3Rpb25PYnNlcnZlcihcbiAgICAgICAgKGVudHJpZXMpID0+IHtcbiAgICAgICAgICBlbnRyaWVzLmZvckVhY2goKGVudHJ5KSA9PiB7XG4gICAgICAgICAgICBzZXRJc1Njcm9sbGVkKCFlbnRyeS5pc0ludGVyc2VjdGluZyk7XG4gICAgICAgICAgfSk7XG4gICAgICAgIH0sXG4gICAgICAgIHtcbiAgICAgICAgICByb290OiBjb250YWluZXJSZWYuY3VycmVudCxcbiAgICAgICAgICB0aHJlc2hvbGQ6IDEsXG4gICAgICAgIH1cbiAgICAgICk7XG5cbiAgICAgIG9ic2VydmVyLm9ic2VydmUodGFibGVSZWYuY3VycmVudCk7XG4gICAgfVxuXG4gICAgcmV0dXJuICgpID0+IHtcbiAgICAgIGlmIChvYnNlcnZlcikge1xuICAgICAgICBvYnNlcnZlci5kaXNjb25uZWN0KCk7XG4gICAgICB9XG4gICAgfTtcbiAgfSwgW10pO1xuXG4gIGNvbnN0IGZvb3RlckVsbSA9IGZvb3RlciA/IDxTdHlsZWRGb290ZXI+e2Zvb3Rlcn08L1N0eWxlZEZvb3Rlcj4gOiBudWxsO1xuXG4gIHJldHVybiAoXG4gICAgPENvbnRhaW5lciBlbGV2YXRpb249ezF9PlxuICAgICAgPFRhYmxlQ29udGFpbmVyIHJlZj17Y29udGFpbmVyUmVmfT5cbiAgICAgICAgPFN0eWxlZFRhYmxlXG4gICAgICAgICAgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH1cbiAgICAgICAgICBkYXRhLWRzLWlkPVwiRGF0YVRhYmxlXCJcbiAgICAgICAgICByZWY9e3RhYmxlUmVmfVxuICAgICAgICAgIGxheW91dD17bGF5b3V0fVxuICAgICAgICAgIHRhYmxlV2lkdGg9e3dpZHRofVxuICAgICAgICA+XG4gICAgICAgICAgPFNjcmVlblJlYWRlclRleHQgYXM9XCJjYXB0aW9uXCI+e2NhcHRpb259PC9TY3JlZW5SZWFkZXJUZXh0PlxuICAgICAgICAgIDxUYWJsZUhlYWRlclxuICAgICAgICAgICAgY29sdW1ucz17Y29sdW1uc31cbiAgICAgICAgICAgIGlzRmlyc3RDb2x1bW5TdGlja3k9e2lzRmlyc3RDb2x1bW5TdGlja3l9XG4gICAgICAgICAgICBjdXJyZW50bHlTb3J0ZWRCeUNvbHVtbj17Y3VycmVudGx5U29ydGVkQnlDb2x1bW59XG4gICAgICAgICAgICBpc1RhYmxlU2Nyb2xsZWQ9e2lzU2Nyb2xsZWR9XG4gICAgICAgICAgICBvblNvcnQ9e29uU29ydH1cbiAgICAgICAgICAvPlxuICAgICAgICAgIDxUYWJsZUJvZHlcbiAgICAgICAgICAgIGNvbHVtbnM9e2NvbHVtbnN9XG4gICAgICAgICAgICByb3dzPXtyb3dzfVxuICAgICAgICAgICAgYm9keUNlbGxWZXJ0aWNhbFBhZGRpbmc9e2JvZHlDZWxsVmVydGljYWxQYWRkaW5nfVxuICAgICAgICAgICAgaXNUYWJsZVNjcm9sbGVkPXtpc1Njcm9sbGVkfVxuICAgICAgICAgICAgaXNFbXB0eT17aXNFbXB0eX1cbiAgICAgICAgICAgIGlzTG9hZGluZz17aXNMb2FkaW5nfVxuICAgICAgICAgICAgbG9hZGluZ1N0YXRlU2NyZWVuUmVhZGVyVGV4dD17bG9hZGluZ1N0YXRlU2NyZWVuUmVhZGVyVGV4dH1cbiAgICAgICAgICAgIGVtcHR5VGFibGVDb250ZW50SGVpZ2h0PXtlbXB0eVRhYmxlQ29udGVudEhlaWdodH1cbiAgICAgICAgICAgIGZvb3Rlcj17Zm9vdGVyfVxuICAgICAgICAgICAgaXNGaXJzdENvbHVtblN0aWNreT17aXNGaXJzdENvbHVtblN0aWNreX1cbiAgICAgICAgICAgIGVtcHR5Q2VsbENvbnRlbnQ9e2VtcHR5Q2VsbENvbnRlbnR9XG4gICAgICAgICAgPlxuICAgICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICAgIDwvVGFibGVCb2R5PlxuICAgICAgICA8L1N0eWxlZFRhYmxlPlxuICAgICAgPC9UYWJsZUNvbnRhaW5lcj5cbiAgICAgIHtmb290ZXJFbG19XG4gICAgPC9Db250YWluZXI+XG4gICk7XG59XG4iXX0= */");
+function DataTable(_ref3) {
+  let {
+    caption,
+    columns,
+    rows = [],
+    footer,
+    currentlySortedByColumn,
+    isFirstColumnSticky = true,
+    "data-e2e-test-id": dataE2eTestId,
+    isLoading = false,
+    loadingStateScreenReaderText = "Loading",
+    isEmpty = false,
+    children,
+    emptyTableContentHeight = "15rem",
+    layout = "auto",
+    width = "100%",
+    bodyCellVerticalPadding = "m",
+    emptyCellContent = "--",
+    onSort
+  } = _ref3;
+  const [isScrolled, setIsScrolled] = useState(false);
+  const tableRef = useRef(null);
+  const containerRef = useRef(null);
+  useEffect(() => {
+    let observer;
+    if (typeof IntersectionObserver !== "undefined" && 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();
+      }
+    };
+  }, []);
+  const footerElm = footer ? /*#__PURE__*/React.createElement(StyledFooter, null, footer) : null;
+  return /*#__PURE__*/React.createElement(Container, {
+    elevation: 1
+  }, /*#__PURE__*/React.createElement(TableContainer, {
+    ref: containerRef
+  }, /*#__PURE__*/React.createElement(StyledTable, {
+    "data-e2e-test-id": dataE2eTestId,
+    "data-ds-id": "DataTable",
+    ref: tableRef,
+    layout: layout,
+    tableWidth: width
+  }, /*#__PURE__*/React.createElement(ScreenReaderText, {
+    as: "caption"
+  }, caption), /*#__PURE__*/React.createElement(TableHeader, {
+    columns: columns,
+    isFirstColumnSticky: isFirstColumnSticky,
+    currentlySortedByColumn: currentlySortedByColumn,
+    isTableScrolled: isScrolled,
+    onSort: onSort
+  }), /*#__PURE__*/React.createElement(TableBody, {
+    columns: columns,
+    rows: rows,
+    bodyCellVerticalPadding: bodyCellVerticalPadding,
+    isTableScrolled: isScrolled,
+    isEmpty: isEmpty,
+    isLoading: isLoading,
+    loadingStateScreenReaderText: loadingStateScreenReaderText,
+    emptyTableContentHeight: emptyTableContentHeight,
+    footer: footer,
+    isFirstColumnSticky: isFirstColumnSticky,
+    emptyCellContent: emptyCellContent
+  }, children))), 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, { 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 } from \"./types\";\nimport { ScreenReaderText } from \"../../shared/ScreenReaderText\";\nimport { mqValue } from \"../../shared/mediaQueries\";\nimport { MQ } from \"../../types\";\n\nexport type DataTableProps = {\n  /** Screen reader text for table caption */\n  caption: string;\n\n  /** CSS table layout. In 'auto' layout, columns are sized according to content width. In 'fixed' layout, columns can be provided a fixed or percentage width. */\n  layout?: \"auto\" | \"fixed\";\n\n  /** Table width */\n  width?: string | MQ<string>;\n\n  /** Vertical padding on row cells to set table density, condensed (s), default (m), comfortable (l) */\n  bodyCellVerticalPadding?: \"s\" | \"m\" | \"l\" | MQ<\"s\" | \"m\" | \"l\">;\n\n  /** Height of empty/error or loading table content */\n  emptyTableContentHeight?: string | MQ<string>;\n\n  /** Footer element */\n  footer?: React.ReactElement;\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[].renderCell - Callback to render custom cell content.\n   * @param DataTableColumn[].isSortable - Is table sortable by column\n   * @param DataTableColumn[].sortDirection - Sorted as 'asc' | 'desc'\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   */\n  isLoading?: boolean;\n\n  /** Screen reader text for loading spinner */\n  loadingStateScreenReaderText?: string;\n\n  /** Is empty or in error state. You can display custom empty/error content with children prop.\n   */\n  isEmpty?: boolean;\n\n  /**\n   * Is first column sticky on scroll\n   */\n  isFirstColumnSticky?: boolean;\n  \"data-e2e-test-id\"?: string;\n\n  /**  Column most recently used to sort data */\n  currentlySortedByColumn?: string;\n\n  /**\n   * Callback to handle sorting by column\n   */\n\n  /**\n   * Empty cell content.\n   */\n  emptyCellContent?: string;\n\n  onSort?: (\n    columnName: string,\n    desiredSortDirection: DataTableColumn[\"sortDirection\"]\n  ) => void;\n};\n\nconst TableContainer = styled.div({\n  overflow: \"auto\",\n});\n\ntype StyledTableProps = Pick<DataTableProps, \"layout\"> & {\n  tableWidth: DataTableProps[\"width\"];\n};\n\nconst StyledTable = styled.table<StyledTableProps>(\n  ({ layout, tableWidth }) => ({\n    borderSpacing: 0,\n    tableLayout: layout,\n    ...mqValue({\n      width: tableWidth,\n    }),\n  })\n);\n\nconst StyledFooter = styled.div(({ theme }) => ({\n  padding: theme.variables.size.spacing.xs,\n}));\n\nexport function DataTable({\n  caption,\n  columns,\n  rows = [],\n  footer,\n  currentlySortedByColumn,\n  isFirstColumnSticky = true,\n  \"data-e2e-test-id\": dataE2eTestId,\n  isLoading = false,\n  loadingStateScreenReaderText = \"Loading\",\n  isEmpty = false,\n  children,\n  emptyTableContentHeight = \"15rem\",\n  layout = \"auto\",\n  width = \"100%\",\n  bodyCellVerticalPadding = \"m\",\n  emptyCellContent = \"--\",\n  onSort,\n}: React.PropsWithChildren<DataTableProps>): React.ReactElement {\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      typeof IntersectionObserver !== \"undefined\" &&\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  }, []);\n\n  const footerElm = footer ? <StyledFooter>{footer}</StyledFooter> : null;\n\n  return (\n    <Container elevation={1}>\n      <TableContainer ref={containerRef}>\n        <StyledTable\n          data-e2e-test-id={dataE2eTestId}\n          data-ds-id=\"DataTable\"\n          ref={tableRef}\n          layout={layout}\n          tableWidth={width}\n        >\n          <ScreenReaderText as=\"caption\">{caption}</ScreenReaderText>\n          <TableHeader\n            columns={columns}\n            isFirstColumnSticky={isFirstColumnSticky}\n            currentlySortedByColumn={currentlySortedByColumn}\n            isTableScrolled={isScrolled}\n            onSort={onSort}\n          />\n          <TableBody\n            columns={columns}\n            rows={rows}\n            bodyCellVerticalPadding={bodyCellVerticalPadding}\n            isTableScrolled={isScrolled}\n            isEmpty={isEmpty}\n            isLoading={isLoading}\n            loadingStateScreenReaderText={loadingStateScreenReaderText}\n            emptyTableContentHeight={emptyTableContentHeight}\n            footer={footer}\n            isFirstColumnSticky={isFirstColumnSticky}\n            emptyCellContent={emptyCellContent}\n          >\n            {children}\n          </TableBody>\n        </StyledTable>\n      </TableContainer>\n      {footerElm}\n    </Container>\n  );\n}\n"],"names":["TableContainer","_styled","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledTable","_ref","layout","tableWidth","borderSpacing","tableLayout","mqValue","width","StyledFooter","_ref2","theme","padding","variables","size","spacing","xs","DataTable","_ref3","caption","columns","rows","footer","currentlySortedByColumn","isFirstColumnSticky","dataE2eTestId","isLoading","loadingStateScreenReaderText","isEmpty","children","emptyTableContentHeight","bodyCellVerticalPadding","emptyCellContent","onSort","isScrolled","setIsScrolled","useState","tableRef","useRef","containerRef","useEffect","observer","IntersectionObserver","current","entries","forEach","entry","isIntersecting","root","threshold","observe","disconnect","footerElm","React","createElement","Container","elevation","ref","ScreenReaderText","as","TableHeader","isTableScrolled","TableBody"],"mappings":"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"}

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

@@ -0,0 +1,9 @@
+import React from "react";
+import type { DataTableProps } from "./DataTable";
+export declare type TableBodyProps = {
+    className?: string;
+    isTableScrolled: boolean;
+} & Pick<DataTableProps, "columns" | "rows" | "isLoading" | "loadingStateScreenReaderText" | "isEmpty" | "emptyTableContentHeight" | "bodyCellVerticalPadding" | "footer" | "isFirstColumnSticky" | "emptyCellContent">;
+declare function TableBody({ className, columns, rows, bodyCellVerticalPadding, isTableScrolled, isLoading, loadingStateScreenReaderText, isEmpty, emptyTableContentHeight, footer, children, isFirstColumnSticky, emptyCellContent, }: React.PropsWithChildren<TableBodyProps>): React.ReactElement;
+declare const _default: React.MemoExoticComponent<typeof TableBody>;
+export default _default;

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

@@ -0,0 +1,163 @@
+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,
+    isTableScrolled
+  } = _ref;
+  return {
+    "&:hover td": {
+      backgroundColor: theme.values.color.background.tabs.header
+    },
+    ...(!footer && {
+      "&:last-of-type": {
+        td: {
+          borderBottom: "none"
+        },
+        ...(!isTableScrolled && {
+          "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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhYmxlQm9keS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNEJpQiIsImZpbGUiOiJUYWJsZUJvZHkudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgdHlwZSB7IERhdGFUYWJsZUNvbHVtbiB9IGZyb20gXCIuL3R5cGVzXCI7XG5pbXBvcnQgVGFibGVDZWxsLCB7IFRhYmxlQ2VsbFByb3BzIH0gZnJvbSBcIi4vVGFibGVDZWxsXCI7XG5pbXBvcnQgeyBUZXh0IH0gZnJvbSBcIi4uL1R5cG9ncmFwaHkvVGV4dC9UZXh0XCI7XG5pbXBvcnQgdHlwZSB7IERhdGFUYWJsZVByb3BzIH0gZnJvbSBcIi4vRGF0YVRhYmxlXCI7XG5pbXBvcnQgeyBMb2FkaW5nU3Bpbm5lciB9IGZyb20gXCIuLi9Mb2FkaW5nU3Bpbm5lci9Mb2FkaW5nU3Bpbm5lclwiO1xuaW1wb3J0IHsgbXEsIG1xVmFsdWUgfSBmcm9tIFwiLi4vLi4vc2hhcmVkL21lZGlhUXVlcmllc1wiO1xuXG5leHBvcnQgdHlwZSBUYWJsZUJvZHlQcm9wcyA9IHtcbiAgY2xhc3NOYW1lPzogc3RyaW5nO1xuICBpc1RhYmxlU2Nyb2xsZWQ6IGJvb2xlYW47XG59ICYgUGljazxcbiAgRGF0YVRhYmxlUHJvcHMsXG4gIHwgXCJjb2x1bW5zXCJcbiAgfCBcInJvd3NcIlxuICB8IFwiaXNMb2FkaW5nXCJcbiAgfCBcImxvYWRpbmdTdGF0ZVNjcmVlblJlYWRlclRleHRcIlxuICB8IFwiaXNFbXB0eVwiXG4gIHwgXCJlbXB0eVRhYmxlQ29udGVudEhlaWdodFwiXG4gIHwgXCJib2R5Q2VsbFZlcnRpY2FsUGFkZGluZ1wiXG4gIHwgXCJmb290ZXJcIlxuICB8IFwiaXNGaXJzdENvbHVtblN0aWNreVwiXG4gIHwgXCJlbXB0eUNlbGxDb250ZW50XCJcbj47XG5cbnR5cGUgU3R5bGVkVHJQcm9wcyA9IFBpY2s8VGFibGVCb2R5UHJvcHMsIFwiZm9vdGVyXCIgfCBcImlzVGFibGVTY3JvbGxlZFwiPjtcblxuY29uc3QgU3R5bGVkVHIgPSBzdHlsZWQudHI8U3R5bGVkVHJQcm9wcz4oXG4gICh7IHRoZW1lLCBmb290ZXIsIGlzVGFibGVTY3JvbGxlZCB9KSA9PiAoe1xuICAgIFwiJjpob3ZlciB0ZFwiOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRhYnMuaGVhZGVyLFxuICAgIH0sXG5cbiAgICAuLi4oIWZvb3RlciAmJiB7XG4gICAgICBcIiY6bGFzdC1vZi10eXBlXCI6IHtcbiAgICAgICAgdGQ6IHtcbiAgICAgICAgICBib3JkZXJCb3R0b206IFwibm9uZVwiLFxuICAgICAgICB9LFxuXG4gICAgICAgIC4uLighaXNUYWJsZVNjcm9sbGVkICYmIHtcbiAgICAgICAgICBcInRkOmZpcnN0LW9mLXR5cGVcIjoge1xuICAgICAgICAgICAgYm9yZGVyQm90dG9tTGVmdFJhZGl1czogdGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLmNhcmQubSxcbiAgICAgICAgICB9LFxuXG4gICAgICAgICAgXCJ0ZDpsYXN0LW9mLXR5cGVcIjoge1xuICAgICAgICAgICAgYm9yZGVyQm90dG9tUmlnaHRSYWRpdXM6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmJvcmRlclJhZGl1cy5jYXJkLm0sXG4gICAgICAgICAgfSxcbiAgICAgICAgfSksXG4gICAgICB9LFxuICAgIH0pLFxuICB9KVxuKTtcblxudHlwZSBTdHlsZWRUZXh0UHJvcHMgPSB7XG4gIGFsaWduQ29sdW1uPzogRGF0YVRhYmxlQ29sdW1uW1wiYWxpZ25cIl07XG59O1xuXG5jb25zdCBTdHlsZWRUZXh0ID0gc3R5bGVkKFRleHQpPFN0eWxlZFRleHRQcm9wcz4oKHsgYWxpZ25Db2x1bW4gfSkgPT4gKHtcbiAgLi4ubXFWYWx1ZSh7XG4gICAgdGV4dEFsaWduOiBhbGlnbkNvbHVtbixcbiAgfSksXG59KSk7XG5cbnR5cGUgU3R5bGVkVGRQcm9wcyA9IFRhYmxlQ2VsbFByb3BzICZcbiAgUGljazxUYWJsZUJvZHlQcm9wcywgXCJpc0ZpcnN0Q29sdW1uU3RpY2t5XCIgfCBcImJvZHlDZWxsVmVydGljYWxQYWRkaW5nXCI+O1xuXG5jb25zdCBTdHlsZWRUZCA9IHN0eWxlZChUYWJsZUNlbGwpPFN0eWxlZFRkUHJvcHM+KFxuICAoeyB0aGVtZSwgYm9keUNlbGxWZXJ0aWNhbFBhZGRpbmcgfSkgPT4gKHtcbiAgICAuLi5tcSh7XG4gICAgICBwYWRkaW5nOiBbXG4gICAgICAgIGJvZHlDZWxsVmVydGljYWxQYWRkaW5nLFxuICAgICAgICB7XG4gICAgICAgICAgczogYCR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5zfSAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubX1gLFxuICAgICAgICAgIG06IGAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubX0gJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLm19YCxcbiAgICAgICAgICBsOiBgJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLmx9ICR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tfWAsXG4gICAgICAgIH0gYXMgYW55LFxuICAgICAgXSxcbiAgICB9KSxcbiAgfSlcbik7XG5cbnR5cGUgRW1wdHlUYWJsZUJvZHlQcm9wcyA9IFBpY2s8XG4gIFRhYmxlQm9keVByb3BzLFxuICBcImNvbHVtbnNcIiB8IFwiZW1wdHlUYWJsZUNvbnRlbnRIZWlnaHRcIlxuPiAmIHtcbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0RWxlbWVudDtcbn07XG5cbnR5cGUgU3R5bGVkRW1wdHlUZFByb3BzID0gUGljazxFbXB0eVRhYmxlQm9keVByb3BzLCBcImVtcHR5VGFibGVDb250ZW50SGVpZ2h0XCI+O1xuXG5jb25zdCBTdHlsZWRFbXB0eVRkID0gc3R5bGVkLnRkPFN0eWxlZEVtcHR5VGRQcm9wcz4oXG4gICh7IGVtcHR5VGFibGVDb250ZW50SGVpZ2h0IH0pID0+ICh7XG4gICAgdGV4dEFsaWduOiBcImNlbnRlclwiLFxuICAgIC4uLm1xVmFsdWUoe1xuICAgICAgaGVpZ2h0OiBlbXB0eVRhYmxlQ29udGVudEhlaWdodCxcbiAgICB9KSxcbiAgfSlcbik7XG5cbmZ1bmN0aW9uIEVtcHR5VGFibGVCb2R5KHtcbiAgY2hpbGRyZW4sXG4gIGNvbHVtbnMsXG4gIGVtcHR5VGFibGVDb250ZW50SGVpZ2h0LFxufTogRW1wdHlUYWJsZUJvZHlQcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIHJldHVybiAoXG4gICAgPHRib2R5PlxuICAgICAgPHRyPlxuICAgICAgICA8U3R5bGVkRW1wdHlUZFxuICAgICAgICAgIGNvbFNwYW49e2NvbHVtbnMubGVuZ3RofVxuICAgICAgICAgIGVtcHR5VGFibGVDb250ZW50SGVpZ2h0PXtlbXB0eVRhYmxlQ29udGVudEhlaWdodH1cbiAgICAgICAgPlxuICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgPC9TdHlsZWRFbXB0eVRkPlxuICAgICAgPC90cj5cbiAgICA8L3Rib2R5PlxuICApO1xufVxuXG5mdW5jdGlvbiBUYWJsZUJvZHkoe1xuICBjbGFzc05hbWUsXG4gIGNvbHVtbnMsXG4gIHJvd3MgPSBbXSxcbiAgYm9keUNlbGxWZXJ0aWNhbFBhZGRpbmcsXG4gIGlzVGFibGVTY3JvbGxlZCxcbiAgaXNMb2FkaW5nLFxuICBsb2FkaW5nU3RhdGVTY3JlZW5SZWFkZXJUZXh0ID0gXCJMb2FkaW5nXCIsXG4gIGlzRW1wdHksXG4gIGVtcHR5VGFibGVDb250ZW50SGVpZ2h0LFxuICBmb290ZXIsXG4gIGNoaWxkcmVuLFxuICBpc0ZpcnN0Q29sdW1uU3RpY2t5LFxuICBlbXB0eUNlbGxDb250ZW50LFxufTogUmVhY3QuUHJvcHNXaXRoQ2hpbGRyZW48VGFibGVCb2R5UHJvcHM+KTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgaWYgKGlzTG9hZGluZykge1xuICAgIGNvbnN0IGN1c3RvbUxvYWRpbmdDb250ZW50ID0gY2hpbGRyZW4gJiYgPD57Y2hpbGRyZW59PC8+O1xuICAgIGNvbnN0IGJvZHlDb250ZW50ID0gY3VzdG9tTG9hZGluZ0NvbnRlbnQgfHwgKFxuICAgICAgPExvYWRpbmdTcGlubmVyIHNjcmVlblJlYWRlclRleHQ9e2xvYWRpbmdTdGF0ZVNjcmVlblJlYWRlclRleHR9IC8+XG4gICAgKTtcblxuICAgIHJldHVybiAoXG4gICAgICA8RW1wdHlUYWJsZUJvZHlcbiAgICAgICAgY29sdW1ucz17Y29sdW1uc31cbiAgICAgICAgZW1wdHlUYWJsZUNvbnRlbnRIZWlnaHQ9e2VtcHR5VGFibGVDb250ZW50SGVpZ2h0fVxuICAgICAgPlxuICAgICAgICB7Ym9keUNvbnRlbnR9XG4gICAgICA8L0VtcHR5VGFibGVCb2R5PlxuICAgICk7XG4gIH1cblxuICBpZiAoaXNFbXB0eSkge1xuICAgIHJldHVybiAoXG4gICAgICA8RW1wdHlUYWJsZUJvZHlcbiAgICAgICAgY29sdW1ucz17Y29sdW1uc31cbiAgICAgICAgZW1wdHlUYWJsZUNvbnRlbnRIZWlnaHQ9e2VtcHR5VGFibGVDb250ZW50SGVpZ2h0fVxuICAgICAgPlxuICAgICAgICA8PntjaGlsZHJlbn08Lz5cbiAgICAgIDwvRW1wdHlUYWJsZUJvZHk+XG4gICAgKTtcbiAgfVxuXG4gIGNvbnN0IHJvd0VsZW1lbnRzID0gcm93cy5tYXAoKHJvdykgPT4gKFxuICAgIDxTdHlsZWRUciBrZXk9e3Jvdy5pZH0gZm9vdGVyPXtmb290ZXJ9IGlzVGFibGVTY3JvbGxlZD17aXNUYWJsZVNjcm9sbGVkfT5cbiAgICAgIHtjb2x1bW5zLm1hcCgoeyBuYW1lLCBhbGlnbiA9IFwibGVmdFwiLCByZW5kZXJDZWxsIH0pID0+IHtcbiAgICAgICAgY29uc3QgY29udGVudCA9IHJlbmRlckNlbGwgPyAoXG4gICAgICAgICAgcmVuZGVyQ2VsbChyb3cpXG4gICAgICAgICkgOiAoXG4gICAgICAgICAgPFN0eWxlZFRleHQgc2l6ZT1cInNcIiBhbGlnbkNvbHVtbj17YWxpZ259PlxuICAgICAgICAgICAge3Jvd1tuYW1lXSA/IHJvd1tuYW1lXSA6IGVtcHR5Q2VsbENvbnRlbnR9XG4gICAgICAgICAgPC9TdHlsZWRUZXh0PlxuICAgICAgICApO1xuXG4gICAgICAgIHJldHVybiAoXG4gICAgICAgICAgPFN0eWxlZFRkXG4gICAgICAgICAgICBrZXk9e25hbWV9XG4gICAgICAgICAgICBhbGlnbkNvbHVtbj17YWxpZ259XG4gICAgICAgICAgICBpc0ZpcnN0Q29sdW1uU3RpY2t5PXtpc0ZpcnN0Q29sdW1uU3RpY2t5fVxuICAgICAgICAgICAgYm9keUNlbGxWZXJ0aWNhbFBhZGRpbmc9e2JvZHlDZWxsVmVydGljYWxQYWRkaW5nfVxuICAgICAgICAgICAgaXNUYWJsZVNjcm9sbGVkPXtpc1RhYmxlU2Nyb2xsZWR9XG4gICAgICAgICAgPlxuICAgICAgICAgICAge2NvbnRlbnR9XG4gICAgICAgICAgPC9TdHlsZWRUZD5cbiAgICAgICAgKTtcbiAgICAgIH0pfVxuICAgIDwvU3R5bGVkVHI+XG4gICkpO1xuXG4gIHJldHVybiA8dGJvZHkgY2xhc3NOYW1lPXtjbGFzc05hbWV9Pntyb3dFbGVtZW50c308L3Rib2R5Pjtcbn1cblxuZXhwb3J0IGRlZmF1bHQgUmVhY3QubWVtbyhUYWJsZUJvZHkpO1xuIl19 */");
+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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhYmxlQm9keS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMERtQiIsImZpbGUiOiJUYWJsZUJvZHkudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgdHlwZSB7IERhdGFUYWJsZUNvbHVtbiB9IGZyb20gXCIuL3R5cGVzXCI7XG5pbXBvcnQgVGFibGVDZWxsLCB7IFRhYmxlQ2VsbFByb3BzIH0gZnJvbSBcIi4vVGFibGVDZWxsXCI7XG5pbXBvcnQgeyBUZXh0IH0gZnJvbSBcIi4uL1R5cG9ncmFwaHkvVGV4dC9UZXh0XCI7XG5pbXBvcnQgdHlwZSB7IERhdGFUYWJsZVByb3BzIH0gZnJvbSBcIi4vRGF0YVRhYmxlXCI7XG5pbXBvcnQgeyBMb2FkaW5nU3Bpbm5lciB9IGZyb20gXCIuLi9Mb2FkaW5nU3Bpbm5lci9Mb2FkaW5nU3Bpbm5lclwiO1xuaW1wb3J0IHsgbXEsIG1xVmFsdWUgfSBmcm9tIFwiLi4vLi4vc2hhcmVkL21lZGlhUXVlcmllc1wiO1xuXG5leHBvcnQgdHlwZSBUYWJsZUJvZHlQcm9wcyA9IHtcbiAgY2xhc3NOYW1lPzogc3RyaW5nO1xuICBpc1RhYmxlU2Nyb2xsZWQ6IGJvb2xlYW47XG59ICYgUGljazxcbiAgRGF0YVRhYmxlUHJvcHMsXG4gIHwgXCJjb2x1bW5zXCJcbiAgfCBcInJvd3NcIlxuICB8IFwiaXNMb2FkaW5nXCJcbiAgfCBcImxvYWRpbmdTdGF0ZVNjcmVlblJlYWRlclRleHRcIlxuICB8IFwiaXNFbXB0eVwiXG4gIHwgXCJlbXB0eVRhYmxlQ29udGVudEhlaWdodFwiXG4gIHwgXCJib2R5Q2VsbFZlcnRpY2FsUGFkZGluZ1wiXG4gIHwgXCJmb290ZXJcIlxuICB8IFwiaXNGaXJzdENvbHVtblN0aWNreVwiXG4gIHwgXCJlbXB0eUNlbGxDb250ZW50XCJcbj47XG5cbnR5cGUgU3R5bGVkVHJQcm9wcyA9IFBpY2s8VGFibGVCb2R5UHJvcHMsIFwiZm9vdGVyXCIgfCBcImlzVGFibGVTY3JvbGxlZFwiPjtcblxuY29uc3QgU3R5bGVkVHIgPSBzdHlsZWQudHI8U3R5bGVkVHJQcm9wcz4oXG4gICh7IHRoZW1lLCBmb290ZXIsIGlzVGFibGVTY3JvbGxlZCB9KSA9PiAoe1xuICAgIFwiJjpob3ZlciB0ZFwiOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRhYnMuaGVhZGVyLFxuICAgIH0sXG5cbiAgICAuLi4oIWZvb3RlciAmJiB7XG4gICAgICBcIiY6bGFzdC1vZi10eXBlXCI6IHtcbiAgICAgICAgdGQ6IHtcbiAgICAgICAgICBib3JkZXJCb3R0b206IFwibm9uZVwiLFxuICAgICAgICB9LFxuXG4gICAgICAgIC4uLighaXNUYWJsZVNjcm9sbGVkICYmIHtcbiAgICAgICAgICBcInRkOmZpcnN0LW9mLXR5cGVcIjoge1xuICAgICAgICAgICAgYm9yZGVyQm90dG9tTGVmdFJhZGl1czogdGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLmNhcmQubSxcbiAgICAgICAgICB9LFxuXG4gICAgICAgICAgXCJ0ZDpsYXN0LW9mLXR5cGVcIjoge1xuICAgICAgICAgICAgYm9yZGVyQm90dG9tUmlnaHRSYWRpdXM6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmJvcmRlclJhZGl1cy5jYXJkLm0sXG4gICAgICAgICAgfSxcbiAgICAgICAgfSksXG4gICAgICB9LFxuICAgIH0pLFxuICB9KVxuKTtcblxudHlwZSBTdHlsZWRUZXh0UHJvcHMgPSB7XG4gIGFsaWduQ29sdW1uPzogRGF0YVRhYmxlQ29sdW1uW1wiYWxpZ25cIl07XG59O1xuXG5jb25zdCBTdHlsZWRUZXh0ID0gc3R5bGVkKFRleHQpPFN0eWxlZFRleHRQcm9wcz4oKHsgYWxpZ25Db2x1bW4gfSkgPT4gKHtcbiAgLi4ubXFWYWx1ZSh7XG4gICAgdGV4dEFsaWduOiBhbGlnbkNvbHVtbixcbiAgfSksXG59KSk7XG5cbnR5cGUgU3R5bGVkVGRQcm9wcyA9IFRhYmxlQ2VsbFByb3BzICZcbiAgUGljazxUYWJsZUJvZHlQcm9wcywgXCJpc0ZpcnN0Q29sdW1uU3RpY2t5XCIgfCBcImJvZHlDZWxsVmVydGljYWxQYWRkaW5nXCI+O1xuXG5jb25zdCBTdHlsZWRUZCA9IHN0eWxlZChUYWJsZUNlbGwpPFN0eWxlZFRkUHJvcHM+KFxuICAoeyB0aGVtZSwgYm9keUNlbGxWZXJ0aWNhbFBhZGRpbmcgfSkgPT4gKHtcbiAgICAuLi5tcSh7XG4gICAgICBwYWRkaW5nOiBbXG4gICAgICAgIGJvZHlDZWxsVmVydGljYWxQYWRkaW5nLFxuICAgICAgICB7XG4gICAgICAgICAgczogYCR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5zfSAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubX1gLFxuICAgICAgICAgIG06IGAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubX0gJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLm19YCxcbiAgICAgICAgICBsOiBgJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLmx9ICR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tfWAsXG4gICAgICAgIH0gYXMgYW55LFxuICAgICAgXSxcbiAgICB9KSxcbiAgfSlcbik7XG5cbnR5cGUgRW1wdHlUYWJsZUJvZHlQcm9wcyA9IFBpY2s8XG4gIFRhYmxlQm9keVByb3BzLFxuICBcImNvbHVtbnNcIiB8IFwiZW1wdHlUYWJsZUNvbnRlbnRIZWlnaHRcIlxuPiAmIHtcbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0RWxlbWVudDtcbn07XG5cbnR5cGUgU3R5bGVkRW1wdHlUZFByb3BzID0gUGljazxFbXB0eVRhYmxlQm9keVByb3BzLCBcImVtcHR5VGFibGVDb250ZW50SGVpZ2h0XCI+O1xuXG5jb25zdCBTdHlsZWRFbXB0eVRkID0gc3R5bGVkLnRkPFN0eWxlZEVtcHR5VGRQcm9wcz4oXG4gICh7IGVtcHR5VGFibGVDb250ZW50SGVpZ2h0IH0pID0+ICh7XG4gICAgdGV4dEFsaWduOiBcImNlbnRlclwiLFxuICAgIC4uLm1xVmFsdWUoe1xuICAgICAgaGVpZ2h0OiBlbXB0eVRhYmxlQ29udGVudEhlaWdodCxcbiAgICB9KSxcbiAgfSlcbik7XG5cbmZ1bmN0aW9uIEVtcHR5VGFibGVCb2R5KHtcbiAgY2hpbGRyZW4sXG4gIGNvbHVtbnMsXG4gIGVtcHR5VGFibGVDb250ZW50SGVpZ2h0LFxufTogRW1wdHlUYWJsZUJvZHlQcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIHJldHVybiAoXG4gICAgPHRib2R5PlxuICAgICAgPHRyPlxuICAgICAgICA8U3R5bGVkRW1wdHlUZFxuICAgICAgICAgIGNvbFNwYW49e2NvbHVtbnMubGVuZ3RofVxuICAgICAgICAgIGVtcHR5VGFibGVDb250ZW50SGVpZ2h0PXtlbXB0eVRhYmxlQ29udGVudEhlaWdodH1cbiAgICAgICAgPlxuICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgPC9TdHlsZWRFbXB0eVRkPlxuICAgICAgPC90cj5cbiAgICA8L3Rib2R5PlxuICApO1xufVxuXG5mdW5jdGlvbiBUYWJsZUJvZHkoe1xuICBjbGFzc05hbWUsXG4gIGNvbHVtbnMsXG4gIHJvd3MgPSBbXSxcbiAgYm9keUNlbGxWZXJ0aWNhbFBhZGRpbmcsXG4gIGlzVGFibGVTY3JvbGxlZCxcbiAgaXNMb2FkaW5nLFxuICBsb2FkaW5nU3RhdGVTY3JlZW5SZWFkZXJUZXh0ID0gXCJMb2FkaW5nXCIsXG4gIGlzRW1wdHksXG4gIGVtcHR5VGFibGVDb250ZW50SGVpZ2h0LFxuICBmb290ZXIsXG4gIGNoaWxkcmVuLFxuICBpc0ZpcnN0Q29sdW1uU3RpY2t5LFxuICBlbXB0eUNlbGxDb250ZW50LFxufTogUmVhY3QuUHJvcHNXaXRoQ2hpbGRyZW48VGFibGVCb2R5UHJvcHM+KTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgaWYgKGlzTG9hZGluZykge1xuICAgIGNvbnN0IGN1c3RvbUxvYWRpbmdDb250ZW50ID0gY2hpbGRyZW4gJiYgPD57Y2hpbGRyZW59PC8+O1xuICAgIGNvbnN0IGJvZHlDb250ZW50ID0gY3VzdG9tTG9hZGluZ0NvbnRlbnQgfHwgKFxuICAgICAgPExvYWRpbmdTcGlubmVyIHNjcmVlblJlYWRlclRleHQ9e2xvYWRpbmdTdGF0ZVNjcmVlblJlYWRlclRleHR9IC8+XG4gICAgKTtcblxuICAgIHJldHVybiAoXG4gICAgICA8RW1wdHlUYWJsZUJvZHlcbiAgICAgICAgY29sdW1ucz17Y29sdW1uc31cbiAgICAgICAgZW1wdHlUYWJsZUNvbnRlbnRIZWlnaHQ9e2VtcHR5VGFibGVDb250ZW50SGVpZ2h0fVxuICAgICAgPlxuICAgICAgICB7Ym9keUNvbnRlbnR9XG4gICAgICA8L0VtcHR5VGFibGVCb2R5PlxuICAgICk7XG4gIH1cblxuICBpZiAoaXNFbXB0eSkge1xuICAgIHJldHVybiAoXG4gICAgICA8RW1wdHlUYWJsZUJvZHlcbiAgICAgICAgY29sdW1ucz17Y29sdW1uc31cbiAgICAgICAgZW1wdHlUYWJsZUNvbnRlbnRIZWlnaHQ9e2VtcHR5VGFibGVDb250ZW50SGVpZ2h0fVxuICAgICAgPlxuICAgICAgICA8PntjaGlsZHJlbn08Lz5cbiAgICAgIDwvRW1wdHlUYWJsZUJvZHk+XG4gICAgKTtcbiAgfVxuXG4gIGNvbnN0IHJvd0VsZW1lbnRzID0gcm93cy5tYXAoKHJvdykgPT4gKFxuICAgIDxTdHlsZWRUciBrZXk9e3Jvdy5pZH0gZm9vdGVyPXtmb290ZXJ9IGlzVGFibGVTY3JvbGxlZD17aXNUYWJsZVNjcm9sbGVkfT5cbiAgICAgIHtjb2x1bW5zLm1hcCgoeyBuYW1lLCBhbGlnbiA9IFwibGVmdFwiLCByZW5kZXJDZWxsIH0pID0+IHtcbiAgICAgICAgY29uc3QgY29udGVudCA9IHJlbmRlckNlbGwgPyAoXG4gICAgICAgICAgcmVuZGVyQ2VsbChyb3cpXG4gICAgICAgICkgOiAoXG4gICAgICAgICAgPFN0eWxlZFRleHQgc2l6ZT1cInNcIiBhbGlnbkNvbHVtbj17YWxpZ259PlxuICAgICAgICAgICAge3Jvd1tuYW1lXSA/IHJvd1tuYW1lXSA6IGVtcHR5Q2VsbENvbnRlbnR9XG4gICAgICAgICAgPC9TdHlsZWRUZXh0PlxuICAgICAgICApO1xuXG4gICAgICAgIHJldHVybiAoXG4gICAgICAgICAgPFN0eWxlZFRkXG4gICAgICAgICAgICBrZXk9e25hbWV9XG4gICAgICAgICAgICBhbGlnbkNvbHVtbj17YWxpZ259XG4gICAgICAgICAgICBpc0ZpcnN0Q29sdW1uU3RpY2t5PXtpc0ZpcnN0Q29sdW1uU3RpY2t5fVxuICAgICAgICAgICAgYm9keUNlbGxWZXJ0aWNhbFBhZGRpbmc9e2JvZHlDZWxsVmVydGljYWxQYWRkaW5nfVxuICAgICAgICAgICAgaXNUYWJsZVNjcm9sbGVkPXtpc1RhYmxlU2Nyb2xsZWR9XG4gICAgICAgICAgPlxuICAgICAgICAgICAge2NvbnRlbnR9XG4gICAgICAgICAgPC9TdHlsZWRUZD5cbiAgICAgICAgKTtcbiAgICAgIH0pfVxuICAgIDwvU3R5bGVkVHI+XG4gICkpO1xuXG4gIHJldHVybiA8dGJvZHkgY2xhc3NOYW1lPXtjbGFzc05hbWV9Pntyb3dFbGVtZW50c308L3Rib2R5Pjtcbn1cblxuZXhwb3J0IGRlZmF1bHQgUmVhY3QubWVtbyhUYWJsZUJvZHkpO1xuIl19 */");
+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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhYmxlQm9keS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUVpQiIsImZpbGUiOiJUYWJsZUJvZHkudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgdHlwZSB7IERhdGFUYWJsZUNvbHVtbiB9IGZyb20gXCIuL3R5cGVzXCI7XG5pbXBvcnQgVGFibGVDZWxsLCB7IFRhYmxlQ2VsbFByb3BzIH0gZnJvbSBcIi4vVGFibGVDZWxsXCI7XG5pbXBvcnQgeyBUZXh0IH0gZnJvbSBcIi4uL1R5cG9ncmFwaHkvVGV4dC9UZXh0XCI7XG5pbXBvcnQgdHlwZSB7IERhdGFUYWJsZVByb3BzIH0gZnJvbSBcIi4vRGF0YVRhYmxlXCI7XG5pbXBvcnQgeyBMb2FkaW5nU3Bpbm5lciB9IGZyb20gXCIuLi9Mb2FkaW5nU3Bpbm5lci9Mb2FkaW5nU3Bpbm5lclwiO1xuaW1wb3J0IHsgbXEsIG1xVmFsdWUgfSBmcm9tIFwiLi4vLi4vc2hhcmVkL21lZGlhUXVlcmllc1wiO1xuXG5leHBvcnQgdHlwZSBUYWJsZUJvZHlQcm9wcyA9IHtcbiAgY2xhc3NOYW1lPzogc3RyaW5nO1xuICBpc1RhYmxlU2Nyb2xsZWQ6IGJvb2xlYW47XG59ICYgUGljazxcbiAgRGF0YVRhYmxlUHJvcHMsXG4gIHwgXCJjb2x1bW5zXCJcbiAgfCBcInJvd3NcIlxuICB8IFwiaXNMb2FkaW5nXCJcbiAgfCBcImxvYWRpbmdTdGF0ZVNjcmVlblJlYWRlclRleHRcIlxuICB8IFwiaXNFbXB0eVwiXG4gIHwgXCJlbXB0eVRhYmxlQ29udGVudEhlaWdodFwiXG4gIHwgXCJib2R5Q2VsbFZlcnRpY2FsUGFkZGluZ1wiXG4gIHwgXCJmb290ZXJcIlxuICB8IFwiaXNGaXJzdENvbHVtblN0aWNreVwiXG4gIHwgXCJlbXB0eUNlbGxDb250ZW50XCJcbj47XG5cbnR5cGUgU3R5bGVkVHJQcm9wcyA9IFBpY2s8VGFibGVCb2R5UHJvcHMsIFwiZm9vdGVyXCIgfCBcImlzVGFibGVTY3JvbGxlZFwiPjtcblxuY29uc3QgU3R5bGVkVHIgPSBzdHlsZWQudHI8U3R5bGVkVHJQcm9wcz4oXG4gICh7IHRoZW1lLCBmb290ZXIsIGlzVGFibGVTY3JvbGxlZCB9KSA9PiAoe1xuICAgIFwiJjpob3ZlciB0ZFwiOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRhYnMuaGVhZGVyLFxuICAgIH0sXG5cbiAgICAuLi4oIWZvb3RlciAmJiB7XG4gICAgICBcIiY6bGFzdC1vZi10eXBlXCI6IHtcbiAgICAgICAgdGQ6IHtcbiAgICAgICAgICBib3JkZXJCb3R0b206IFwibm9uZVwiLFxuICAgICAgICB9LFxuXG4gICAgICAgIC4uLighaXNUYWJsZVNjcm9sbGVkICYmIHtcbiAgICAgICAgICBcInRkOmZpcnN0LW9mLXR5cGVcIjoge1xuICAgICAgICAgICAgYm9yZGVyQm90dG9tTGVmdFJhZGl1czogdGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLmNhcmQubSxcbiAgICAgICAgICB9LFxuXG4gICAgICAgICAgXCJ0ZDpsYXN0LW9mLXR5cGVcIjoge1xuICAgICAgICAgICAgYm9yZGVyQm90dG9tUmlnaHRSYWRpdXM6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmJvcmRlclJhZGl1cy5jYXJkLm0sXG4gICAgICAgICAgfSxcbiAgICAgICAgfSksXG4gICAgICB9LFxuICAgIH0pLFxuICB9KVxuKTtcblxudHlwZSBTdHlsZWRUZXh0UHJvcHMgPSB7XG4gIGFsaWduQ29sdW1uPzogRGF0YVRhYmxlQ29sdW1uW1wiYWxpZ25cIl07XG59O1xuXG5jb25zdCBTdHlsZWRUZXh0ID0gc3R5bGVkKFRleHQpPFN0eWxlZFRleHRQcm9wcz4oKHsgYWxpZ25Db2x1bW4gfSkgPT4gKHtcbiAgLi4ubXFWYWx1ZSh7XG4gICAgdGV4dEFsaWduOiBhbGlnbkNvbHVtbixcbiAgfSksXG59KSk7XG5cbnR5cGUgU3R5bGVkVGRQcm9wcyA9IFRhYmxlQ2VsbFByb3BzICZcbiAgUGljazxUYWJsZUJvZHlQcm9wcywgXCJpc0ZpcnN0Q29sdW1uU3RpY2t5XCIgfCBcImJvZHlDZWxsVmVydGljYWxQYWRkaW5nXCI+O1xuXG5jb25zdCBTdHlsZWRUZCA9IHN0eWxlZChUYWJsZUNlbGwpPFN0eWxlZFRkUHJvcHM+KFxuICAoeyB0aGVtZSwgYm9keUNlbGxWZXJ0aWNhbFBhZGRpbmcgfSkgPT4gKHtcbiAgICAuLi5tcSh7XG4gICAgICBwYWRkaW5nOiBbXG4gICAgICAgIGJvZHlDZWxsVmVydGljYWxQYWRkaW5nLFxuICAgICAgICB7XG4gICAgICAgICAgczogYCR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5zfSAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubX1gLFxuICAgICAgICAgIG06IGAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubX0gJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLm19YCxcbiAgICAgICAgICBsOiBgJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLmx9ICR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tfWAsXG4gICAgICAgIH0gYXMgYW55LFxuICAgICAgXSxcbiAgICB9KSxcbiAgfSlcbik7XG5cbnR5cGUgRW1wdHlUYWJsZUJvZHlQcm9wcyA9IFBpY2s8XG4gIFRhYmxlQm9keVByb3BzLFxuICBcImNvbHVtbnNcIiB8IFwiZW1wdHlUYWJsZUNvbnRlbnRIZWlnaHRcIlxuPiAmIHtcbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0RWxlbWVudDtcbn07XG5cbnR5cGUgU3R5bGVkRW1wdHlUZFByb3BzID0gUGljazxFbXB0eVRhYmxlQm9keVByb3BzLCBcImVtcHR5VGFibGVDb250ZW50SGVpZ2h0XCI+O1xuXG5jb25zdCBTdHlsZWRFbXB0eVRkID0gc3R5bGVkLnRkPFN0eWxlZEVtcHR5VGRQcm9wcz4oXG4gICh7IGVtcHR5VGFibGVDb250ZW50SGVpZ2h0IH0pID0+ICh7XG4gICAgdGV4dEFsaWduOiBcImNlbnRlclwiLFxuICAgIC4uLm1xVmFsdWUoe1xuICAgICAgaGVpZ2h0OiBlbXB0eVRhYmxlQ29udGVudEhlaWdodCxcbiAgICB9KSxcbiAgfSlcbik7XG5cbmZ1bmN0aW9uIEVtcHR5VGFibGVCb2R5KHtcbiAgY2hpbGRyZW4sXG4gIGNvbHVtbnMsXG4gIGVtcHR5VGFibGVDb250ZW50SGVpZ2h0LFxufTogRW1wdHlUYWJsZUJvZHlQcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIHJldHVybiAoXG4gICAgPHRib2R5PlxuICAgICAgPHRyPlxuICAgICAgICA8U3R5bGVkRW1wdHlUZFxuICAgICAgICAgIGNvbFNwYW49e2NvbHVtbnMubGVuZ3RofVxuICAgICAgICAgIGVtcHR5VGFibGVDb250ZW50SGVpZ2h0PXtlbXB0eVRhYmxlQ29udGVudEhlaWdodH1cbiAgICAgICAgPlxuICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgPC9TdHlsZWRFbXB0eVRkPlxuICAgICAgPC90cj5cbiAgICA8L3Rib2R5PlxuICApO1xufVxuXG5mdW5jdGlvbiBUYWJsZUJvZHkoe1xuICBjbGFzc05hbWUsXG4gIGNvbHVtbnMsXG4gIHJvd3MgPSBbXSxcbiAgYm9keUNlbGxWZXJ0aWNhbFBhZGRpbmcsXG4gIGlzVGFibGVTY3JvbGxlZCxcbiAgaXNMb2FkaW5nLFxuICBsb2FkaW5nU3RhdGVTY3JlZW5SZWFkZXJUZXh0ID0gXCJMb2FkaW5nXCIsXG4gIGlzRW1wdHksXG4gIGVtcHR5VGFibGVDb250ZW50SGVpZ2h0LFxuICBmb290ZXIsXG4gIGNoaWxkcmVuLFxuICBpc0ZpcnN0Q29sdW1uU3RpY2t5LFxuICBlbXB0eUNlbGxDb250ZW50LFxufTogUmVhY3QuUHJvcHNXaXRoQ2hpbGRyZW48VGFibGVCb2R5UHJvcHM+KTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgaWYgKGlzTG9hZGluZykge1xuICAgIGNvbnN0IGN1c3RvbUxvYWRpbmdDb250ZW50ID0gY2hpbGRyZW4gJiYgPD57Y2hpbGRyZW59PC8+O1xuICAgIGNvbnN0IGJvZHlDb250ZW50ID0gY3VzdG9tTG9hZGluZ0NvbnRlbnQgfHwgKFxuICAgICAgPExvYWRpbmdTcGlubmVyIHNjcmVlblJlYWRlclRleHQ9e2xvYWRpbmdTdGF0ZVNjcmVlblJlYWRlclRleHR9IC8+XG4gICAgKTtcblxuICAgIHJldHVybiAoXG4gICAgICA8RW1wdHlUYWJsZUJvZHlcbiAgICAgICAgY29sdW1ucz17Y29sdW1uc31cbiAgICAgICAgZW1wdHlUYWJsZUNvbnRlbnRIZWlnaHQ9e2VtcHR5VGFibGVDb250ZW50SGVpZ2h0fVxuICAgICAgPlxuICAgICAgICB7Ym9keUNvbnRlbnR9XG4gICAgICA8L0VtcHR5VGFibGVCb2R5PlxuICAgICk7XG4gIH1cblxuICBpZiAoaXNFbXB0eSkge1xuICAgIHJldHVybiAoXG4gICAgICA8RW1wdHlUYWJsZUJvZHlcbiAgICAgICAgY29sdW1ucz17Y29sdW1uc31cbiAgICAgICAgZW1wdHlUYWJsZUNvbnRlbnRIZWlnaHQ9e2VtcHR5VGFibGVDb250ZW50SGVpZ2h0fVxuICAgICAgPlxuICAgICAgICA8PntjaGlsZHJlbn08Lz5cbiAgICAgIDwvRW1wdHlUYWJsZUJvZHk+XG4gICAgKTtcbiAgfVxuXG4gIGNvbnN0IHJvd0VsZW1lbnRzID0gcm93cy5tYXAoKHJvdykgPT4gKFxuICAgIDxTdHlsZWRUciBrZXk9e3Jvdy5pZH0gZm9vdGVyPXtmb290ZXJ9IGlzVGFibGVTY3JvbGxlZD17aXNUYWJsZVNjcm9sbGVkfT5cbiAgICAgIHtjb2x1bW5zLm1hcCgoeyBuYW1lLCBhbGlnbiA9IFwibGVmdFwiLCByZW5kZXJDZWxsIH0pID0+IHtcbiAgICAgICAgY29uc3QgY29udGVudCA9IHJlbmRlckNlbGwgPyAoXG4gICAgICAgICAgcmVuZGVyQ2VsbChyb3cpXG4gICAgICAgICkgOiAoXG4gICAgICAgICAgPFN0eWxlZFRleHQgc2l6ZT1cInNcIiBhbGlnbkNvbHVtbj17YWxpZ259PlxuICAgICAgICAgICAge3Jvd1tuYW1lXSA/IHJvd1tuYW1lXSA6IGVtcHR5Q2VsbENvbnRlbnR9XG4gICAgICAgICAgPC9TdHlsZWRUZXh0PlxuICAgICAgICApO1xuXG4gICAgICAgIHJldHVybiAoXG4gICAgICAgICAgPFN0eWxlZFRkXG4gICAgICAgICAgICBrZXk9e25hbWV9XG4gICAgICAgICAgICBhbGlnbkNvbHVtbj17YWxpZ259XG4gICAgICAgICAgICBpc0ZpcnN0Q29sdW1uU3RpY2t5PXtpc0ZpcnN0Q29sdW1uU3RpY2t5fVxuICAgICAgICAgICAgYm9keUNlbGxWZXJ0aWNhbFBhZGRpbmc9e2JvZHlDZWxsVmVydGljYWxQYWRkaW5nfVxuICAgICAgICAgICAgaXNUYWJsZVNjcm9sbGVkPXtpc1RhYmxlU2Nyb2xsZWR9XG4gICAgICAgICAgPlxuICAgICAgICAgICAge2NvbnRlbnR9XG4gICAgICAgICAgPC9TdHlsZWRUZD5cbiAgICAgICAgKTtcbiAgICAgIH0pfVxuICAgIDwvU3R5bGVkVHI+XG4gICkpO1xuXG4gIHJldHVybiA8dGJvZHkgY2xhc3NOYW1lPXtjbGFzc05hbWV9Pntyb3dFbGVtZW50c308L3Rib2R5Pjtcbn1cblxuZXhwb3J0IGRlZmF1bHQgUmVhY3QubWVtbyhUYWJsZUJvZHkpO1xuIl19 */");
+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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhYmxlQm9keS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkZzQiIsImZpbGUiOiJUYWJsZUJvZHkudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgdHlwZSB7IERhdGFUYWJsZUNvbHVtbiB9IGZyb20gXCIuL3R5cGVzXCI7XG5pbXBvcnQgVGFibGVDZWxsLCB7IFRhYmxlQ2VsbFByb3BzIH0gZnJvbSBcIi4vVGFibGVDZWxsXCI7XG5pbXBvcnQgeyBUZXh0IH0gZnJvbSBcIi4uL1R5cG9ncmFwaHkvVGV4dC9UZXh0XCI7XG5pbXBvcnQgdHlwZSB7IERhdGFUYWJsZVByb3BzIH0gZnJvbSBcIi4vRGF0YVRhYmxlXCI7XG5pbXBvcnQgeyBMb2FkaW5nU3Bpbm5lciB9IGZyb20gXCIuLi9Mb2FkaW5nU3Bpbm5lci9Mb2FkaW5nU3Bpbm5lclwiO1xuaW1wb3J0IHsgbXEsIG1xVmFsdWUgfSBmcm9tIFwiLi4vLi4vc2hhcmVkL21lZGlhUXVlcmllc1wiO1xuXG5leHBvcnQgdHlwZSBUYWJsZUJvZHlQcm9wcyA9IHtcbiAgY2xhc3NOYW1lPzogc3RyaW5nO1xuICBpc1RhYmxlU2Nyb2xsZWQ6IGJvb2xlYW47XG59ICYgUGljazxcbiAgRGF0YVRhYmxlUHJvcHMsXG4gIHwgXCJjb2x1bW5zXCJcbiAgfCBcInJvd3NcIlxuICB8IFwiaXNMb2FkaW5nXCJcbiAgfCBcImxvYWRpbmdTdGF0ZVNjcmVlblJlYWRlclRleHRcIlxuICB8IFwiaXNFbXB0eVwiXG4gIHwgXCJlbXB0eVRhYmxlQ29udGVudEhlaWdodFwiXG4gIHwgXCJib2R5Q2VsbFZlcnRpY2FsUGFkZGluZ1wiXG4gIHwgXCJmb290ZXJcIlxuICB8IFwiaXNGaXJzdENvbHVtblN0aWNreVwiXG4gIHwgXCJlbXB0eUNlbGxDb250ZW50XCJcbj47XG5cbnR5cGUgU3R5bGVkVHJQcm9wcyA9IFBpY2s8VGFibGVCb2R5UHJvcHMsIFwiZm9vdGVyXCIgfCBcImlzVGFibGVTY3JvbGxlZFwiPjtcblxuY29uc3QgU3R5bGVkVHIgPSBzdHlsZWQudHI8U3R5bGVkVHJQcm9wcz4oXG4gICh7IHRoZW1lLCBmb290ZXIsIGlzVGFibGVTY3JvbGxlZCB9KSA9PiAoe1xuICAgIFwiJjpob3ZlciB0ZFwiOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRhYnMuaGVhZGVyLFxuICAgIH0sXG5cbiAgICAuLi4oIWZvb3RlciAmJiB7XG4gICAgICBcIiY6bGFzdC1vZi10eXBlXCI6IHtcbiAgICAgICAgdGQ6IHtcbiAgICAgICAgICBib3JkZXJCb3R0b206IFwibm9uZVwiLFxuICAgICAgICB9LFxuXG4gICAgICAgIC4uLighaXNUYWJsZVNjcm9sbGVkICYmIHtcbiAgICAgICAgICBcInRkOmZpcnN0LW9mLXR5cGVcIjoge1xuICAgICAgICAgICAgYm9yZGVyQm90dG9tTGVmdFJhZGl1czogdGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLmNhcmQubSxcbiAgICAgICAgICB9LFxuXG4gICAgICAgICAgXCJ0ZDpsYXN0LW9mLXR5cGVcIjoge1xuICAgICAgICAgICAgYm9yZGVyQm90dG9tUmlnaHRSYWRpdXM6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmJvcmRlclJhZGl1cy5jYXJkLm0sXG4gICAgICAgICAgfSxcbiAgICAgICAgfSksXG4gICAgICB9LFxuICAgIH0pLFxuICB9KVxuKTtcblxudHlwZSBTdHlsZWRUZXh0UHJvcHMgPSB7XG4gIGFsaWduQ29sdW1uPzogRGF0YVRhYmxlQ29sdW1uW1wiYWxpZ25cIl07XG59O1xuXG5jb25zdCBTdHlsZWRUZXh0ID0gc3R5bGVkKFRleHQpPFN0eWxlZFRleHRQcm9wcz4oKHsgYWxpZ25Db2x1bW4gfSkgPT4gKHtcbiAgLi4ubXFWYWx1ZSh7XG4gICAgdGV4dEFsaWduOiBhbGlnbkNvbHVtbixcbiAgfSksXG59KSk7XG5cbnR5cGUgU3R5bGVkVGRQcm9wcyA9IFRhYmxlQ2VsbFByb3BzICZcbiAgUGljazxUYWJsZUJvZHlQcm9wcywgXCJpc0ZpcnN0Q29sdW1uU3RpY2t5XCIgfCBcImJvZHlDZWxsVmVydGljYWxQYWRkaW5nXCI+O1xuXG5jb25zdCBTdHlsZWRUZCA9IHN0eWxlZChUYWJsZUNlbGwpPFN0eWxlZFRkUHJvcHM+KFxuICAoeyB0aGVtZSwgYm9keUNlbGxWZXJ0aWNhbFBhZGRpbmcgfSkgPT4gKHtcbiAgICAuLi5tcSh7XG4gICAgICBwYWRkaW5nOiBbXG4gICAgICAgIGJvZHlDZWxsVmVydGljYWxQYWRkaW5nLFxuICAgICAgICB7XG4gICAgICAgICAgczogYCR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5zfSAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubX1gLFxuICAgICAgICAgIG06IGAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubX0gJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLm19YCxcbiAgICAgICAgICBsOiBgJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLmx9ICR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tfWAsXG4gICAgICAgIH0gYXMgYW55LFxuICAgICAgXSxcbiAgICB9KSxcbiAgfSlcbik7XG5cbnR5cGUgRW1wdHlUYWJsZUJvZHlQcm9wcyA9IFBpY2s8XG4gIFRhYmxlQm9keVByb3BzLFxuICBcImNvbHVtbnNcIiB8IFwiZW1wdHlUYWJsZUNvbnRlbnRIZWlnaHRcIlxuPiAmIHtcbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0RWxlbWVudDtcbn07XG5cbnR5cGUgU3R5bGVkRW1wdHlUZFByb3BzID0gUGljazxFbXB0eVRhYmxlQm9keVByb3BzLCBcImVtcHR5VGFibGVDb250ZW50SGVpZ2h0XCI+O1xuXG5jb25zdCBTdHlsZWRFbXB0eVRkID0gc3R5bGVkLnRkPFN0eWxlZEVtcHR5VGRQcm9wcz4oXG4gICh7IGVtcHR5VGFibGVDb250ZW50SGVpZ2h0IH0pID0+ICh7XG4gICAgdGV4dEFsaWduOiBcImNlbnRlclwiLFxuICAgIC4uLm1xVmFsdWUoe1xuICAgICAgaGVpZ2h0OiBlbXB0eVRhYmxlQ29udGVudEhlaWdodCxcbiAgICB9KSxcbiAgfSlcbik7XG5cbmZ1bmN0aW9uIEVtcHR5VGFibGVCb2R5KHtcbiAgY2hpbGRyZW4sXG4gIGNvbHVtbnMsXG4gIGVtcHR5VGFibGVDb250ZW50SGVpZ2h0LFxufTogRW1wdHlUYWJsZUJvZHlQcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIHJldHVybiAoXG4gICAgPHRib2R5PlxuICAgICAgPHRyPlxuICAgICAgICA8U3R5bGVkRW1wdHlUZFxuICAgICAgICAgIGNvbFNwYW49e2NvbHVtbnMubGVuZ3RofVxuICAgICAgICAgIGVtcHR5VGFibGVDb250ZW50SGVpZ2h0PXtlbXB0eVRhYmxlQ29udGVudEhlaWdodH1cbiAgICAgICAgPlxuICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgPC9TdHlsZWRFbXB0eVRkPlxuICAgICAgPC90cj5cbiAgICA8L3Rib2R5PlxuICApO1xufVxuXG5mdW5jdGlvbiBUYWJsZUJvZHkoe1xuICBjbGFzc05hbWUsXG4gIGNvbHVtbnMsXG4gIHJvd3MgPSBbXSxcbiAgYm9keUNlbGxWZXJ0aWNhbFBhZGRpbmcsXG4gIGlzVGFibGVTY3JvbGxlZCxcbiAgaXNMb2FkaW5nLFxuICBsb2FkaW5nU3RhdGVTY3JlZW5SZWFkZXJUZXh0ID0gXCJMb2FkaW5nXCIsXG4gIGlzRW1wdHksXG4gIGVtcHR5VGFibGVDb250ZW50SGVpZ2h0LFxuICBmb290ZXIsXG4gIGNoaWxkcmVuLFxuICBpc0ZpcnN0Q29sdW1uU3RpY2t5LFxuICBlbXB0eUNlbGxDb250ZW50LFxufTogUmVhY3QuUHJvcHNXaXRoQ2hpbGRyZW48VGFibGVCb2R5UHJvcHM+KTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgaWYgKGlzTG9hZGluZykge1xuICAgIGNvbnN0IGN1c3RvbUxvYWRpbmdDb250ZW50ID0gY2hpbGRyZW4gJiYgPD57Y2hpbGRyZW59PC8+O1xuICAgIGNvbnN0IGJvZHlDb250ZW50ID0gY3VzdG9tTG9hZGluZ0NvbnRlbnQgfHwgKFxuICAgICAgPExvYWRpbmdTcGlubmVyIHNjcmVlblJlYWRlclRleHQ9e2xvYWRpbmdTdGF0ZVNjcmVlblJlYWRlclRleHR9IC8+XG4gICAgKTtcblxuICAgIHJldHVybiAoXG4gICAgICA8RW1wdHlUYWJsZUJvZHlcbiAgICAgICAgY29sdW1ucz17Y29sdW1uc31cbiAgICAgICAgZW1wdHlUYWJsZUNvbnRlbnRIZWlnaHQ9e2VtcHR5VGFibGVDb250ZW50SGVpZ2h0fVxuICAgICAgPlxuICAgICAgICB7Ym9keUNvbnRlbnR9XG4gICAgICA8L0VtcHR5VGFibGVCb2R5PlxuICAgICk7XG4gIH1cblxuICBpZiAoaXNFbXB0eSkge1xuICAgIHJldHVybiAoXG4gICAgICA8RW1wdHlUYWJsZUJvZHlcbiAgICAgICAgY29sdW1ucz17Y29sdW1uc31cbiAgICAgICAgZW1wdHlUYWJsZUNvbnRlbnRIZWlnaHQ9e2VtcHR5VGFibGVDb250ZW50SGVpZ2h0fVxuICAgICAgPlxuICAgICAgICA8PntjaGlsZHJlbn08Lz5cbiAgICAgIDwvRW1wdHlUYWJsZUJvZHk+XG4gICAgKTtcbiAgfVxuXG4gIGNvbnN0IHJvd0VsZW1lbnRzID0gcm93cy5tYXAoKHJvdykgPT4gKFxuICAgIDxTdHlsZWRUciBrZXk9e3Jvdy5pZH0gZm9vdGVyPXtmb290ZXJ9IGlzVGFibGVTY3JvbGxlZD17aXNUYWJsZVNjcm9sbGVkfT5cbiAgICAgIHtjb2x1bW5zLm1hcCgoeyBuYW1lLCBhbGlnbiA9IFwibGVmdFwiLCByZW5kZXJDZWxsIH0pID0+IHtcbiAgICAgICAgY29uc3QgY29udGVudCA9IHJlbmRlckNlbGwgPyAoXG4gICAgICAgICAgcmVuZGVyQ2VsbChyb3cpXG4gICAgICAgICkgOiAoXG4gICAgICAgICAgPFN0eWxlZFRleHQgc2l6ZT1cInNcIiBhbGlnbkNvbHVtbj17YWxpZ259PlxuICAgICAgICAgICAge3Jvd1tuYW1lXSA/IHJvd1tuYW1lXSA6IGVtcHR5Q2VsbENvbnRlbnR9XG4gICAgICAgICAgPC9TdHlsZWRUZXh0PlxuICAgICAgICApO1xuXG4gICAgICAgIHJldHVybiAoXG4gICAgICAgICAgPFN0eWxlZFRkXG4gICAgICAgICAgICBrZXk9e25hbWV9XG4gICAgICAgICAgICBhbGlnbkNvbHVtbj17YWxpZ259XG4gICAgICAgICAgICBpc0ZpcnN0Q29sdW1uU3RpY2t5PXtpc0ZpcnN0Q29sdW1uU3RpY2t5fVxuICAgICAgICAgICAgYm9keUNlbGxWZXJ0aWNhbFBhZGRpbmc9e2JvZHlDZWxsVmVydGljYWxQYWRkaW5nfVxuICAgICAgICAgICAgaXNUYWJsZVNjcm9sbGVkPXtpc1RhYmxlU2Nyb2xsZWR9XG4gICAgICAgICAgPlxuICAgICAgICAgICAge2NvbnRlbnR9XG4gICAgICAgICAgPC9TdHlsZWRUZD5cbiAgICAgICAgKTtcbiAgICAgIH0pfVxuICAgIDwvU3R5bGVkVHI+XG4gICkpO1xuXG4gIHJldHVybiA8dGJvZHkgY2xhc3NOYW1lPXtjbGFzc05hbWV9Pntyb3dFbGVtZW50c308L3Rib2R5Pjtcbn1cblxuZXhwb3J0IGRlZmF1bHQgUmVhY3QubWVtbyhUYWJsZUJvZHkpO1xuIl19 */");
+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,
+    isTableScrolled: isTableScrolled
+  }, 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\" | \"isTableScrolled\">;\n\nconst StyledTr = styled.tr<StyledTrProps>(\n  ({ theme, footer, isTableScrolled }) => ({\n    \"&:hover td\": {\n      backgroundColor: theme.values.color.background.tabs.header,\n    },\n\n    ...(!footer && {\n      \"&:last-of-type\": {\n        td: {\n          borderBottom: \"none\",\n        },\n\n        ...(!isTableScrolled && {\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    }),\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} isTableScrolled={isTableScrolled}>\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","isTableScrolled","backgroundColor","values","color","background","tabs","header","td","borderBottom","borderBottomLeftRadius","variables","size","borderRadius","card","m","borderBottomRightRadius","StyledText","Text","_ref2","alignColumn","mqValue","textAlign","StyledTd","TableCell","_ref3","bodyCellVerticalPadding","mq","padding","s","spacing","l","StyledEmptyTd","_ref4","emptyTableContentHeight","height","EmptyTableBody","_ref5","children","columns","React","createElement","colSpan","length","TableBody","_ref6","className","rows","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.layer_2
+      }
+    })
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhYmxlQ2VsbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBVWtCIiwiZmlsZSI6IlRhYmxlQ2VsbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB0eXBlIHsgVGFibGVCb2R5UHJvcHMgfSBmcm9tIFwiLi9UYWJsZUJvZHlcIjtcbmltcG9ydCB0eXBlIHsgRGF0YVRhYmxlQ29sdW1uIH0gZnJvbSBcIi4vdHlwZXNcIjtcbmltcG9ydCB7IG1xVmFsdWUgfSBmcm9tIFwiLi4vLi4vc2hhcmVkL21lZGlhUXVlcmllc1wiO1xuXG5leHBvcnQgdHlwZSBUYWJsZUNlbGxQcm9wcyA9IHtcbiAgYWxpZ25Db2x1bW4/OiBEYXRhVGFibGVDb2x1bW5bXCJhbGlnblwiXTtcbiAgY29sdW1uV2lkdGg/OiBEYXRhVGFibGVDb2x1bW5bXCJ3aWR0aFwiXTtcbn0gJiBQaWNrPFRhYmxlQm9keVByb3BzLCBcImlzRmlyc3RDb2x1bW5TdGlja3lcIiB8IFwiaXNUYWJsZVNjcm9sbGVkXCI+O1xuXG5jb25zdCBUYWJsZUNlbGwgPSBzdHlsZWQudGQ8VGFibGVDZWxsUHJvcHM+KFxuICAoe1xuICAgIHRoZW1lLFxuICAgIGlzRmlyc3RDb2x1bW5TdGlja3ksXG4gICAgaXNUYWJsZVNjcm9sbGVkLFxuICAgIGFsaWduQ29sdW1uLFxuICAgIGNvbHVtbldpZHRoLFxuICB9KSA9PiAoe1xuICAgIGJvcmRlckJvdHRvbTogYDFweCBzb2xpZCAke3RoZW1lLnZhbHVlcy5jb2xvci5kaXZpZGVyLnByaW1hcnl9YCxcbiAgICAuLi5tcVZhbHVlKHtcbiAgICAgIHRleHRBbGlnbjogYWxpZ25Db2x1bW4sXG4gICAgfSksXG4gICAgLi4ubXFWYWx1ZSh7XG4gICAgICB3aWR0aDogY29sdW1uV2lkdGgsXG4gICAgfSksXG4gICAgLi4uKGlzRmlyc3RDb2x1bW5TdGlja3kgJiZcbiAgICAgIGlzVGFibGVTY3JvbGxlZCAmJiB7XG4gICAgICAgIFwiJjpmaXJzdC1vZi10eXBlXCI6IHtcbiAgICAgICAgICBwb3NpdGlvbjogXCJzdGlja3lcIixcbiAgICAgICAgICBsZWZ0OiAwLFxuICAgICAgICAgIGJvcmRlclJpZ2h0OiBgMXB4IHNvbGlkICR7dGhlbWUudmFsdWVzLmNvbG9yLmRpdmlkZXIucHJpbWFyeX1gLFxuICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQubGF5ZXJfMixcbiAgICAgICAgfSxcbiAgICAgIH0pLFxuICB9KVxuKTtcblxuZXhwb3J0IGRlZmF1bHQgVGFibGVDZWxsO1xuIl19 */");
+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.layer_2,\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","layer_2"],"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,CAACC,OAAAA;AACjD,OAAA;KACD,CAAA;GACJ,CAAA;AAAA,CAAC,EAAAxB,OAAA,CAAAC,GAAA,CAAAC,QAAA,KACH,YAAA,GAAA,EAAA,GAAA,ipDAAA,CAAA,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;