@dfds-ui/experiences 0.9.16-alpha.1eebeed2 → 0.9.16-alpha.2b1e86f0

package/dynamic-table/DynamicTable.js

@@ -19,14 +19,14 @@ import { Fade } from './Skeleton/SkeletonTable.styles';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 
 var DynamicTable = function DynamicTable(_ref) {
-  var activeRowId = _ref.activeRowId,
-      clickRowHandler = _ref.clickRowHandler,
+  var activeRow = _ref.activeRow,
       descending = _ref.descending,
-      fixedHeight = _ref.fixedHeight,
+      height = _ref.height,
       headerRow = _ref.headerRow,
       isLoading = _ref.isLoading,
-      onSelectFunction = _ref.onSelectFunction,
-      onSortByKey = _ref.onSortByKey,
+      onClickRow = _ref.onClickRow,
+      onSelectRow = _ref.onSelectRow,
+      onSort = _ref.onSort,
       rows = _ref.rows,
       _ref$selectedRows = _ref.selectedRows,
       selectedRows = _ref$selectedRows === void 0 ? [] : _ref$selectedRows,
@@ -44,21 +44,21 @@ var DynamicTable = function DynamicTable(_ref) {
       sortDescending = _useState4[0],
       setSortDescending = _useState4[1];
 
-  var selectableRows = !!onSelectFunction;
+  var selectableRows = !!onSelectRow;
   var skeletonRows = useMemo(function () {
     return createSkeletonRows(headerRow);
   }, [headerRow]);
   useEffect(function () {
-    if (onSortByKey) {
-      onSortByKey(sortByKeyValue, sortDescending);
+    if (onSort) {
+      onSort(sortByKeyValue, sortDescending);
     }
-  }, [sortDescending, onSortByKey, sortByKeyValue]);
+  }, [sortDescending, onSort, sortByKeyValue]);
   return ___EmotionJSX(TableWrapperStyled, {
-    fixedHeight: fixedHeight
+    height: height
   }, ___EmotionJSX(TableStyled, null, headerRow && ___EmotionJSX(TableHead, {
     headerRow: headerRow,
-    onSelectFunction: onSelectFunction,
-    onSortByKey: onSortByKey,
+    onSelectRow: onSelectRow,
+    onSort: onSort,
     rows: rows,
     selectableRows: selectableRows,
     selectedRows: selectedRows,
@@ -68,10 +68,10 @@ var DynamicTable = function DynamicTable(_ref) {
     sortByKeyValue: sortByKeyValue,
     stickyHeader: stickyHeader
   }), ___EmotionJSX(TableBody, {
-    activeRowId: activeRowId,
+    activeRow: activeRow,
     headerRow: headerRow,
-    onClickRow: clickRowHandler,
-    onSelectFunction: onSelectFunction,
+    onClickRow: onClickRow,
+    onSelectRow: onSelectRow,
     rows: !isLoading ? rows : skeletonRows,
     selectableRows: selectableRows,
     selectedRows: selectedRows

package/dynamic-table/DynamicTable.styles.d.ts

@@ -1,5 +1,5 @@
 declare type TableWrapperProps = {
-    fixedHeight?: string;
+    height?: string;
 };
 export declare const TableWrapperStyled: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;

package/dynamic-table/DynamicTable.styles.js

@@ -6,12 +6,12 @@ export var TableWrapperStyled = _styled("div", process.env.NODE_ENV === "product
   target: "e1dds0xk1",
   label: "TableWrapperStyled"
 })("color:", theme.colors.text.primary, ";display:flex;flex-direction:column;overflow-x:auto;width:100%;", function (_ref) {
-  var fixedHeight = _ref.fixedHeight;
-  return "\n    ".concat(fixedHeight && "\n      height: ".concat(fixedHeight, ";\n      overflow-y: ").concat(fixedHeight && 'auto', ";\n      "), "\n  ");
-}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0R5bmFtaWNUYWJsZS5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU8rRCIsImZpbGUiOiIuLi8uLi9zcmMvZHluYW1pYy10YWJsZS9EeW5hbWljVGFibGUuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcblxudHlwZSBUYWJsZVdyYXBwZXJQcm9wcyA9IHtcbiAgZml4ZWRIZWlnaHQ/OiBzdHJpbmdcbn1cblxuZXhwb3J0IGNvbnN0IFRhYmxlV3JhcHBlclN0eWxlZCA9IHN0eWxlZC5kaXY8VGFibGVXcmFwcGVyUHJvcHM+YFxuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5fTtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgb3ZlcmZsb3cteDogYXV0bztcbiAgd2lkdGg6IDEwMCU7XG5cbiAgJHsoeyBmaXhlZEhlaWdodCB9KSA9PiBgXG4gICAgJHtcbiAgICAgIGZpeGVkSGVpZ2h0ICYmXG4gICAgICBgXG4gICAgICBoZWlnaHQ6ICR7Zml4ZWRIZWlnaHR9O1xuICAgICAgb3ZlcmZsb3cteTogJHtmaXhlZEhlaWdodCAmJiAnYXV0byd9O1xuICAgICAgYFxuICAgIH1cbiAgYH1cbmBcblxuZXhwb3J0IGNvbnN0IFRhYmxlU3R5bGVkID0gc3R5bGVkLnRhYmxlYFxuICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnByaW1hcnl9O1xuICBmb250LWZhbWlseTogVmVyZGFuYSwgc2Fucy1zZXJpZjtcbiAgZm9udC1zaXplOiAxMnB4O1xuICBsaW5lLWhlaWdodDogMTZweDtcbiAgd2lkdGg6IDEwMCU7XG5gXG4iXX0= */"));
+  var height = _ref.height;
+  return height && "\n      height: ".concat(height, ";\n      overflow-y: ").concat(height && 'auto', ";\n    ");
+}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0R5bmFtaWNUYWJsZS5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU8rRCIsImZpbGUiOiIuLi8uLi9zcmMvZHluYW1pYy10YWJsZS9EeW5hbWljVGFibGUuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcblxudHlwZSBUYWJsZVdyYXBwZXJQcm9wcyA9IHtcbiAgaGVpZ2h0Pzogc3RyaW5nXG59XG5cbmV4cG9ydCBjb25zdCBUYWJsZVdyYXBwZXJTdHlsZWQgPSBzdHlsZWQuZGl2PFRhYmxlV3JhcHBlclByb3BzPmBcbiAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnRleHQucHJpbWFyeX07XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIG92ZXJmbG93LXg6IGF1dG87XG4gIHdpZHRoOiAxMDAlO1xuXG4gICR7KHsgaGVpZ2h0IH0pID0+XG4gICAgaGVpZ2h0ICYmXG4gICAgYFxuICAgICAgaGVpZ2h0OiAke2hlaWdodH07XG4gICAgICBvdmVyZmxvdy15OiAke2hlaWdodCAmJiAnYXV0byd9O1xuICAgIGB9O1xuYFxuXG5leHBvcnQgY29uc3QgVGFibGVTdHlsZWQgPSBzdHlsZWQudGFibGVgXG4gIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuY29sb3JzLnN1cmZhY2UucHJpbWFyeX07XG4gIGZvbnQtZmFtaWx5OiBWZXJkYW5hLCBzYW5zLXNlcmlmO1xuICBmb250LXNpemU6IDEycHg7XG4gIGxpbmUtaGVpZ2h0OiAxNnB4O1xuICB3aWR0aDogMTAwJTtcbmBcbiJdfQ== */"));
 export var TableStyled = _styled("table", process.env.NODE_ENV === "production" ? {
   target: "e1dds0xk0"
 } : {
   target: "e1dds0xk0",
   label: "TableStyled"
-})("background-color:", theme.colors.surface.primary, ";font-family:Verdana,sans-serif;font-size:12px;line-height:16px;width:100%;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0R5bmFtaWNUYWJsZS5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlCdUMiLCJmaWxlIjoiLi4vLi4vc3JjL2R5bmFtaWMtdGFibGUvRHluYW1pY1RhYmxlLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5cbnR5cGUgVGFibGVXcmFwcGVyUHJvcHMgPSB7XG4gIGZpeGVkSGVpZ2h0Pzogc3RyaW5nXG59XG5cbmV4cG9ydCBjb25zdCBUYWJsZVdyYXBwZXJTdHlsZWQgPSBzdHlsZWQuZGl2PFRhYmxlV3JhcHBlclByb3BzPmBcbiAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnRleHQucHJpbWFyeX07XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIG92ZXJmbG93LXg6IGF1dG87XG4gIHdpZHRoOiAxMDAlO1xuXG4gICR7KHsgZml4ZWRIZWlnaHQgfSkgPT4gYFxuICAgICR7XG4gICAgICBmaXhlZEhlaWdodCAmJlxuICAgICAgYFxuICAgICAgaGVpZ2h0OiAke2ZpeGVkSGVpZ2h0fTtcbiAgICAgIG92ZXJmbG93LXk6ICR7Zml4ZWRIZWlnaHQgJiYgJ2F1dG8nfTtcbiAgICAgIGBcbiAgICB9XG4gIGB9XG5gXG5cbmV4cG9ydCBjb25zdCBUYWJsZVN0eWxlZCA9IHN0eWxlZC50YWJsZWBcbiAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5wcmltYXJ5fTtcbiAgZm9udC1mYW1pbHk6IFZlcmRhbmEsIHNhbnMtc2VyaWY7XG4gIGZvbnQtc2l6ZTogMTJweDtcbiAgbGluZS1oZWlnaHQ6IDE2cHg7XG4gIHdpZHRoOiAxMDAlO1xuYFxuIl19 */"));
+})("background-color:", theme.colors.surface.primary, ";font-family:Verdana,sans-serif;font-size:12px;line-height:16px;width:100%;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0R5bmFtaWNUYWJsZS5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNCdUMiLCJmaWxlIjoiLi4vLi4vc3JjL2R5bmFtaWMtdGFibGUvRHluYW1pY1RhYmxlLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5cbnR5cGUgVGFibGVXcmFwcGVyUHJvcHMgPSB7XG4gIGhlaWdodD86IHN0cmluZ1xufVxuXG5leHBvcnQgY29uc3QgVGFibGVXcmFwcGVyU3R5bGVkID0gc3R5bGVkLmRpdjxUYWJsZVdyYXBwZXJQcm9wcz5gXG4gIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LnByaW1hcnl9O1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBvdmVyZmxvdy14OiBhdXRvO1xuICB3aWR0aDogMTAwJTtcblxuICAkeyh7IGhlaWdodCB9KSA9PlxuICAgIGhlaWdodCAmJlxuICAgIGBcbiAgICAgIGhlaWdodDogJHtoZWlnaHR9O1xuICAgICAgb3ZlcmZsb3cteTogJHtoZWlnaHQgJiYgJ2F1dG8nfTtcbiAgICBgfTtcbmBcblxuZXhwb3J0IGNvbnN0IFRhYmxlU3R5bGVkID0gc3R5bGVkLnRhYmxlYFxuICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnByaW1hcnl9O1xuICBmb250LWZhbWlseTogVmVyZGFuYSwgc2Fucy1zZXJpZjtcbiAgZm9udC1zaXplOiAxMnB4O1xuICBsaW5lLWhlaWdodDogMTZweDtcbiAgd2lkdGg6IDEwMCU7XG5gXG4iXX0= */"));

package/dynamic-table/DynamicTable.types.d.ts

@@ -1,28 +1,25 @@
 export declare type Header = {
-    allowToggle?: boolean;
-    customColumnWidth?: string;
-    defaultToggled?: boolean;
     displayName: string;
     key: string;
-    sortable?: boolean;
     sortKey?: string;
+    sortable?: boolean;
     textAlign?: 'center' | 'left' | 'right';
+    width?: string;
 };
 export declare type Row = {
     [name: string]: any;
 };
 export declare type DynamicTableProps = {
-    activeRowId?: string;
-    clickRowHandler?: (id: string) => void;
+    activeRow?: string;
     descending?: boolean;
-    fixedHeight?: string;
     headerRow: Header[];
+    height?: string;
     isLoading?: boolean;
-    onSelectFunction?: (list: string[]) => void;
-    onSortByKey?: (value: string, sortDescending: boolean) => void;
+    onClickRow?: (id: string) => void;
+    onSelectRow?: (list: string[]) => void;
+    onSort?: (value: string, sortDescending: boolean) => void;
     rows: Row[];
     selectedRows?: string[];
     sortingBy?: string;
     stickyHeader?: boolean;
-    urlSortValue?: string | null;
 };

package/dynamic-table/Head/TableHead.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { TableHeadProps } from './TableHead.types';
-declare const TableHead: React.MemoExoticComponent<({ headerRow, onSelectFunction, onSortByKey, rows, selectableRows, selectedRows, setSortDescending, setSortByKeyValue, sortDescending, sortByKeyValue, stickyHeader, }: TableHeadProps) => JSX.Element>;
+declare const TableHead: React.MemoExoticComponent<({ headerRow, onSelectRow, onSort, rows, selectableRows, selectedRows, setSortDescending, setSortByKeyValue, sortDescending, sortByKeyValue, stickyHeader, }: TableHeadProps) => JSX.Element>;
 export default TableHead;

package/dynamic-table/Head/TableHead.js

@@ -4,8 +4,8 @@ import { ChevronStyled, TableHeadCellCheckboxStyled, TableHeadCellStyled, TableH
 import { jsx as ___EmotionJSX } from "@emotion/react";
 var TableHead = /*#__PURE__*/React.memo(function (_ref) {
   var headerRow = _ref.headerRow,
-      onSelectFunction = _ref.onSelectFunction,
-      onSortByKey = _ref.onSortByKey,
+      onSelectRow = _ref.onSelectRow,
+      onSort = _ref.onSort,
       rows = _ref.rows,
       selectableRows = _ref.selectableRows,
       selectedRows = _ref.selectedRows,
@@ -15,7 +15,7 @@ var TableHead = /*#__PURE__*/React.memo(function (_ref) {
       sortByKeyValue = _ref.sortByKeyValue,
       stickyHeader = _ref.stickyHeader;
   var toggleAll = useCallback(function () {
-    if (!onSelectFunction) return;
+    if (!onSelectRow) return;
     var newArray = [];
 
     if (selectedRows.length === 0) {
@@ -24,10 +24,10 @@ var TableHead = /*#__PURE__*/React.memo(function (_ref) {
       }
     }
 
-    onSelectFunction(newArray);
-  }, [onSelectFunction, rows, selectedRows]);
+    onSelectRow(newArray);
+  }, [onSelectRow, rows, selectedRows]);
   var sort = useCallback(function (oldKey, newKey) {
-    if (!onSortByKey) return;
+    if (!onSort) return;
 
     if (oldKey !== newKey) {
       setSortByKeyValue(newKey);
@@ -35,8 +35,10 @@ var TableHead = /*#__PURE__*/React.memo(function (_ref) {
     } else {
       setSortDescending(!sortDescending);
     }
-  }, [onSortByKey, setSortDescending, setSortByKeyValue, sortDescending]);
-  return ___EmotionJSX("thead", null, ___EmotionJSX(TableHeadRow, null, selectableRows && ___EmotionJSX(TableHeadCellCheckboxStyled, null, ___EmotionJSX(Checkbox, {
+  }, [onSort, setSortDescending, setSortByKeyValue, sortDescending]);
+  return ___EmotionJSX("thead", null, ___EmotionJSX(TableHeadRow, null, selectableRows && ___EmotionJSX(TableHeadCellCheckboxStyled, {
+    stickyHeader: stickyHeader
+  }, ___EmotionJSX(Checkbox, {
     checked: selectedRows.length > 0,
     indeterminate: true,
     name: "all",
@@ -46,21 +48,19 @@ var TableHead = /*#__PURE__*/React.memo(function (_ref) {
     var sortKey = headerCell.sortKey || headerCell.key;
 
     var clickHandler = function clickHandler() {
-      return headerCell.sortable ? sort(sortByKeyValue, sortKey) : null;
+      return headerCell.sortable && sort(sortByKeyValue, sortKey);
     };
 
     var showChevron = String(sortByKeyValue === sortKey);
     return ___EmotionJSX(TableHeadCellStyled, {
       align: headerCell.textAlign,
-      columns: headerRow.length,
-      customColumnWidth: headerCell.customColumnWidth,
-      hasOnSelectFunction: !!onSelectFunction,
       key: i,
       onClick: clickHandler,
-      sortByKey: onSortByKey,
+      sortByKey: onSort,
       sortable: headerCell.sortable,
-      stickyHeader: stickyHeader
-    }, ___EmotionJSX("div", null, ___EmotionJSX("span", null, headerCell.displayName), onSortByKey && ___EmotionJSX(ChevronStyled, {
+      stickyHeader: stickyHeader,
+      customWidth: headerCell.width
+    }, ___EmotionJSX("div", null, ___EmotionJSX("span", null, headerCell.displayName), headerCell.sortable && onSort && ___EmotionJSX(ChevronStyled, {
       descending: String(sortDescending),
       show: showChevron
     })));

package/dynamic-table/Head/TableHead.styles.js

@@ -15,21 +15,21 @@ export var TableHeadRow = _styled("tr", process.env.NODE_ENV === "production" ?
 } : {
   target: "e16aby0h4",
   label: "TableHeadRow"
-})(_objectSpread({}, genericTableRowStyle), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0hlYWQvVGFibGVIZWFkLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBY3FDIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0hlYWQvVGFibGVIZWFkLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGV2cm9uRG93biB9IGZyb20gJ0BkZmRzLXVpL2ljb25zL3N5c3RlbSdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcblxuaW1wb3J0IHtcbiAgQ2hldnJvblByb3BzLFxuICBHZW5lcmljVGFibGVIZWFkQ2VsbFByb3BzLFxuICBUYWJsZUhlYWRDZWxsQ2hlY2tib3hQcm9wcyxcbiAgVGFibGVIZWFkQ2VsbFByb3BzLFxufSBmcm9tICcuL1RhYmxlSGVhZC50eXBlcydcblxuaW1wb3J0IHsgZ2VuZXJpY1RhYmxlQ2VsbFN0eWxlIH0gZnJvbSAnLi4vQm9keS9UYWJsZUNlbGwuc3R5bGVzJ1xuaW1wb3J0IHsgZ2VuZXJpY1RhYmxlUm93U3R5bGUgfSBmcm9tICcuLi9Cb2R5L1RhYmxlUm93LnN0eWxlcydcblxuZXhwb3J0IGNvbnN0IFRhYmxlSGVhZFJvdyA9IHN0eWxlZC50cmBcbiAgJHt7IC4uLmdlbmVyaWNUYWJsZVJvd1N0eWxlIH19XG5gXG5cbmNvbnN0IEdlbmVyaWNUYWJsZUhlYWRDZWxsU3R5bGVkID0gc3R5bGVkLnRoPEdlbmVyaWNUYWJsZUhlYWRDZWxsUHJvcHM+YFxuICAke3sgLi4uZ2VuZXJpY1RhYmxlQ2VsbFN0eWxlIH19XG5cbiAgYm94LXNoYWRvdzogaW5zZXQgMCAtMXB4ICR7dGhlbWUuY29sb3JzLnN1cmZhY2Uuc2Vjb25kYXJ5fSxcbiAgICBpbnNldCAwIDFweCAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX07XG4gIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LnByaW1hcnkucHJpbWFyeX07XG4gIGZvbnQtZmFtaWx5OiAke3RoZW1lLmZvbnRGYW1pbGllcy5kaXNwbGF5fTtcbiAgdG9wOiAwO1xuICB0cmFuc2l0aW9uLWR1cmF0aW9uOiA1MDBtcztcblxuICAkeyh7IHN0aWNreUhlYWRlciB9KSA9PiBgXG4gICAgJHtcbiAgICAgIHN0aWNreUhlYWRlciAmJlxuICAgICAgYFxuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtzdGlja3lIZWFkZXIgJiYgdGhlbWUuY29sb3JzLnN1cmZhY2UucHJpbWFyeX07XG4gICAgICBwb3NpdGlvbjogJHtzdGlja3lIZWFkZXIgJiYgJ3N0aWNreSd9O1xuICAgICAgei1pbmRleDogJHtzdGlja3lIZWFkZXIgJiYgJzEwJ307XG4gICAgICBgXG4gICAgfVxuICBgfVxuXG4gICY6aG92ZXIge1xuICAgICR7KHsgc29ydEJ5S2V5LCBzb3J0YWJsZSB9KSA9PiBgXG4gICAgICAke1xuICAgICAgICBzb3J0QnlLZXkgJiZcbiAgICAgICAgc29ydGFibGUgJiZcbiAgICAgICAgYFxuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX07XG4gICAgICAgIGN1cnNvcjogcG9pbnRlcjtgXG4gICAgICB9XG4gICAgYH1cbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgVGFibGVIZWFkQ2VsbFN0eWxlZCA9IHN0eWxlZChHZW5lcmljVGFibGVIZWFkQ2VsbFN0eWxlZCk8VGFibGVIZWFkQ2VsbFByb3BzPmBcbiAgbWluLXdpZHRoOiAkeyh7IGN1c3RvbUNvbHVtbldpZHRoIH0pID0+IGN1c3RvbUNvbHVtbldpZHRoIHx8ICdhdXRvJ307XG4gIHRleHQtYWxpZ246ICR7KHsgYWxpZ24gfSkgPT4gYWxpZ24gfHwgJ2xlZnQnfTtcbiAgd2lkdGg6ICR7KHsgY29sdW1ucywgY3VzdG9tQ29sdW1uV2lkdGgsIGhhc09uU2VsZWN0RnVuY3Rpb24gfSkgPT5cbiAgICBjdXN0b21Db2x1bW5XaWR0aCB8fCBgY2FsYygoMTAwJSAke2hhc09uU2VsZWN0RnVuY3Rpb24gJiYgJy0zNnB4J30pIC8gJHtjb2x1bW5zfSlgfTtcblxuICBkaXYge1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogJHsoeyBhbGlnbiB9KSA9PiAoYWxpZ24gPT09ICdyaWdodCcgPyAncm93LXJldmVyc2UnIDogJ3JvdycpfTtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IFRhYmxlSGVhZENlbGxDaGVja2JveFN0eWxlZCA9IHN0eWxlZChHZW5lcmljVGFibGVIZWFkQ2VsbFN0eWxlZCk8VGFibGVIZWFkQ2VsbENoZWNrYm94UHJvcHM+YGBcblxuZXhwb3J0IGNvbnN0IENoZXZyb25TdHlsZWQgPSBzdHlsZWQoQ2hldnJvbkRvd24pPENoZXZyb25Qcm9wcz5gXG4gIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5wcmltYXJ5LmRhcmt9O1xuICBmb250LXNpemU6IDEuNXJlbTtcbiAgbWFyZ2luOiAwIDVweDtcbiAgb3BhY2l0eTogJHsoeyBzaG93IH0pID0+IChzaG93ID09PSAndHJ1ZScgPyAnMScgOiAnMCcpfTtcbiAgdHJhbnNmb3JtOiAkeyh7IGRlc2NlbmRpbmcgfSkgPT4gZGVzY2VuZGluZyA9PT0gJ3RydWUnICYmICdyb3RhdGUoMTgwZGVnKSd9O1xuICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAyNTBtcztcbmBcbiJdfQ== */"));
+})(_objectSpread({}, genericTableRowStyle), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0hlYWQvVGFibGVIZWFkLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBY3FDIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0hlYWQvVGFibGVIZWFkLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGV2cm9uRG93biB9IGZyb20gJ0BkZmRzLXVpL2ljb25zL3N5c3RlbSdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcblxuaW1wb3J0IHtcbiAgQ2hldnJvblByb3BzLFxuICBHZW5lcmljVGFibGVIZWFkQ2VsbFByb3BzLFxuICBUYWJsZUhlYWRDZWxsQ2hlY2tib3hQcm9wcyxcbiAgVGFibGVIZWFkQ2VsbFByb3BzLFxufSBmcm9tICcuL1RhYmxlSGVhZC50eXBlcydcblxuaW1wb3J0IHsgZ2VuZXJpY1RhYmxlQ2VsbFN0eWxlIH0gZnJvbSAnLi4vQm9keS9UYWJsZUNlbGwuc3R5bGVzJ1xuaW1wb3J0IHsgZ2VuZXJpY1RhYmxlUm93U3R5bGUgfSBmcm9tICcuLi9Cb2R5L1RhYmxlUm93LnN0eWxlcydcblxuZXhwb3J0IGNvbnN0IFRhYmxlSGVhZFJvdyA9IHN0eWxlZC50cmBcbiAgJHt7IC4uLmdlbmVyaWNUYWJsZVJvd1N0eWxlIH19XG5gXG5cbmNvbnN0IEdlbmVyaWNUYWJsZUhlYWRDZWxsU3R5bGVkID0gc3R5bGVkLnRoPEdlbmVyaWNUYWJsZUhlYWRDZWxsUHJvcHM+YFxuICAke3sgLi4uZ2VuZXJpY1RhYmxlQ2VsbFN0eWxlIH19XG5cbiAgYm94LXNoYWRvdzogaW5zZXQgMCAtMXB4ICR7dGhlbWUuY29sb3JzLnN1cmZhY2Uuc2Vjb25kYXJ5fSxcbiAgICBpbnNldCAwIDFweCAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX07XG4gIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LnByaW1hcnkucHJpbWFyeX07XG4gIGZvbnQtZmFtaWx5OiAke3RoZW1lLmZvbnRGYW1pbGllcy5kaXNwbGF5fTtcbiAgdG9wOiAwO1xuICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAyNTBtcztcbiAgdHJhbnNpdGlvbi1wcm9wZXJ0eTogYmFja2dyb3VuZC1jb2xvcjtcblxuICAkeyh7IHN0aWNreUhlYWRlciB9KSA9PlxuICAgIHN0aWNreUhlYWRlciAmJlxuICAgIGBcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7c3RpY2t5SGVhZGVyICYmIHRoZW1lLmNvbG9ycy5zdXJmYWNlLnByaW1hcnl9O1xuICAgICAgcG9zaXRpb246ICR7c3RpY2t5SGVhZGVyICYmICdzdGlja3knfTtcbiAgICAgIHotaW5kZXg6ICR7c3RpY2t5SGVhZGVyICYmICcxMCd9O1xuICAgIGB9O1xuXG4gICY6aG92ZXIge1xuICAgICR7KHsgc29ydEJ5S2V5LCBzb3J0YWJsZSB9KSA9PlxuICAgICAgc29ydEJ5S2V5ICYmXG4gICAgICBzb3J0YWJsZSAmJlxuICAgICAgYFxuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX07XG4gICAgICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICAgIGB9O1xuICB9XG5gXG5cbmV4cG9ydCBjb25zdCBUYWJsZUhlYWRDZWxsU3R5bGVkID0gc3R5bGVkKEdlbmVyaWNUYWJsZUhlYWRDZWxsU3R5bGVkKTxUYWJsZUhlYWRDZWxsUHJvcHM+YFxuICBtaW4td2lkdGg6ICR7KHsgY3VzdG9tV2lkdGggfSkgPT4gY3VzdG9tV2lkdGggfHwgJ2F1dG8nfTtcbiAgdGV4dC1hbGlnbjogJHsoeyBhbGlnbiB9KSA9PiBhbGlnbiB8fCAnbGVmdCd9O1xuICB3aWR0aDogJHsoeyBjdXN0b21XaWR0aCB9KSA9PiBjdXN0b21XaWR0aCB8fCAnYXV0byd9O1xuXG4gIGRpdiB7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiAkeyh7IGFsaWduIH0pID0+IChhbGlnbiA9PT0gJ3JpZ2h0JyA/ICdyb3ctcmV2ZXJzZScgOiAncm93Jyl9O1xuICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgVGFibGVIZWFkQ2VsbENoZWNrYm94U3R5bGVkID0gc3R5bGVkKEdlbmVyaWNUYWJsZUhlYWRDZWxsU3R5bGVkKTxUYWJsZUhlYWRDZWxsQ2hlY2tib3hQcm9wcz5gXG4gIG1heC13aWR0aDogNDBweDtcbiAgd2lkdGg6IDQwcHg7XG5cbiAgJHsoeyBzdGlja3lIZWFkZXIgfSkgPT5cbiAgICBzdGlja3lIZWFkZXIgJiZcbiAgICBgXG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3N0aWNreUhlYWRlciAmJiB0aGVtZS5jb2xvcnMuc3VyZmFjZS5wcmltYXJ5fTtcbiAgICAgIHBvc2l0aW9uOiAke3N0aWNreUhlYWRlciAmJiAnc3RpY2t5J307XG4gICAgICB6LWluZGV4OiAke3N0aWNreUhlYWRlciAmJiAnMTAnfTtcbiAgICBgfTtcbmBcblxuZXhwb3J0IGNvbnN0IENoZXZyb25TdHlsZWQgPSBzdHlsZWQoQ2hldnJvbkRvd24pPENoZXZyb25Qcm9wcz5gXG4gIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5wcmltYXJ5LmRhcmt9O1xuICBmb250LXNpemU6IDEuNXJlbTtcbiAgb3BhY2l0eTogJHsoeyBzaG93IH0pID0+IChzaG93ID09PSAndHJ1ZScgPyAnMScgOiAnMCcpfTtcbiAgdHJhbnNmb3JtOiAkeyh7IGRlc2NlbmRpbmcgfSkgPT4gZGVzY2VuZGluZyA9PT0gJ3RydWUnICYmICdyb3RhdGUoMTgwZGVnKSd9O1xuICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAyNTBtcztcbiAgdHJhbnNpdGlvbi1wcm9wZXJ0eTogb3BhY2l0eSwgdHJhbnNmb3JtO1xuYFxuIl19 */"));
 
 var GenericTableHeadCellStyled = _styled("th", process.env.NODE_ENV === "production" ? {
   target: "e16aby0h3"
 } : {
   target: "e16aby0h3",
   label: "GenericTableHeadCellStyled"
-})(_objectSpread({}, genericTableCellStyle), " box-shadow:inset 0 -1px ", theme.colors.surface.secondary, ",inset 0 1px ", theme.colors.surface.secondary, ";color:", theme.colors.text.primary.primary, ";font-family:", theme.fontFamilies.display, ";top:0;transition-duration:500ms;", function (_ref) {
+})(_objectSpread({}, genericTableCellStyle), " box-shadow:inset 0 -1px ", theme.colors.surface.secondary, ",inset 0 1px ", theme.colors.surface.secondary, ";color:", theme.colors.text.primary.primary, ";font-family:", theme.fontFamilies.display, ";top:0;transition-duration:250ms;transition-property:background-color;", function (_ref) {
   var stickyHeader = _ref.stickyHeader;
-  return "\n    ".concat(stickyHeader && "\n      background-color: ".concat(stickyHeader && theme.colors.surface.primary, ";\n      position: ").concat(stickyHeader && 'sticky', ";\n      z-index: ").concat(stickyHeader && '10', ";\n      "), "\n  ");
-}, " &:hover{", function (_ref2) {
+  return stickyHeader && "\n      background-color: ".concat(stickyHeader && theme.colors.surface.primary, ";\n      position: ").concat(stickyHeader && 'sticky', ";\n      z-index: ").concat(stickyHeader && '10', ";\n    ");
+}, ";&:hover{", function (_ref2) {
   var sortByKey = _ref2.sortByKey,
       sortable = _ref2.sortable;
-  return "\n      ".concat(sortByKey && sortable && "\n        background-color: ".concat(theme.colors.surface.secondary, ";\n        cursor: pointer;"), "\n    ");
-}, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0hlYWQvVGFibGVIZWFkLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0J1RSIsImZpbGUiOiIuLi8uLi8uLi9zcmMvZHluYW1pYy10YWJsZS9IZWFkL1RhYmxlSGVhZC5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hldnJvbkRvd24gfSBmcm9tICdAZGZkcy11aS9pY29ucy9zeXN0ZW0nXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5cbmltcG9ydCB7XG4gIENoZXZyb25Qcm9wcyxcbiAgR2VuZXJpY1RhYmxlSGVhZENlbGxQcm9wcyxcbiAgVGFibGVIZWFkQ2VsbENoZWNrYm94UHJvcHMsXG4gIFRhYmxlSGVhZENlbGxQcm9wcyxcbn0gZnJvbSAnLi9UYWJsZUhlYWQudHlwZXMnXG5cbmltcG9ydCB7IGdlbmVyaWNUYWJsZUNlbGxTdHlsZSB9IGZyb20gJy4uL0JvZHkvVGFibGVDZWxsLnN0eWxlcydcbmltcG9ydCB7IGdlbmVyaWNUYWJsZVJvd1N0eWxlIH0gZnJvbSAnLi4vQm9keS9UYWJsZVJvdy5zdHlsZXMnXG5cbmV4cG9ydCBjb25zdCBUYWJsZUhlYWRSb3cgPSBzdHlsZWQudHJgXG4gICR7eyAuLi5nZW5lcmljVGFibGVSb3dTdHlsZSB9fVxuYFxuXG5jb25zdCBHZW5lcmljVGFibGVIZWFkQ2VsbFN0eWxlZCA9IHN0eWxlZC50aDxHZW5lcmljVGFibGVIZWFkQ2VsbFByb3BzPmBcbiAgJHt7IC4uLmdlbmVyaWNUYWJsZUNlbGxTdHlsZSB9fVxuXG4gIGJveC1zaGFkb3c6IGluc2V0IDAgLTFweCAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX0sXG4gICAgaW5zZXQgMCAxcHggJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5zZWNvbmRhcnl9O1xuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LnByaW1hcnl9O1xuICBmb250LWZhbWlseTogJHt0aGVtZS5mb250RmFtaWxpZXMuZGlzcGxheX07XG4gIHRvcDogMDtcbiAgdHJhbnNpdGlvbi1kdXJhdGlvbjogNTAwbXM7XG5cbiAgJHsoeyBzdGlja3lIZWFkZXIgfSkgPT4gYFxuICAgICR7XG4gICAgICBzdGlja3lIZWFkZXIgJiZcbiAgICAgIGBcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7c3RpY2t5SGVhZGVyICYmIHRoZW1lLmNvbG9ycy5zdXJmYWNlLnByaW1hcnl9O1xuICAgICAgcG9zaXRpb246ICR7c3RpY2t5SGVhZGVyICYmICdzdGlja3knfTtcbiAgICAgIHotaW5kZXg6ICR7c3RpY2t5SGVhZGVyICYmICcxMCd9O1xuICAgICAgYFxuICAgIH1cbiAgYH1cblxuICAmOmhvdmVyIHtcbiAgICAkeyh7IHNvcnRCeUtleSwgc29ydGFibGUgfSkgPT4gYFxuICAgICAgJHtcbiAgICAgICAgc29ydEJ5S2V5ICYmXG4gICAgICAgIHNvcnRhYmxlICYmXG4gICAgICAgIGBcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5zZWNvbmRhcnl9O1xuICAgICAgICBjdXJzb3I6IHBvaW50ZXI7YFxuICAgICAgfVxuICAgIGB9XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IFRhYmxlSGVhZENlbGxTdHlsZWQgPSBzdHlsZWQoR2VuZXJpY1RhYmxlSGVhZENlbGxTdHlsZWQpPFRhYmxlSGVhZENlbGxQcm9wcz5gXG4gIG1pbi13aWR0aDogJHsoeyBjdXN0b21Db2x1bW5XaWR0aCB9KSA9PiBjdXN0b21Db2x1bW5XaWR0aCB8fCAnYXV0byd9O1xuICB0ZXh0LWFsaWduOiAkeyh7IGFsaWduIH0pID0+IGFsaWduIHx8ICdsZWZ0J307XG4gIHdpZHRoOiAkeyh7IGNvbHVtbnMsIGN1c3RvbUNvbHVtbldpZHRoLCBoYXNPblNlbGVjdEZ1bmN0aW9uIH0pID0+XG4gICAgY3VzdG9tQ29sdW1uV2lkdGggfHwgYGNhbGMoKDEwMCUgJHtoYXNPblNlbGVjdEZ1bmN0aW9uICYmICctMzZweCd9KSAvICR7Y29sdW1uc30pYH07XG5cbiAgZGl2IHtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246ICR7KHsgYWxpZ24gfSkgPT4gKGFsaWduID09PSAncmlnaHQnID8gJ3Jvdy1yZXZlcnNlJyA6ICdyb3cnKX07XG4gICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICB9XG5gXG5cbmV4cG9ydCBjb25zdCBUYWJsZUhlYWRDZWxsQ2hlY2tib3hTdHlsZWQgPSBzdHlsZWQoR2VuZXJpY1RhYmxlSGVhZENlbGxTdHlsZWQpPFRhYmxlSGVhZENlbGxDaGVja2JveFByb3BzPmBgXG5cbmV4cG9ydCBjb25zdCBDaGV2cm9uU3R5bGVkID0gc3R5bGVkKENoZXZyb25Eb3duKTxDaGV2cm9uUHJvcHM+YFxuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMucHJpbWFyeS5kYXJrfTtcbiAgZm9udC1zaXplOiAxLjVyZW07XG4gIG1hcmdpbjogMCA1cHg7XG4gIG9wYWNpdHk6ICR7KHsgc2hvdyB9KSA9PiAoc2hvdyA9PT0gJ3RydWUnID8gJzEnIDogJzAnKX07XG4gIHRyYW5zZm9ybTogJHsoeyBkZXNjZW5kaW5nIH0pID0+IGRlc2NlbmRpbmcgPT09ICd0cnVlJyAmJiAncm90YXRlKDE4MGRlZyknfTtcbiAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMjUwbXM7XG5gXG4iXX0= */"));
+  return sortByKey && sortable && "\n        background-color: ".concat(theme.colors.surface.secondary, ";\n        cursor: pointer;\n      ");
+}, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0hlYWQvVGFibGVIZWFkLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0J1RSIsImZpbGUiOiIuLi8uLi8uLi9zcmMvZHluYW1pYy10YWJsZS9IZWFkL1RhYmxlSGVhZC5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hldnJvbkRvd24gfSBmcm9tICdAZGZkcy11aS9pY29ucy9zeXN0ZW0nXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5cbmltcG9ydCB7XG4gIENoZXZyb25Qcm9wcyxcbiAgR2VuZXJpY1RhYmxlSGVhZENlbGxQcm9wcyxcbiAgVGFibGVIZWFkQ2VsbENoZWNrYm94UHJvcHMsXG4gIFRhYmxlSGVhZENlbGxQcm9wcyxcbn0gZnJvbSAnLi9UYWJsZUhlYWQudHlwZXMnXG5cbmltcG9ydCB7IGdlbmVyaWNUYWJsZUNlbGxTdHlsZSB9IGZyb20gJy4uL0JvZHkvVGFibGVDZWxsLnN0eWxlcydcbmltcG9ydCB7IGdlbmVyaWNUYWJsZVJvd1N0eWxlIH0gZnJvbSAnLi4vQm9keS9UYWJsZVJvdy5zdHlsZXMnXG5cbmV4cG9ydCBjb25zdCBUYWJsZUhlYWRSb3cgPSBzdHlsZWQudHJgXG4gICR7eyAuLi5nZW5lcmljVGFibGVSb3dTdHlsZSB9fVxuYFxuXG5jb25zdCBHZW5lcmljVGFibGVIZWFkQ2VsbFN0eWxlZCA9IHN0eWxlZC50aDxHZW5lcmljVGFibGVIZWFkQ2VsbFByb3BzPmBcbiAgJHt7IC4uLmdlbmVyaWNUYWJsZUNlbGxTdHlsZSB9fVxuXG4gIGJveC1zaGFkb3c6IGluc2V0IDAgLTFweCAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX0sXG4gICAgaW5zZXQgMCAxcHggJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5zZWNvbmRhcnl9O1xuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LnByaW1hcnl9O1xuICBmb250LWZhbWlseTogJHt0aGVtZS5mb250RmFtaWxpZXMuZGlzcGxheX07XG4gIHRvcDogMDtcbiAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMjUwbXM7XG4gIHRyYW5zaXRpb24tcHJvcGVydHk6IGJhY2tncm91bmQtY29sb3I7XG5cbiAgJHsoeyBzdGlja3lIZWFkZXIgfSkgPT5cbiAgICBzdGlja3lIZWFkZXIgJiZcbiAgICBgXG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3N0aWNreUhlYWRlciAmJiB0aGVtZS5jb2xvcnMuc3VyZmFjZS5wcmltYXJ5fTtcbiAgICAgIHBvc2l0aW9uOiAke3N0aWNreUhlYWRlciAmJiAnc3RpY2t5J307XG4gICAgICB6LWluZGV4OiAke3N0aWNreUhlYWRlciAmJiAnMTAnfTtcbiAgICBgfTtcblxuICAmOmhvdmVyIHtcbiAgICAkeyh7IHNvcnRCeUtleSwgc29ydGFibGUgfSkgPT5cbiAgICAgIHNvcnRCeUtleSAmJlxuICAgICAgc29ydGFibGUgJiZcbiAgICAgIGBcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5zZWNvbmRhcnl9O1xuICAgICAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgICBgfTtcbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgVGFibGVIZWFkQ2VsbFN0eWxlZCA9IHN0eWxlZChHZW5lcmljVGFibGVIZWFkQ2VsbFN0eWxlZCk8VGFibGVIZWFkQ2VsbFByb3BzPmBcbiAgbWluLXdpZHRoOiAkeyh7IGN1c3RvbVdpZHRoIH0pID0+IGN1c3RvbVdpZHRoIHx8ICdhdXRvJ307XG4gIHRleHQtYWxpZ246ICR7KHsgYWxpZ24gfSkgPT4gYWxpZ24gfHwgJ2xlZnQnfTtcbiAgd2lkdGg6ICR7KHsgY3VzdG9tV2lkdGggfSkgPT4gY3VzdG9tV2lkdGggfHwgJ2F1dG8nfTtcblxuICBkaXYge1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogJHsoeyBhbGlnbiB9KSA9PiAoYWxpZ24gPT09ICdyaWdodCcgPyAncm93LXJldmVyc2UnIDogJ3JvdycpfTtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IFRhYmxlSGVhZENlbGxDaGVja2JveFN0eWxlZCA9IHN0eWxlZChHZW5lcmljVGFibGVIZWFkQ2VsbFN0eWxlZCk8VGFibGVIZWFkQ2VsbENoZWNrYm94UHJvcHM+YFxuICBtYXgtd2lkdGg6IDQwcHg7XG4gIHdpZHRoOiA0MHB4O1xuXG4gICR7KHsgc3RpY2t5SGVhZGVyIH0pID0+XG4gICAgc3RpY2t5SGVhZGVyICYmXG4gICAgYFxuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtzdGlja3lIZWFkZXIgJiYgdGhlbWUuY29sb3JzLnN1cmZhY2UucHJpbWFyeX07XG4gICAgICBwb3NpdGlvbjogJHtzdGlja3lIZWFkZXIgJiYgJ3N0aWNreSd9O1xuICAgICAgei1pbmRleDogJHtzdGlja3lIZWFkZXIgJiYgJzEwJ307XG4gICAgYH07XG5gXG5cbmV4cG9ydCBjb25zdCBDaGV2cm9uU3R5bGVkID0gc3R5bGVkKENoZXZyb25Eb3duKTxDaGV2cm9uUHJvcHM+YFxuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMucHJpbWFyeS5kYXJrfTtcbiAgZm9udC1zaXplOiAxLjVyZW07XG4gIG9wYWNpdHk6ICR7KHsgc2hvdyB9KSA9PiAoc2hvdyA9PT0gJ3RydWUnID8gJzEnIDogJzAnKX07XG4gIHRyYW5zZm9ybTogJHsoeyBkZXNjZW5kaW5nIH0pID0+IGRlc2NlbmRpbmcgPT09ICd0cnVlJyAmJiAncm90YXRlKDE4MGRlZyknfTtcbiAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMjUwbXM7XG4gIHRyYW5zaXRpb24tcHJvcGVydHk6IG9wYWNpdHksIHRyYW5zZm9ybTtcbmBcbiJdfQ== */"));
 
 export var TableHeadCellStyled = /*#__PURE__*/_styled(GenericTableHeadCellStyled, process.env.NODE_ENV === "production" ? {
   target: "e16aby0h2"
@@ -37,35 +37,36 @@ export var TableHeadCellStyled = /*#__PURE__*/_styled(GenericTableHeadCellStyled
   target: "e16aby0h2",
   label: "TableHeadCellStyled"
 })("min-width:", function (_ref3) {
-  var customColumnWidth = _ref3.customColumnWidth;
-  return customColumnWidth || 'auto';
+  var customWidth = _ref3.customWidth;
+  return customWidth || 'auto';
 }, ";text-align:", function (_ref4) {
   var align = _ref4.align;
   return align || 'left';
 }, ";width:", function (_ref5) {
-  var columns = _ref5.columns,
-      customColumnWidth = _ref5.customColumnWidth,
-      hasOnSelectFunction = _ref5.hasOnSelectFunction;
-  return customColumnWidth || "calc((100% ".concat(hasOnSelectFunction && '-36px', ") / ").concat(columns, ")");
+  var customWidth = _ref5.customWidth;
+  return customWidth || 'auto';
 }, ";div{align-items:center;display:flex;flex-direction:", function (_ref6) {
   var align = _ref6.align;
   return align === 'right' ? 'row-reverse' : 'row';
-}, ";justify-content:space-between;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0hlYWQvVGFibGVIZWFkLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0R5RiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvZHluYW1pYy10YWJsZS9IZWFkL1RhYmxlSGVhZC5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hldnJvbkRvd24gfSBmcm9tICdAZGZkcy11aS9pY29ucy9zeXN0ZW0nXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5cbmltcG9ydCB7XG4gIENoZXZyb25Qcm9wcyxcbiAgR2VuZXJpY1RhYmxlSGVhZENlbGxQcm9wcyxcbiAgVGFibGVIZWFkQ2VsbENoZWNrYm94UHJvcHMsXG4gIFRhYmxlSGVhZENlbGxQcm9wcyxcbn0gZnJvbSAnLi9UYWJsZUhlYWQudHlwZXMnXG5cbmltcG9ydCB7IGdlbmVyaWNUYWJsZUNlbGxTdHlsZSB9IGZyb20gJy4uL0JvZHkvVGFibGVDZWxsLnN0eWxlcydcbmltcG9ydCB7IGdlbmVyaWNUYWJsZVJvd1N0eWxlIH0gZnJvbSAnLi4vQm9keS9UYWJsZVJvdy5zdHlsZXMnXG5cbmV4cG9ydCBjb25zdCBUYWJsZUhlYWRSb3cgPSBzdHlsZWQudHJgXG4gICR7eyAuLi5nZW5lcmljVGFibGVSb3dTdHlsZSB9fVxuYFxuXG5jb25zdCBHZW5lcmljVGFibGVIZWFkQ2VsbFN0eWxlZCA9IHN0eWxlZC50aDxHZW5lcmljVGFibGVIZWFkQ2VsbFByb3BzPmBcbiAgJHt7IC4uLmdlbmVyaWNUYWJsZUNlbGxTdHlsZSB9fVxuXG4gIGJveC1zaGFkb3c6IGluc2V0IDAgLTFweCAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX0sXG4gICAgaW5zZXQgMCAxcHggJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5zZWNvbmRhcnl9O1xuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LnByaW1hcnl9O1xuICBmb250LWZhbWlseTogJHt0aGVtZS5mb250RmFtaWxpZXMuZGlzcGxheX07XG4gIHRvcDogMDtcbiAgdHJhbnNpdGlvbi1kdXJhdGlvbjogNTAwbXM7XG5cbiAgJHsoeyBzdGlja3lIZWFkZXIgfSkgPT4gYFxuICAgICR7XG4gICAgICBzdGlja3lIZWFkZXIgJiZcbiAgICAgIGBcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7c3RpY2t5SGVhZGVyICYmIHRoZW1lLmNvbG9ycy5zdXJmYWNlLnByaW1hcnl9O1xuICAgICAgcG9zaXRpb246ICR7c3RpY2t5SGVhZGVyICYmICdzdGlja3knfTtcbiAgICAgIHotaW5kZXg6ICR7c3RpY2t5SGVhZGVyICYmICcxMCd9O1xuICAgICAgYFxuICAgIH1cbiAgYH1cblxuICAmOmhvdmVyIHtcbiAgICAkeyh7IHNvcnRCeUtleSwgc29ydGFibGUgfSkgPT4gYFxuICAgICAgJHtcbiAgICAgICAgc29ydEJ5S2V5ICYmXG4gICAgICAgIHNvcnRhYmxlICYmXG4gICAgICAgIGBcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5zZWNvbmRhcnl9O1xuICAgICAgICBjdXJzb3I6IHBvaW50ZXI7YFxuICAgICAgfVxuICAgIGB9XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IFRhYmxlSGVhZENlbGxTdHlsZWQgPSBzdHlsZWQoR2VuZXJpY1RhYmxlSGVhZENlbGxTdHlsZWQpPFRhYmxlSGVhZENlbGxQcm9wcz5gXG4gIG1pbi13aWR0aDogJHsoeyBjdXN0b21Db2x1bW5XaWR0aCB9KSA9PiBjdXN0b21Db2x1bW5XaWR0aCB8fCAnYXV0byd9O1xuICB0ZXh0LWFsaWduOiAkeyh7IGFsaWduIH0pID0+IGFsaWduIHx8ICdsZWZ0J307XG4gIHdpZHRoOiAkeyh7IGNvbHVtbnMsIGN1c3RvbUNvbHVtbldpZHRoLCBoYXNPblNlbGVjdEZ1bmN0aW9uIH0pID0+XG4gICAgY3VzdG9tQ29sdW1uV2lkdGggfHwgYGNhbGMoKDEwMCUgJHtoYXNPblNlbGVjdEZ1bmN0aW9uICYmICctMzZweCd9KSAvICR7Y29sdW1uc30pYH07XG5cbiAgZGl2IHtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246ICR7KHsgYWxpZ24gfSkgPT4gKGFsaWduID09PSAncmlnaHQnID8gJ3Jvdy1yZXZlcnNlJyA6ICdyb3cnKX07XG4gICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICB9XG5gXG5cbmV4cG9ydCBjb25zdCBUYWJsZUhlYWRDZWxsQ2hlY2tib3hTdHlsZWQgPSBzdHlsZWQoR2VuZXJpY1RhYmxlSGVhZENlbGxTdHlsZWQpPFRhYmxlSGVhZENlbGxDaGVja2JveFByb3BzPmBgXG5cbmV4cG9ydCBjb25zdCBDaGV2cm9uU3R5bGVkID0gc3R5bGVkKENoZXZyb25Eb3duKTxDaGV2cm9uUHJvcHM+YFxuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMucHJpbWFyeS5kYXJrfTtcbiAgZm9udC1zaXplOiAxLjVyZW07XG4gIG1hcmdpbjogMCA1cHg7XG4gIG9wYWNpdHk6ICR7KHsgc2hvdyB9KSA9PiAoc2hvdyA9PT0gJ3RydWUnID8gJzEnIDogJzAnKX07XG4gIHRyYW5zZm9ybTogJHsoeyBkZXNjZW5kaW5nIH0pID0+IGRlc2NlbmRpbmcgPT09ICd0cnVlJyAmJiAncm90YXRlKDE4MGRlZyknfTtcbiAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMjUwbXM7XG5gXG4iXX0= */"));
+}, ";justify-content:space-between;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0hlYWQvVGFibGVIZWFkLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0R5RiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvZHluYW1pYy10YWJsZS9IZWFkL1RhYmxlSGVhZC5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hldnJvbkRvd24gfSBmcm9tICdAZGZkcy11aS9pY29ucy9zeXN0ZW0nXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5cbmltcG9ydCB7XG4gIENoZXZyb25Qcm9wcyxcbiAgR2VuZXJpY1RhYmxlSGVhZENlbGxQcm9wcyxcbiAgVGFibGVIZWFkQ2VsbENoZWNrYm94UHJvcHMsXG4gIFRhYmxlSGVhZENlbGxQcm9wcyxcbn0gZnJvbSAnLi9UYWJsZUhlYWQudHlwZXMnXG5cbmltcG9ydCB7IGdlbmVyaWNUYWJsZUNlbGxTdHlsZSB9IGZyb20gJy4uL0JvZHkvVGFibGVDZWxsLnN0eWxlcydcbmltcG9ydCB7IGdlbmVyaWNUYWJsZVJvd1N0eWxlIH0gZnJvbSAnLi4vQm9keS9UYWJsZVJvdy5zdHlsZXMnXG5cbmV4cG9ydCBjb25zdCBUYWJsZUhlYWRSb3cgPSBzdHlsZWQudHJgXG4gICR7eyAuLi5nZW5lcmljVGFibGVSb3dTdHlsZSB9fVxuYFxuXG5jb25zdCBHZW5lcmljVGFibGVIZWFkQ2VsbFN0eWxlZCA9IHN0eWxlZC50aDxHZW5lcmljVGFibGVIZWFkQ2VsbFByb3BzPmBcbiAgJHt7IC4uLmdlbmVyaWNUYWJsZUNlbGxTdHlsZSB9fVxuXG4gIGJveC1zaGFkb3c6IGluc2V0IDAgLTFweCAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX0sXG4gICAgaW5zZXQgMCAxcHggJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5zZWNvbmRhcnl9O1xuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LnByaW1hcnl9O1xuICBmb250LWZhbWlseTogJHt0aGVtZS5mb250RmFtaWxpZXMuZGlzcGxheX07XG4gIHRvcDogMDtcbiAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMjUwbXM7XG4gIHRyYW5zaXRpb24tcHJvcGVydHk6IGJhY2tncm91bmQtY29sb3I7XG5cbiAgJHsoeyBzdGlja3lIZWFkZXIgfSkgPT5cbiAgICBzdGlja3lIZWFkZXIgJiZcbiAgICBgXG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3N0aWNreUhlYWRlciAmJiB0aGVtZS5jb2xvcnMuc3VyZmFjZS5wcmltYXJ5fTtcbiAgICAgIHBvc2l0aW9uOiAke3N0aWNreUhlYWRlciAmJiAnc3RpY2t5J307XG4gICAgICB6LWluZGV4OiAke3N0aWNreUhlYWRlciAmJiAnMTAnfTtcbiAgICBgfTtcblxuICAmOmhvdmVyIHtcbiAgICAkeyh7IHNvcnRCeUtleSwgc29ydGFibGUgfSkgPT5cbiAgICAgIHNvcnRCeUtleSAmJlxuICAgICAgc29ydGFibGUgJiZcbiAgICAgIGBcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5zZWNvbmRhcnl9O1xuICAgICAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgICBgfTtcbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgVGFibGVIZWFkQ2VsbFN0eWxlZCA9IHN0eWxlZChHZW5lcmljVGFibGVIZWFkQ2VsbFN0eWxlZCk8VGFibGVIZWFkQ2VsbFByb3BzPmBcbiAgbWluLXdpZHRoOiAkeyh7IGN1c3RvbVdpZHRoIH0pID0+IGN1c3RvbVdpZHRoIHx8ICdhdXRvJ307XG4gIHRleHQtYWxpZ246ICR7KHsgYWxpZ24gfSkgPT4gYWxpZ24gfHwgJ2xlZnQnfTtcbiAgd2lkdGg6ICR7KHsgY3VzdG9tV2lkdGggfSkgPT4gY3VzdG9tV2lkdGggfHwgJ2F1dG8nfTtcblxuICBkaXYge1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogJHsoeyBhbGlnbiB9KSA9PiAoYWxpZ24gPT09ICdyaWdodCcgPyAncm93LXJldmVyc2UnIDogJ3JvdycpfTtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IFRhYmxlSGVhZENlbGxDaGVja2JveFN0eWxlZCA9IHN0eWxlZChHZW5lcmljVGFibGVIZWFkQ2VsbFN0eWxlZCk8VGFibGVIZWFkQ2VsbENoZWNrYm94UHJvcHM+YFxuICBtYXgtd2lkdGg6IDQwcHg7XG4gIHdpZHRoOiA0MHB4O1xuXG4gICR7KHsgc3RpY2t5SGVhZGVyIH0pID0+XG4gICAgc3RpY2t5SGVhZGVyICYmXG4gICAgYFxuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtzdGlja3lIZWFkZXIgJiYgdGhlbWUuY29sb3JzLnN1cmZhY2UucHJpbWFyeX07XG4gICAgICBwb3NpdGlvbjogJHtzdGlja3lIZWFkZXIgJiYgJ3N0aWNreSd9O1xuICAgICAgei1pbmRleDogJHtzdGlja3lIZWFkZXIgJiYgJzEwJ307XG4gICAgYH07XG5gXG5cbmV4cG9ydCBjb25zdCBDaGV2cm9uU3R5bGVkID0gc3R5bGVkKENoZXZyb25Eb3duKTxDaGV2cm9uUHJvcHM+YFxuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMucHJpbWFyeS5kYXJrfTtcbiAgZm9udC1zaXplOiAxLjVyZW07XG4gIG9wYWNpdHk6ICR7KHsgc2hvdyB9KSA9PiAoc2hvdyA9PT0gJ3RydWUnID8gJzEnIDogJzAnKX07XG4gIHRyYW5zZm9ybTogJHsoeyBkZXNjZW5kaW5nIH0pID0+IGRlc2NlbmRpbmcgPT09ICd0cnVlJyAmJiAncm90YXRlKDE4MGRlZyknfTtcbiAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMjUwbXM7XG4gIHRyYW5zaXRpb24tcHJvcGVydHk6IG9wYWNpdHksIHRyYW5zZm9ybTtcbmBcbiJdfQ== */"));
 export var TableHeadCellCheckboxStyled = /*#__PURE__*/_styled(GenericTableHeadCellStyled, process.env.NODE_ENV === "production" ? {
   target: "e16aby0h1"
 } : {
   target: "e16aby0h1",
   label: "TableHeadCellCheckboxStyled"
-})(process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0hlYWQvVGFibGVIZWFkLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0V5RyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvZHluYW1pYy10YWJsZS9IZWFkL1RhYmxlSGVhZC5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hldnJvbkRvd24gfSBmcm9tICdAZGZkcy11aS9pY29ucy9zeXN0ZW0nXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5cbmltcG9ydCB7XG4gIENoZXZyb25Qcm9wcyxcbiAgR2VuZXJpY1RhYmxlSGVhZENlbGxQcm9wcyxcbiAgVGFibGVIZWFkQ2VsbENoZWNrYm94UHJvcHMsXG4gIFRhYmxlSGVhZENlbGxQcm9wcyxcbn0gZnJvbSAnLi9UYWJsZUhlYWQudHlwZXMnXG5cbmltcG9ydCB7IGdlbmVyaWNUYWJsZUNlbGxTdHlsZSB9IGZyb20gJy4uL0JvZHkvVGFibGVDZWxsLnN0eWxlcydcbmltcG9ydCB7IGdlbmVyaWNUYWJsZVJvd1N0eWxlIH0gZnJvbSAnLi4vQm9keS9UYWJsZVJvdy5zdHlsZXMnXG5cbmV4cG9ydCBjb25zdCBUYWJsZUhlYWRSb3cgPSBzdHlsZWQudHJgXG4gICR7eyAuLi5nZW5lcmljVGFibGVSb3dTdHlsZSB9fVxuYFxuXG5jb25zdCBHZW5lcmljVGFibGVIZWFkQ2VsbFN0eWxlZCA9IHN0eWxlZC50aDxHZW5lcmljVGFibGVIZWFkQ2VsbFByb3BzPmBcbiAgJHt7IC4uLmdlbmVyaWNUYWJsZUNlbGxTdHlsZSB9fVxuXG4gIGJveC1zaGFkb3c6IGluc2V0IDAgLTFweCAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX0sXG4gICAgaW5zZXQgMCAxcHggJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5zZWNvbmRhcnl9O1xuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LnByaW1hcnl9O1xuICBmb250LWZhbWlseTogJHt0aGVtZS5mb250RmFtaWxpZXMuZGlzcGxheX07XG4gIHRvcDogMDtcbiAgdHJhbnNpdGlvbi1kdXJhdGlvbjogNTAwbXM7XG5cbiAgJHsoeyBzdGlja3lIZWFkZXIgfSkgPT4gYFxuICAgICR7XG4gICAgICBzdGlja3lIZWFkZXIgJiZcbiAgICAgIGBcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7c3RpY2t5SGVhZGVyICYmIHRoZW1lLmNvbG9ycy5zdXJmYWNlLnByaW1hcnl9O1xuICAgICAgcG9zaXRpb246ICR7c3RpY2t5SGVhZGVyICYmICdzdGlja3knfTtcbiAgICAgIHotaW5kZXg6ICR7c3RpY2t5SGVhZGVyICYmICcxMCd9O1xuICAgICAgYFxuICAgIH1cbiAgYH1cblxuICAmOmhvdmVyIHtcbiAgICAkeyh7IHNvcnRCeUtleSwgc29ydGFibGUgfSkgPT4gYFxuICAgICAgJHtcbiAgICAgICAgc29ydEJ5S2V5ICYmXG4gICAgICAgIHNvcnRhYmxlICYmXG4gICAgICAgIGBcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5zZWNvbmRhcnl9O1xuICAgICAgICBjdXJzb3I6IHBvaW50ZXI7YFxuICAgICAgfVxuICAgIGB9XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IFRhYmxlSGVhZENlbGxTdHlsZWQgPSBzdHlsZWQoR2VuZXJpY1RhYmxlSGVhZENlbGxTdHlsZWQpPFRhYmxlSGVhZENlbGxQcm9wcz5gXG4gIG1pbi13aWR0aDogJHsoeyBjdXN0b21Db2x1bW5XaWR0aCB9KSA9PiBjdXN0b21Db2x1bW5XaWR0aCB8fCAnYXV0byd9O1xuICB0ZXh0LWFsaWduOiAkeyh7IGFsaWduIH0pID0+IGFsaWduIHx8ICdsZWZ0J307XG4gIHdpZHRoOiAkeyh7IGNvbHVtbnMsIGN1c3RvbUNvbHVtbldpZHRoLCBoYXNPblNlbGVjdEZ1bmN0aW9uIH0pID0+XG4gICAgY3VzdG9tQ29sdW1uV2lkdGggfHwgYGNhbGMoKDEwMCUgJHtoYXNPblNlbGVjdEZ1bmN0aW9uICYmICctMzZweCd9KSAvICR7Y29sdW1uc30pYH07XG5cbiAgZGl2IHtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246ICR7KHsgYWxpZ24gfSkgPT4gKGFsaWduID09PSAncmlnaHQnID8gJ3Jvdy1yZXZlcnNlJyA6ICdyb3cnKX07XG4gICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICB9XG5gXG5cbmV4cG9ydCBjb25zdCBUYWJsZUhlYWRDZWxsQ2hlY2tib3hTdHlsZWQgPSBzdHlsZWQoR2VuZXJpY1RhYmxlSGVhZENlbGxTdHlsZWQpPFRhYmxlSGVhZENlbGxDaGVja2JveFByb3BzPmBgXG5cbmV4cG9ydCBjb25zdCBDaGV2cm9uU3R5bGVkID0gc3R5bGVkKENoZXZyb25Eb3duKTxDaGV2cm9uUHJvcHM+YFxuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMucHJpbWFyeS5kYXJrfTtcbiAgZm9udC1zaXplOiAxLjVyZW07XG4gIG1hcmdpbjogMCA1cHg7XG4gIG9wYWNpdHk6ICR7KHsgc2hvdyB9KSA9PiAoc2hvdyA9PT0gJ3RydWUnID8gJzEnIDogJzAnKX07XG4gIHRyYW5zZm9ybTogJHsoeyBkZXNjZW5kaW5nIH0pID0+IGRlc2NlbmRpbmcgPT09ICd0cnVlJyAmJiAncm90YXRlKDE4MGRlZyknfTtcbiAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMjUwbXM7XG5gXG4iXX0= */");
+})("max-width:40px;width:40px;", function (_ref7) {
+  var stickyHeader = _ref7.stickyHeader;
+  return stickyHeader && "\n      background-color: ".concat(stickyHeader && theme.colors.surface.primary, ";\n      position: ").concat(stickyHeader && 'sticky', ";\n      z-index: ").concat(stickyHeader && '10', ";\n    ");
+}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0hlYWQvVGFibGVIZWFkLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkR5RyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvZHluYW1pYy10YWJsZS9IZWFkL1RhYmxlSGVhZC5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hldnJvbkRvd24gfSBmcm9tICdAZGZkcy11aS9pY29ucy9zeXN0ZW0nXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5cbmltcG9ydCB7XG4gIENoZXZyb25Qcm9wcyxcbiAgR2VuZXJpY1RhYmxlSGVhZENlbGxQcm9wcyxcbiAgVGFibGVIZWFkQ2VsbENoZWNrYm94UHJvcHMsXG4gIFRhYmxlSGVhZENlbGxQcm9wcyxcbn0gZnJvbSAnLi9UYWJsZUhlYWQudHlwZXMnXG5cbmltcG9ydCB7IGdlbmVyaWNUYWJsZUNlbGxTdHlsZSB9IGZyb20gJy4uL0JvZHkvVGFibGVDZWxsLnN0eWxlcydcbmltcG9ydCB7IGdlbmVyaWNUYWJsZVJvd1N0eWxlIH0gZnJvbSAnLi4vQm9keS9UYWJsZVJvdy5zdHlsZXMnXG5cbmV4cG9ydCBjb25zdCBUYWJsZUhlYWRSb3cgPSBzdHlsZWQudHJgXG4gICR7eyAuLi5nZW5lcmljVGFibGVSb3dTdHlsZSB9fVxuYFxuXG5jb25zdCBHZW5lcmljVGFibGVIZWFkQ2VsbFN0eWxlZCA9IHN0eWxlZC50aDxHZW5lcmljVGFibGVIZWFkQ2VsbFByb3BzPmBcbiAgJHt7IC4uLmdlbmVyaWNUYWJsZUNlbGxTdHlsZSB9fVxuXG4gIGJveC1zaGFkb3c6IGluc2V0IDAgLTFweCAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX0sXG4gICAgaW5zZXQgMCAxcHggJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5zZWNvbmRhcnl9O1xuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LnByaW1hcnl9O1xuICBmb250LWZhbWlseTogJHt0aGVtZS5mb250RmFtaWxpZXMuZGlzcGxheX07XG4gIHRvcDogMDtcbiAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMjUwbXM7XG4gIHRyYW5zaXRpb24tcHJvcGVydHk6IGJhY2tncm91bmQtY29sb3I7XG5cbiAgJHsoeyBzdGlja3lIZWFkZXIgfSkgPT5cbiAgICBzdGlja3lIZWFkZXIgJiZcbiAgICBgXG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3N0aWNreUhlYWRlciAmJiB0aGVtZS5jb2xvcnMuc3VyZmFjZS5wcmltYXJ5fTtcbiAgICAgIHBvc2l0aW9uOiAke3N0aWNreUhlYWRlciAmJiAnc3RpY2t5J307XG4gICAgICB6LWluZGV4OiAke3N0aWNreUhlYWRlciAmJiAnMTAnfTtcbiAgICBgfTtcblxuICAmOmhvdmVyIHtcbiAgICAkeyh7IHNvcnRCeUtleSwgc29ydGFibGUgfSkgPT5cbiAgICAgIHNvcnRCeUtleSAmJlxuICAgICAgc29ydGFibGUgJiZcbiAgICAgIGBcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5zZWNvbmRhcnl9O1xuICAgICAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgICBgfTtcbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgVGFibGVIZWFkQ2VsbFN0eWxlZCA9IHN0eWxlZChHZW5lcmljVGFibGVIZWFkQ2VsbFN0eWxlZCk8VGFibGVIZWFkQ2VsbFByb3BzPmBcbiAgbWluLXdpZHRoOiAkeyh7IGN1c3RvbVdpZHRoIH0pID0+IGN1c3RvbVdpZHRoIHx8ICdhdXRvJ307XG4gIHRleHQtYWxpZ246ICR7KHsgYWxpZ24gfSkgPT4gYWxpZ24gfHwgJ2xlZnQnfTtcbiAgd2lkdGg6ICR7KHsgY3VzdG9tV2lkdGggfSkgPT4gY3VzdG9tV2lkdGggfHwgJ2F1dG8nfTtcblxuICBkaXYge1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogJHsoeyBhbGlnbiB9KSA9PiAoYWxpZ24gPT09ICdyaWdodCcgPyAncm93LXJldmVyc2UnIDogJ3JvdycpfTtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IFRhYmxlSGVhZENlbGxDaGVja2JveFN0eWxlZCA9IHN0eWxlZChHZW5lcmljVGFibGVIZWFkQ2VsbFN0eWxlZCk8VGFibGVIZWFkQ2VsbENoZWNrYm94UHJvcHM+YFxuICBtYXgtd2lkdGg6IDQwcHg7XG4gIHdpZHRoOiA0MHB4O1xuXG4gICR7KHsgc3RpY2t5SGVhZGVyIH0pID0+XG4gICAgc3RpY2t5SGVhZGVyICYmXG4gICAgYFxuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtzdGlja3lIZWFkZXIgJiYgdGhlbWUuY29sb3JzLnN1cmZhY2UucHJpbWFyeX07XG4gICAgICBwb3NpdGlvbjogJHtzdGlja3lIZWFkZXIgJiYgJ3N0aWNreSd9O1xuICAgICAgei1pbmRleDogJHtzdGlja3lIZWFkZXIgJiYgJzEwJ307XG4gICAgYH07XG5gXG5cbmV4cG9ydCBjb25zdCBDaGV2cm9uU3R5bGVkID0gc3R5bGVkKENoZXZyb25Eb3duKTxDaGV2cm9uUHJvcHM+YFxuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMucHJpbWFyeS5kYXJrfTtcbiAgZm9udC1zaXplOiAxLjVyZW07XG4gIG9wYWNpdHk6ICR7KHsgc2hvdyB9KSA9PiAoc2hvdyA9PT0gJ3RydWUnID8gJzEnIDogJzAnKX07XG4gIHRyYW5zZm9ybTogJHsoeyBkZXNjZW5kaW5nIH0pID0+IGRlc2NlbmRpbmcgPT09ICd0cnVlJyAmJiAncm90YXRlKDE4MGRlZyknfTtcbiAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMjUwbXM7XG4gIHRyYW5zaXRpb24tcHJvcGVydHk6IG9wYWNpdHksIHRyYW5zZm9ybTtcbmBcbiJdfQ== */"));
 export var ChevronStyled = /*#__PURE__*/_styled(ChevronDown, process.env.NODE_ENV === "production" ? {
   target: "e16aby0h0"
 } : {
   target: "e16aby0h0",
   label: "ChevronStyled"
-})("color:", theme.colors.primary.dark, ";font-size:1.5rem;margin:0 5px;opacity:", function (_ref7) {
-  var show = _ref7.show;
+})("color:", theme.colors.primary.dark, ";font-size:1.5rem;opacity:", function (_ref8) {
+  var show = _ref8.show;
   return show === 'true' ? '1' : '0';
-}, ";transform:", function (_ref8) {
-  var descending = _ref8.descending;
+}, ";transform:", function (_ref9) {
+  var descending = _ref9.descending;
   return descending === 'true' && 'rotate(180deg)';
-}, ";transition-duration:250ms;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0hlYWQvVGFibGVIZWFkLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0U4RCIsImZpbGUiOiIuLi8uLi8uLi9zcmMvZHluYW1pYy10YWJsZS9IZWFkL1RhYmxlSGVhZC5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hldnJvbkRvd24gfSBmcm9tICdAZGZkcy11aS9pY29ucy9zeXN0ZW0nXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5cbmltcG9ydCB7XG4gIENoZXZyb25Qcm9wcyxcbiAgR2VuZXJpY1RhYmxlSGVhZENlbGxQcm9wcyxcbiAgVGFibGVIZWFkQ2VsbENoZWNrYm94UHJvcHMsXG4gIFRhYmxlSGVhZENlbGxQcm9wcyxcbn0gZnJvbSAnLi9UYWJsZUhlYWQudHlwZXMnXG5cbmltcG9ydCB7IGdlbmVyaWNUYWJsZUNlbGxTdHlsZSB9IGZyb20gJy4uL0JvZHkvVGFibGVDZWxsLnN0eWxlcydcbmltcG9ydCB7IGdlbmVyaWNUYWJsZVJvd1N0eWxlIH0gZnJvbSAnLi4vQm9keS9UYWJsZVJvdy5zdHlsZXMnXG5cbmV4cG9ydCBjb25zdCBUYWJsZUhlYWRSb3cgPSBzdHlsZWQudHJgXG4gICR7eyAuLi5nZW5lcmljVGFibGVSb3dTdHlsZSB9fVxuYFxuXG5jb25zdCBHZW5lcmljVGFibGVIZWFkQ2VsbFN0eWxlZCA9IHN0eWxlZC50aDxHZW5lcmljVGFibGVIZWFkQ2VsbFByb3BzPmBcbiAgJHt7IC4uLmdlbmVyaWNUYWJsZUNlbGxTdHlsZSB9fVxuXG4gIGJveC1zaGFkb3c6IGluc2V0IDAgLTFweCAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX0sXG4gICAgaW5zZXQgMCAxcHggJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5zZWNvbmRhcnl9O1xuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LnByaW1hcnl9O1xuICBmb250LWZhbWlseTogJHt0aGVtZS5mb250RmFtaWxpZXMuZGlzcGxheX07XG4gIHRvcDogMDtcbiAgdHJhbnNpdGlvbi1kdXJhdGlvbjogNTAwbXM7XG5cbiAgJHsoeyBzdGlja3lIZWFkZXIgfSkgPT4gYFxuICAgICR7XG4gICAgICBzdGlja3lIZWFkZXIgJiZcbiAgICAgIGBcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7c3RpY2t5SGVhZGVyICYmIHRoZW1lLmNvbG9ycy5zdXJmYWNlLnByaW1hcnl9O1xuICAgICAgcG9zaXRpb246ICR7c3RpY2t5SGVhZGVyICYmICdzdGlja3knfTtcbiAgICAgIHotaW5kZXg6ICR7c3RpY2t5SGVhZGVyICYmICcxMCd9O1xuICAgICAgYFxuICAgIH1cbiAgYH1cblxuICAmOmhvdmVyIHtcbiAgICAkeyh7IHNvcnRCeUtleSwgc29ydGFibGUgfSkgPT4gYFxuICAgICAgJHtcbiAgICAgICAgc29ydEJ5S2V5ICYmXG4gICAgICAgIHNvcnRhYmxlICYmXG4gICAgICAgIGBcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5zZWNvbmRhcnl9O1xuICAgICAgICBjdXJzb3I6IHBvaW50ZXI7YFxuICAgICAgfVxuICAgIGB9XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IFRhYmxlSGVhZENlbGxTdHlsZWQgPSBzdHlsZWQoR2VuZXJpY1RhYmxlSGVhZENlbGxTdHlsZWQpPFRhYmxlSGVhZENlbGxQcm9wcz5gXG4gIG1pbi13aWR0aDogJHsoeyBjdXN0b21Db2x1bW5XaWR0aCB9KSA9PiBjdXN0b21Db2x1bW5XaWR0aCB8fCAnYXV0byd9O1xuICB0ZXh0LWFsaWduOiAkeyh7IGFsaWduIH0pID0+IGFsaWduIHx8ICdsZWZ0J307XG4gIHdpZHRoOiAkeyh7IGNvbHVtbnMsIGN1c3RvbUNvbHVtbldpZHRoLCBoYXNPblNlbGVjdEZ1bmN0aW9uIH0pID0+XG4gICAgY3VzdG9tQ29sdW1uV2lkdGggfHwgYGNhbGMoKDEwMCUgJHtoYXNPblNlbGVjdEZ1bmN0aW9uICYmICctMzZweCd9KSAvICR7Y29sdW1uc30pYH07XG5cbiAgZGl2IHtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246ICR7KHsgYWxpZ24gfSkgPT4gKGFsaWduID09PSAncmlnaHQnID8gJ3Jvdy1yZXZlcnNlJyA6ICdyb3cnKX07XG4gICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICB9XG5gXG5cbmV4cG9ydCBjb25zdCBUYWJsZUhlYWRDZWxsQ2hlY2tib3hTdHlsZWQgPSBzdHlsZWQoR2VuZXJpY1RhYmxlSGVhZENlbGxTdHlsZWQpPFRhYmxlSGVhZENlbGxDaGVja2JveFByb3BzPmBgXG5cbmV4cG9ydCBjb25zdCBDaGV2cm9uU3R5bGVkID0gc3R5bGVkKENoZXZyb25Eb3duKTxDaGV2cm9uUHJvcHM+YFxuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMucHJpbWFyeS5kYXJrfTtcbiAgZm9udC1zaXplOiAxLjVyZW07XG4gIG1hcmdpbjogMCA1cHg7XG4gIG9wYWNpdHk6ICR7KHsgc2hvdyB9KSA9PiAoc2hvdyA9PT0gJ3RydWUnID8gJzEnIDogJzAnKX07XG4gIHRyYW5zZm9ybTogJHsoeyBkZXNjZW5kaW5nIH0pID0+IGRlc2NlbmRpbmcgPT09ICd0cnVlJyAmJiAncm90YXRlKDE4MGRlZyknfTtcbiAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMjUwbXM7XG5gXG4iXX0= */"));
+}, ";transition-duration:250ms;transition-property:opacity,transform;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0hlYWQvVGFibGVIZWFkLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMEU4RCIsImZpbGUiOiIuLi8uLi8uLi9zcmMvZHluYW1pYy10YWJsZS9IZWFkL1RhYmxlSGVhZC5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hldnJvbkRvd24gfSBmcm9tICdAZGZkcy11aS9pY29ucy9zeXN0ZW0nXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5cbmltcG9ydCB7XG4gIENoZXZyb25Qcm9wcyxcbiAgR2VuZXJpY1RhYmxlSGVhZENlbGxQcm9wcyxcbiAgVGFibGVIZWFkQ2VsbENoZWNrYm94UHJvcHMsXG4gIFRhYmxlSGVhZENlbGxQcm9wcyxcbn0gZnJvbSAnLi9UYWJsZUhlYWQudHlwZXMnXG5cbmltcG9ydCB7IGdlbmVyaWNUYWJsZUNlbGxTdHlsZSB9IGZyb20gJy4uL0JvZHkvVGFibGVDZWxsLnN0eWxlcydcbmltcG9ydCB7IGdlbmVyaWNUYWJsZVJvd1N0eWxlIH0gZnJvbSAnLi4vQm9keS9UYWJsZVJvdy5zdHlsZXMnXG5cbmV4cG9ydCBjb25zdCBUYWJsZUhlYWRSb3cgPSBzdHlsZWQudHJgXG4gICR7eyAuLi5nZW5lcmljVGFibGVSb3dTdHlsZSB9fVxuYFxuXG5jb25zdCBHZW5lcmljVGFibGVIZWFkQ2VsbFN0eWxlZCA9IHN0eWxlZC50aDxHZW5lcmljVGFibGVIZWFkQ2VsbFByb3BzPmBcbiAgJHt7IC4uLmdlbmVyaWNUYWJsZUNlbGxTdHlsZSB9fVxuXG4gIGJveC1zaGFkb3c6IGluc2V0IDAgLTFweCAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX0sXG4gICAgaW5zZXQgMCAxcHggJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5zZWNvbmRhcnl9O1xuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LnByaW1hcnl9O1xuICBmb250LWZhbWlseTogJHt0aGVtZS5mb250RmFtaWxpZXMuZGlzcGxheX07XG4gIHRvcDogMDtcbiAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMjUwbXM7XG4gIHRyYW5zaXRpb24tcHJvcGVydHk6IGJhY2tncm91bmQtY29sb3I7XG5cbiAgJHsoeyBzdGlja3lIZWFkZXIgfSkgPT5cbiAgICBzdGlja3lIZWFkZXIgJiZcbiAgICBgXG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3N0aWNreUhlYWRlciAmJiB0aGVtZS5jb2xvcnMuc3VyZmFjZS5wcmltYXJ5fTtcbiAgICAgIHBvc2l0aW9uOiAke3N0aWNreUhlYWRlciAmJiAnc3RpY2t5J307XG4gICAgICB6LWluZGV4OiAke3N0aWNreUhlYWRlciAmJiAnMTAnfTtcbiAgICBgfTtcblxuICAmOmhvdmVyIHtcbiAgICAkeyh7IHNvcnRCeUtleSwgc29ydGFibGUgfSkgPT5cbiAgICAgIHNvcnRCeUtleSAmJlxuICAgICAgc29ydGFibGUgJiZcbiAgICAgIGBcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5zZWNvbmRhcnl9O1xuICAgICAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgICBgfTtcbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgVGFibGVIZWFkQ2VsbFN0eWxlZCA9IHN0eWxlZChHZW5lcmljVGFibGVIZWFkQ2VsbFN0eWxlZCk8VGFibGVIZWFkQ2VsbFByb3BzPmBcbiAgbWluLXdpZHRoOiAkeyh7IGN1c3RvbVdpZHRoIH0pID0+IGN1c3RvbVdpZHRoIHx8ICdhdXRvJ307XG4gIHRleHQtYWxpZ246ICR7KHsgYWxpZ24gfSkgPT4gYWxpZ24gfHwgJ2xlZnQnfTtcbiAgd2lkdGg6ICR7KHsgY3VzdG9tV2lkdGggfSkgPT4gY3VzdG9tV2lkdGggfHwgJ2F1dG8nfTtcblxuICBkaXYge1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogJHsoeyBhbGlnbiB9KSA9PiAoYWxpZ24gPT09ICdyaWdodCcgPyAncm93LXJldmVyc2UnIDogJ3JvdycpfTtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IFRhYmxlSGVhZENlbGxDaGVja2JveFN0eWxlZCA9IHN0eWxlZChHZW5lcmljVGFibGVIZWFkQ2VsbFN0eWxlZCk8VGFibGVIZWFkQ2VsbENoZWNrYm94UHJvcHM+YFxuICBtYXgtd2lkdGg6IDQwcHg7XG4gIHdpZHRoOiA0MHB4O1xuXG4gICR7KHsgc3RpY2t5SGVhZGVyIH0pID0+XG4gICAgc3RpY2t5SGVhZGVyICYmXG4gICAgYFxuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtzdGlja3lIZWFkZXIgJiYgdGhlbWUuY29sb3JzLnN1cmZhY2UucHJpbWFyeX07XG4gICAgICBwb3NpdGlvbjogJHtzdGlja3lIZWFkZXIgJiYgJ3N0aWNreSd9O1xuICAgICAgei1pbmRleDogJHtzdGlja3lIZWFkZXIgJiYgJzEwJ307XG4gICAgYH07XG5gXG5cbmV4cG9ydCBjb25zdCBDaGV2cm9uU3R5bGVkID0gc3R5bGVkKENoZXZyb25Eb3duKTxDaGV2cm9uUHJvcHM+YFxuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMucHJpbWFyeS5kYXJrfTtcbiAgZm9udC1zaXplOiAxLjVyZW07XG4gIG9wYWNpdHk6ICR7KHsgc2hvdyB9KSA9PiAoc2hvdyA9PT0gJ3RydWUnID8gJzEnIDogJzAnKX07XG4gIHRyYW5zZm9ybTogJHsoeyBkZXNjZW5kaW5nIH0pID0+IGRlc2NlbmRpbmcgPT09ICd0cnVlJyAmJiAncm90YXRlKDE4MGRlZyknfTtcbiAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMjUwbXM7XG4gIHRyYW5zaXRpb24tcHJvcGVydHk6IG9wYWNpdHksIHRyYW5zZm9ybTtcbmBcbiJdfQ== */"));

package/dynamic-table/Head/TableHead.types.d.ts

@@ -1,10 +1,10 @@
 import { Header, Row } from '../DynamicTable.types';
 export declare type TableHeadProps = {
     headerRow: Header[];
-    onSelectFunction?: (list: string[]) => void;
-    onSortByKey?: (value: string, sortDescending: boolean) => void;
+    onSelectRow?: (list: string[]) => void;
+    onSort?: (value: string, sortDescending: boolean) => void;
     rows: Row[];
-    selectableRows?: boolean;
+    selectableRows: boolean;
     selectedRows: string[];
     setSortDescending: (arg: boolean) => void;
     setSortByKeyValue: (value: string) => void;
@@ -19,11 +19,9 @@ export declare type GenericTableHeadCellProps = {
 };
 export declare type TableHeadCellProps = {
     align?: 'center' | 'left' | 'right';
-    columns: number;
-    customColumnWidth?: string;
-    hasOnSelectFunction: boolean;
     sortByKey?: (value: string, sortDescending: boolean) => void;
     stickyHeader?: boolean;
+    customWidth?: string;
 };
 export declare type TableHeadCellCheckboxProps = {
     sortByKey?: (value: string, sortDescending: boolean) => void;

package/dynamic-table/stories/headerRow.d.ts

@@ -0,0 +1,3 @@
+import { Header } from '../DynamicTable.types';
+declare const headerRow: Header[];
+export default headerRow;

package/dynamic-table/stories/headerRow.js

@@ -0,0 +1,19 @@
+var headerRow = [{
+  displayName: 'ID',
+  key: 'id',
+  width: '80px'
+}, {
+  displayName: 'Pallets',
+  key: 'pallets'
+}, {
+  displayName: 'From',
+  key: 'from'
+}, {
+  displayName: 'To',
+  key: 'to'
+}, {
+  displayName: 'Price',
+  key: 'price',
+  textAlign: 'right'
+}];
+export default headerRow;

package/dynamic-table/stories/headerRowSortable.d.ts

@@ -0,0 +1,3 @@
+import { Header } from '../DynamicTable.types';
+declare const headerRowSortable: Header[];
+export default headerRowSortable;

package/dynamic-table/stories/headerRowSortable.js

@@ -0,0 +1,21 @@
+var headerRowSortable = [{
+  displayName: 'ID',
+  key: 'id',
+  sortable: true
+}, {
+  displayName: 'Pallets',
+  key: 'pallets'
+}, {
+  displayName: 'From',
+  key: 'from',
+  sortable: true
+}, {
+  displayName: 'To',
+  key: 'to',
+  sortable: true
+}, {
+  displayName: 'Price',
+  key: 'price',
+  textAlign: 'right'
+}];
+export default headerRowSortable;

package/dynamic-table/stories/tableRows.d.ts

@@ -0,0 +1,3 @@
+import { Row } from '../DynamicTable.types';
+declare const tableRows: Row[];
+export default tableRows;

package/dynamic-table/stories/tableRows.js

@@ -0,0 +1,67 @@
+import React from 'react';
+import { jsx as ___EmotionJSX } from "@emotion/react";
+
+var Currency = function Currency() {
+  return ___EmotionJSX("span", {
+    style: {
+      fontSize: '10px'
+    }
+  }, "EUR");
+};
+
+var tableRows = [{
+  id: '1001',
+  pallets: 10,
+  from: 'Copenhagen',
+  to: 'Stockholm',
+  price: ___EmotionJSX(React.Fragment, null, ___EmotionJSX(Currency, null), " ", ___EmotionJSX("strong", null, "200"))
+}, {
+  id: '1002',
+  pallets: 41,
+  from: 'Istanbul',
+  to: 'London',
+  price: ___EmotionJSX(React.Fragment, null, ___EmotionJSX(Currency, null), " ", ___EmotionJSX("strong", null, "320"))
+}, {
+  id: '1003',
+  pallets: 9,
+  from: 'Delphi',
+  to: 'Madrid',
+  price: ___EmotionJSX(React.Fragment, null, ___EmotionJSX(Currency, null), " ", ___EmotionJSX("strong", null, "1574"))
+}, {
+  id: '1004',
+  pallets: 52,
+  from: 'Stockholm',
+  to: 'Amsterdam',
+  price: ___EmotionJSX(React.Fragment, null, ___EmotionJSX(Currency, null), " ", ___EmotionJSX("strong", null, "945.50"))
+}, {
+  id: '1005',
+  pallets: 4,
+  from: 'London',
+  to: 'Paris',
+  price: ___EmotionJSX(React.Fragment, null, ___EmotionJSX(Currency, null), " ", ___EmotionJSX("strong", null, "850"))
+}, {
+  id: '1006',
+  pallets: 33,
+  from: 'Madrid',
+  to: 'Berlin',
+  price: ___EmotionJSX(React.Fragment, null, ___EmotionJSX(Currency, null), " ", ___EmotionJSX("strong", null, "2000"))
+}, {
+  id: '1007',
+  pallets: 17,
+  from: 'Berlin',
+  to: 'Oslo',
+  price: ___EmotionJSX(React.Fragment, null, ___EmotionJSX(Currency, null), " ", ___EmotionJSX("strong", null, "887"))
+}, {
+  id: '1008',
+  pallets: 14,
+  from: 'Oslo',
+  to: 'Cairo',
+  price: ___EmotionJSX(React.Fragment, null, ___EmotionJSX(Currency, null), " ", ___EmotionJSX("strong", null, "2400"))
+}, {
+  id: '1009',
+  pallets: 23,
+  from: 'Paris',
+  to: 'Rome',
+  price: ___EmotionJSX(React.Fragment, null, ___EmotionJSX(Currency, null), " ", ___EmotionJSX("strong", null, "1280.30"))
+}];
+export default tableRows;

package/package.json

@@ -3,7 +3,7 @@
   "description": "React components for building experiences",
   "license": "MIT",
   "private": false,
-  "version": "0.9.16-alpha.1eebeed2",
+  "version": "0.9.16-alpha.2b1e86f0",
   "sideEffects": false,
   "main": "./cjs/index.js",
   "module": "./index.js",
@@ -16,15 +16,15 @@
     "react-dom": ">= 16.8.0"
   },
   "dependencies": {
-    "@dfds-ui/colors": "0.9.16-alpha.1eebeed2",
-    "@dfds-ui/grid": "0.9.16-alpha.1eebeed2",
-    "@dfds-ui/icons": "0.9.16-alpha.1eebeed2",
-    "@dfds-ui/modal": "0.9.16-alpha.1eebeed2",
-    "@dfds-ui/react-components": "0.9.16-alpha.1eebeed2",
-    "@dfds-ui/theme": "0.9.16-alpha.1eebeed2",
-    "@dfds-ui/typography": "0.9.16-alpha.1eebeed2"
+    "@dfds-ui/colors": "0.9.16-alpha.2b1e86f0",
+    "@dfds-ui/grid": "0.9.16-alpha.2b1e86f0",
+    "@dfds-ui/icons": "0.9.16-alpha.2b1e86f0",
+    "@dfds-ui/modal": "0.9.16-alpha.2b1e86f0",
+    "@dfds-ui/react-components": "0.9.16-alpha.2b1e86f0",
+    "@dfds-ui/theme": "0.9.16-alpha.2b1e86f0",
+    "@dfds-ui/typography": "0.9.16-alpha.2b1e86f0"
   },
-  "gitHead": "1eebeed2f49fd1feb84ef72671dd00ee94f82bf6",
+  "gitHead": "2b1e86f036339b30f858922369d6f412aea154b9",
   "publishConfig": {
     "access": "public"
   }