@dfds-ui/experiences 0.9.16-alpha.2c21137c → 0.9.16-alpha.34b721c0

package/cjs/dynamic-table/Body/TableBody.js

@@ -18,33 +18,33 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 const TableBody = /*#__PURE__*/_react.default.memo(({
-  activeRowId,
+  activeRow,
   headerRow,
   onClickRow,
-  onSelectFunction,
+  onSelectRow,
   rows,
   selectableRows,
   selectedRows
 }) => {
   // update state and callback functions
   const updateSelectedRows = (0, _react.useCallback)(id => {
-    if (onSelectFunction && selectableRows) {
+    if (onSelectRow && selectableRows) {
       const selection = [...selectedRows];
 
       if (selectedRows.includes(id)) {
         const index = selectedRows.indexOf(id);
         if (index !== -1) selection.splice(index, 1);
-        onSelectFunction(selection);
+        onSelectRow(selection);
       } else {
         selection.push(id);
-        onSelectFunction(selection);
+        onSelectRow(selection);
       }
     }
   }, [selectableRows, selectedRows]);
-  return (0, _react2.jsx)("tbody", null, rows.map(row => (0, _react2.jsx)(_TableRow.default, {
+  return (0, _react2.jsx)("tbody", null, rows.map((row, index) => (0, _react2.jsx)(_TableRow.default, {
     headerRow: headerRow,
-    isActive: activeRowId ? row.id === activeRowId : undefined,
-    key: row.id,
+    isActive: activeRow ? row.id === activeRow : undefined,
+    key: index,
     onClickRow: onClickRow,
     onSelectRow: updateSelectedRows,
     row: row,

package/cjs/dynamic-table/Body/TableCell.js

@@ -17,13 +17,13 @@ const TableCell = /*#__PURE__*/_react.default.memo(({
   children,
   columnCount,
   headerCell,
-  onSelectFunction
+  onSelectRow
 }) => (0, _react2.jsx)(_TableCell.TableCellStyled, {
   align: headerCell === null || headerCell === void 0 ? void 0 : headerCell.textAlign,
   columns: columnCount,
-  customColumnWidth: headerCell === null || headerCell === void 0 ? void 0 : headerCell.customColumnWidth,
-  "data-cy": headerCell === null || headerCell === void 0 ? void 0 : headerCell.key,
-  hasOnSelectFunction: !!onSelectFunction
+  "data-cy": `dynamic-table-cell-${headerCell === null || headerCell === void 0 ? void 0 : headerCell.key}`,
+  hasOnSelectRow: !!onSelectRow,
+  width: headerCell === null || headerCell === void 0 ? void 0 : headerCell.width
 }, children));
 
 var _default = TableCell;

package/cjs/dynamic-table/Body/TableCell.styles.js

@@ -19,7 +19,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
-const genericTableCellStyle = /*#__PURE__*/(0, _react.css)("padding:0 ", _theme.theme.spacing.xs, ";&:first-of-type{padding-left:", _theme.theme.spacing.s, ";padding-right:0;}&:last-of-type{padding-right:", _theme.theme.spacing.s, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:genericTableCellStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0JvZHkvVGFibGVDZWxsLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSXdDIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0JvZHkvVGFibGVDZWxsLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcblxuZXhwb3J0IGNvbnN0IGdlbmVyaWNUYWJsZUNlbGxTdHlsZSA9IGNzc2BcbiAgcGFkZGluZzogMCAke3RoZW1lLnNwYWNpbmcueHN9O1xuXG4gICY6Zmlyc3Qtb2YtdHlwZSB7XG4gICAgcGFkZGluZy1sZWZ0OiAke3RoZW1lLnNwYWNpbmcuc307XG4gICAgcGFkZGluZy1yaWdodDogMDtcbiAgfVxuXG4gICY6bGFzdC1vZi10eXBlIHtcbiAgICBwYWRkaW5nLXJpZ2h0OiAke3RoZW1lLnNwYWNpbmcuc307XG4gIH1cbmBcblxudHlwZSBUYWJsZUNlbGxQcm9wcyA9IHtcbiAgYWxpZ24/OiAnY2VudGVyJyB8ICdsZWZ0JyB8ICdyaWdodCdcbiAgY29sdW1uczogbnVtYmVyXG4gIGN1c3RvbUNvbHVtbldpZHRoPzogc3RyaW5nXG4gIGhhc09uU2VsZWN0RnVuY3Rpb246IGJvb2xlYW5cbn1cblxuZXhwb3J0IGNvbnN0IFRhYmxlQ2VsbFN0eWxlZCA9IHN0eWxlZC50ZDxUYWJsZUNlbGxQcm9wcz5gXG4gICR7eyAuLi5nZW5lcmljVGFibGVDZWxsU3R5bGUgfX1cblxuICBtaW4td2lkdGg6ICR7KHsgY3VzdG9tQ29sdW1uV2lkdGggfSkgPT4gY3VzdG9tQ29sdW1uV2lkdGggfHwgJ2F1dG8nfTtcbiAgdGV4dC1hbGlnbjogJHsoeyBhbGlnbiB9KSA9PiBhbGlnbiB8fCAnbGVmdCd9O1xuICB3aWR0aDogJHsoeyBjb2x1bW5zLCBjdXN0b21Db2x1bW5XaWR0aCwgaGFzT25TZWxlY3RGdW5jdGlvbiB9KSA9PlxuICAgIGN1c3RvbUNvbHVtbldpZHRoIHx8IGBjYWxjKCgxMDAlICR7aGFzT25TZWxlY3RGdW5jdGlvbiAmJiAnLTM2cHgnfSkgLyAke2NvbHVtbnN9KWB9O1xuYFxuXG5leHBvcnQgY29uc3QgVGFibGVDZWxsQ2hlY2tib3hTdHlsZWQgPSBzdHlsZWQudGRgXG4gICR7eyAuLi5nZW5lcmljVGFibGVDZWxsU3R5bGUgfX1cblxuICBtaW4td2lkdGg6IHVuc2V0O1xuICB3aWR0aDogMzZweDtcblxuICAmOmhvdmVyIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB1bnNldDtcbiAgfVxuYFxuIl19 */");
+const genericTableCellStyle = /*#__PURE__*/(0, _react.css)("padding:0 ", _theme.theme.spacing.xs, ";&:first-of-type{padding-left:", _theme.theme.spacing.s, ";padding-right:0;}&:last-of-type{padding-right:", _theme.theme.spacing.s, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:genericTableCellStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0JvZHkvVGFibGVDZWxsLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSXdDIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0JvZHkvVGFibGVDZWxsLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcblxuZXhwb3J0IGNvbnN0IGdlbmVyaWNUYWJsZUNlbGxTdHlsZSA9IGNzc2BcbiAgcGFkZGluZzogMCAke3RoZW1lLnNwYWNpbmcueHN9O1xuXG4gICY6Zmlyc3Qtb2YtdHlwZSB7XG4gICAgcGFkZGluZy1sZWZ0OiAke3RoZW1lLnNwYWNpbmcuc307XG4gICAgcGFkZGluZy1yaWdodDogMDtcbiAgfVxuXG4gICY6bGFzdC1vZi10eXBlIHtcbiAgICBwYWRkaW5nLXJpZ2h0OiAke3RoZW1lLnNwYWNpbmcuc307XG4gIH1cbmBcblxudHlwZSBUYWJsZUNlbGxQcm9wcyA9IHtcbiAgYWxpZ24/OiAnY2VudGVyJyB8ICdsZWZ0JyB8ICdyaWdodCdcbiAgY29sdW1uczogbnVtYmVyXG4gIGhhc09uU2VsZWN0RnVuY3Rpb246IGJvb2xlYW5cbiAgd2lkdGg/OiBzdHJpbmdcbn1cblxuZXhwb3J0IGNvbnN0IFRhYmxlQ2VsbFN0eWxlZCA9IHN0eWxlZC50ZDxUYWJsZUNlbGxQcm9wcz5gXG4gICR7eyAuLi5nZW5lcmljVGFibGVDZWxsU3R5bGUgfX1cblxuICBtaW4td2lkdGg6ICR7KHsgd2lkdGggfSkgPT4gd2lkdGggfHwgJ2F1dG8nfTtcbiAgdGV4dC1hbGlnbjogJHsoeyBhbGlnbiB9KSA9PiBhbGlnbiB8fCAnbGVmdCd9O1xuICB3aWR0aDogJHsoeyBjb2x1bW5zLCB3aWR0aCwgaGFzT25TZWxlY3RGdW5jdGlvbiB9KSA9PlxuICAgIHdpZHRoIHx8IGBjYWxjKCgxMDAlICR7aGFzT25TZWxlY3RGdW5jdGlvbiAmJiAnLTM2cHgnfSkgLyAke2NvbHVtbnN9KWB9O1xuYFxuXG5leHBvcnQgY29uc3QgVGFibGVDZWxsQ2hlY2tib3hTdHlsZWQgPSBzdHlsZWQudGRgXG4gICR7eyAuLi5nZW5lcmljVGFibGVDZWxsU3R5bGUgfX1cblxuICBtaW4td2lkdGg6IHVuc2V0O1xuICB3aWR0aDogMzZweDtcblxuICAmOmhvdmVyIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB1bnNldDtcbiAgfVxuYFxuIl19 */");
 exports.genericTableCellStyle = genericTableCellStyle;
 const TableCellStyled = (0, _base.default)("td", process.env.NODE_ENV === "production" ? {
   target: "e1uuobsr1"
@@ -27,19 +27,19 @@ const TableCellStyled = (0, _base.default)("td", process.env.NODE_ENV === "produ
   target: "e1uuobsr1",
   label: "TableCellStyled"
 })(_objectSpread({}, genericTableCellStyle), " min-width:", ({
-  customColumnWidth
-}) => customColumnWidth || 'auto', ";text-align:", ({
+  width
+}) => width || 'auto', ";text-align:", ({
   align
 }) => align || 'left', ";width:", ({
   columns,
-  customColumnWidth,
+  width,
   hasOnSelectFunction
-}) => customColumnWidth || `calc((100% ${hasOnSelectFunction && '-36px'}) / ${columns})`, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0JvZHkvVGFibGVDZWxsLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0J3RCIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvZHluYW1pYy10YWJsZS9Cb2R5L1RhYmxlQ2VsbC5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5cbmV4cG9ydCBjb25zdCBnZW5lcmljVGFibGVDZWxsU3R5bGUgPSBjc3NgXG4gIHBhZGRpbmc6IDAgJHt0aGVtZS5zcGFjaW5nLnhzfTtcblxuICAmOmZpcnN0LW9mLXR5cGUge1xuICAgIHBhZGRpbmctbGVmdDogJHt0aGVtZS5zcGFjaW5nLnN9O1xuICAgIHBhZGRpbmctcmlnaHQ6IDA7XG4gIH1cblxuICAmOmxhc3Qtb2YtdHlwZSB7XG4gICAgcGFkZGluZy1yaWdodDogJHt0aGVtZS5zcGFjaW5nLnN9O1xuICB9XG5gXG5cbnR5cGUgVGFibGVDZWxsUHJvcHMgPSB7XG4gIGFsaWduPzogJ2NlbnRlcicgfCAnbGVmdCcgfCAncmlnaHQnXG4gIGNvbHVtbnM6IG51bWJlclxuICBjdXN0b21Db2x1bW5XaWR0aD86IHN0cmluZ1xuICBoYXNPblNlbGVjdEZ1bmN0aW9uOiBib29sZWFuXG59XG5cbmV4cG9ydCBjb25zdCBUYWJsZUNlbGxTdHlsZWQgPSBzdHlsZWQudGQ8VGFibGVDZWxsUHJvcHM+YFxuICAke3sgLi4uZ2VuZXJpY1RhYmxlQ2VsbFN0eWxlIH19XG5cbiAgbWluLXdpZHRoOiAkeyh7IGN1c3RvbUNvbHVtbldpZHRoIH0pID0+IGN1c3RvbUNvbHVtbldpZHRoIHx8ICdhdXRvJ307XG4gIHRleHQtYWxpZ246ICR7KHsgYWxpZ24gfSkgPT4gYWxpZ24gfHwgJ2xlZnQnfTtcbiAgd2lkdGg6ICR7KHsgY29sdW1ucywgY3VzdG9tQ29sdW1uV2lkdGgsIGhhc09uU2VsZWN0RnVuY3Rpb24gfSkgPT5cbiAgICBjdXN0b21Db2x1bW5XaWR0aCB8fCBgY2FsYygoMTAwJSAke2hhc09uU2VsZWN0RnVuY3Rpb24gJiYgJy0zNnB4J30pIC8gJHtjb2x1bW5zfSlgfTtcbmBcblxuZXhwb3J0IGNvbnN0IFRhYmxlQ2VsbENoZWNrYm94U3R5bGVkID0gc3R5bGVkLnRkYFxuICAke3sgLi4uZ2VuZXJpY1RhYmxlQ2VsbFN0eWxlIH19XG5cbiAgbWluLXdpZHRoOiB1bnNldDtcbiAgd2lkdGg6IDM2cHg7XG5cbiAgJjpob3ZlciB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogdW5zZXQ7XG4gIH1cbmBcbiJdfQ== */"));
+}) => width || `calc((100% ${hasOnSelectFunction && '-36px'}) / ${columns})`, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0JvZHkvVGFibGVDZWxsLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0J3RCIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvZHluYW1pYy10YWJsZS9Cb2R5L1RhYmxlQ2VsbC5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5cbmV4cG9ydCBjb25zdCBnZW5lcmljVGFibGVDZWxsU3R5bGUgPSBjc3NgXG4gIHBhZGRpbmc6IDAgJHt0aGVtZS5zcGFjaW5nLnhzfTtcblxuICAmOmZpcnN0LW9mLXR5cGUge1xuICAgIHBhZGRpbmctbGVmdDogJHt0aGVtZS5zcGFjaW5nLnN9O1xuICAgIHBhZGRpbmctcmlnaHQ6IDA7XG4gIH1cblxuICAmOmxhc3Qtb2YtdHlwZSB7XG4gICAgcGFkZGluZy1yaWdodDogJHt0aGVtZS5zcGFjaW5nLnN9O1xuICB9XG5gXG5cbnR5cGUgVGFibGVDZWxsUHJvcHMgPSB7XG4gIGFsaWduPzogJ2NlbnRlcicgfCAnbGVmdCcgfCAncmlnaHQnXG4gIGNvbHVtbnM6IG51bWJlclxuICBoYXNPblNlbGVjdEZ1bmN0aW9uOiBib29sZWFuXG4gIHdpZHRoPzogc3RyaW5nXG59XG5cbmV4cG9ydCBjb25zdCBUYWJsZUNlbGxTdHlsZWQgPSBzdHlsZWQudGQ8VGFibGVDZWxsUHJvcHM+YFxuICAke3sgLi4uZ2VuZXJpY1RhYmxlQ2VsbFN0eWxlIH19XG5cbiAgbWluLXdpZHRoOiAkeyh7IHdpZHRoIH0pID0+IHdpZHRoIHx8ICdhdXRvJ307XG4gIHRleHQtYWxpZ246ICR7KHsgYWxpZ24gfSkgPT4gYWxpZ24gfHwgJ2xlZnQnfTtcbiAgd2lkdGg6ICR7KHsgY29sdW1ucywgd2lkdGgsIGhhc09uU2VsZWN0RnVuY3Rpb24gfSkgPT5cbiAgICB3aWR0aCB8fCBgY2FsYygoMTAwJSAke2hhc09uU2VsZWN0RnVuY3Rpb24gJiYgJy0zNnB4J30pIC8gJHtjb2x1bW5zfSlgfTtcbmBcblxuZXhwb3J0IGNvbnN0IFRhYmxlQ2VsbENoZWNrYm94U3R5bGVkID0gc3R5bGVkLnRkYFxuICAke3sgLi4uZ2VuZXJpY1RhYmxlQ2VsbFN0eWxlIH19XG5cbiAgbWluLXdpZHRoOiB1bnNldDtcbiAgd2lkdGg6IDM2cHg7XG5cbiAgJjpob3ZlciB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogdW5zZXQ7XG4gIH1cbmBcbiJdfQ== */"));
 exports.TableCellStyled = TableCellStyled;
 const TableCellCheckboxStyled = (0, _base.default)("td", process.env.NODE_ENV === "production" ? {
   target: "e1uuobsr0"
 } : {
   target: "e1uuobsr0",
   label: "TableCellCheckboxStyled"
-})(_objectSpread({}, genericTableCellStyle), " min-width:unset;width:36px;&:hover{background-color:unset;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0JvZHkvVGFibGVDZWxsLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUNnRCIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvZHluYW1pYy10YWJsZS9Cb2R5L1RhYmxlQ2VsbC5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5cbmV4cG9ydCBjb25zdCBnZW5lcmljVGFibGVDZWxsU3R5bGUgPSBjc3NgXG4gIHBhZGRpbmc6IDAgJHt0aGVtZS5zcGFjaW5nLnhzfTtcblxuICAmOmZpcnN0LW9mLXR5cGUge1xuICAgIHBhZGRpbmctbGVmdDogJHt0aGVtZS5zcGFjaW5nLnN9O1xuICAgIHBhZGRpbmctcmlnaHQ6IDA7XG4gIH1cblxuICAmOmxhc3Qtb2YtdHlwZSB7XG4gICAgcGFkZGluZy1yaWdodDogJHt0aGVtZS5zcGFjaW5nLnN9O1xuICB9XG5gXG5cbnR5cGUgVGFibGVDZWxsUHJvcHMgPSB7XG4gIGFsaWduPzogJ2NlbnRlcicgfCAnbGVmdCcgfCAncmlnaHQnXG4gIGNvbHVtbnM6IG51bWJlclxuICBjdXN0b21Db2x1bW5XaWR0aD86IHN0cmluZ1xuICBoYXNPblNlbGVjdEZ1bmN0aW9uOiBib29sZWFuXG59XG5cbmV4cG9ydCBjb25zdCBUYWJsZUNlbGxTdHlsZWQgPSBzdHlsZWQudGQ8VGFibGVDZWxsUHJvcHM+YFxuICAke3sgLi4uZ2VuZXJpY1RhYmxlQ2VsbFN0eWxlIH19XG5cbiAgbWluLXdpZHRoOiAkeyh7IGN1c3RvbUNvbHVtbldpZHRoIH0pID0+IGN1c3RvbUNvbHVtbldpZHRoIHx8ICdhdXRvJ307XG4gIHRleHQtYWxpZ246ICR7KHsgYWxpZ24gfSkgPT4gYWxpZ24gfHwgJ2xlZnQnfTtcbiAgd2lkdGg6ICR7KHsgY29sdW1ucywgY3VzdG9tQ29sdW1uV2lkdGgsIGhhc09uU2VsZWN0RnVuY3Rpb24gfSkgPT5cbiAgICBjdXN0b21Db2x1bW5XaWR0aCB8fCBgY2FsYygoMTAwJSAke2hhc09uU2VsZWN0RnVuY3Rpb24gJiYgJy0zNnB4J30pIC8gJHtjb2x1bW5zfSlgfTtcbmBcblxuZXhwb3J0IGNvbnN0IFRhYmxlQ2VsbENoZWNrYm94U3R5bGVkID0gc3R5bGVkLnRkYFxuICAke3sgLi4uZ2VuZXJpY1RhYmxlQ2VsbFN0eWxlIH19XG5cbiAgbWluLXdpZHRoOiB1bnNldDtcbiAgd2lkdGg6IDM2cHg7XG5cbiAgJjpob3ZlciB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogdW5zZXQ7XG4gIH1cbmBcbiJdfQ== */"));
+})(_objectSpread({}, genericTableCellStyle), " min-width:unset;width:36px;&:hover{background-color:unset;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0JvZHkvVGFibGVDZWxsLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUNnRCIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvZHluYW1pYy10YWJsZS9Cb2R5L1RhYmxlQ2VsbC5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5cbmV4cG9ydCBjb25zdCBnZW5lcmljVGFibGVDZWxsU3R5bGUgPSBjc3NgXG4gIHBhZGRpbmc6IDAgJHt0aGVtZS5zcGFjaW5nLnhzfTtcblxuICAmOmZpcnN0LW9mLXR5cGUge1xuICAgIHBhZGRpbmctbGVmdDogJHt0aGVtZS5zcGFjaW5nLnN9O1xuICAgIHBhZGRpbmctcmlnaHQ6IDA7XG4gIH1cblxuICAmOmxhc3Qtb2YtdHlwZSB7XG4gICAgcGFkZGluZy1yaWdodDogJHt0aGVtZS5zcGFjaW5nLnN9O1xuICB9XG5gXG5cbnR5cGUgVGFibGVDZWxsUHJvcHMgPSB7XG4gIGFsaWduPzogJ2NlbnRlcicgfCAnbGVmdCcgfCAncmlnaHQnXG4gIGNvbHVtbnM6IG51bWJlclxuICBoYXNPblNlbGVjdEZ1bmN0aW9uOiBib29sZWFuXG4gIHdpZHRoPzogc3RyaW5nXG59XG5cbmV4cG9ydCBjb25zdCBUYWJsZUNlbGxTdHlsZWQgPSBzdHlsZWQudGQ8VGFibGVDZWxsUHJvcHM+YFxuICAke3sgLi4uZ2VuZXJpY1RhYmxlQ2VsbFN0eWxlIH19XG5cbiAgbWluLXdpZHRoOiAkeyh7IHdpZHRoIH0pID0+IHdpZHRoIHx8ICdhdXRvJ307XG4gIHRleHQtYWxpZ246ICR7KHsgYWxpZ24gfSkgPT4gYWxpZ24gfHwgJ2xlZnQnfTtcbiAgd2lkdGg6ICR7KHsgY29sdW1ucywgd2lkdGgsIGhhc09uU2VsZWN0RnVuY3Rpb24gfSkgPT5cbiAgICB3aWR0aCB8fCBgY2FsYygoMTAwJSAke2hhc09uU2VsZWN0RnVuY3Rpb24gJiYgJy0zNnB4J30pIC8gJHtjb2x1bW5zfSlgfTtcbmBcblxuZXhwb3J0IGNvbnN0IFRhYmxlQ2VsbENoZWNrYm94U3R5bGVkID0gc3R5bGVkLnRkYFxuICAke3sgLi4uZ2VuZXJpY1RhYmxlQ2VsbFN0eWxlIH19XG5cbiAgbWluLXdpZHRoOiB1bnNldDtcbiAgd2lkdGg6IDM2cHg7XG5cbiAgJjpob3ZlciB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogdW5zZXQ7XG4gIH1cbmBcbiJdfQ== */"));
 exports.TableCellCheckboxStyled = TableCellCheckboxStyled;

package/cjs/dynamic-table/Body/TableRow.js

@@ -29,9 +29,8 @@ const TableRow = /*#__PURE__*/_react.default.memo(({
   selectedRows
 }) => (0, _react2.jsx)(_TableRow.TableRowStyled, {
   active: isActive,
-  className: `dynamicTableRow-${row.id}`,
   hoverColor: !!onClickRow,
-  onClick: () => onClickRow && onClickRow(row.id || '')
+  onClick: () => onClickRow && onClickRow(row.id ? String(row.id) : '')
 }, selectableRows && row.id && (0, _react2.jsx)(_TableCell2.TableCellCheckboxStyled, null, (0, _react2.jsx)(_forms.Checkbox, {
   checked: selectedRows.includes(row.id),
   name: row.id,
@@ -42,11 +41,11 @@ const TableRow = /*#__PURE__*/_react.default.memo(({
     e.stopPropagation();
   },
   visualSize: "small"
-})), row.cells.map((cell, index) => (0, _react2.jsx)(_TableCell.default, {
-  columnCount: row.cells.length,
+})), headerRow.map((headerCell, index) => (0, _react2.jsx)(_TableCell.default, {
+  columnCount: headerRow.length,
   headerCell: headerRow === null || headerRow === void 0 ? void 0 : headerRow[index],
   key: index
-}, cell))));
+}, row[headerCell.key] || '-'))));
 
 var _default = TableRow;
 exports.default = _default;

package/cjs/dynamic-table/DynamicTable.js

@@ -38,15 +38,14 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 const DynamicTable = ({
-  activeRowId,
-  className,
-  clickRowHandler,
+  activeRow,
   descending,
-  fixedHeight,
+  height,
   headerRow,
   isLoading,
-  onSelectFunction,
-  onSortByKey,
+  onClickRow,
+  onSelectRow,
+  onSort,
   rows,
   selectedRows = [],
   sortingBy,
@@ -63,21 +62,19 @@ const DynamicTable = ({
         sortDescending = _useState4[0],
         setSortDescending = _useState4[1];
 
-  const selectableRows = !!onSelectFunction;
+  const selectableRows = !!onSelectRow;
   const skeletonRows = (0, _react.useMemo)(() => (0, _createSkeletonRows.default)(headerRow), [headerRow]);
   (0, _react.useEffect)(() => {
-    if (onSortByKey) {
-      onSortByKey(sortByKeyValue, sortDescending);
+    if (onSort) {
+      onSort(sortByKeyValue, sortDescending);
     }
-  }, [sortDescending, onSortByKey, sortByKeyValue]);
+  }, [sortDescending, onSort, sortByKeyValue]);
   return (0, _react2.jsx)(_DynamicTable.TableWrapperStyled, {
-    fixedHeight: fixedHeight
-  }, (0, _react2.jsx)(_DynamicTable.TableStyled, {
-    className: className
-  }, headerRow && (0, _react2.jsx)(_TableHead.default, {
+    height: height
+  }, (0, _react2.jsx)(_DynamicTable.TableStyled, null, headerRow && (0, _react2.jsx)(_TableHead.default, {
     headerRow: headerRow,
-    onSelectFunction: onSelectFunction,
-    onSortByKey: onSortByKey,
+    onSelectRow: onSelectRow,
+    onSort: onSort,
     rows: rows,
     selectableRows: selectableRows,
     selectedRows: selectedRows,
@@ -87,10 +84,10 @@ const DynamicTable = ({
     sortByKeyValue: sortByKeyValue,
     stickyHeader: stickyHeader
   }), (0, _react2.jsx)(_TableBody.default, {
-    activeRowId: activeRowId,
+    activeRow: activeRow,
     headerRow: headerRow,
-    onClickRow: clickRowHandler,
-    onSelectFunction: onSelectFunction,
+    onClickRow: onClickRow,
+    onSelectRow: onSelectRow,
     rows: !isLoading ? rows : skeletonRows,
     selectableRows: selectableRows,
     selectedRows: selectedRows

package/cjs/dynamic-table/DynamicTable.styles.js

@@ -17,18 +17,18 @@ const TableWrapperStyled = (0, _base.default)("div", process.env.NODE_ENV === "p
   target: "e1dds0xk1",
   label: "TableWrapperStyled"
 })("color:", _theme.theme.colors.text.primary, ";display:flex;flex-direction:column;overflow-x:auto;width:100%;", ({
-  fixedHeight
+  height
 }) => `
-    ${fixedHeight && `
-      height: ${fixedHeight};
-      overflow-y: ${fixedHeight && 'auto'};
+    ${height && `
+      height: ${height};
+      overflow-y: ${height && 'auto'};
       `}
-  `, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0R5bmFtaWNUYWJsZS5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU8rRCIsImZpbGUiOiIuLi8uLi8uLi9zcmMvZHluYW1pYy10YWJsZS9EeW5hbWljVGFibGUuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcblxudHlwZSBUYWJsZVdyYXBwZXJQcm9wcyA9IHtcbiAgZml4ZWRIZWlnaHQ/OiBzdHJpbmdcbn1cblxuZXhwb3J0IGNvbnN0IFRhYmxlV3JhcHBlclN0eWxlZCA9IHN0eWxlZC5kaXY8VGFibGVXcmFwcGVyUHJvcHM+YFxuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5fTtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgb3ZlcmZsb3cteDogYXV0bztcbiAgd2lkdGg6IDEwMCU7XG5cbiAgJHsoeyBmaXhlZEhlaWdodCB9KSA9PiBgXG4gICAgJHtcbiAgICAgIGZpeGVkSGVpZ2h0ICYmXG4gICAgICBgXG4gICAgICBoZWlnaHQ6ICR7Zml4ZWRIZWlnaHR9O1xuICAgICAgb3ZlcmZsb3cteTogJHtmaXhlZEhlaWdodCAmJiAnYXV0byd9O1xuICAgICAgYFxuICAgIH1cbiAgYH1cbmBcblxuZXhwb3J0IGNvbnN0IFRhYmxlU3R5bGVkID0gc3R5bGVkLnRhYmxlYFxuICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnByaW1hcnl9O1xuICBmb250LWZhbWlseTogVmVyZGFuYSwgc2Fucy1zZXJpZjtcbiAgZm9udC1zaXplOiAxMnB4O1xuICBsaW5lLWhlaWdodDogMTZweDtcbiAgd2lkdGg6IDEwMCU7XG5gXG4iXX0= */"));
+  `, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0R5bmFtaWNUYWJsZS5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU8rRCIsImZpbGUiOiIuLi8uLi8uLi9zcmMvZHluYW1pYy10YWJsZS9EeW5hbWljVGFibGUuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcblxudHlwZSBUYWJsZVdyYXBwZXJQcm9wcyA9IHtcbiAgaGVpZ2h0Pzogc3RyaW5nXG59XG5cbmV4cG9ydCBjb25zdCBUYWJsZVdyYXBwZXJTdHlsZWQgPSBzdHlsZWQuZGl2PFRhYmxlV3JhcHBlclByb3BzPmBcbiAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnRleHQucHJpbWFyeX07XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIG92ZXJmbG93LXg6IGF1dG87XG4gIHdpZHRoOiAxMDAlO1xuXG4gICR7KHsgaGVpZ2h0IH0pID0+IGBcbiAgICAke1xuICAgICAgaGVpZ2h0ICYmXG4gICAgICBgXG4gICAgICBoZWlnaHQ6ICR7aGVpZ2h0fTtcbiAgICAgIG92ZXJmbG93LXk6ICR7aGVpZ2h0ICYmICdhdXRvJ307XG4gICAgICBgXG4gICAgfVxuICBgfVxuYFxuXG5leHBvcnQgY29uc3QgVGFibGVTdHlsZWQgPSBzdHlsZWQudGFibGVgXG4gIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuY29sb3JzLnN1cmZhY2UucHJpbWFyeX07XG4gIGZvbnQtZmFtaWx5OiBWZXJkYW5hLCBzYW5zLXNlcmlmO1xuICBmb250LXNpemU6IDEycHg7XG4gIGxpbmUtaGVpZ2h0OiAxNnB4O1xuICB3aWR0aDogMTAwJTtcbmBcbiJdfQ== */"));
 exports.TableWrapperStyled = TableWrapperStyled;
 const TableStyled = (0, _base.default)("table", process.env.NODE_ENV === "production" ? {
   target: "e1dds0xk0"
 } : {
   target: "e1dds0xk0",
   label: "TableStyled"
-})("background-color:", _theme.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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0R5bmFtaWNUYWJsZS5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlCdUMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2R5bmFtaWMtdGFibGUvRHluYW1pY1RhYmxlLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5cbnR5cGUgVGFibGVXcmFwcGVyUHJvcHMgPSB7XG4gIGZpeGVkSGVpZ2h0Pzogc3RyaW5nXG59XG5cbmV4cG9ydCBjb25zdCBUYWJsZVdyYXBwZXJTdHlsZWQgPSBzdHlsZWQuZGl2PFRhYmxlV3JhcHBlclByb3BzPmBcbiAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnRleHQucHJpbWFyeX07XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIG92ZXJmbG93LXg6IGF1dG87XG4gIHdpZHRoOiAxMDAlO1xuXG4gICR7KHsgZml4ZWRIZWlnaHQgfSkgPT4gYFxuICAgICR7XG4gICAgICBmaXhlZEhlaWdodCAmJlxuICAgICAgYFxuICAgICAgaGVpZ2h0OiAke2ZpeGVkSGVpZ2h0fTtcbiAgICAgIG92ZXJmbG93LXk6ICR7Zml4ZWRIZWlnaHQgJiYgJ2F1dG8nfTtcbiAgICAgIGBcbiAgICB9XG4gIGB9XG5gXG5cbmV4cG9ydCBjb25zdCBUYWJsZVN0eWxlZCA9IHN0eWxlZC50YWJsZWBcbiAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5wcmltYXJ5fTtcbiAgZm9udC1mYW1pbHk6IFZlcmRhbmEsIHNhbnMtc2VyaWY7XG4gIGZvbnQtc2l6ZTogMTJweDtcbiAgbGluZS1oZWlnaHQ6IDE2cHg7XG4gIHdpZHRoOiAxMDAlO1xuYFxuIl19 */"));
+})("background-color:", _theme.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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0R5bmFtaWNUYWJsZS5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlCdUMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2R5bmFtaWMtdGFibGUvRHluYW1pY1RhYmxlLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5cbnR5cGUgVGFibGVXcmFwcGVyUHJvcHMgPSB7XG4gIGhlaWdodD86IHN0cmluZ1xufVxuXG5leHBvcnQgY29uc3QgVGFibGVXcmFwcGVyU3R5bGVkID0gc3R5bGVkLmRpdjxUYWJsZVdyYXBwZXJQcm9wcz5gXG4gIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LnByaW1hcnl9O1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBvdmVyZmxvdy14OiBhdXRvO1xuICB3aWR0aDogMTAwJTtcblxuICAkeyh7IGhlaWdodCB9KSA9PiBgXG4gICAgJHtcbiAgICAgIGhlaWdodCAmJlxuICAgICAgYFxuICAgICAgaGVpZ2h0OiAke2hlaWdodH07XG4gICAgICBvdmVyZmxvdy15OiAke2hlaWdodCAmJiAnYXV0byd9O1xuICAgICAgYFxuICAgIH1cbiAgYH1cbmBcblxuZXhwb3J0IGNvbnN0IFRhYmxlU3R5bGVkID0gc3R5bGVkLnRhYmxlYFxuICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnByaW1hcnl9O1xuICBmb250LWZhbWlseTogVmVyZGFuYSwgc2Fucy1zZXJpZjtcbiAgZm9udC1zaXplOiAxMnB4O1xuICBsaW5lLWhlaWdodDogMTZweDtcbiAgd2lkdGg6IDEwMCU7XG5gXG4iXX0= */"));
 exports.TableStyled = TableStyled;

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

@@ -19,8 +19,8 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 const TableHead = /*#__PURE__*/_react.default.memo(({
   headerRow,
-  onSelectFunction,
-  onSortByKey,
+  onSelectRow,
+  onSort,
   rows,
   selectableRows,
   selectedRows,
@@ -31,7 +31,7 @@ const TableHead = /*#__PURE__*/_react.default.memo(({
   stickyHeader
 }) => {
   const toggleAll = (0, _react.useCallback)(() => {
-    if (!onSelectFunction) return;
+    if (!onSelectRow) return;
     const newArray = [];
 
     if (selectedRows.length === 0) {
@@ -40,10 +40,10 @@ const TableHead = /*#__PURE__*/_react.default.memo(({
       }
     }
 
-    onSelectFunction(newArray);
-  }, [onSelectFunction, rows, selectedRows]);
+    onSelectRow(newArray);
+  }, [onSelectRow, rows, selectedRows]);
   const sort = (0, _react.useCallback)((oldKey, newKey) => {
-    if (!onSortByKey) return;
+    if (!onSort) return;
 
     if (oldKey !== newKey) {
       setSortByKeyValue(newKey);
@@ -51,7 +51,7 @@ const TableHead = /*#__PURE__*/_react.default.memo(({
     } else {
       setSortDescending(!sortDescending);
     }
-  }, [onSortByKey, setSortDescending, setSortByKeyValue, sortDescending]);
+  }, [onSort, setSortDescending, setSortByKeyValue, sortDescending]);
   return (0, _react2.jsx)("thead", null, (0, _react2.jsx)(_TableHead.TableHeadRow, null, selectableRows && (0, _react2.jsx)(_TableHead.TableHeadCellCheckboxStyled, null, (0, _react2.jsx)(_reactComponents.Checkbox, {
     checked: selectedRows.length > 0,
     indeterminate: true,
@@ -61,20 +61,20 @@ const TableHead = /*#__PURE__*/_react.default.memo(({
   })), headerRow.map((headerCell, i) => {
     const sortKey = headerCell.sortKey || headerCell.key;
 
-    const clickHandler = () => headerCell.sortable ? sort(sortByKeyValue, sortKey) : null;
+    const clickHandler = () => headerCell.sortable && sort(sortByKeyValue, sortKey);
 
     const showChevron = String(sortByKeyValue === sortKey);
     return (0, _react2.jsx)(_TableHead.TableHeadCellStyled, {
       align: headerCell.textAlign,
       columns: headerRow.length,
-      customColumnWidth: headerCell.customColumnWidth,
-      hasOnSelectFunction: !!onSelectFunction,
+      hasOnSelectRow: !!onSelectRow,
       key: i,
       onClick: clickHandler,
-      sortByKey: onSortByKey,
+      sortByKey: onSort,
       sortable: headerCell.sortable,
-      stickyHeader: stickyHeader
-    }, (0, _react2.jsx)("div", null, (0, _react2.jsx)("span", null, headerCell.displayName), onSortByKey && (0, _react2.jsx)(_TableHead.ChevronStyled, {
+      stickyHeader: stickyHeader,
+      width: headerCell.width
+    }, (0, _react2.jsx)("div", null, (0, _react2.jsx)("span", null, headerCell.displayName), headerCell.sortable && onSort && (0, _react2.jsx)(_TableHead.ChevronStyled, {
       descending: String(sortDescending),
       show: showChevron
     })));

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

@@ -28,7 +28,7 @@ const TableHeadRow = (0, _base.default)("tr", process.env.NODE_ENV === "producti
 } : {
   target: "e16aby0h4",
   label: "TableHeadRow"
-})(_objectSpread({}, _TableRow.genericTableRowStyle), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0hlYWQvVGFibGVIZWFkLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBY3FDIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0hlYWQvVGFibGVIZWFkLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGV2cm9uRG93biB9IGZyb20gJ0BkZmRzLXVpL2ljb25zL3N5c3RlbSdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcblxuaW1wb3J0IHtcbiAgQ2hldnJvblByb3BzLFxuICBHZW5lcmljVGFibGVIZWFkQ2VsbFByb3BzLFxuICBUYWJsZUhlYWRDZWxsQ2hlY2tib3hQcm9wcyxcbiAgVGFibGVIZWFkQ2VsbFByb3BzLFxufSBmcm9tICcuL1RhYmxlSGVhZC50eXBlcydcblxuaW1wb3J0IHsgZ2VuZXJpY1RhYmxlQ2VsbFN0eWxlIH0gZnJvbSAnLi4vQm9keS9UYWJsZUNlbGwuc3R5bGVzJ1xuaW1wb3J0IHsgZ2VuZXJpY1RhYmxlUm93U3R5bGUgfSBmcm9tICcuLi9Cb2R5L1RhYmxlUm93LnN0eWxlcydcblxuZXhwb3J0IGNvbnN0IFRhYmxlSGVhZFJvdyA9IHN0eWxlZC50cmBcbiAgJHt7IC4uLmdlbmVyaWNUYWJsZVJvd1N0eWxlIH19XG5gXG5cbmNvbnN0IEdlbmVyaWNUYWJsZUhlYWRDZWxsU3R5bGVkID0gc3R5bGVkLnRoPEdlbmVyaWNUYWJsZUhlYWRDZWxsUHJvcHM+YFxuICAke3sgLi4uZ2VuZXJpY1RhYmxlQ2VsbFN0eWxlIH19XG5cbiAgYm94LXNoYWRvdzogaW5zZXQgMCAtMXB4ICR7dGhlbWUuY29sb3JzLnN1cmZhY2Uuc2Vjb25kYXJ5fSxcbiAgICBpbnNldCAwIDFweCAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX07XG4gIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LnByaW1hcnkucHJpbWFyeX07XG4gIGZvbnQtZmFtaWx5OiAke3RoZW1lLmZvbnRGYW1pbGllcy5kaXNwbGF5fTtcbiAgdG9wOiAwO1xuICB0cmFuc2l0aW9uLWR1cmF0aW9uOiA1MDBtcztcblxuICAkeyh7IHN0aWNreUhlYWRlciB9KSA9PiBgXG4gICAgJHtcbiAgICAgIHN0aWNreUhlYWRlciAmJlxuICAgICAgYFxuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtzdGlja3lIZWFkZXIgJiYgdGhlbWUuY29sb3JzLnN1cmZhY2UucHJpbWFyeX07XG4gICAgICBwb3NpdGlvbjogJHtzdGlja3lIZWFkZXIgJiYgJ3N0aWNreSd9O1xuICAgICAgei1pbmRleDogJHtzdGlja3lIZWFkZXIgJiYgJzEwJ307XG4gICAgICBgXG4gICAgfVxuICBgfVxuXG4gICY6aG92ZXIge1xuICAgICR7KHsgc29ydEJ5S2V5LCBzb3J0YWJsZSB9KSA9PiBgXG4gICAgICAke1xuICAgICAgICBzb3J0QnlLZXkgJiZcbiAgICAgICAgc29ydGFibGUgJiZcbiAgICAgICAgYFxuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX07XG4gICAgICAgIGN1cnNvcjogcG9pbnRlcjtgXG4gICAgICB9XG4gICAgYH1cbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgVGFibGVIZWFkQ2VsbFN0eWxlZCA9IHN0eWxlZChHZW5lcmljVGFibGVIZWFkQ2VsbFN0eWxlZCk8VGFibGVIZWFkQ2VsbFByb3BzPmBcbiAgbWluLXdpZHRoOiAkeyh7IGN1c3RvbUNvbHVtbldpZHRoIH0pID0+IGN1c3RvbUNvbHVtbldpZHRoIHx8ICdhdXRvJ307XG4gIHRleHQtYWxpZ246ICR7KHsgYWxpZ24gfSkgPT4gYWxpZ24gfHwgJ2xlZnQnfTtcbiAgd2lkdGg6ICR7KHsgY29sdW1ucywgY3VzdG9tQ29sdW1uV2lkdGgsIGhhc09uU2VsZWN0RnVuY3Rpb24gfSkgPT5cbiAgICBjdXN0b21Db2x1bW5XaWR0aCB8fCBgY2FsYygoMTAwJSAke2hhc09uU2VsZWN0RnVuY3Rpb24gJiYgJy0zNnB4J30pIC8gJHtjb2x1bW5zfSlgfTtcblxuICBkaXYge1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogJHsoeyBhbGlnbiB9KSA9PiAoYWxpZ24gPT09ICdyaWdodCcgPyAncm93LXJldmVyc2UnIDogJ3JvdycpfTtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IFRhYmxlSGVhZENlbGxDaGVja2JveFN0eWxlZCA9IHN0eWxlZChHZW5lcmljVGFibGVIZWFkQ2VsbFN0eWxlZCk8VGFibGVIZWFkQ2VsbENoZWNrYm94UHJvcHM+YGBcblxuZXhwb3J0IGNvbnN0IENoZXZyb25TdHlsZWQgPSBzdHlsZWQoQ2hldnJvbkRvd24pPENoZXZyb25Qcm9wcz5gXG4gIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5wcmltYXJ5LmRhcmt9O1xuICBmb250LXNpemU6IDEuNXJlbTtcbiAgbWFyZ2luOiAwIDVweDtcbiAgb3BhY2l0eTogJHsoeyBzaG93IH0pID0+IChzaG93ID09PSAndHJ1ZScgPyAnMScgOiAnMCcpfTtcbiAgdHJhbnNmb3JtOiAkeyh7IGRlc2NlbmRpbmcgfSkgPT4gZGVzY2VuZGluZyA9PT0gJ3RydWUnICYmICdyb3RhdGUoMTgwZGVnKSd9O1xuICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAyNTBtcztcbmBcbiJdfQ== */"));
+})(_objectSpread({}, _TableRow.genericTableRowStyle), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0hlYWQvVGFibGVIZWFkLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBY3FDIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0hlYWQvVGFibGVIZWFkLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGV2cm9uRG93biB9IGZyb20gJ0BkZmRzLXVpL2ljb25zL3N5c3RlbSdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcblxuaW1wb3J0IHtcbiAgQ2hldnJvblByb3BzLFxuICBHZW5lcmljVGFibGVIZWFkQ2VsbFByb3BzLFxuICBUYWJsZUhlYWRDZWxsQ2hlY2tib3hQcm9wcyxcbiAgVGFibGVIZWFkQ2VsbFByb3BzLFxufSBmcm9tICcuL1RhYmxlSGVhZC50eXBlcydcblxuaW1wb3J0IHsgZ2VuZXJpY1RhYmxlQ2VsbFN0eWxlIH0gZnJvbSAnLi4vQm9keS9UYWJsZUNlbGwuc3R5bGVzJ1xuaW1wb3J0IHsgZ2VuZXJpY1RhYmxlUm93U3R5bGUgfSBmcm9tICcuLi9Cb2R5L1RhYmxlUm93LnN0eWxlcydcblxuZXhwb3J0IGNvbnN0IFRhYmxlSGVhZFJvdyA9IHN0eWxlZC50cmBcbiAgJHt7IC4uLmdlbmVyaWNUYWJsZVJvd1N0eWxlIH19XG5gXG5cbmNvbnN0IEdlbmVyaWNUYWJsZUhlYWRDZWxsU3R5bGVkID0gc3R5bGVkLnRoPEdlbmVyaWNUYWJsZUhlYWRDZWxsUHJvcHM+YFxuICAke3sgLi4uZ2VuZXJpY1RhYmxlQ2VsbFN0eWxlIH19XG5cbiAgYm94LXNoYWRvdzogaW5zZXQgMCAtMXB4ICR7dGhlbWUuY29sb3JzLnN1cmZhY2Uuc2Vjb25kYXJ5fSxcbiAgICBpbnNldCAwIDFweCAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX07XG4gIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LnByaW1hcnkucHJpbWFyeX07XG4gIGZvbnQtZmFtaWx5OiAke3RoZW1lLmZvbnRGYW1pbGllcy5kaXNwbGF5fTtcbiAgdG9wOiAwO1xuICB0cmFuc2l0aW9uLWR1cmF0aW9uOiA1MDBtcztcblxuICAkeyh7IHN0aWNreUhlYWRlciB9KSA9PiBgXG4gICAgJHtcbiAgICAgIHN0aWNreUhlYWRlciAmJlxuICAgICAgYFxuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtzdGlja3lIZWFkZXIgJiYgdGhlbWUuY29sb3JzLnN1cmZhY2UucHJpbWFyeX07XG4gICAgICBwb3NpdGlvbjogJHtzdGlja3lIZWFkZXIgJiYgJ3N0aWNreSd9O1xuICAgICAgei1pbmRleDogJHtzdGlja3lIZWFkZXIgJiYgJzEwJ307XG4gICAgICBgXG4gICAgfVxuICBgfVxuXG4gICY6aG92ZXIge1xuICAgICR7KHsgc29ydEJ5S2V5LCBzb3J0YWJsZSB9KSA9PiBgXG4gICAgICAke1xuICAgICAgICBzb3J0QnlLZXkgJiZcbiAgICAgICAgc29ydGFibGUgJiZcbiAgICAgICAgYFxuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX07XG4gICAgICAgIGN1cnNvcjogcG9pbnRlcjtgXG4gICAgICB9XG4gICAgYH1cbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgVGFibGVIZWFkQ2VsbFN0eWxlZCA9IHN0eWxlZChHZW5lcmljVGFibGVIZWFkQ2VsbFN0eWxlZCk8VGFibGVIZWFkQ2VsbFByb3BzPmBcbiAgbWluLXdpZHRoOiAkeyh7IHdpZHRoIH0pID0+IHdpZHRoIHx8ICdhdXRvJ307XG4gIHRleHQtYWxpZ246ICR7KHsgYWxpZ24gfSkgPT4gYWxpZ24gfHwgJ2xlZnQnfTtcbiAgd2lkdGg6ICR7KHsgY29sdW1ucywgd2lkdGgsIGhhc09uU2VsZWN0RnVuY3Rpb24gfSkgPT5cbiAgICB3aWR0aCB8fCBgY2FsYygoMTAwJSAke2hhc09uU2VsZWN0RnVuY3Rpb24gJiYgJy0zNnB4J30pIC8gJHtjb2x1bW5zfSlgfTtcblxuICBkaXYge1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogJHsoeyBhbGlnbiB9KSA9PiAoYWxpZ24gPT09ICdyaWdodCcgPyAncm93LXJldmVyc2UnIDogJ3JvdycpfTtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IFRhYmxlSGVhZENlbGxDaGVja2JveFN0eWxlZCA9IHN0eWxlZChHZW5lcmljVGFibGVIZWFkQ2VsbFN0eWxlZCk8VGFibGVIZWFkQ2VsbENoZWNrYm94UHJvcHM+YGBcblxuZXhwb3J0IGNvbnN0IENoZXZyb25TdHlsZWQgPSBzdHlsZWQoQ2hldnJvbkRvd24pPENoZXZyb25Qcm9wcz5gXG4gIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5wcmltYXJ5LmRhcmt9O1xuICBmb250LXNpemU6IDEuNXJlbTtcbiAgb3BhY2l0eTogJHsoeyBzaG93IH0pID0+IChzaG93ID09PSAndHJ1ZScgPyAnMScgOiAnMCcpfTtcbiAgdHJhbnNmb3JtOiAkeyh7IGRlc2NlbmRpbmcgfSkgPT4gZGVzY2VuZGluZyA9PT0gJ3RydWUnICYmICdyb3RhdGUoMTgwZGVnKSd9O1xuICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAyNTBtcztcbmBcbiJdfQ== */"));
 exports.TableHeadRow = TableHeadRow;
 const GenericTableHeadCellStyled = (0, _base.default)("th", process.env.NODE_ENV === "production" ? {
   target: "e16aby0h3"
@@ -50,39 +50,39 @@ const GenericTableHeadCellStyled = (0, _base.default)("th", process.env.NODE_ENV
       ${sortByKey && sortable && `
         background-color: ${_theme.theme.colors.surface.secondary};
         cursor: pointer;`}
-    `, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0hlYWQvVGFibGVIZWFkLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0J1RSIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvZHluYW1pYy10YWJsZS9IZWFkL1RhYmxlSGVhZC5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hldnJvbkRvd24gfSBmcm9tICdAZGZkcy11aS9pY29ucy9zeXN0ZW0nXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5cbmltcG9ydCB7XG4gIENoZXZyb25Qcm9wcyxcbiAgR2VuZXJpY1RhYmxlSGVhZENlbGxQcm9wcyxcbiAgVGFibGVIZWFkQ2VsbENoZWNrYm94UHJvcHMsXG4gIFRhYmxlSGVhZENlbGxQcm9wcyxcbn0gZnJvbSAnLi9UYWJsZUhlYWQudHlwZXMnXG5cbmltcG9ydCB7IGdlbmVyaWNUYWJsZUNlbGxTdHlsZSB9IGZyb20gJy4uL0JvZHkvVGFibGVDZWxsLnN0eWxlcydcbmltcG9ydCB7IGdlbmVyaWNUYWJsZVJvd1N0eWxlIH0gZnJvbSAnLi4vQm9keS9UYWJsZVJvdy5zdHlsZXMnXG5cbmV4cG9ydCBjb25zdCBUYWJsZUhlYWRSb3cgPSBzdHlsZWQudHJgXG4gICR7eyAuLi5nZW5lcmljVGFibGVSb3dTdHlsZSB9fVxuYFxuXG5jb25zdCBHZW5lcmljVGFibGVIZWFkQ2VsbFN0eWxlZCA9IHN0eWxlZC50aDxHZW5lcmljVGFibGVIZWFkQ2VsbFByb3BzPmBcbiAgJHt7IC4uLmdlbmVyaWNUYWJsZUNlbGxTdHlsZSB9fVxuXG4gIGJveC1zaGFkb3c6IGluc2V0IDAgLTFweCAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX0sXG4gICAgaW5zZXQgMCAxcHggJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5zZWNvbmRhcnl9O1xuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LnByaW1hcnl9O1xuICBmb250LWZhbWlseTogJHt0aGVtZS5mb250RmFtaWxpZXMuZGlzcGxheX07XG4gIHRvcDogMDtcbiAgdHJhbnNpdGlvbi1kdXJhdGlvbjogNTAwbXM7XG5cbiAgJHsoeyBzdGlja3lIZWFkZXIgfSkgPT4gYFxuICAgICR7XG4gICAgICBzdGlja3lIZWFkZXIgJiZcbiAgICAgIGBcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7c3RpY2t5SGVhZGVyICYmIHRoZW1lLmNvbG9ycy5zdXJmYWNlLnByaW1hcnl9O1xuICAgICAgcG9zaXRpb246ICR7c3RpY2t5SGVhZGVyICYmICdzdGlja3knfTtcbiAgICAgIHotaW5kZXg6ICR7c3RpY2t5SGVhZGVyICYmICcxMCd9O1xuICAgICAgYFxuICAgIH1cbiAgYH1cblxuICAmOmhvdmVyIHtcbiAgICAkeyh7IHNvcnRCeUtleSwgc29ydGFibGUgfSkgPT4gYFxuICAgICAgJHtcbiAgICAgICAgc29ydEJ5S2V5ICYmXG4gICAgICAgIHNvcnRhYmxlICYmXG4gICAgICAgIGBcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5zZWNvbmRhcnl9O1xuICAgICAgICBjdXJzb3I6IHBvaW50ZXI7YFxuICAgICAgfVxuICAgIGB9XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IFRhYmxlSGVhZENlbGxTdHlsZWQgPSBzdHlsZWQoR2VuZXJpY1RhYmxlSGVhZENlbGxTdHlsZWQpPFRhYmxlSGVhZENlbGxQcm9wcz5gXG4gIG1pbi13aWR0aDogJHsoeyBjdXN0b21Db2x1bW5XaWR0aCB9KSA9PiBjdXN0b21Db2x1bW5XaWR0aCB8fCAnYXV0byd9O1xuICB0ZXh0LWFsaWduOiAkeyh7IGFsaWduIH0pID0+IGFsaWduIHx8ICdsZWZ0J307XG4gIHdpZHRoOiAkeyh7IGNvbHVtbnMsIGN1c3RvbUNvbHVtbldpZHRoLCBoYXNPblNlbGVjdEZ1bmN0aW9uIH0pID0+XG4gICAgY3VzdG9tQ29sdW1uV2lkdGggfHwgYGNhbGMoKDEwMCUgJHtoYXNPblNlbGVjdEZ1bmN0aW9uICYmICctMzZweCd9KSAvICR7Y29sdW1uc30pYH07XG5cbiAgZGl2IHtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246ICR7KHsgYWxpZ24gfSkgPT4gKGFsaWduID09PSAncmlnaHQnID8gJ3Jvdy1yZXZlcnNlJyA6ICdyb3cnKX07XG4gICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICB9XG5gXG5cbmV4cG9ydCBjb25zdCBUYWJsZUhlYWRDZWxsQ2hlY2tib3hTdHlsZWQgPSBzdHlsZWQoR2VuZXJpY1RhYmxlSGVhZENlbGxTdHlsZWQpPFRhYmxlSGVhZENlbGxDaGVja2JveFByb3BzPmBgXG5cbmV4cG9ydCBjb25zdCBDaGV2cm9uU3R5bGVkID0gc3R5bGVkKENoZXZyb25Eb3duKTxDaGV2cm9uUHJvcHM+YFxuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMucHJpbWFyeS5kYXJrfTtcbiAgZm9udC1zaXplOiAxLjVyZW07XG4gIG1hcmdpbjogMCA1cHg7XG4gIG9wYWNpdHk6ICR7KHsgc2hvdyB9KSA9PiAoc2hvdyA9PT0gJ3RydWUnID8gJzEnIDogJzAnKX07XG4gIHRyYW5zZm9ybTogJHsoeyBkZXNjZW5kaW5nIH0pID0+IGRlc2NlbmRpbmcgPT09ICd0cnVlJyAmJiAncm90YXRlKDE4MGRlZyknfTtcbiAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMjUwbXM7XG5gXG4iXX0= */"));
+    `, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0hlYWQvVGFibGVIZWFkLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0J1RSIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvZHluYW1pYy10YWJsZS9IZWFkL1RhYmxlSGVhZC5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hldnJvbkRvd24gfSBmcm9tICdAZGZkcy11aS9pY29ucy9zeXN0ZW0nXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5cbmltcG9ydCB7XG4gIENoZXZyb25Qcm9wcyxcbiAgR2VuZXJpY1RhYmxlSGVhZENlbGxQcm9wcyxcbiAgVGFibGVIZWFkQ2VsbENoZWNrYm94UHJvcHMsXG4gIFRhYmxlSGVhZENlbGxQcm9wcyxcbn0gZnJvbSAnLi9UYWJsZUhlYWQudHlwZXMnXG5cbmltcG9ydCB7IGdlbmVyaWNUYWJsZUNlbGxTdHlsZSB9IGZyb20gJy4uL0JvZHkvVGFibGVDZWxsLnN0eWxlcydcbmltcG9ydCB7IGdlbmVyaWNUYWJsZVJvd1N0eWxlIH0gZnJvbSAnLi4vQm9keS9UYWJsZVJvdy5zdHlsZXMnXG5cbmV4cG9ydCBjb25zdCBUYWJsZUhlYWRSb3cgPSBzdHlsZWQudHJgXG4gICR7eyAuLi5nZW5lcmljVGFibGVSb3dTdHlsZSB9fVxuYFxuXG5jb25zdCBHZW5lcmljVGFibGVIZWFkQ2VsbFN0eWxlZCA9IHN0eWxlZC50aDxHZW5lcmljVGFibGVIZWFkQ2VsbFByb3BzPmBcbiAgJHt7IC4uLmdlbmVyaWNUYWJsZUNlbGxTdHlsZSB9fVxuXG4gIGJveC1zaGFkb3c6IGluc2V0IDAgLTFweCAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX0sXG4gICAgaW5zZXQgMCAxcHggJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5zZWNvbmRhcnl9O1xuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LnByaW1hcnl9O1xuICBmb250LWZhbWlseTogJHt0aGVtZS5mb250RmFtaWxpZXMuZGlzcGxheX07XG4gIHRvcDogMDtcbiAgdHJhbnNpdGlvbi1kdXJhdGlvbjogNTAwbXM7XG5cbiAgJHsoeyBzdGlja3lIZWFkZXIgfSkgPT4gYFxuICAgICR7XG4gICAgICBzdGlja3lIZWFkZXIgJiZcbiAgICAgIGBcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7c3RpY2t5SGVhZGVyICYmIHRoZW1lLmNvbG9ycy5zdXJmYWNlLnByaW1hcnl9O1xuICAgICAgcG9zaXRpb246ICR7c3RpY2t5SGVhZGVyICYmICdzdGlja3knfTtcbiAgICAgIHotaW5kZXg6ICR7c3RpY2t5SGVhZGVyICYmICcxMCd9O1xuICAgICAgYFxuICAgIH1cbiAgYH1cblxuICAmOmhvdmVyIHtcbiAgICAkeyh7IHNvcnRCeUtleSwgc29ydGFibGUgfSkgPT4gYFxuICAgICAgJHtcbiAgICAgICAgc29ydEJ5S2V5ICYmXG4gICAgICAgIHNvcnRhYmxlICYmXG4gICAgICAgIGBcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5zZWNvbmRhcnl9O1xuICAgICAgICBjdXJzb3I6IHBvaW50ZXI7YFxuICAgICAgfVxuICAgIGB9XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IFRhYmxlSGVhZENlbGxTdHlsZWQgPSBzdHlsZWQoR2VuZXJpY1RhYmxlSGVhZENlbGxTdHlsZWQpPFRhYmxlSGVhZENlbGxQcm9wcz5gXG4gIG1pbi13aWR0aDogJHsoeyB3aWR0aCB9KSA9PiB3aWR0aCB8fCAnYXV0byd9O1xuICB0ZXh0LWFsaWduOiAkeyh7IGFsaWduIH0pID0+IGFsaWduIHx8ICdsZWZ0J307XG4gIHdpZHRoOiAkeyh7IGNvbHVtbnMsIHdpZHRoLCBoYXNPblNlbGVjdEZ1bmN0aW9uIH0pID0+XG4gICAgd2lkdGggfHwgYGNhbGMoKDEwMCUgJHtoYXNPblNlbGVjdEZ1bmN0aW9uICYmICctMzZweCd9KSAvICR7Y29sdW1uc30pYH07XG5cbiAgZGl2IHtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246ICR7KHsgYWxpZ24gfSkgPT4gKGFsaWduID09PSAncmlnaHQnID8gJ3Jvdy1yZXZlcnNlJyA6ICdyb3cnKX07XG4gICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICB9XG5gXG5cbmV4cG9ydCBjb25zdCBUYWJsZUhlYWRDZWxsQ2hlY2tib3hTdHlsZWQgPSBzdHlsZWQoR2VuZXJpY1RhYmxlSGVhZENlbGxTdHlsZWQpPFRhYmxlSGVhZENlbGxDaGVja2JveFByb3BzPmBgXG5cbmV4cG9ydCBjb25zdCBDaGV2cm9uU3R5bGVkID0gc3R5bGVkKENoZXZyb25Eb3duKTxDaGV2cm9uUHJvcHM+YFxuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMucHJpbWFyeS5kYXJrfTtcbiAgZm9udC1zaXplOiAxLjVyZW07XG4gIG9wYWNpdHk6ICR7KHsgc2hvdyB9KSA9PiAoc2hvdyA9PT0gJ3RydWUnID8gJzEnIDogJzAnKX07XG4gIHRyYW5zZm9ybTogJHsoeyBkZXNjZW5kaW5nIH0pID0+IGRlc2NlbmRpbmcgPT09ICd0cnVlJyAmJiAncm90YXRlKDE4MGRlZyknfTtcbiAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMjUwbXM7XG5gXG4iXX0= */"));
 const TableHeadCellStyled = ( /*#__PURE__*/0, _base.default)(GenericTableHeadCellStyled, process.env.NODE_ENV === "production" ? {
   target: "e16aby0h2"
 } : {
   target: "e16aby0h2",
   label: "TableHeadCellStyled"
 })("min-width:", ({
-  customColumnWidth
-}) => customColumnWidth || 'auto', ";text-align:", ({
+  width
+}) => width || 'auto', ";text-align:", ({
   align
 }) => align || 'left', ";width:", ({
   columns,
-  customColumnWidth,
+  width,
   hasOnSelectFunction
-}) => customColumnWidth || `calc((100% ${hasOnSelectFunction && '-36px'}) / ${columns})`, ";div{align-items:center;display:flex;flex-direction:", ({
+}) => width || `calc((100% ${hasOnSelectFunction && '-36px'}) / ${columns})`, ";div{align-items:center;display:flex;flex-direction:", ({
   align
-}) => align === 'right' ? 'row-reverse' : 'row', ";justify-content:space-between;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0hlYWQvVGFibGVIZWFkLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0R5RiIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvZHluYW1pYy10YWJsZS9IZWFkL1RhYmxlSGVhZC5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hldnJvbkRvd24gfSBmcm9tICdAZGZkcy11aS9pY29ucy9zeXN0ZW0nXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5cbmltcG9ydCB7XG4gIENoZXZyb25Qcm9wcyxcbiAgR2VuZXJpY1RhYmxlSGVhZENlbGxQcm9wcyxcbiAgVGFibGVIZWFkQ2VsbENoZWNrYm94UHJvcHMsXG4gIFRhYmxlSGVhZENlbGxQcm9wcyxcbn0gZnJvbSAnLi9UYWJsZUhlYWQudHlwZXMnXG5cbmltcG9ydCB7IGdlbmVyaWNUYWJsZUNlbGxTdHlsZSB9IGZyb20gJy4uL0JvZHkvVGFibGVDZWxsLnN0eWxlcydcbmltcG9ydCB7IGdlbmVyaWNUYWJsZVJvd1N0eWxlIH0gZnJvbSAnLi4vQm9keS9UYWJsZVJvdy5zdHlsZXMnXG5cbmV4cG9ydCBjb25zdCBUYWJsZUhlYWRSb3cgPSBzdHlsZWQudHJgXG4gICR7eyAuLi5nZW5lcmljVGFibGVSb3dTdHlsZSB9fVxuYFxuXG5jb25zdCBHZW5lcmljVGFibGVIZWFkQ2VsbFN0eWxlZCA9IHN0eWxlZC50aDxHZW5lcmljVGFibGVIZWFkQ2VsbFByb3BzPmBcbiAgJHt7IC4uLmdlbmVyaWNUYWJsZUNlbGxTdHlsZSB9fVxuXG4gIGJveC1zaGFkb3c6IGluc2V0IDAgLTFweCAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX0sXG4gICAgaW5zZXQgMCAxcHggJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5zZWNvbmRhcnl9O1xuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LnByaW1hcnl9O1xuICBmb250LWZhbWlseTogJHt0aGVtZS5mb250RmFtaWxpZXMuZGlzcGxheX07XG4gIHRvcDogMDtcbiAgdHJhbnNpdGlvbi1kdXJhdGlvbjogNTAwbXM7XG5cbiAgJHsoeyBzdGlja3lIZWFkZXIgfSkgPT4gYFxuICAgICR7XG4gICAgICBzdGlja3lIZWFkZXIgJiZcbiAgICAgIGBcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7c3RpY2t5SGVhZGVyICYmIHRoZW1lLmNvbG9ycy5zdXJmYWNlLnByaW1hcnl9O1xuICAgICAgcG9zaXRpb246ICR7c3RpY2t5SGVhZGVyICYmICdzdGlja3knfTtcbiAgICAgIHotaW5kZXg6ICR7c3RpY2t5SGVhZGVyICYmICcxMCd9O1xuICAgICAgYFxuICAgIH1cbiAgYH1cblxuICAmOmhvdmVyIHtcbiAgICAkeyh7IHNvcnRCeUtleSwgc29ydGFibGUgfSkgPT4gYFxuICAgICAgJHtcbiAgICAgICAgc29ydEJ5S2V5ICYmXG4gICAgICAgIHNvcnRhYmxlICYmXG4gICAgICAgIGBcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5zZWNvbmRhcnl9O1xuICAgICAgICBjdXJzb3I6IHBvaW50ZXI7YFxuICAgICAgfVxuICAgIGB9XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IFRhYmxlSGVhZENlbGxTdHlsZWQgPSBzdHlsZWQoR2VuZXJpY1RhYmxlSGVhZENlbGxTdHlsZWQpPFRhYmxlSGVhZENlbGxQcm9wcz5gXG4gIG1pbi13aWR0aDogJHsoeyBjdXN0b21Db2x1bW5XaWR0aCB9KSA9PiBjdXN0b21Db2x1bW5XaWR0aCB8fCAnYXV0byd9O1xuICB0ZXh0LWFsaWduOiAkeyh7IGFsaWduIH0pID0+IGFsaWduIHx8ICdsZWZ0J307XG4gIHdpZHRoOiAkeyh7IGNvbHVtbnMsIGN1c3RvbUNvbHVtbldpZHRoLCBoYXNPblNlbGVjdEZ1bmN0aW9uIH0pID0+XG4gICAgY3VzdG9tQ29sdW1uV2lkdGggfHwgYGNhbGMoKDEwMCUgJHtoYXNPblNlbGVjdEZ1bmN0aW9uICYmICctMzZweCd9KSAvICR7Y29sdW1uc30pYH07XG5cbiAgZGl2IHtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246ICR7KHsgYWxpZ24gfSkgPT4gKGFsaWduID09PSAncmlnaHQnID8gJ3Jvdy1yZXZlcnNlJyA6ICdyb3cnKX07XG4gICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICB9XG5gXG5cbmV4cG9ydCBjb25zdCBUYWJsZUhlYWRDZWxsQ2hlY2tib3hTdHlsZWQgPSBzdHlsZWQoR2VuZXJpY1RhYmxlSGVhZENlbGxTdHlsZWQpPFRhYmxlSGVhZENlbGxDaGVja2JveFByb3BzPmBgXG5cbmV4cG9ydCBjb25zdCBDaGV2cm9uU3R5bGVkID0gc3R5bGVkKENoZXZyb25Eb3duKTxDaGV2cm9uUHJvcHM+YFxuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMucHJpbWFyeS5kYXJrfTtcbiAgZm9udC1zaXplOiAxLjVyZW07XG4gIG1hcmdpbjogMCA1cHg7XG4gIG9wYWNpdHk6ICR7KHsgc2hvdyB9KSA9PiAoc2hvdyA9PT0gJ3RydWUnID8gJzEnIDogJzAnKX07XG4gIHRyYW5zZm9ybTogJHsoeyBkZXNjZW5kaW5nIH0pID0+IGRlc2NlbmRpbmcgPT09ICd0cnVlJyAmJiAncm90YXRlKDE4MGRlZyknfTtcbiAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMjUwbXM7XG5gXG4iXX0= */"));
+}) => align === 'right' ? 'row-reverse' : 'row', ";justify-content:space-between;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0hlYWQvVGFibGVIZWFkLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0R5RiIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvZHluYW1pYy10YWJsZS9IZWFkL1RhYmxlSGVhZC5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hldnJvbkRvd24gfSBmcm9tICdAZGZkcy11aS9pY29ucy9zeXN0ZW0nXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5cbmltcG9ydCB7XG4gIENoZXZyb25Qcm9wcyxcbiAgR2VuZXJpY1RhYmxlSGVhZENlbGxQcm9wcyxcbiAgVGFibGVIZWFkQ2VsbENoZWNrYm94UHJvcHMsXG4gIFRhYmxlSGVhZENlbGxQcm9wcyxcbn0gZnJvbSAnLi9UYWJsZUhlYWQudHlwZXMnXG5cbmltcG9ydCB7IGdlbmVyaWNUYWJsZUNlbGxTdHlsZSB9IGZyb20gJy4uL0JvZHkvVGFibGVDZWxsLnN0eWxlcydcbmltcG9ydCB7IGdlbmVyaWNUYWJsZVJvd1N0eWxlIH0gZnJvbSAnLi4vQm9keS9UYWJsZVJvdy5zdHlsZXMnXG5cbmV4cG9ydCBjb25zdCBUYWJsZUhlYWRSb3cgPSBzdHlsZWQudHJgXG4gICR7eyAuLi5nZW5lcmljVGFibGVSb3dTdHlsZSB9fVxuYFxuXG5jb25zdCBHZW5lcmljVGFibGVIZWFkQ2VsbFN0eWxlZCA9IHN0eWxlZC50aDxHZW5lcmljVGFibGVIZWFkQ2VsbFByb3BzPmBcbiAgJHt7IC4uLmdlbmVyaWNUYWJsZUNlbGxTdHlsZSB9fVxuXG4gIGJveC1zaGFkb3c6IGluc2V0IDAgLTFweCAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX0sXG4gICAgaW5zZXQgMCAxcHggJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5zZWNvbmRhcnl9O1xuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LnByaW1hcnl9O1xuICBmb250LWZhbWlseTogJHt0aGVtZS5mb250RmFtaWxpZXMuZGlzcGxheX07XG4gIHRvcDogMDtcbiAgdHJhbnNpdGlvbi1kdXJhdGlvbjogNTAwbXM7XG5cbiAgJHsoeyBzdGlja3lIZWFkZXIgfSkgPT4gYFxuICAgICR7XG4gICAgICBzdGlja3lIZWFkZXIgJiZcbiAgICAgIGBcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7c3RpY2t5SGVhZGVyICYmIHRoZW1lLmNvbG9ycy5zdXJmYWNlLnByaW1hcnl9O1xuICAgICAgcG9zaXRpb246ICR7c3RpY2t5SGVhZGVyICYmICdzdGlja3knfTtcbiAgICAgIHotaW5kZXg6ICR7c3RpY2t5SGVhZGVyICYmICcxMCd9O1xuICAgICAgYFxuICAgIH1cbiAgYH1cblxuICAmOmhvdmVyIHtcbiAgICAkeyh7IHNvcnRCeUtleSwgc29ydGFibGUgfSkgPT4gYFxuICAgICAgJHtcbiAgICAgICAgc29ydEJ5S2V5ICYmXG4gICAgICAgIHNvcnRhYmxlICYmXG4gICAgICAgIGBcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5zZWNvbmRhcnl9O1xuICAgICAgICBjdXJzb3I6IHBvaW50ZXI7YFxuICAgICAgfVxuICAgIGB9XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IFRhYmxlSGVhZENlbGxTdHlsZWQgPSBzdHlsZWQoR2VuZXJpY1RhYmxlSGVhZENlbGxTdHlsZWQpPFRhYmxlSGVhZENlbGxQcm9wcz5gXG4gIG1pbi13aWR0aDogJHsoeyB3aWR0aCB9KSA9PiB3aWR0aCB8fCAnYXV0byd9O1xuICB0ZXh0LWFsaWduOiAkeyh7IGFsaWduIH0pID0+IGFsaWduIHx8ICdsZWZ0J307XG4gIHdpZHRoOiAkeyh7IGNvbHVtbnMsIHdpZHRoLCBoYXNPblNlbGVjdEZ1bmN0aW9uIH0pID0+XG4gICAgd2lkdGggfHwgYGNhbGMoKDEwMCUgJHtoYXNPblNlbGVjdEZ1bmN0aW9uICYmICctMzZweCd9KSAvICR7Y29sdW1uc30pYH07XG5cbiAgZGl2IHtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246ICR7KHsgYWxpZ24gfSkgPT4gKGFsaWduID09PSAncmlnaHQnID8gJ3Jvdy1yZXZlcnNlJyA6ICdyb3cnKX07XG4gICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICB9XG5gXG5cbmV4cG9ydCBjb25zdCBUYWJsZUhlYWRDZWxsQ2hlY2tib3hTdHlsZWQgPSBzdHlsZWQoR2VuZXJpY1RhYmxlSGVhZENlbGxTdHlsZWQpPFRhYmxlSGVhZENlbGxDaGVja2JveFByb3BzPmBgXG5cbmV4cG9ydCBjb25zdCBDaGV2cm9uU3R5bGVkID0gc3R5bGVkKENoZXZyb25Eb3duKTxDaGV2cm9uUHJvcHM+YFxuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMucHJpbWFyeS5kYXJrfTtcbiAgZm9udC1zaXplOiAxLjVyZW07XG4gIG9wYWNpdHk6ICR7KHsgc2hvdyB9KSA9PiAoc2hvdyA9PT0gJ3RydWUnID8gJzEnIDogJzAnKX07XG4gIHRyYW5zZm9ybTogJHsoeyBkZXNjZW5kaW5nIH0pID0+IGRlc2NlbmRpbmcgPT09ICd0cnVlJyAmJiAncm90YXRlKDE4MGRlZyknfTtcbiAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMjUwbXM7XG5gXG4iXX0= */"));
 exports.TableHeadCellStyled = TableHeadCellStyled;
 const TableHeadCellCheckboxStyled = ( /*#__PURE__*/0, _base.default)(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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0hlYWQvVGFibGVIZWFkLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0V5RyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvZHluYW1pYy10YWJsZS9IZWFkL1RhYmxlSGVhZC5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hldnJvbkRvd24gfSBmcm9tICdAZGZkcy11aS9pY29ucy9zeXN0ZW0nXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5cbmltcG9ydCB7XG4gIENoZXZyb25Qcm9wcyxcbiAgR2VuZXJpY1RhYmxlSGVhZENlbGxQcm9wcyxcbiAgVGFibGVIZWFkQ2VsbENoZWNrYm94UHJvcHMsXG4gIFRhYmxlSGVhZENlbGxQcm9wcyxcbn0gZnJvbSAnLi9UYWJsZUhlYWQudHlwZXMnXG5cbmltcG9ydCB7IGdlbmVyaWNUYWJsZUNlbGxTdHlsZSB9IGZyb20gJy4uL0JvZHkvVGFibGVDZWxsLnN0eWxlcydcbmltcG9ydCB7IGdlbmVyaWNUYWJsZVJvd1N0eWxlIH0gZnJvbSAnLi4vQm9keS9UYWJsZVJvdy5zdHlsZXMnXG5cbmV4cG9ydCBjb25zdCBUYWJsZUhlYWRSb3cgPSBzdHlsZWQudHJgXG4gICR7eyAuLi5nZW5lcmljVGFibGVSb3dTdHlsZSB9fVxuYFxuXG5jb25zdCBHZW5lcmljVGFibGVIZWFkQ2VsbFN0eWxlZCA9IHN0eWxlZC50aDxHZW5lcmljVGFibGVIZWFkQ2VsbFByb3BzPmBcbiAgJHt7IC4uLmdlbmVyaWNUYWJsZUNlbGxTdHlsZSB9fVxuXG4gIGJveC1zaGFkb3c6IGluc2V0IDAgLTFweCAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX0sXG4gICAgaW5zZXQgMCAxcHggJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5zZWNvbmRhcnl9O1xuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LnByaW1hcnl9O1xuICBmb250LWZhbWlseTogJHt0aGVtZS5mb250RmFtaWxpZXMuZGlzcGxheX07XG4gIHRvcDogMDtcbiAgdHJhbnNpdGlvbi1kdXJhdGlvbjogNTAwbXM7XG5cbiAgJHsoeyBzdGlja3lIZWFkZXIgfSkgPT4gYFxuICAgICR7XG4gICAgICBzdGlja3lIZWFkZXIgJiZcbiAgICAgIGBcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7c3RpY2t5SGVhZGVyICYmIHRoZW1lLmNvbG9ycy5zdXJmYWNlLnByaW1hcnl9O1xuICAgICAgcG9zaXRpb246ICR7c3RpY2t5SGVhZGVyICYmICdzdGlja3knfTtcbiAgICAgIHotaW5kZXg6ICR7c3RpY2t5SGVhZGVyICYmICcxMCd9O1xuICAgICAgYFxuICAgIH1cbiAgYH1cblxuICAmOmhvdmVyIHtcbiAgICAkeyh7IHNvcnRCeUtleSwgc29ydGFibGUgfSkgPT4gYFxuICAgICAgJHtcbiAgICAgICAgc29ydEJ5S2V5ICYmXG4gICAgICAgIHNvcnRhYmxlICYmXG4gICAgICAgIGBcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5zZWNvbmRhcnl9O1xuICAgICAgICBjdXJzb3I6IHBvaW50ZXI7YFxuICAgICAgfVxuICAgIGB9XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IFRhYmxlSGVhZENlbGxTdHlsZWQgPSBzdHlsZWQoR2VuZXJpY1RhYmxlSGVhZENlbGxTdHlsZWQpPFRhYmxlSGVhZENlbGxQcm9wcz5gXG4gIG1pbi13aWR0aDogJHsoeyBjdXN0b21Db2x1bW5XaWR0aCB9KSA9PiBjdXN0b21Db2x1bW5XaWR0aCB8fCAnYXV0byd9O1xuICB0ZXh0LWFsaWduOiAkeyh7IGFsaWduIH0pID0+IGFsaWduIHx8ICdsZWZ0J307XG4gIHdpZHRoOiAkeyh7IGNvbHVtbnMsIGN1c3RvbUNvbHVtbldpZHRoLCBoYXNPblNlbGVjdEZ1bmN0aW9uIH0pID0+XG4gICAgY3VzdG9tQ29sdW1uV2lkdGggfHwgYGNhbGMoKDEwMCUgJHtoYXNPblNlbGVjdEZ1bmN0aW9uICYmICctMzZweCd9KSAvICR7Y29sdW1uc30pYH07XG5cbiAgZGl2IHtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246ICR7KHsgYWxpZ24gfSkgPT4gKGFsaWduID09PSAncmlnaHQnID8gJ3Jvdy1yZXZlcnNlJyA6ICdyb3cnKX07XG4gICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICB9XG5gXG5cbmV4cG9ydCBjb25zdCBUYWJsZUhlYWRDZWxsQ2hlY2tib3hTdHlsZWQgPSBzdHlsZWQoR2VuZXJpY1RhYmxlSGVhZENlbGxTdHlsZWQpPFRhYmxlSGVhZENlbGxDaGVja2JveFByb3BzPmBgXG5cbmV4cG9ydCBjb25zdCBDaGV2cm9uU3R5bGVkID0gc3R5bGVkKENoZXZyb25Eb3duKTxDaGV2cm9uUHJvcHM+YFxuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMucHJpbWFyeS5kYXJrfTtcbiAgZm9udC1zaXplOiAxLjVyZW07XG4gIG1hcmdpbjogMCA1cHg7XG4gIG9wYWNpdHk6ICR7KHsgc2hvdyB9KSA9PiAoc2hvdyA9PT0gJ3RydWUnID8gJzEnIDogJzAnKX07XG4gIHRyYW5zZm9ybTogJHsoeyBkZXNjZW5kaW5nIH0pID0+IGRlc2NlbmRpbmcgPT09ICd0cnVlJyAmJiAncm90YXRlKDE4MGRlZyknfTtcbiAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMjUwbXM7XG5gXG4iXX0= */");
+})(process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0hlYWQvVGFibGVIZWFkLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0V5RyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvZHluYW1pYy10YWJsZS9IZWFkL1RhYmxlSGVhZC5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hldnJvbkRvd24gfSBmcm9tICdAZGZkcy11aS9pY29ucy9zeXN0ZW0nXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5cbmltcG9ydCB7XG4gIENoZXZyb25Qcm9wcyxcbiAgR2VuZXJpY1RhYmxlSGVhZENlbGxQcm9wcyxcbiAgVGFibGVIZWFkQ2VsbENoZWNrYm94UHJvcHMsXG4gIFRhYmxlSGVhZENlbGxQcm9wcyxcbn0gZnJvbSAnLi9UYWJsZUhlYWQudHlwZXMnXG5cbmltcG9ydCB7IGdlbmVyaWNUYWJsZUNlbGxTdHlsZSB9IGZyb20gJy4uL0JvZHkvVGFibGVDZWxsLnN0eWxlcydcbmltcG9ydCB7IGdlbmVyaWNUYWJsZVJvd1N0eWxlIH0gZnJvbSAnLi4vQm9keS9UYWJsZVJvdy5zdHlsZXMnXG5cbmV4cG9ydCBjb25zdCBUYWJsZUhlYWRSb3cgPSBzdHlsZWQudHJgXG4gICR7eyAuLi5nZW5lcmljVGFibGVSb3dTdHlsZSB9fVxuYFxuXG5jb25zdCBHZW5lcmljVGFibGVIZWFkQ2VsbFN0eWxlZCA9IHN0eWxlZC50aDxHZW5lcmljVGFibGVIZWFkQ2VsbFByb3BzPmBcbiAgJHt7IC4uLmdlbmVyaWNUYWJsZUNlbGxTdHlsZSB9fVxuXG4gIGJveC1zaGFkb3c6IGluc2V0IDAgLTFweCAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX0sXG4gICAgaW5zZXQgMCAxcHggJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5zZWNvbmRhcnl9O1xuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LnByaW1hcnl9O1xuICBmb250LWZhbWlseTogJHt0aGVtZS5mb250RmFtaWxpZXMuZGlzcGxheX07XG4gIHRvcDogMDtcbiAgdHJhbnNpdGlvbi1kdXJhdGlvbjogNTAwbXM7XG5cbiAgJHsoeyBzdGlja3lIZWFkZXIgfSkgPT4gYFxuICAgICR7XG4gICAgICBzdGlja3lIZWFkZXIgJiZcbiAgICAgIGBcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7c3RpY2t5SGVhZGVyICYmIHRoZW1lLmNvbG9ycy5zdXJmYWNlLnByaW1hcnl9O1xuICAgICAgcG9zaXRpb246ICR7c3RpY2t5SGVhZGVyICYmICdzdGlja3knfTtcbiAgICAgIHotaW5kZXg6ICR7c3RpY2t5SGVhZGVyICYmICcxMCd9O1xuICAgICAgYFxuICAgIH1cbiAgYH1cblxuICAmOmhvdmVyIHtcbiAgICAkeyh7IHNvcnRCeUtleSwgc29ydGFibGUgfSkgPT4gYFxuICAgICAgJHtcbiAgICAgICAgc29ydEJ5S2V5ICYmXG4gICAgICAgIHNvcnRhYmxlICYmXG4gICAgICAgIGBcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5zZWNvbmRhcnl9O1xuICAgICAgICBjdXJzb3I6IHBvaW50ZXI7YFxuICAgICAgfVxuICAgIGB9XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IFRhYmxlSGVhZENlbGxTdHlsZWQgPSBzdHlsZWQoR2VuZXJpY1RhYmxlSGVhZENlbGxTdHlsZWQpPFRhYmxlSGVhZENlbGxQcm9wcz5gXG4gIG1pbi13aWR0aDogJHsoeyB3aWR0aCB9KSA9PiB3aWR0aCB8fCAnYXV0byd9O1xuICB0ZXh0LWFsaWduOiAkeyh7IGFsaWduIH0pID0+IGFsaWduIHx8ICdsZWZ0J307XG4gIHdpZHRoOiAkeyh7IGNvbHVtbnMsIHdpZHRoLCBoYXNPblNlbGVjdEZ1bmN0aW9uIH0pID0+XG4gICAgd2lkdGggfHwgYGNhbGMoKDEwMCUgJHtoYXNPblNlbGVjdEZ1bmN0aW9uICYmICctMzZweCd9KSAvICR7Y29sdW1uc30pYH07XG5cbiAgZGl2IHtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246ICR7KHsgYWxpZ24gfSkgPT4gKGFsaWduID09PSAncmlnaHQnID8gJ3Jvdy1yZXZlcnNlJyA6ICdyb3cnKX07XG4gICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICB9XG5gXG5cbmV4cG9ydCBjb25zdCBUYWJsZUhlYWRDZWxsQ2hlY2tib3hTdHlsZWQgPSBzdHlsZWQoR2VuZXJpY1RhYmxlSGVhZENlbGxTdHlsZWQpPFRhYmxlSGVhZENlbGxDaGVja2JveFByb3BzPmBgXG5cbmV4cG9ydCBjb25zdCBDaGV2cm9uU3R5bGVkID0gc3R5bGVkKENoZXZyb25Eb3duKTxDaGV2cm9uUHJvcHM+YFxuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMucHJpbWFyeS5kYXJrfTtcbiAgZm9udC1zaXplOiAxLjVyZW07XG4gIG9wYWNpdHk6ICR7KHsgc2hvdyB9KSA9PiAoc2hvdyA9PT0gJ3RydWUnID8gJzEnIDogJzAnKX07XG4gIHRyYW5zZm9ybTogJHsoeyBkZXNjZW5kaW5nIH0pID0+IGRlc2NlbmRpbmcgPT09ICd0cnVlJyAmJiAncm90YXRlKDE4MGRlZyknfTtcbiAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMjUwbXM7XG5gXG4iXX0= */");
 exports.TableHeadCellCheckboxStyled = TableHeadCellCheckboxStyled;
 const ChevronStyled = ( /*#__PURE__*/0, _base.default)(_system.ChevronDown, process.env.NODE_ENV === "production" ? {
   target: "e16aby0h0"
 } : {
   target: "e16aby0h0",
   label: "ChevronStyled"
-})("color:", _theme.theme.colors.primary.dark, ";font-size:1.5rem;margin:0 5px;opacity:", ({
+})("color:", _theme.theme.colors.primary.dark, ";font-size:1.5rem;opacity:", ({
   show
 }) => show === 'true' ? '1' : '0', ";transform:", ({
   descending
-}) => descending === 'true' && 'rotate(180deg)', ";transition-duration:250ms;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0hlYWQvVGFibGVIZWFkLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0U4RCIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvZHluYW1pYy10YWJsZS9IZWFkL1RhYmxlSGVhZC5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hldnJvbkRvd24gfSBmcm9tICdAZGZkcy11aS9pY29ucy9zeXN0ZW0nXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5cbmltcG9ydCB7XG4gIENoZXZyb25Qcm9wcyxcbiAgR2VuZXJpY1RhYmxlSGVhZENlbGxQcm9wcyxcbiAgVGFibGVIZWFkQ2VsbENoZWNrYm94UHJvcHMsXG4gIFRhYmxlSGVhZENlbGxQcm9wcyxcbn0gZnJvbSAnLi9UYWJsZUhlYWQudHlwZXMnXG5cbmltcG9ydCB7IGdlbmVyaWNUYWJsZUNlbGxTdHlsZSB9IGZyb20gJy4uL0JvZHkvVGFibGVDZWxsLnN0eWxlcydcbmltcG9ydCB7IGdlbmVyaWNUYWJsZVJvd1N0eWxlIH0gZnJvbSAnLi4vQm9keS9UYWJsZVJvdy5zdHlsZXMnXG5cbmV4cG9ydCBjb25zdCBUYWJsZUhlYWRSb3cgPSBzdHlsZWQudHJgXG4gICR7eyAuLi5nZW5lcmljVGFibGVSb3dTdHlsZSB9fVxuYFxuXG5jb25zdCBHZW5lcmljVGFibGVIZWFkQ2VsbFN0eWxlZCA9IHN0eWxlZC50aDxHZW5lcmljVGFibGVIZWFkQ2VsbFByb3BzPmBcbiAgJHt7IC4uLmdlbmVyaWNUYWJsZUNlbGxTdHlsZSB9fVxuXG4gIGJveC1zaGFkb3c6IGluc2V0IDAgLTFweCAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX0sXG4gICAgaW5zZXQgMCAxcHggJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5zZWNvbmRhcnl9O1xuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LnByaW1hcnl9O1xuICBmb250LWZhbWlseTogJHt0aGVtZS5mb250RmFtaWxpZXMuZGlzcGxheX07XG4gIHRvcDogMDtcbiAgdHJhbnNpdGlvbi1kdXJhdGlvbjogNTAwbXM7XG5cbiAgJHsoeyBzdGlja3lIZWFkZXIgfSkgPT4gYFxuICAgICR7XG4gICAgICBzdGlja3lIZWFkZXIgJiZcbiAgICAgIGBcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7c3RpY2t5SGVhZGVyICYmIHRoZW1lLmNvbG9ycy5zdXJmYWNlLnByaW1hcnl9O1xuICAgICAgcG9zaXRpb246ICR7c3RpY2t5SGVhZGVyICYmICdzdGlja3knfTtcbiAgICAgIHotaW5kZXg6ICR7c3RpY2t5SGVhZGVyICYmICcxMCd9O1xuICAgICAgYFxuICAgIH1cbiAgYH1cblxuICAmOmhvdmVyIHtcbiAgICAkeyh7IHNvcnRCeUtleSwgc29ydGFibGUgfSkgPT4gYFxuICAgICAgJHtcbiAgICAgICAgc29ydEJ5S2V5ICYmXG4gICAgICAgIHNvcnRhYmxlICYmXG4gICAgICAgIGBcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5zZWNvbmRhcnl9O1xuICAgICAgICBjdXJzb3I6IHBvaW50ZXI7YFxuICAgICAgfVxuICAgIGB9XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IFRhYmxlSGVhZENlbGxTdHlsZWQgPSBzdHlsZWQoR2VuZXJpY1RhYmxlSGVhZENlbGxTdHlsZWQpPFRhYmxlSGVhZENlbGxQcm9wcz5gXG4gIG1pbi13aWR0aDogJHsoeyBjdXN0b21Db2x1bW5XaWR0aCB9KSA9PiBjdXN0b21Db2x1bW5XaWR0aCB8fCAnYXV0byd9O1xuICB0ZXh0LWFsaWduOiAkeyh7IGFsaWduIH0pID0+IGFsaWduIHx8ICdsZWZ0J307XG4gIHdpZHRoOiAkeyh7IGNvbHVtbnMsIGN1c3RvbUNvbHVtbldpZHRoLCBoYXNPblNlbGVjdEZ1bmN0aW9uIH0pID0+XG4gICAgY3VzdG9tQ29sdW1uV2lkdGggfHwgYGNhbGMoKDEwMCUgJHtoYXNPblNlbGVjdEZ1bmN0aW9uICYmICctMzZweCd9KSAvICR7Y29sdW1uc30pYH07XG5cbiAgZGl2IHtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246ICR7KHsgYWxpZ24gfSkgPT4gKGFsaWduID09PSAncmlnaHQnID8gJ3Jvdy1yZXZlcnNlJyA6ICdyb3cnKX07XG4gICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICB9XG5gXG5cbmV4cG9ydCBjb25zdCBUYWJsZUhlYWRDZWxsQ2hlY2tib3hTdHlsZWQgPSBzdHlsZWQoR2VuZXJpY1RhYmxlSGVhZENlbGxTdHlsZWQpPFRhYmxlSGVhZENlbGxDaGVja2JveFByb3BzPmBgXG5cbmV4cG9ydCBjb25zdCBDaGV2cm9uU3R5bGVkID0gc3R5bGVkKENoZXZyb25Eb3duKTxDaGV2cm9uUHJvcHM+YFxuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMucHJpbWFyeS5kYXJrfTtcbiAgZm9udC1zaXplOiAxLjVyZW07XG4gIG1hcmdpbjogMCA1cHg7XG4gIG9wYWNpdHk6ICR7KHsgc2hvdyB9KSA9PiAoc2hvdyA9PT0gJ3RydWUnID8gJzEnIDogJzAnKX07XG4gIHRyYW5zZm9ybTogJHsoeyBkZXNjZW5kaW5nIH0pID0+IGRlc2NlbmRpbmcgPT09ICd0cnVlJyAmJiAncm90YXRlKDE4MGRlZyknfTtcbiAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMjUwbXM7XG5gXG4iXX0= */"));
+}) => descending === 'true' && 'rotate(180deg)', ";transition-duration:250ms;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0hlYWQvVGFibGVIZWFkLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0U4RCIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvZHluYW1pYy10YWJsZS9IZWFkL1RhYmxlSGVhZC5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hldnJvbkRvd24gfSBmcm9tICdAZGZkcy11aS9pY29ucy9zeXN0ZW0nXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5cbmltcG9ydCB7XG4gIENoZXZyb25Qcm9wcyxcbiAgR2VuZXJpY1RhYmxlSGVhZENlbGxQcm9wcyxcbiAgVGFibGVIZWFkQ2VsbENoZWNrYm94UHJvcHMsXG4gIFRhYmxlSGVhZENlbGxQcm9wcyxcbn0gZnJvbSAnLi9UYWJsZUhlYWQudHlwZXMnXG5cbmltcG9ydCB7IGdlbmVyaWNUYWJsZUNlbGxTdHlsZSB9IGZyb20gJy4uL0JvZHkvVGFibGVDZWxsLnN0eWxlcydcbmltcG9ydCB7IGdlbmVyaWNUYWJsZVJvd1N0eWxlIH0gZnJvbSAnLi4vQm9keS9UYWJsZVJvdy5zdHlsZXMnXG5cbmV4cG9ydCBjb25zdCBUYWJsZUhlYWRSb3cgPSBzdHlsZWQudHJgXG4gICR7eyAuLi5nZW5lcmljVGFibGVSb3dTdHlsZSB9fVxuYFxuXG5jb25zdCBHZW5lcmljVGFibGVIZWFkQ2VsbFN0eWxlZCA9IHN0eWxlZC50aDxHZW5lcmljVGFibGVIZWFkQ2VsbFByb3BzPmBcbiAgJHt7IC4uLmdlbmVyaWNUYWJsZUNlbGxTdHlsZSB9fVxuXG4gIGJveC1zaGFkb3c6IGluc2V0IDAgLTFweCAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX0sXG4gICAgaW5zZXQgMCAxcHggJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5zZWNvbmRhcnl9O1xuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LnByaW1hcnl9O1xuICBmb250LWZhbWlseTogJHt0aGVtZS5mb250RmFtaWxpZXMuZGlzcGxheX07XG4gIHRvcDogMDtcbiAgdHJhbnNpdGlvbi1kdXJhdGlvbjogNTAwbXM7XG5cbiAgJHsoeyBzdGlja3lIZWFkZXIgfSkgPT4gYFxuICAgICR7XG4gICAgICBzdGlja3lIZWFkZXIgJiZcbiAgICAgIGBcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7c3RpY2t5SGVhZGVyICYmIHRoZW1lLmNvbG9ycy5zdXJmYWNlLnByaW1hcnl9O1xuICAgICAgcG9zaXRpb246ICR7c3RpY2t5SGVhZGVyICYmICdzdGlja3knfTtcbiAgICAgIHotaW5kZXg6ICR7c3RpY2t5SGVhZGVyICYmICcxMCd9O1xuICAgICAgYFxuICAgIH1cbiAgYH1cblxuICAmOmhvdmVyIHtcbiAgICAkeyh7IHNvcnRCeUtleSwgc29ydGFibGUgfSkgPT4gYFxuICAgICAgJHtcbiAgICAgICAgc29ydEJ5S2V5ICYmXG4gICAgICAgIHNvcnRhYmxlICYmXG4gICAgICAgIGBcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5zZWNvbmRhcnl9O1xuICAgICAgICBjdXJzb3I6IHBvaW50ZXI7YFxuICAgICAgfVxuICAgIGB9XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IFRhYmxlSGVhZENlbGxTdHlsZWQgPSBzdHlsZWQoR2VuZXJpY1RhYmxlSGVhZENlbGxTdHlsZWQpPFRhYmxlSGVhZENlbGxQcm9wcz5gXG4gIG1pbi13aWR0aDogJHsoeyB3aWR0aCB9KSA9PiB3aWR0aCB8fCAnYXV0byd9O1xuICB0ZXh0LWFsaWduOiAkeyh7IGFsaWduIH0pID0+IGFsaWduIHx8ICdsZWZ0J307XG4gIHdpZHRoOiAkeyh7IGNvbHVtbnMsIHdpZHRoLCBoYXNPblNlbGVjdEZ1bmN0aW9uIH0pID0+XG4gICAgd2lkdGggfHwgYGNhbGMoKDEwMCUgJHtoYXNPblNlbGVjdEZ1bmN0aW9uICYmICctMzZweCd9KSAvICR7Y29sdW1uc30pYH07XG5cbiAgZGl2IHtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246ICR7KHsgYWxpZ24gfSkgPT4gKGFsaWduID09PSAncmlnaHQnID8gJ3Jvdy1yZXZlcnNlJyA6ICdyb3cnKX07XG4gICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICB9XG5gXG5cbmV4cG9ydCBjb25zdCBUYWJsZUhlYWRDZWxsQ2hlY2tib3hTdHlsZWQgPSBzdHlsZWQoR2VuZXJpY1RhYmxlSGVhZENlbGxTdHlsZWQpPFRhYmxlSGVhZENlbGxDaGVja2JveFByb3BzPmBgXG5cbmV4cG9ydCBjb25zdCBDaGV2cm9uU3R5bGVkID0gc3R5bGVkKENoZXZyb25Eb3duKTxDaGV2cm9uUHJvcHM+YFxuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMucHJpbWFyeS5kYXJrfTtcbiAgZm9udC1zaXplOiAxLjVyZW07XG4gIG9wYWNpdHk6ICR7KHsgc2hvdyB9KSA9PiAoc2hvdyA9PT0gJ3RydWUnID8gJzEnIDogJzAnKX07XG4gIHRyYW5zZm9ybTogJHsoeyBkZXNjZW5kaW5nIH0pID0+IGRlc2NlbmRpbmcgPT09ICd0cnVlJyAmJiAncm90YXRlKDE4MGRlZyknfTtcbiAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMjUwbXM7XG5gXG4iXX0= */"));
 exports.ChevronStyled = ChevronStyled;

package/cjs/dynamic-table/Skeleton/helpers/createSkeletonRows.js

@@ -19,21 +19,22 @@ var _ref = process.env.NODE_ENV === "production" ? {
   name: "d6ykp6",
   styles: "height:12px;width:100%"
 } : {
-  name: "1u3k8d4-createSkeletonRows",
-  styles: "height:12px;width:100%;label:createSkeletonRows;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL1NrZWxldG9uL2hlbHBlcnMvY3JlYXRlU2tlbGV0b25Sb3dzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFVZ0IiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vc3JjL2R5bmFtaWMtdGFibGUvU2tlbGV0b24vaGVscGVycy9jcmVhdGVTa2VsZXRvblJvd3MudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgU2tlbGV0b24gfSBmcm9tICdAZGZkcy11aS9yZWFjdC1jb21wb25lbnRzJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbmltcG9ydCB7IEhlYWRlciB9IGZyb20gJy4uLy4uL0R5bmFtaWNUYWJsZS50eXBlcydcblxuY29uc3QgY3JlYXRlU2tlbGV0b25Sb3dzID0gKGhlYWRlclJvdzogSGVhZGVyW10gfCB1bmRlZmluZWQpID0+XG4gIFsuLi5BcnJheSg3KV0ubWFwKChyb3csIGluZGV4KSA9PiAoe1xuICAgIGNlbGxzOiAoaGVhZGVyUm93IHx8IFsuLi5BcnJheSg1KV0pLm1hcCgoKSA9PiAoXG4gICAgICA8U2tlbGV0b25cbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgaGVpZ2h0OiAxMnB4O1xuICAgICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICBgfVxuICAgICAgICBrZXk9e2luZGV4fVxuICAgICAgICB2YXJpYW50PVwidGV4dFwiXG4gICAgICAvPlxuICAgICkpLFxuICAgIGlkOiBpbmRleCArIDEsIC8vIGlkIHNob3VsZCBub3QgYmUgMC5cbiAgfSkpXG5cbmV4cG9ydCBkZWZhdWx0IGNyZWF0ZVNrZWxldG9uUm93c1xuIl19 */",
+  name: "d6ykp6",
+  styles: "height:12px;width:100%",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL1NrZWxldG9uL2hlbHBlcnMvY3JlYXRlU2tlbGV0b25Sb3dzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFha0IiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vc3JjL2R5bmFtaWMtdGFibGUvU2tlbGV0b24vaGVscGVycy9jcmVhdGVTa2VsZXRvblJvd3MudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgU2tlbGV0b24gfSBmcm9tICdAZGZkcy11aS9yZWFjdC1jb21wb25lbnRzJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbmltcG9ydCB7IEhlYWRlciwgUm93IH0gZnJvbSAnLi4vLi4vRHluYW1pY1RhYmxlLnR5cGVzJ1xuXG5jb25zdCBjcmVhdGVTa2VsZXRvblJvd3MgPSAoaGVhZGVyUm93OiBIZWFkZXJbXSB8IHVuZGVmaW5lZCkgPT5cbiAgWy4uLkFycmF5KDcpXS5tYXAoKCkgPT4ge1xuICAgIGNvbnN0IHJvdzogUm93ID0ge31cblxuICAgIGhlYWRlclJvdz8uZm9yRWFjaCgoY2VsbCkgPT4ge1xuICAgICAgcm93W2NlbGwua2V5XSA9IChcbiAgICAgICAgPFNrZWxldG9uXG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBoZWlnaHQ6IDEycHg7XG4gICAgICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgICBgfVxuICAgICAgICAgIHZhcmlhbnQ9XCJ0ZXh0XCJcbiAgICAgICAgLz5cbiAgICAgIClcbiAgICB9KVxuXG4gICAgcmV0dXJuIHJvd1xuICB9KVxuXG5leHBvcnQgZGVmYXVsdCBjcmVhdGVTa2VsZXRvblJvd3NcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 
-const createSkeletonRows = headerRow => [...Array(7)].map((row, index) => ({
-  cells: (headerRow || [...Array(5)]).map(() => (0, _react2.jsx)(_reactComponents.Skeleton, {
-    css: _ref,
-    key: index,
-    variant: "text"
-  })),
-  id: index + 1 // id should not be 0.
-
-}));
+const createSkeletonRows = headerRow => [...Array(7)].map(() => {
+  const row = {};
+  headerRow === null || headerRow === void 0 ? void 0 : headerRow.forEach(cell => {
+    row[cell.key] = (0, _react2.jsx)(_reactComponents.Skeleton, {
+      css: _ref,
+      variant: "text"
+    });
+  });
+  return row;
+});
 
 var _default = createSkeletonRows;
 exports.default = _default;

package/cjs/dynamic-table/stories/headerRow.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+const headerRow = [{
+  displayName: 'ID',
+  key: 'id'
+}, {
+  displayName: 'Pallets',
+  key: 'pallets'
+}, {
+  displayName: 'From',
+  key: 'from'
+}, {
+  displayName: 'To',
+  key: 'to'
+}, {
+  displayName: 'Price',
+  key: 'price',
+  textAlign: 'right'
+}];
+var _default = headerRow;
+exports.default = _default;

package/cjs/dynamic-table/stories/headerRowSortable.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+const 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'
+}];
+var _default = headerRowSortable;
+exports.default = _default;

package/cjs/dynamic-table/stories/tableRows.js

@@ -0,0 +1,76 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _react2 = require("@emotion/react");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const Currency = () => (0, _react2.jsx)("span", {
+  style: {
+    fontSize: '10px'
+  }
+}, "EUR");
+
+const tableRows = [{
+  id: '1001',
+  pallets: 10,
+  from: 'Copenhagen',
+  to: 'Stockholm',
+  price: (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)(Currency, null), " ", (0, _react2.jsx)("strong", null, "200"))
+}, {
+  id: '1002',
+  pallets: 41,
+  from: 'Istanbul',
+  to: 'London',
+  price: (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)(Currency, null), " ", (0, _react2.jsx)("strong", null, "320"))
+}, {
+  id: '1003',
+  pallets: 9,
+  from: 'Delphi',
+  to: 'Madrid',
+  price: (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)(Currency, null), " ", (0, _react2.jsx)("strong", null, "1574"))
+}, {
+  id: '1004',
+  pallets: 52,
+  from: 'Stockholm',
+  to: 'Amsterdam',
+  price: (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)(Currency, null), " ", (0, _react2.jsx)("strong", null, "945.50"))
+}, {
+  id: '1005',
+  pallets: 4,
+  from: 'London',
+  to: 'Paris',
+  price: (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)(Currency, null), " ", (0, _react2.jsx)("strong", null, "850"))
+}, {
+  id: '1006',
+  pallets: 33,
+  from: 'Madrid',
+  to: 'Berlin',
+  price: (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)(Currency, null), " ", (0, _react2.jsx)("strong", null, "2000"))
+}, {
+  id: '1007',
+  pallets: 17,
+  from: 'Berlin',
+  to: 'Oslo',
+  price: (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)(Currency, null), " ", (0, _react2.jsx)("strong", null, "887"))
+}, {
+  id: '1008',
+  pallets: 14,
+  from: 'Oslo',
+  to: 'Cairo',
+  price: (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)(Currency, null), " ", (0, _react2.jsx)("strong", null, "2400"))
+}, {
+  id: '1009',
+  pallets: 23,
+  from: 'Paris',
+  to: 'Rome',
+  price: (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)(Currency, null), " ", (0, _react2.jsx)("strong", null, "1280.30"))
+}];
+var _default = tableRows;
+exports.default = _default;

package/dynamic-table/Body/TableBody.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { TableBodyProps } from './TableBody.types';
-declare const TableBody: React.MemoExoticComponent<({ activeRowId, headerRow, onClickRow, onSelectFunction, rows, selectableRows, selectedRows }: TableBodyProps) => JSX.Element>;
+declare const TableBody: React.MemoExoticComponent<({ activeRow, headerRow, onClickRow, onSelectRow, rows, selectableRows, selectedRows }: TableBodyProps) => JSX.Element>;
 export default TableBody;