@dfds-ui/experiences 2.2.0-alpha.e010e72f → 2.2.0-alpha.e82e41de

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

@@ -1,5 +1,5 @@
 import React from 'react';
-export declare type Header = {
+export type Header = {
     displayName: string | React.ReactElement;
     key: string;
     sortKey?: string;
@@ -7,18 +7,18 @@ export declare type Header = {
     textAlign?: 'center' | 'left' | 'right';
     width?: string;
 };
-export declare type SubRow = {
+export type SubRow = {
     className?: string;
     id?: string;
     [name: string]: any;
 };
-export declare type Row = {
+export type Row = {
     className?: string;
     id?: string;
     subRows?: SubRow[];
     [name: string]: any;
 };
-export declare type DynamicTableProps = {
+export type DynamicTableProps = {
     activeRow?: string;
     descending?: boolean;
     expandable?: boolean;

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

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

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

@@ -9,8 +9,8 @@ var _system = require("@dfds-ui/icons/system");
 var _reactComponents = require("@dfds-ui/react-components");
 var _TableHead = require("./TableHead.styles");
 var _TableRow = require("../Body/TableRow.styles");
-var _react2 = require("@emotion/react");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 const TableHead = /*#__PURE__*/_react.default.memo(({
   expandable,
   headerRow,
@@ -44,44 +44,51 @@ const TableHead = /*#__PURE__*/_react.default.memo(({
       setSortDescending(!sortDescending);
     }
   }, [onSort, setSortDescending, setSortByKeyValue, sortDescending]);
-  return (0, _react2.jsx)("thead", null, (0, _react2.jsx)("tr", {
-    css: _TableRow.genericTableRowStyles
-  }, expandable && (0, _react2.jsx)("th", {
-    css: (0, _TableHead.tableHeadCellExpanderStyles)({
-      stickyHeader
+  return (0, _jsxRuntime.jsx)("thead", {
+    children: (0, _jsxRuntime.jsxs)("tr", {
+      css: _TableRow.genericTableRowStyles,
+      children: [expandable && (0, _jsxRuntime.jsx)("th", {
+        css: (0, _TableHead.tableHeadCellExpanderStyles)({
+          stickyHeader
+        })
+      }), selectableRows && (0, _jsxRuntime.jsx)("th", {
+        css: (0, _TableHead.tableHeadCellCheckboxStyles)({
+          stickyHeader
+        }),
+        children: (0, _jsxRuntime.jsx)(_reactComponents.Checkbox, {
+          checked: selectedRows.length > 0,
+          indeterminate: true,
+          name: "all",
+          onChange: toggleAll,
+          size: "small"
+        })
+      }), headerRow.map((headerCell, i) => {
+        const sortKey = headerCell.sortKey || headerCell.key;
+        const clickHandler = () => headerCell.sortable && sort(sortByKeyValue, sortKey);
+        const showChevron = String(sortByKeyValue === sortKey);
+        return (0, _jsxRuntime.jsx)("th", {
+          align: headerCell.textAlign,
+          css: (0, _TableHead.tableHeadCellStyles)({
+            align: headerCell.textAlign,
+            customWidth: headerCell.width,
+            sortByKey: onSort,
+            sortable: headerCell.sortable,
+            stickyHeader: stickyHeader
+          }),
+          onClick: clickHandler,
+          children: (0, _jsxRuntime.jsxs)("div", {
+            children: [(0, _jsxRuntime.jsx)("span", {
+              children: headerCell.displayName
+            }), headerCell.sortable && onSort && (0, _jsxRuntime.jsx)(_system.ChevronDown, {
+              css: (0, _TableHead.chevronStyles)({
+                descending: String(sortDescending),
+                show: showChevron
+              })
+            })]
+          })
+        }, i);
+      })]
     })
-  }), selectableRows && (0, _react2.jsx)("th", {
-    css: (0, _TableHead.tableHeadCellCheckboxStyles)({
-      stickyHeader
-    })
-  }, (0, _react2.jsx)(_reactComponents.Checkbox, {
-    checked: selectedRows.length > 0,
-    indeterminate: true,
-    name: "all",
-    onChange: toggleAll,
-    size: "small"
-  })), headerRow.map((headerCell, i) => {
-    const sortKey = headerCell.sortKey || headerCell.key;
-    const clickHandler = () => headerCell.sortable && sort(sortByKeyValue, sortKey);
-    const showChevron = String(sortByKeyValue === sortKey);
-    return (0, _react2.jsx)("th", {
-      align: headerCell.textAlign,
-      css: (0, _TableHead.tableHeadCellStyles)({
-        align: headerCell.textAlign,
-        customWidth: headerCell.width,
-        sortByKey: onSort,
-        sortable: headerCell.sortable,
-        stickyHeader: stickyHeader
-      }),
-      key: i,
-      onClick: clickHandler
-    }, (0, _react2.jsx)("div", null, (0, _react2.jsx)("span", null, headerCell.displayName), headerCell.sortable && onSort && (0, _react2.jsx)(_system.ChevronDown, {
-      css: (0, _TableHead.chevronStyles)({
-        descending: String(sortDescending),
-        show: showChevron
-      })
-    })));
-  })));
+  });
 });
-var _default = TableHead;
-exports.default = _default;
+var _default = exports.default = TableHead;

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

@@ -7,16 +7,13 @@ exports.tableHeadCellStyles = exports.tableHeadCellExpanderStyles = exports.tabl
 var _theme = require("@dfds-ui/theme");
 var _react = require("@emotion/react");
 var _TableCell = require("../Body/TableCell.styles");
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 const genericTableHeadCellStyles = ({
   sortable,
   sortByKey,
   stickyHeader
-}) => /*#__PURE__*/(0, _react.css)(_objectSpread({}, _TableCell.genericTableCellStyles), " box-shadow:0 1px ", _theme.theme.colors.surface.secondary, ",inset 0 1px ", _theme.theme.colors.surface.secondary, ";color:", _theme.theme.colors.text.primary.primary, ";font-family:", _theme.theme.fontFamilies.display, ";top:0;transition-duration:250ms;transition-property:background-color;", stickyHeader && `
+}) => /*#__PURE__*/(0, _react.css)({
+  ..._TableCell.genericTableCellStyles
+}, " box-shadow:0 1px ", _theme.theme.colors.surface.secondary, ",inset 0 1px ", _theme.theme.colors.surface.secondary, ";color:", _theme.theme.colors.text.primary.primary, ";font-family:", _theme.theme.fontFamilies.display, ";top:0;transition-duration:250ms;transition-property:background-color;", stickyHeader && `
     background-color: ${_theme.theme.colors.surface.primary};
     position: sticky;
     z-index: 10;
@@ -30,19 +27,23 @@ const tableHeadCellStyles = ({
   sortable,
   sortByKey,
   stickyHeader
-}) => /*#__PURE__*/(0, _react.css)(_objectSpread({}, genericTableHeadCellStyles({
-  sortable,
-  sortByKey,
-  stickyHeader
-})), " min-width:", customWidth || 'auto', ";text-align:", align || 'left', ";width:", customWidth || 'auto', ";div{align-items:center;display:flex;flex-direction:", align === 'right' ? 'row-reverse' : 'row', ";justify-content:", align === 'center' ? 'center' : 'space-between', ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:tableHeadCellStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0hlYWQvVGFibGVIZWFkLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0M2QiIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvZHluYW1pYy10YWJsZS9IZWFkL1RhYmxlSGVhZC5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG5pbXBvcnQge1xuICBDaGV2cm9uUHJvcHMsXG4gIEdlbmVyaWNUYWJsZUhlYWRDZWxsUHJvcHMsXG4gIFRhYmxlSGVhZENlbGxDRXhwYW5kZXJQcm9wcyxcbiAgVGFibGVIZWFkQ2VsbENoZWNrYm94UHJvcHMsXG4gIFRhYmxlSGVhZENlbGxQcm9wcyxcbn0gZnJvbSAnLi9UYWJsZUhlYWQudHlwZXMnXG5cbmltcG9ydCB7IGdlbmVyaWNUYWJsZUNlbGxTdHlsZXMgfSBmcm9tICcuLi9Cb2R5L1RhYmxlQ2VsbC5zdHlsZXMnXG5cbmNvbnN0IGdlbmVyaWNUYWJsZUhlYWRDZWxsU3R5bGVzID0gKHsgc29ydGFibGUsIHNvcnRCeUtleSwgc3RpY2t5SGVhZGVyIH06IEdlbmVyaWNUYWJsZUhlYWRDZWxsUHJvcHMpID0+IGNzc2BcbiAgJHt7IC4uLmdlbmVyaWNUYWJsZUNlbGxTdHlsZXMgfX1cblxuICBib3gtc2hhZG93OiAwIDFweCAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX0sXG4gICAgaW5zZXQgMCAxcHggJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5zZWNvbmRhcnl9O1xuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LnByaW1hcnl9O1xuICBmb250LWZhbWlseTogJHt0aGVtZS5mb250RmFtaWxpZXMuZGlzcGxheX07XG4gIHRvcDogMDtcbiAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMjUwbXM7XG4gIHRyYW5zaXRpb24tcHJvcGVydHk6IGJhY2tncm91bmQtY29sb3I7XG5cbiAgJHtzdGlja3lIZWFkZXIgJiZcbiAgYFxuICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuY29sb3JzLnN1cmZhY2UucHJpbWFyeX07XG4gICAgcG9zaXRpb246IHN0aWNreTtcbiAgICB6LWluZGV4OiAxMDtcbiAgYH07XG5cbiAgJjpob3ZlciB7XG4gICAgJHtzb3J0QnlLZXkgJiZcbiAgICBzb3J0YWJsZSAmJlxuICAgIGBcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuY29sb3JzLnN1cmZhY2Uuc2Vjb25kYXJ5fTtcbiAgICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICBgfTtcbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgdGFibGVIZWFkQ2VsbFN0eWxlcyA9ICh7XG4gIGFsaWduLFxuICBjdXN0b21XaWR0aCxcbiAgc29ydGFibGUsXG4gIHNvcnRCeUtleSxcbiAgc3RpY2t5SGVhZGVyLFxufTogVGFibGVIZWFkQ2VsbFByb3BzKSA9PiBjc3NgXG4gICR7eyAuLi5nZW5lcmljVGFibGVIZWFkQ2VsbFN0eWxlcyh7IHNvcnRhYmxlLCBzb3J0QnlLZXksIHN0aWNreUhlYWRlciB9KSB9fVxuXG4gIG1pbi13aWR0aDogJHtjdXN0b21XaWR0aCB8fCAnYXV0byd9O1xuICB0ZXh0LWFsaWduOiAke2FsaWduIHx8ICdsZWZ0J307XG4gIHdpZHRoOiAke2N1c3RvbVdpZHRoIHx8ICdhdXRvJ307XG5cbiAgZGl2IHtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246ICR7YWxpZ24gPT09ICdyaWdodCcgPyAncm93LXJldmVyc2UnIDogJ3Jvdyd9O1xuICAgIGp1c3RpZnktY29udGVudDogJHthbGlnbiA9PT0gJ2NlbnRlcicgPyAnY2VudGVyJyA6ICdzcGFjZS1iZXR3ZWVuJ307XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IHRhYmxlSGVhZENlbGxFeHBhbmRlclN0eWxlcyA9ICh7IHN0aWNreUhlYWRlciB9OiBUYWJsZUhlYWRDZWxsQ0V4cGFuZGVyUHJvcHMpID0+IGNzc2BcbiAgJHt7IC4uLmdlbmVyaWNUYWJsZUhlYWRDZWxsU3R5bGVzKHsgc29ydGFibGU6IHVuZGVmaW5lZCwgc29ydEJ5S2V5OiB1bmRlZmluZWQsIHN0aWNreUhlYWRlciB9KSB9fVxuXG4gIG1heC13aWR0aDogNDhweDtcbiAgd2lkdGg6IDQ4cHg7XG5cbiAgJHtzdGlja3lIZWFkZXIgJiZcbiAgYFxuICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuY29sb3JzLnN1cmZhY2UucHJpbWFyeX07XG4gICAgcG9zaXRpb246IHN0aWNreTtcbiAgICB6LWluZGV4OiAxMDtcbiAgYH07XG5gXG5cbmV4cG9ydCBjb25zdCB0YWJsZUhlYWRDZWxsQ2hlY2tib3hTdHlsZXMgPSAoeyBzdGlja3lIZWFkZXIgfTogVGFibGVIZWFkQ2VsbENoZWNrYm94UHJvcHMpID0+IGNzc2BcbiAgJHt7IC4uLmdlbmVyaWNUYWJsZUhlYWRDZWxsU3R5bGVzKHsgc29ydGFibGU6IHVuZGVmaW5lZCwgc29ydEJ5S2V5OiB1bmRlZmluZWQsIHN0aWNreUhlYWRlciB9KSB9fVxuXG4gIG1heC13aWR0aDogNDBweDtcbiAgd2lkdGg6IDQwcHg7XG5cbiAgJHtzdGlja3lIZWFkZXIgJiZcbiAgYFxuICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuY29sb3JzLnN1cmZhY2UucHJpbWFyeX07XG4gICAgcG9zaXRpb246IHN0aWNreTtcbiAgICB6LWluZGV4OiAxMDtcbiAgYH07XG5gXG5cbmV4cG9ydCBjb25zdCBjaGV2cm9uU3R5bGVzID0gKHsgZGVzY2VuZGluZywgc2hvdyB9OiBDaGV2cm9uUHJvcHMpID0+IGNzc2BcbiAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnByaW1hcnkuZGFya307XG4gIGZvbnQtc2l6ZTogMS41cmVtO1xuICBvcGFjaXR5OiAke3Nob3cgPT09ICd0cnVlJyA/ICcxJyA6ICcwJ307XG4gIHRyYW5zZm9ybTogJHtkZXNjZW5kaW5nID09PSAndHJ1ZScgJiYgJ3JvdGF0ZSgxODBkZWcpJ307XG4gIHRyYW5zaXRpb24tZHVyYXRpb246IDI1MG1zO1xuICB0cmFuc2l0aW9uLXByb3BlcnR5OiBvcGFjaXR5LCB0cmFuc2Zvcm07XG5gXG4iXX0= */");
+}) => /*#__PURE__*/(0, _react.css)({
+  ...genericTableHeadCellStyles({
+    sortable,
+    sortByKey,
+    stickyHeader
+  })
+}, " min-width:", customWidth || 'auto', ";text-align:", align || 'left', ";width:", customWidth || 'auto', ";div{align-items:center;display:flex;flex-direction:", align === 'right' ? 'row-reverse' : 'row', ";justify-content:", align === 'center' ? 'center' : 'space-between', ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:tableHeadCellStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0hlYWQvVGFibGVIZWFkLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0M2QiIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvZHluYW1pYy10YWJsZS9IZWFkL1RhYmxlSGVhZC5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG5pbXBvcnQge1xuICBDaGV2cm9uUHJvcHMsXG4gIEdlbmVyaWNUYWJsZUhlYWRDZWxsUHJvcHMsXG4gIFRhYmxlSGVhZENlbGxDRXhwYW5kZXJQcm9wcyxcbiAgVGFibGVIZWFkQ2VsbENoZWNrYm94UHJvcHMsXG4gIFRhYmxlSGVhZENlbGxQcm9wcyxcbn0gZnJvbSAnLi9UYWJsZUhlYWQudHlwZXMnXG5cbmltcG9ydCB7IGdlbmVyaWNUYWJsZUNlbGxTdHlsZXMgfSBmcm9tICcuLi9Cb2R5L1RhYmxlQ2VsbC5zdHlsZXMnXG5cbmNvbnN0IGdlbmVyaWNUYWJsZUhlYWRDZWxsU3R5bGVzID0gKHsgc29ydGFibGUsIHNvcnRCeUtleSwgc3RpY2t5SGVhZGVyIH06IEdlbmVyaWNUYWJsZUhlYWRDZWxsUHJvcHMpID0+IGNzc2BcbiAgJHt7IC4uLmdlbmVyaWNUYWJsZUNlbGxTdHlsZXMgfX1cblxuICBib3gtc2hhZG93OiAwIDFweCAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX0sXG4gICAgaW5zZXQgMCAxcHggJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5zZWNvbmRhcnl9O1xuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LnByaW1hcnl9O1xuICBmb250LWZhbWlseTogJHt0aGVtZS5mb250RmFtaWxpZXMuZGlzcGxheX07XG4gIHRvcDogMDtcbiAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMjUwbXM7XG4gIHRyYW5zaXRpb24tcHJvcGVydHk6IGJhY2tncm91bmQtY29sb3I7XG5cbiAgJHtzdGlja3lIZWFkZXIgJiZcbiAgYFxuICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuY29sb3JzLnN1cmZhY2UucHJpbWFyeX07XG4gICAgcG9zaXRpb246IHN0aWNreTtcbiAgICB6LWluZGV4OiAxMDtcbiAgYH07XG5cbiAgJjpob3ZlciB7XG4gICAgJHtzb3J0QnlLZXkgJiZcbiAgICBzb3J0YWJsZSAmJlxuICAgIGBcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuY29sb3JzLnN1cmZhY2Uuc2Vjb25kYXJ5fTtcbiAgICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICBgfTtcbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgdGFibGVIZWFkQ2VsbFN0eWxlcyA9ICh7XG4gIGFsaWduLFxuICBjdXN0b21XaWR0aCxcbiAgc29ydGFibGUsXG4gIHNvcnRCeUtleSxcbiAgc3RpY2t5SGVhZGVyLFxufTogVGFibGVIZWFkQ2VsbFByb3BzKSA9PiBjc3NgXG4gICR7eyAuLi5nZW5lcmljVGFibGVIZWFkQ2VsbFN0eWxlcyh7IHNvcnRhYmxlLCBzb3J0QnlLZXksIHN0aWNreUhlYWRlciB9KSB9fVxuXG4gIG1pbi13aWR0aDogJHtjdXN0b21XaWR0aCB8fCAnYXV0byd9O1xuICB0ZXh0LWFsaWduOiAke2FsaWduIHx8ICdsZWZ0J307XG4gIHdpZHRoOiAke2N1c3RvbVdpZHRoIHx8ICdhdXRvJ307XG5cbiAgZGl2IHtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246ICR7YWxpZ24gPT09ICdyaWdodCcgPyAncm93LXJldmVyc2UnIDogJ3Jvdyd9O1xuICAgIGp1c3RpZnktY29udGVudDogJHthbGlnbiA9PT0gJ2NlbnRlcicgPyAnY2VudGVyJyA6ICdzcGFjZS1iZXR3ZWVuJ307XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IHRhYmxlSGVhZENlbGxFeHBhbmRlclN0eWxlcyA9ICh7IHN0aWNreUhlYWRlciB9OiBUYWJsZUhlYWRDZWxsQ0V4cGFuZGVyUHJvcHMpID0+IGNzc2BcbiAgJHt7IC4uLmdlbmVyaWNUYWJsZUhlYWRDZWxsU3R5bGVzKHsgc29ydGFibGU6IHVuZGVmaW5lZCwgc29ydEJ5S2V5OiB1bmRlZmluZWQsIHN0aWNreUhlYWRlciB9KSB9fVxuXG4gIG1heC13aWR0aDogNDhweDtcbiAgd2lkdGg6IDQ4cHg7XG5cbiAgJHtzdGlja3lIZWFkZXIgJiZcbiAgYFxuICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuY29sb3JzLnN1cmZhY2UucHJpbWFyeX07XG4gICAgcG9zaXRpb246IHN0aWNreTtcbiAgICB6LWluZGV4OiAxMDtcbiAgYH07XG5gXG5cbmV4cG9ydCBjb25zdCB0YWJsZUhlYWRDZWxsQ2hlY2tib3hTdHlsZXMgPSAoeyBzdGlja3lIZWFkZXIgfTogVGFibGVIZWFkQ2VsbENoZWNrYm94UHJvcHMpID0+IGNzc2BcbiAgJHt7IC4uLmdlbmVyaWNUYWJsZUhlYWRDZWxsU3R5bGVzKHsgc29ydGFibGU6IHVuZGVmaW5lZCwgc29ydEJ5S2V5OiB1bmRlZmluZWQsIHN0aWNreUhlYWRlciB9KSB9fVxuXG4gIG1heC13aWR0aDogNDBweDtcbiAgd2lkdGg6IDQwcHg7XG5cbiAgJHtzdGlja3lIZWFkZXIgJiZcbiAgYFxuICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuY29sb3JzLnN1cmZhY2UucHJpbWFyeX07XG4gICAgcG9zaXRpb246IHN0aWNreTtcbiAgICB6LWluZGV4OiAxMDtcbiAgYH07XG5gXG5cbmV4cG9ydCBjb25zdCBjaGV2cm9uU3R5bGVzID0gKHsgZGVzY2VuZGluZywgc2hvdyB9OiBDaGV2cm9uUHJvcHMpID0+IGNzc2BcbiAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnByaW1hcnkuZGFya307XG4gIGZvbnQtc2l6ZTogMS41cmVtO1xuICBvcGFjaXR5OiAke3Nob3cgPT09ICd0cnVlJyA/ICcxJyA6ICcwJ307XG4gIHRyYW5zZm9ybTogJHtkZXNjZW5kaW5nID09PSAndHJ1ZScgJiYgJ3JvdGF0ZSgxODBkZWcpJ307XG4gIHRyYW5zaXRpb24tZHVyYXRpb246IDI1MG1zO1xuICB0cmFuc2l0aW9uLXByb3BlcnR5OiBvcGFjaXR5LCB0cmFuc2Zvcm07XG5gXG4iXX0= */");
 exports.tableHeadCellStyles = tableHeadCellStyles;
 const tableHeadCellExpanderStyles = ({
   stickyHeader
-}) => /*#__PURE__*/(0, _react.css)(_objectSpread({}, genericTableHeadCellStyles({
-  sortable: undefined,
-  sortByKey: undefined,
-  stickyHeader
-})), " max-width:48px;width:48px;", stickyHeader && `
+}) => /*#__PURE__*/(0, _react.css)({
+  ...genericTableHeadCellStyles({
+    sortable: undefined,
+    sortByKey: undefined,
+    stickyHeader
+  })
+}, " max-width:48px;width:48px;", stickyHeader && `
     background-color: ${_theme.theme.colors.surface.primary};
     position: sticky;
     z-index: 10;
@@ -50,11 +51,13 @@ const tableHeadCellExpanderStyles = ({
 exports.tableHeadCellExpanderStyles = tableHeadCellExpanderStyles;
 const tableHeadCellCheckboxStyles = ({
   stickyHeader
-}) => /*#__PURE__*/(0, _react.css)(_objectSpread({}, genericTableHeadCellStyles({
-  sortable: undefined,
-  sortByKey: undefined,
-  stickyHeader
-})), " max-width:40px;width:40px;", stickyHeader && `
+}) => /*#__PURE__*/(0, _react.css)({
+  ...genericTableHeadCellStyles({
+    sortable: undefined,
+    sortByKey: undefined,
+    stickyHeader
+  })
+}, " max-width:40px;width:40px;", stickyHeader && `
     background-color: ${_theme.theme.colors.surface.primary};
     position: sticky;
     z-index: 10;

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

@@ -1,5 +1,5 @@
 import { Header, Row } from '../DynamicTable.types';
-export declare type TableHeadProps = {
+export type TableHeadProps = {
     expandable?: boolean;
     headerRow: Header[];
     onSelectRow?: (list: string[]) => void;
@@ -13,7 +13,7 @@ export declare type TableHeadProps = {
     sortByKeyValue: string;
     stickyHeader?: boolean;
 };
-export declare type GenericTableHeadCellProps = {
+export type GenericTableHeadCellProps = {
     sortable?: boolean;
     sortByKey?: (value: string, sortDescending: boolean) => void;
     stickyHeader?: boolean;
@@ -24,13 +24,13 @@ export interface TableHeadCellProps extends GenericTableHeadCellProps {
     sortByKey?: (value: string, sortDescending: boolean) => void;
     stickyHeader?: boolean;
 }
-export declare type TableHeadCellCExpanderProps = {
+export type TableHeadCellCExpanderProps = {
     stickyHeader?: boolean;
 };
-export declare type TableHeadCellCheckboxProps = {
+export type TableHeadCellCheckboxProps = {
     stickyHeader?: boolean;
 };
-export declare type ChevronProps = {
+export type ChevronProps = {
     descending: string;
     show: string;
 };

package/cjs/dynamic-table/Skeleton/SkeletonTable.styles.js

@@ -6,13 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 exports.fadeStyles = void 0;
 var _react = require("@emotion/react");
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-const fadeStyles = process.env.NODE_ENV === "production" ? {
+const fadeStyles = exports.fadeStyles = process.env.NODE_ENV === "production" ? {
   name: "1kemw6x",
   styles: "background-image:linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.9) 90%);height:calc(7 * 48px);margin-top:49px;pointer-events:none;position:fixed;width:100vw"
 } : {
   name: "yz1003-fadeStyles",
-  styles: "background-image:linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.9) 90%);height:calc(7 * 48px);margin-top:49px;pointer-events:none;position:fixed;width:100vw;label:fadeStyles;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL1NrZWxldG9uL1NrZWxldG9uVGFibGUuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFNkIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL2R5bmFtaWMtdGFibGUvU2tlbGV0b24vU2tlbGV0b25UYWJsZS5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbmV4cG9ydCBjb25zdCBmYWRlU3R5bGVzID0gY3NzYFxuICBiYWNrZ3JvdW5kLWltYWdlOiBsaW5lYXItZ3JhZGllbnQodG8gYm90dG9tLCByZ2JhKDI1NSwgMjU1LCAyNTUsIDApLCByZ2JhKDI1NSwgMjU1LCAyNTUsIDAuOSkgOTAlKTtcbiAgaGVpZ2h0OiBjYWxjKDcgKiA0OHB4KTtcbiAgbWFyZ2luLXRvcDogNDlweDtcbiAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gIHBvc2l0aW9uOiBmaXhlZDtcbiAgd2lkdGg6IDEwMHZ3O1xuYFxuIl19 */",
+  styles: "background-image:linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.9) 90%);height:calc(7 * 48px);margin-top:49px;pointer-events:none;position:fixed;width:100vw;label:fadeStyles;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL1NrZWxldG9uL1NrZWxldG9uVGFibGUuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFNkIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL2R5bmFtaWMtdGFibGUvU2tlbGV0b24vU2tlbGV0b25UYWJsZS5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbmV4cG9ydCBjb25zdCBmYWRlU3R5bGVzID0gY3NzYFxuICBiYWNrZ3JvdW5kLWltYWdlOiBsaW5lYXItZ3JhZGllbnQodG8gYm90dG9tLCByZ2JhKDI1NSwgMjU1LCAyNTUsIDApLCByZ2JhKDI1NSwgMjU1LCAyNTUsIDAuOSkgOTAlKTtcbiAgaGVpZ2h0OiBjYWxjKDcgKiA0OHB4KTtcbiAgbWFyZ2luLXRvcDogNDlweDtcbiAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gIHBvc2l0aW9uOiBmaXhlZDtcbiAgd2lkdGg6IDEwMHZ3O1xuYFxuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-};
-exports.fadeStyles = fadeStyles;
+};

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

@@ -7,6 +7,7 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactComponents = require("@dfds-ui/react-components");
 var _react2 = require("@emotion/react");
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 var _ref = process.env.NODE_ENV === "production" ? {
@@ -14,14 +15,13 @@ var _ref = process.env.NODE_ENV === "production" ? {
   styles: "height:12px;width:100%;text-align:left"
 } : {
   name: "1m8u2wf",
-  styles: "height:12px;width:100%;text-align:left",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL1NrZWxldG9uL2hlbHBlcnMvY3JlYXRlU2tlbGV0b25Sb3dzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFha0IiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vc3JjL2R5bmFtaWMtdGFibGUvU2tlbGV0b24vaGVscGVycy9jcmVhdGVTa2VsZXRvblJvd3MudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgU2tlbGV0b24gfSBmcm9tICdAZGZkcy11aS9yZWFjdC1jb21wb25lbnRzJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbmltcG9ydCB7IEhlYWRlciwgUm93IH0gZnJvbSAnLi4vLi4vRHluYW1pY1RhYmxlLnR5cGVzJ1xuXG5jb25zdCBjcmVhdGVTa2VsZXRvblJvd3MgPSAoaGVhZGVyUm93OiBIZWFkZXJbXSB8IHVuZGVmaW5lZCkgPT5cbiAgWy4uLkFycmF5KDcpXS5tYXAoKF8sIGluZGV4KSA9PiB7XG4gICAgY29uc3Qgcm93OiBSb3cgPSB7fVxuXG4gICAgaGVhZGVyUm93Py5mb3JFYWNoKChjZWxsKSA9PiB7XG4gICAgICByb3dbY2VsbC5rZXldID0gKFxuICAgICAgICA8U2tlbGV0b25cbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIGhlaWdodDogMTJweDtcbiAgICAgICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICAgICAgdGV4dC1hbGlnbjogbGVmdDtcbiAgICAgICAgICBgfVxuICAgICAgICAgIHZhcmlhbnQ9XCJ0ZXh0XCJcbiAgICAgICAgLz5cbiAgICAgIClcbiAgICB9KVxuICAgIHJvdy5pZCA9IFN0cmluZyhpbmRleClcblxuICAgIHJldHVybiByb3dcbiAgfSlcblxuZXhwb3J0IGRlZmF1bHQgY3JlYXRlU2tlbGV0b25Sb3dzXG4iXX0= */",
+  styles: "height:12px;width:100%;text-align:left/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL1NrZWxldG9uL2hlbHBlcnMvY3JlYXRlU2tlbGV0b25Sb3dzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFha0IiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vc3JjL2R5bmFtaWMtdGFibGUvU2tlbGV0b24vaGVscGVycy9jcmVhdGVTa2VsZXRvblJvd3MudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgU2tlbGV0b24gfSBmcm9tICdAZGZkcy11aS9yZWFjdC1jb21wb25lbnRzJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbmltcG9ydCB7IEhlYWRlciwgUm93IH0gZnJvbSAnLi4vLi4vRHluYW1pY1RhYmxlLnR5cGVzJ1xuXG5jb25zdCBjcmVhdGVTa2VsZXRvblJvd3MgPSAoaGVhZGVyUm93OiBIZWFkZXJbXSB8IHVuZGVmaW5lZCkgPT5cbiAgWy4uLkFycmF5KDcpXS5tYXAoKF8sIGluZGV4KSA9PiB7XG4gICAgY29uc3Qgcm93OiBSb3cgPSB7fVxuXG4gICAgaGVhZGVyUm93Py5mb3JFYWNoKChjZWxsKSA9PiB7XG4gICAgICByb3dbY2VsbC5rZXldID0gKFxuICAgICAgICA8U2tlbGV0b25cbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIGhlaWdodDogMTJweDtcbiAgICAgICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICAgICAgdGV4dC1hbGlnbjogbGVmdDtcbiAgICAgICAgICBgfVxuICAgICAgICAgIHZhcmlhbnQ9XCJ0ZXh0XCJcbiAgICAgICAgLz5cbiAgICAgIClcbiAgICB9KVxuICAgIHJvdy5pZCA9IFN0cmluZyhpbmRleClcblxuICAgIHJldHVybiByb3dcbiAgfSlcblxuZXhwb3J0IGRlZmF1bHQgY3JlYXRlU2tlbGV0b25Sb3dzXG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 const createSkeletonRows = headerRow => [...Array(7)].map((_, index) => {
   const row = {};
-  headerRow === null || headerRow === void 0 ? void 0 : headerRow.forEach(cell => {
-    row[cell.key] = (0, _react2.jsx)(_reactComponents.Skeleton, {
+  headerRow?.forEach(cell => {
+    row[cell.key] = (0, _jsxRuntime.jsx)(_reactComponents.Skeleton, {
       css: _ref,
       variant: "text"
     });
@@ -29,5 +29,4 @@ const createSkeletonRows = headerRow => [...Array(7)].map((_, index) => {
   row.id = String(index);
   return row;
 });
-var _default = createSkeletonRows;
-exports.default = _default;
+var _default = exports.default = createSkeletonRows;

package/cjs/dynamic-table/helpers/getHeaderRow.js

@@ -18,5 +18,4 @@ const getHeaderRow = (rows, customHeaderRow) => {
   }
   return headers;
 };
-var _default = getHeaderRow;
-exports.default = _default;
+var _default = exports.default = getHeaderRow;

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

@@ -23,5 +23,4 @@ const headerRow = [{
   key: 'price',
   textAlign: 'right'
 }];
-var _default = headerRow;
-exports.default = _default;
+var _default = exports.default = headerRow;

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

@@ -25,5 +25,4 @@ const headerRowSortable = [{
   key: 'price',
   textAlign: 'right'
 }];
-var _default = headerRowSortable;
-exports.default = _default;
+var _default = exports.default = headerRowSortable;

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

@@ -5,67 +5,103 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _react2 = require("@emotion/react");
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const Currency = () => (0, _react2.jsx)("span", {
+const Currency = () => (0, _jsxRuntime.jsx)("span", {
   style: {
     fontSize: '10px'
-  }
-}, "EUR");
+  },
+  children: "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"))
+  price: (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [(0, _jsxRuntime.jsx)(Currency, {}), " ", (0, _jsxRuntime.jsx)("strong", {
+      children: "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"))
+  price: (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [(0, _jsxRuntime.jsx)(Currency, {}), " ", (0, _jsxRuntime.jsx)("strong", {
+      children: "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"))
+  price: (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [(0, _jsxRuntime.jsx)(Currency, {}), " ", (0, _jsxRuntime.jsx)("strong", {
+      children: "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"))
+  price: (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [(0, _jsxRuntime.jsx)(Currency, {}), " ", (0, _jsxRuntime.jsx)("strong", {
+      children: "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"))
+  price: (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [(0, _jsxRuntime.jsx)(Currency, {}), " ", (0, _jsxRuntime.jsx)("strong", {
+      children: "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"))
+  price: (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [(0, _jsxRuntime.jsx)(Currency, {}), " ", (0, _jsxRuntime.jsx)("strong", {
+      children: "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"))
+  price: (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [(0, _jsxRuntime.jsx)(Currency, {}), " ", (0, _jsxRuntime.jsx)("strong", {
+      children: "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"))
+  price: (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [(0, _jsxRuntime.jsx)(Currency, {}), " ", (0, _jsxRuntime.jsx)("strong", {
+      children: "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"))
+  price: (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [(0, _jsxRuntime.jsx)(Currency, {}), " ", (0, _jsxRuntime.jsx)("strong", {
+      children: "1280.30"
+    })]
+  })
 }];
-var _default = tableRows;
-exports.default = _default;
+var _default = exports.default = tableRows;

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

@@ -5,69 +5,105 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _react2 = require("@emotion/react");
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const Currency = () => (0, _react2.jsx)("span", {
+const Currency = () => (0, _jsxRuntime.jsx)("span", {
   style: {
     fontSize: '10px'
-  }
-}, "EUR");
+  },
+  children: "EUR"
+});
 const tableRowsExpandable = [{
   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"))
+  price: (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [(0, _jsxRuntime.jsx)(Currency, {}), " ", (0, _jsxRuntime.jsx)("strong", {
+      children: "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"))
+  price: (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [(0, _jsxRuntime.jsx)(Currency, {}), " ", (0, _jsxRuntime.jsx)("strong", {
+      children: "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")),
+  price: (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [(0, _jsxRuntime.jsx)(Currency, {}), " ", (0, _jsxRuntime.jsx)("strong", {
+      children: "1574"
+    })]
+  }),
   subRows: [{
     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"))
+    price: (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [(0, _jsxRuntime.jsx)(Currency, {}), " ", (0, _jsxRuntime.jsx)("strong", {
+        children: "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"))
+    price: (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [(0, _jsxRuntime.jsx)(Currency, {}), " ", (0, _jsxRuntime.jsx)("strong", {
+        children: "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"))
+  price: (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [(0, _jsxRuntime.jsx)(Currency, {}), " ", (0, _jsxRuntime.jsx)("strong", {
+      children: "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")),
+  price: (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [(0, _jsxRuntime.jsx)(Currency, {}), " ", (0, _jsxRuntime.jsx)("strong", {
+      children: "887"
+    })]
+  }),
   subRows: [{
     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"))
+    price: (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [(0, _jsxRuntime.jsx)(Currency, {}), " ", (0, _jsxRuntime.jsx)("strong", {
+        children: "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"))
+  price: (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [(0, _jsxRuntime.jsx)(Currency, {}), " ", (0, _jsxRuntime.jsx)("strong", {
+      children: "1280.30"
+    })]
+  })
 }];
-var _default = tableRowsExpandable;
-exports.default = _default;
+var _default = exports.default = tableRowsExpandable;

package/cjs/footer/Footer.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { FooterMetaLinkProps } from './FooterMetaLink';
 import { FooterColumnProps } from './FooterColumn';
-export declare type FooterProps = {
+export type FooterProps = {
     /**
      * Content to be displayed above footer columns
      */