@entur/table 4.6.17 → 4.6.18

package/dist/styles.css

@@ -1,128 +1,71 @@
 /* DO NOT CHANGE!*/
 /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
-:root {
-  --eds-table: 1;
-}
-
-.eds-table {
-  border-collapse: collapse;
-  width: 100%;
-}
-.eds-table--fixed {
-  table-layout: fixed;
-}
-.eds-table--sticky-header {
-  position: relative;
+.eds-table__header-cell {
+  color: #656782;
+  font-size: 0.875rem;
+  font-weight: 500;
+  text-align: left;
+  height: 3rem;
+  padding: 0 1.5rem;
 }
-.eds-table__data-cell {
-  height: 3.75rem;
-  padding: 1rem 1.5rem;
+.eds-table--middle .eds-table__header-cell, .eds-table--small .eds-table__header-cell {
+  padding: 0 1rem;
 }
-.eds-contrast .eds-table__data-cell {
+.eds-contrast .eds-table__header-cell {
+  color: #aeb7e2;
   border-bottom-color: #393d79;
 }
-.eds-table--middle .eds-table__data-cell {
-  padding: 0.5rem 1rem;
-  height: 3rem;
-}
-.eds-table--small .eds-table__data-cell {
-  padding: 0.25rem 1rem;
-  height: 2rem;
-}
-.eds-table__data-cell--padding-checkbox {
+.eds-table__header-cell--padding-checkbox {
   width: 3rem;
-  padding: 0.5rem 0 0.75rem 1.25rem;
+  padding: 0 0 1rem 1.25rem;
 }
-.eds-table__data-cell--padding-radio {
+.eds-table__header-cell--padding-radio {
   width: 3rem;
-  padding: 1rem 0 1rem 1.25rem;
+  padding: 0 0 1rem 1.25rem;
 }
-.eds-table__data-cell--padding-overflow-menu {
+.eds-table__header-cell--padding-overflow-menu {
   width: 3rem;
   padding: 1rem 0.75rem;
 }
-.eds-table__data-cell[class*=eds-table__data-cell--status] {
+.eds-table__header-cell--sortable:focus {
+  outline: none;
+  box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
+  outline-offset: 0.125rem;
+}
+.eds-table__header-cell-button {
   position: relative;
+  text-align: left;
+  height: 100%;
+  width: 100%;
+  padding: 0;
+  cursor: pointer;
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+  border: none;
+  background: none;
+  color: inherit;
+  font-size: inherit;
+  font-weight: inherit;
+  font-family: inherit;
 }
-.eds-table__data-cell[class*=eds-table__data-cell--status]:before {
-  left: 0;
-  top: 1.3125rem;
-  content: "";
+.eds-table__header-cell-button-icon {
   position: absolute;
-  height: 0.625rem;
-  width: 0.625rem;
-  border-radius: 50%;
-}
-.eds-table--small .eds-table__data-cell[class*=eds-table__data-cell--status]:before {
-  top: 0.5625rem;
-}
-.eds-table--middle .eds-table__data-cell[class*=eds-table__data-cell--status]:before {
-  top: 0.8125rem;
-}
-.eds-table__data-cell--status-positive:before {
-  background: #1a8e60;
-}
-.eds-contrast .eds-table__data-cell--status-positive:before {
-  background: #5ac39a;
-}
-.eds-table__data-cell--status-negative:before {
-  background: #d31b1b;
-}
-.eds-contrast .eds-table__data-cell--status-negative:before {
-  background: #ff9494;
-}
-.eds-table__data-cell--status-neutral:before {
-  background: #d1d3d3;
-}
-.eds-contrast .eds-table__data-cell--status-neutral:before {
-  background: #babbcf;
-}
-.eds-table__body > .eds-table__row {
-  border-bottom: 0.125rem solid #e9e9e9;
-}
-.eds-contrast .eds-table__body > .eds-table__row {
-  border-color: #393d79;
+  margin-left: 0.25rem;
 }
-.eds-table__body > .eds-table__row:focus {
+.eds-table__header-cell-button:focus {
   outline: 2px solid #181c56;
 }
-.eds-table__body > .eds-table__row--hover:hover {
-  background: #f3f3f3;
-}
-.eds-contrast .eds-table__body > .eds-table__row--hover:hover {
-  background: #292b6a;
-}
-.eds-table__body > .eds-table__row--active {
-  background: #ebebf1;
-  border: 0.125rem solid #d1d4e3;
-}
-.eds-contrast .eds-table__body > .eds-table__row--active {
-  border-color: #393d79;
-  background: #393d79;
-}
-.eds-table__body > .eds-table__row--error {
-  background: #ffcece;
-  border-color: #ff9494;
-}
-.eds-table__head {
-  border-bottom: 0.125rem solid #e9e9e9;
-}
-.eds-contrast .eds-table__head {
-  border-color: #393d79;
+.eds-contrast .eds-table__header-cell-button:focus {
+  outline: 2px solid #ffffff;
 }
-.eds-table--sticky-header--active .eds-table__head {
+.eds-table--sticky-header .eds-table__header-cell {
+  background-color: #ffffff;
   position: sticky;
   top: 0;
-  box-shadow: 0px 10px 8px -10px rgba(0, 0, 0, 0.15);
-  border-bottom: none;
-}
-/* DO NOT CHANGE!*/
-/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
-.eds-expand-row-button__icon {
-  transition: transform ease-in-out 0.2s;
 }
-.eds-expand-row-button--open .eds-expand-row-button__icon {
-  transform: rotate(180deg);
+.eds-contrast .eds-table--sticky-header .eds-table__header-cell {
+  background-color: #181c56;
 }
 /* DO NOT CHANGE!*/
 /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
@@ -243,70 +186,127 @@
 }
 /* DO NOT CHANGE!*/
 /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
-.eds-table__header-cell {
-  color: #656782;
-  font-size: 0.875rem;
-  font-weight: 500;
-  text-align: left;
-  height: 3rem;
-  padding: 0 1.5rem;
+.eds-expand-row-button__icon {
+  transition: transform ease-in-out 0.2s;
 }
-.eds-table--middle .eds-table__header-cell, .eds-table--small .eds-table__header-cell {
-  padding: 0 1rem;
+.eds-expand-row-button--open .eds-expand-row-button__icon {
+  transform: rotate(180deg);
 }
-.eds-contrast .eds-table__header-cell {
-  color: #aeb7e2;
+/* DO NOT CHANGE!*/
+/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
+:root {
+  --eds-table: 1;
+}
+
+.eds-table {
+  border-collapse: collapse;
+  width: 100%;
+}
+.eds-table--fixed {
+  table-layout: fixed;
+}
+.eds-table--sticky-header {
+  position: relative;
+}
+.eds-table__data-cell {
+  height: 3.75rem;
+  padding: 1rem 1.5rem;
+}
+.eds-contrast .eds-table__data-cell {
   border-bottom-color: #393d79;
 }
-.eds-table__header-cell--padding-checkbox {
+.eds-table--middle .eds-table__data-cell {
+  padding: 0.5rem 1rem;
+  height: 3rem;
+}
+.eds-table--small .eds-table__data-cell {
+  padding: 0.25rem 1rem;
+  height: 2rem;
+}
+.eds-table__data-cell--padding-checkbox {
   width: 3rem;
-  padding: 0 0 1rem 1.25rem;
+  padding: 0.5rem 0 0.75rem 1.25rem;
 }
-.eds-table__header-cell--padding-radio {
+.eds-table__data-cell--padding-radio {
   width: 3rem;
-  padding: 0 0 1rem 1.25rem;
+  padding: 1rem 0 1rem 1.25rem;
 }
-.eds-table__header-cell--padding-overflow-menu {
+.eds-table__data-cell--padding-overflow-menu {
   width: 3rem;
   padding: 1rem 0.75rem;
 }
-.eds-table__header-cell--sortable:focus {
-  outline: none;
-  box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
-  outline-offset: 0.125rem;
-}
-.eds-table__header-cell-button {
+.eds-table__data-cell[class*=eds-table__data-cell--status] {
   position: relative;
-  text-align: left;
-  height: 100%;
-  width: 100%;
-  padding: 0;
-  cursor: pointer;
-  -webkit-appearance: none;
-     -moz-appearance: none;
-          appearance: none;
-  border: none;
-  background: none;
-  color: inherit;
-  font-size: inherit;
-  font-weight: inherit;
-  font-family: inherit;
 }
-.eds-table__header-cell-button-icon {
+.eds-table__data-cell[class*=eds-table__data-cell--status]:before {
+  left: 0;
+  top: 1.3125rem;
+  content: "";
   position: absolute;
-  margin-left: 0.25rem;
+  height: 0.625rem;
+  width: 0.625rem;
+  border-radius: 50%;
 }
-.eds-table__header-cell-button:focus {
+.eds-table--small .eds-table__data-cell[class*=eds-table__data-cell--status]:before {
+  top: 0.5625rem;
+}
+.eds-table--middle .eds-table__data-cell[class*=eds-table__data-cell--status]:before {
+  top: 0.8125rem;
+}
+.eds-table__data-cell--status-positive:before {
+  background: #1a8e60;
+}
+.eds-contrast .eds-table__data-cell--status-positive:before {
+  background: #5ac39a;
+}
+.eds-table__data-cell--status-negative:before {
+  background: #d31b1b;
+}
+.eds-contrast .eds-table__data-cell--status-negative:before {
+  background: #ff9494;
+}
+.eds-table__data-cell--status-neutral:before {
+  background: #d1d3d3;
+}
+.eds-contrast .eds-table__data-cell--status-neutral:before {
+  background: #babbcf;
+}
+.eds-table__body > .eds-table__row {
+  border-bottom: 0.125rem solid #e9e9e9;
+}
+.eds-contrast .eds-table__body > .eds-table__row {
+  border-color: #393d79;
+}
+.eds-table__body > .eds-table__row:focus {
   outline: 2px solid #181c56;
 }
-.eds-contrast .eds-table__header-cell-button:focus {
-  outline: 2px solid #ffffff;
+.eds-table__body > .eds-table__row--hover:hover {
+  background: #f3f3f3;
 }
-.eds-table--sticky-header .eds-table__header-cell {
-  background-color: #ffffff;
+.eds-contrast .eds-table__body > .eds-table__row--hover:hover {
+  background: #292b6a;
+}
+.eds-table__body > .eds-table__row--active {
+  background: #ebebf1;
+  border: 0.125rem solid #d1d4e3;
+}
+.eds-contrast .eds-table__body > .eds-table__row--active {
+  border-color: #393d79;
+  background: #393d79;
+}
+.eds-table__body > .eds-table__row--error {
+  background: #ffcece;
+  border-color: #ff9494;
+}
+.eds-table__head {
+  border-bottom: 0.125rem solid #e9e9e9;
+}
+.eds-contrast .eds-table__head {
+  border-color: #393d79;
+}
+.eds-table--sticky-header--active .eds-table__head {
   position: sticky;
   top: 0;
-}
-.eds-contrast .eds-table--sticky-header .eds-table__header-cell {
-  background-color: #181c56;
+  box-shadow: 0px 10px 8px -10px rgba(0, 0, 0, 0.15);
+  border-bottom: none;
 }

package/dist/table.cjs.development.js

@@ -13,12 +13,6 @@ var tooltip = require('@entur/tooltip');
 var expand = require('@entur/expand');
 var button = require('@entur/button');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
-var get__default = /*#__PURE__*/_interopDefaultLegacy(get);
-
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
@@ -50,7 +44,7 @@ function _objectWithoutPropertiesLoose(source, excluded) {
 }
 
 var _excluded$8 = ["className", "fixed", "spacing", "sortable", "changeSortDescription", "stickyHeader"];
-var Table = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
+var Table = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var className = _ref.className,
     _ref$fixed = _ref.fixed,
     fixed = _ref$fixed === void 0 ? false : _ref$fixed,
@@ -68,10 +62,10 @@ var Table = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, re
   React.useEffect(function () {
     if (stickyHeader) {
       var _tableElement$parentN;
-      /* We check when an inserted div above the header
-        is outside our scrolling container to determine when
-        the table header becomes sticky. This is necessary
-        to conditionally add our box-shadow when the
+      /* We check when an inserted div above the header
+        is outside our scrolling container to determine when
+        the table header becomes sticky. This is necessary
+        to conditionally add our box-shadow when the
         header is overlapping table rows */
       var tableElement = tableRef.current;
       var observerElement = document.createElement('div');
@@ -89,8 +83,8 @@ var Table = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, re
       };
     }
   }, [stickyHeader]);
-  return React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].createElement("table", _extends({
-    className: classNames__default["default"]('eds-table', {
+  return React.createElement(React.Fragment, null, React.createElement("table", _extends({
+    className: classNames('eds-table', {
       'eds-table--fixed': fixed
     }, {
       'eds-table--middle': spacing === 'middle'
@@ -103,40 +97,40 @@ var Table = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, re
     }, className),
     ref: utils.mergeRefs(ref, tableRef),
     "aria-describedby": sortable ? sortableHeaderId : undefined
-  }, rest)), sortable && React__default["default"].createElement(a11y.VisuallyHidden, {
+  }, rest)), sortable && React.createElement(a11y.VisuallyHidden, {
     id: sortableHeaderId
   }, changeSortDescription));
 });
 
 var _excluded$7 = ["className"];
-var TableHead = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
+var TableHead = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var className = _ref.className,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$7);
-  return React__default["default"].createElement("thead", _extends({
-    className: classNames__default["default"]('eds-table__head', className),
+  return React.createElement("thead", _extends({
+    className: classNames('eds-table__head', className),
     ref: ref
   }, props));
 });
 
 var _excluded$6 = ["className"];
-var TableBody = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
+var TableBody = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var className = _ref.className,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded$6);
-  return React__default["default"].createElement("tbody", _extends({
-    className: classNames__default["default"]('eds-table__body', className),
+  return React.createElement("tbody", _extends({
+    className: classNames('eds-table__body', className),
     ref: ref
   }, rest));
 });
 
-var TableFooter = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
+var TableFooter = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var props = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
-  return React__default["default"].createElement("tfoot", _extends({
+  return React.createElement("tfoot", _extends({
     ref: ref
   }, props));
 });
 
 var _excluded$5 = ["className", "hover", "active", "error"];
-var TableRow = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
+var TableRow = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var className = _ref.className,
     _ref$hover = _ref.hover,
     hover = _ref$hover === void 0 ? false : _ref$hover,
@@ -145,8 +139,8 @@ var TableRow = /*#__PURE__*/React__default["default"].forwardRef(function (_ref,
     _ref$error = _ref.error,
     error = _ref$error === void 0 ? false : _ref$error,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded$5);
-  return React__default["default"].createElement("tr", _extends({
-    className: classNames__default["default"]('eds-table__row', className, {
+  return React.createElement("tr", _extends({
+    className: classNames('eds-table__row', className, {
       'eds-table__row--hover': hover,
       'eds-table__row--active': active,
       'eds-table__row--error': error
@@ -156,7 +150,7 @@ var TableRow = /*#__PURE__*/React__default["default"].forwardRef(function (_ref,
 });
 
 var _excluded$4 = ["className", "padding", "status"];
-var DataCell = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
+var DataCell = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var _classNames;
   var className = _ref.className,
     _ref$padding = _ref.padding,
@@ -164,15 +158,15 @@ var DataCell = /*#__PURE__*/React__default["default"].forwardRef(function (_ref,
     _ref$status = _ref.status,
     status = _ref$status === void 0 ? undefined : _ref$status,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded$4);
-  return React__default["default"].createElement("td", _extends({
+  return React.createElement("td", _extends({
     ref: ref,
-    className: classNames__default["default"]('eds-table__data-cell', className, (_classNames = {}, _classNames["eds-table__data-cell--status-" + status] = status, _classNames['eds-table__data-cell--padding-checkbox'] = padding === 'checkbox', _classNames['eds-table__data-cell--padding-radio'] = padding === 'radio', _classNames['eds-table__data-cell--padding-overflow-menu'] = padding === 'overflow-menu', _classNames))
+    className: classNames('eds-table__data-cell', className, (_classNames = {}, _classNames["eds-table__data-cell--status-" + status] = status, _classNames['eds-table__data-cell--padding-checkbox'] = padding === 'checkbox', _classNames['eds-table__data-cell--padding-radio'] = padding === 'radio', _classNames['eds-table__data-cell--padding-overflow-menu'] = padding === 'overflow-menu', _classNames))
   }, rest));
 });
 
 var _excluded$3 = ["className", "children", "name", "sortable", "sortConfig", "padding", "sortableButtonProps", "sortedAscendingAriaLabel", "sortedDescendingAriaLabel"],
   _excluded2$1 = ["className"];
-var HeaderCell = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
+var HeaderCell = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var className = _ref.className,
     children = _ref.children,
     name = _ref.name,
@@ -187,15 +181,15 @@ var HeaderCell = /*#__PURE__*/React__default["default"].forwardRef(function (_re
     _ref$sortedDescending = _ref.sortedDescendingAriaLabel,
     sortedDescendingAriaLabel = _ref$sortedDescending === void 0 ? ', sortert synkende' : _ref$sortedDescending,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded$3);
-  var _React$useState = React__default["default"].useState(false),
+  var _React$useState = React.useState(false),
     isCurrentlySorted = _React$useState[0],
     setIsCurrentlySorted = _React$useState[1];
-  React__default["default"].useEffect(function () {
+  React.useEffect(function () {
     sortConfig && name && setIsCurrentlySorted(sortConfig && name === sortConfig.key);
   }, [sortConfig, name]);
   var ariaSort = isCurrentlySorted ? sortConfig && sortConfig.order : undefined;
-  return React__default["default"].createElement("th", _extends({
-    className: classNames__default["default"]('eds-table__header-cell', className, {
+  return React.createElement("th", _extends({
+    className: classNames('eds-table__header-cell', className, {
       'eds-table__header-cell--sortable': sortable,
       'eds-table__header-cell--padding-radio': padding === 'radio',
       'eds-table__header-cell--padding-checkbox': padding === 'checkbox',
@@ -203,7 +197,7 @@ var HeaderCell = /*#__PURE__*/React__default["default"].forwardRef(function (_re
     }),
     "aria-sort": ariaSort,
     ref: ref
-  }, rest), sortable && sortConfig && sortableButtonProps ? React__default["default"].createElement(SortableHeaderCellButton, {
+  }, rest), sortable && sortConfig && sortableButtonProps ? React.createElement(SortableHeaderCellButton, {
     sortableButtonProps: sortableButtonProps,
     sortConfig: sortConfig,
     isCurrentlySorted: isCurrentlySorted,
@@ -241,23 +235,23 @@ var SortableHeaderCellButton = function SortableHeaderCellButton(_ref2) {
       return clearTimeout(dismissAriaTimer);
     };
   }, [sortConfig.order]);
-  return React__default["default"].createElement("button", _extends({
-    className: classNames__default["default"]('eds-table__header-cell-button', className),
+  return React.createElement("button", _extends({
+    className: classNames('eds-table__header-cell-button', className),
     type: "button",
     "aria-sort": ariaSort
-  }, rest), children, (!isCurrentlySorted || sortConfig.order === 'none') && React__default["default"].createElement(icons.UnsortedIcon, {
+  }, rest), children, (!isCurrentlySorted || sortConfig.order === 'none') && React.createElement(icons.UnsortedIcon, {
     size: "1rem",
     className: "eds-table__header-cell-button-icon",
     "aria-hidden": "true"
-  }), isCurrentlySorted && sortConfig.order === 'ascending' && React__default["default"].createElement(icons.UpArrowIcon, {
+  }), isCurrentlySorted && sortConfig.order === 'ascending' && React.createElement(icons.UpArrowIcon, {
     size: "1rem",
     className: "eds-table__header-cell-button-icon",
     "aria-hidden": "true"
-  }), isCurrentlySorted && sortConfig.order === 'descending' && React__default["default"].createElement(icons.DownArrowIcon, {
+  }), isCurrentlySorted && sortConfig.order === 'descending' && React.createElement(icons.DownArrowIcon, {
     size: "1rem",
     className: "eds-table__header-cell-button-icon",
     "aria-hidden": "true"
-  }), React__default["default"].createElement(a11y.VisuallyHidden, null, isCurrentlySorted && sortedAriaInfo));
+  }), React.createElement(a11y.VisuallyHidden, null, isCurrentlySorted && sortedAriaInfo));
 };
 
 var _excluded$2 = ["name", "sortable", "buttonProps"],
@@ -288,8 +282,8 @@ function useSortableData(tableData, externalSortConfig) {
     });
   };
   var tableSortedAscending = [].concat(tableData).sort(function (a, b) {
-    var valueOfA = get__default["default"](a, sortConfig.key, a);
-    var valueOfB = get__default["default"](b, sortConfig.key, b);
+    var valueOfA = get(a, sortConfig.key, a);
+    var valueOfB = get(b, sortConfig.key, b);
     var comparableAValue = typeof valueOfA === 'string' ? valueOfA.toLowerCase() : valueOfA;
     var comparableBValue = typeof valueOfB === 'string' ? valueOfB.toLowerCase() : valueOfB;
     if (comparableAValue < comparableBValue) return -1;
@@ -349,13 +343,13 @@ var EditableCell = function EditableCell(_ref) {
     _ref$outlined = _ref.outlined,
     outlined = _ref$outlined === void 0 ? false : _ref$outlined,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded$1);
-  return React__default["default"].createElement(form.VariantProvider, {
+  return React.createElement(form.VariantProvider, {
     variant: variant
-  }, React__default["default"].createElement(DataCell, _extends({
-    className: classNames__default["default"]('eds-editable-cell', {
+  }, React.createElement(DataCell, _extends({
+    className: classNames('eds-editable-cell', {
       'eds-editable-cell--outlined': outlined
     }, className)
-  }, rest), React__default["default"].createElement(tooltip.Tooltip, {
+  }, rest), React.createElement(tooltip.Tooltip, {
     disableHoverListener: !feedback,
     disableFocusListener: !feedback,
     placement: "bottom",
@@ -369,9 +363,9 @@ var ExpandableRow = function ExpandableRow(_ref) {
     open = _ref$open === void 0 ? false : _ref$open,
     children = _ref.children,
     colSpan = _ref.colSpan;
-  return React__default["default"].createElement("tr", null, React__default["default"].createElement("td", {
+  return React.createElement("tr", null, React.createElement("td", {
     colSpan: colSpan
-  }, React__default["default"].createElement(expand.BaseExpand, {
+  }, React.createElement(expand.BaseExpand, {
     open: open
   }, children)));
 };
@@ -381,13 +375,13 @@ var ExpandRowButton = function ExpandRowButton(_ref) {
   var open = _ref.open,
     onClick = _ref.onClick,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-  return React__default["default"].createElement(button.IconButton, _extends({
-    className: classNames__default["default"]('eds-expand-row-button', {
+  return React.createElement(button.IconButton, _extends({
+    className: classNames('eds-expand-row-button', {
       'eds-expand-row-button--open': open
     }),
     onClick: onClick,
     "aria-label": open ? 'Lukk tabellrad' : 'Utvid tabellrad'
-  }, rest), React__default["default"].createElement(icons.DownArrowIcon, {
+  }, rest), React.createElement(icons.DownArrowIcon, {
     "aria-hidden": true,
     className: "eds-expand-row-button__icon"
   }));