@dfds-ui/experiences 2.2.0-alpha.c2f773c5 → 2.2.0-alpha.c79adffa

package/dynamic-table/DynamicTable.js

@@ -1,10 +1,5 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 var _excluded = ["activeRow", "descending", "expandable", "height", "headerRow", "isLoading", "onClickRow", "onSelectRow", "onSort", "rows", "selectedRows", "sortingBy", "stickyHeader"];
-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); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
@@ -19,7 +14,7 @@ import { tableStyles, tableWrapperStyles } from './DynamicTable.styles';
 import TableHead from './Head/TableHead';
 import createSkeletonRows from './Skeleton/helpers/createSkeletonRows';
 import { fadeStyles } from './Skeleton/SkeletonTable.styles';
-import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { jsx as ___EmotionJSX } from "@emotion/react";
 var DynamicTable = function DynamicTable(_ref) {
   var activeRow = _ref.activeRow,
     descending = _ref.descending,
@@ -54,40 +49,37 @@ var DynamicTable = function DynamicTable(_ref) {
       onSort(sortByKeyValue, sortDescending);
     }
   }, [sortDescending, onSort, sortByKeyValue]);
-  return _jsxs("div", _objectSpread(_objectSpread({
+  return ___EmotionJSX("div", _extends({
     css: tableWrapperStyles({
       height: height
     })
-  }, rest), {}, {
-    children: [_jsxs("table", {
-      css: tableStyles,
-      "data-cy": !isLoading ? "dynamic-table-isLoaded" : '',
-      children: [headerRow && _jsx(TableHead, {
-        expandable: expandable,
-        headerRow: headerRow,
-        onSelectRow: onSelectRow,
-        onSort: onSort,
-        rows: rows,
-        selectableRows: selectableRows,
-        selectedRows: selectedRows,
-        setSortDescending: setSortDescending,
-        setSortByKeyValue: setSortByKeyValue,
-        sortDescending: sortDescending,
-        sortByKeyValue: sortByKeyValue,
-        stickyHeader: stickyHeader
-      }), _jsx(TableBody, {
-        activeRow: activeRow,
-        expandable: expandable,
-        headerRow: headerRow,
-        onClickRow: onClickRow,
-        onSelectRow: onSelectRow,
-        rows: !isLoading ? rows : skeletonRows,
-        selectableRows: selectableRows,
-        selectedRows: selectedRows
-      })]
-    }), isLoading && _jsx("div", {
-      css: fadeStyles
-    })]
+  }, rest), ___EmotionJSX("table", {
+    css: tableStyles,
+    "data-cy": !isLoading ? "dynamic-table-isLoaded" : ''
+  }, headerRow && ___EmotionJSX(TableHead, {
+    expandable: expandable,
+    headerRow: headerRow,
+    onSelectRow: onSelectRow,
+    onSort: onSort,
+    rows: rows,
+    selectableRows: selectableRows,
+    selectedRows: selectedRows,
+    setSortDescending: setSortDescending,
+    setSortByKeyValue: setSortByKeyValue,
+    sortDescending: sortDescending,
+    sortByKeyValue: sortByKeyValue,
+    stickyHeader: stickyHeader
+  }), ___EmotionJSX(TableBody, {
+    activeRow: activeRow,
+    expandable: expandable,
+    headerRow: headerRow,
+    onClickRow: onClickRow,
+    onSelectRow: onSelectRow,
+    rows: !isLoading ? rows : skeletonRows,
+    selectableRows: selectableRows,
+    selectedRows: selectedRows
+  })), isLoading && ___EmotionJSX("div", {
+    css: fadeStyles
   }));
 };
 export default /*#__PURE__*/React.memo(DynamicTable);

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

@@ -1,4 +1,4 @@
-type TableWrapperProps = {
+declare type TableWrapperProps = {
     height?: string;
 };
 export declare const tableWrapperStyles: ({ height }: TableWrapperProps) => import("@emotion/utils").SerializedStyles;

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

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

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

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

package/dynamic-table/Head/TableHead.js

@@ -3,7 +3,7 @@ import { ChevronDown } from '@dfds-ui/icons/system';
 import { Checkbox } from '@dfds-ui/react-components';
 import { chevronStyles, tableHeadCellCheckboxStyles, tableHeadCellExpanderStyles, tableHeadCellStyles } from './TableHead.styles';
 import { genericTableRowStyles } from '../Body/TableRow.styles';
-import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { jsx as ___EmotionJSX } from "@emotion/react";
 var TableHead = /*#__PURE__*/React.memo(function (_ref) {
   var expandable = _ref.expandable,
     headerRow = _ref.headerRow,
@@ -36,53 +36,45 @@ var TableHead = /*#__PURE__*/React.memo(function (_ref) {
       setSortDescending(!sortDescending);
     }
   }, [onSort, setSortDescending, setSortByKeyValue, sortDescending]);
-  return _jsx("thead", {
-    children: _jsxs("tr", {
-      css: genericTableRowStyles,
-      children: [expandable && _jsx("th", {
-        css: tableHeadCellExpanderStyles({
-          stickyHeader: stickyHeader
-        })
-      }), selectableRows && _jsx("th", {
-        css: tableHeadCellCheckboxStyles({
-          stickyHeader: stickyHeader
-        }),
-        children: _jsx(Checkbox, {
-          checked: selectedRows.length > 0,
-          indeterminate: true,
-          name: "all",
-          onChange: toggleAll,
-          size: "small"
-        })
-      }), headerRow.map(function (headerCell, i) {
-        var sortKey = headerCell.sortKey || headerCell.key;
-        var clickHandler = function clickHandler() {
-          return headerCell.sortable && sort(sortByKeyValue, sortKey);
-        };
-        var showChevron = String(sortByKeyValue === sortKey);
-        return _jsx("th", {
-          align: headerCell.textAlign,
-          css: tableHeadCellStyles({
-            align: headerCell.textAlign,
-            customWidth: headerCell.width,
-            sortByKey: onSort,
-            sortable: headerCell.sortable,
-            stickyHeader: stickyHeader
-          }),
-          onClick: clickHandler,
-          children: _jsxs("div", {
-            children: [_jsx("span", {
-              children: headerCell.displayName
-            }), headerCell.sortable && onSort && _jsx(ChevronDown, {
-              css: chevronStyles({
-                descending: String(sortDescending),
-                show: showChevron
-              })
-            })]
-          })
-        }, i);
-      })]
+  return ___EmotionJSX("thead", null, ___EmotionJSX("tr", {
+    css: genericTableRowStyles
+  }, expandable && ___EmotionJSX("th", {
+    css: tableHeadCellExpanderStyles({
+      stickyHeader: stickyHeader
     })
-  });
+  }), selectableRows && ___EmotionJSX("th", {
+    css: tableHeadCellCheckboxStyles({
+      stickyHeader: stickyHeader
+    })
+  }, ___EmotionJSX(Checkbox, {
+    checked: selectedRows.length > 0,
+    indeterminate: true,
+    name: "all",
+    onChange: toggleAll,
+    size: "small"
+  })), headerRow.map(function (headerCell, i) {
+    var sortKey = headerCell.sortKey || headerCell.key;
+    var clickHandler = function clickHandler() {
+      return headerCell.sortable && sort(sortByKeyValue, sortKey);
+    };
+    var showChevron = String(sortByKeyValue === sortKey);
+    return ___EmotionJSX("th", {
+      align: headerCell.textAlign,
+      css: tableHeadCellStyles({
+        align: headerCell.textAlign,
+        customWidth: headerCell.width,
+        sortByKey: onSort,
+        sortable: headerCell.sortable,
+        stickyHeader: stickyHeader
+      }),
+      key: i,
+      onClick: clickHandler
+    }, ___EmotionJSX("div", null, ___EmotionJSX("span", null, headerCell.displayName), headerCell.sortable && onSort && ___EmotionJSX(ChevronDown, {
+      css: chevronStyles({
+        descending: String(sortDescending),
+        show: showChevron
+      })
+    })));
+  })));
 });
 export default TableHead;

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

@@ -1,5 +1,5 @@
 import { Header, Row } from '../DynamicTable.types';
-export type TableHeadProps = {
+export declare type TableHeadProps = {
     expandable?: boolean;
     headerRow: Header[];
     onSelectRow?: (list: string[]) => void;
@@ -13,7 +13,7 @@ export type TableHeadProps = {
     sortByKeyValue: string;
     stickyHeader?: boolean;
 };
-export type GenericTableHeadCellProps = {
+export declare 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 type TableHeadCellCExpanderProps = {
+export declare type TableHeadCellCExpanderProps = {
     stickyHeader?: boolean;
 };
-export type TableHeadCellCheckboxProps = {
+export declare type TableHeadCellCheckboxProps = {
     stickyHeader?: boolean;
 };
-export type ChevronProps = {
+export declare type ChevronProps = {
     descending: string;
     show: string;
 };

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

@@ -5,6 +5,7 @@ export var fadeStyles = process.env.NODE_ENV === "production" ? {
   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;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL1NrZWxldG9uL1NrZWxldG9uVGFibGUuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFNkIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2R5bmFtaWMtdGFibGUvU2tlbGV0b24vU2tlbGV0b25UYWJsZS5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbmV4cG9ydCBjb25zdCBmYWRlU3R5bGVzID0gY3NzYFxuICBiYWNrZ3JvdW5kLWltYWdlOiBsaW5lYXItZ3JhZGllbnQodG8gYm90dG9tLCByZ2JhKDI1NSwgMjU1LCAyNTUsIDApLCByZ2JhKDI1NSwgMjU1LCAyNTUsIDAuOSkgOTAlKTtcbiAgaGVpZ2h0OiBjYWxjKDcgKiA0OHB4KTtcbiAgbWFyZ2luLXRvcDogNDlweDtcbiAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gIHBvc2l0aW9uOiBmaXhlZDtcbiAgd2lkdGg6IDEwMHZ3O1xuYFxuIl19 */",
+  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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL1NrZWxldG9uL1NrZWxldG9uVGFibGUuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFNkIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2R5bmFtaWMtdGFibGUvU2tlbGV0b24vU2tlbGV0b25UYWJsZS5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbmV4cG9ydCBjb25zdCBmYWRlU3R5bGVzID0gY3NzYFxuICBiYWNrZ3JvdW5kLWltYWdlOiBsaW5lYXItZ3JhZGllbnQodG8gYm90dG9tLCByZ2JhKDI1NSwgMjU1LCAyNTUsIDApLCByZ2JhKDI1NSwgMjU1LCAyNTUsIDAuOSkgOTAlKTtcbiAgaGVpZ2h0OiBjYWxjKDcgKiA0OHB4KTtcbiAgbWFyZ2luLXRvcDogNDlweDtcbiAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gIHBvc2l0aW9uOiBmaXhlZDtcbiAgd2lkdGg6IDEwMHZ3O1xuYFxuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };

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

@@ -8,20 +8,21 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringif
 import React from 'react';
 import { Skeleton } from '@dfds-ui/react-components';
 import { css } from '@emotion/react';
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { jsx as ___EmotionJSX } from "@emotion/react";
 var _ref = process.env.NODE_ENV === "production" ? {
   name: "1m8u2wf",
   styles: "height:12px;width:100%;text-align:left"
 } : {
   name: "1m8u2wf",
-  styles: "height:12px;width:100%;text-align:left/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL1NrZWxldG9uL2hlbHBlcnMvY3JlYXRlU2tlbGV0b25Sb3dzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFha0IiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL2R5bmFtaWMtdGFibGUvU2tlbGV0b24vaGVscGVycy9jcmVhdGVTa2VsZXRvblJvd3MudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgU2tlbGV0b24gfSBmcm9tICdAZGZkcy11aS9yZWFjdC1jb21wb25lbnRzJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbmltcG9ydCB7IEhlYWRlciwgUm93IH0gZnJvbSAnLi4vLi4vRHluYW1pY1RhYmxlLnR5cGVzJ1xuXG5jb25zdCBjcmVhdGVTa2VsZXRvblJvd3MgPSAoaGVhZGVyUm93OiBIZWFkZXJbXSB8IHVuZGVmaW5lZCkgPT5cbiAgWy4uLkFycmF5KDcpXS5tYXAoKF8sIGluZGV4KSA9PiB7XG4gICAgY29uc3Qgcm93OiBSb3cgPSB7fVxuXG4gICAgaGVhZGVyUm93Py5mb3JFYWNoKChjZWxsKSA9PiB7XG4gICAgICByb3dbY2VsbC5rZXldID0gKFxuICAgICAgICA8U2tlbGV0b25cbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIGhlaWdodDogMTJweDtcbiAgICAgICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICAgICAgdGV4dC1hbGlnbjogbGVmdDtcbiAgICAgICAgICBgfVxuICAgICAgICAgIHZhcmlhbnQ9XCJ0ZXh0XCJcbiAgICAgICAgLz5cbiAgICAgIClcbiAgICB9KVxuICAgIHJvdy5pZCA9IFN0cmluZyhpbmRleClcblxuICAgIHJldHVybiByb3dcbiAgfSlcblxuZXhwb3J0IGRlZmF1bHQgY3JlYXRlU2tlbGV0b25Sb3dzXG4iXX0= */",
+  styles: "height:12px;width:100%;text-align:left",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL1NrZWxldG9uL2hlbHBlcnMvY3JlYXRlU2tlbGV0b25Sb3dzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFha0IiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL2R5bmFtaWMtdGFibGUvU2tlbGV0b24vaGVscGVycy9jcmVhdGVTa2VsZXRvblJvd3MudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgU2tlbGV0b24gfSBmcm9tICdAZGZkcy11aS9yZWFjdC1jb21wb25lbnRzJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbmltcG9ydCB7IEhlYWRlciwgUm93IH0gZnJvbSAnLi4vLi4vRHluYW1pY1RhYmxlLnR5cGVzJ1xuXG5jb25zdCBjcmVhdGVTa2VsZXRvblJvd3MgPSAoaGVhZGVyUm93OiBIZWFkZXJbXSB8IHVuZGVmaW5lZCkgPT5cbiAgWy4uLkFycmF5KDcpXS5tYXAoKF8sIGluZGV4KSA9PiB7XG4gICAgY29uc3Qgcm93OiBSb3cgPSB7fVxuXG4gICAgaGVhZGVyUm93Py5mb3JFYWNoKChjZWxsKSA9PiB7XG4gICAgICByb3dbY2VsbC5rZXldID0gKFxuICAgICAgICA8U2tlbGV0b25cbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIGhlaWdodDogMTJweDtcbiAgICAgICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICAgICAgdGV4dC1hbGlnbjogbGVmdDtcbiAgICAgICAgICBgfVxuICAgICAgICAgIHZhcmlhbnQ9XCJ0ZXh0XCJcbiAgICAgICAgLz5cbiAgICAgIClcbiAgICB9KVxuICAgIHJvdy5pZCA9IFN0cmluZyhpbmRleClcblxuICAgIHJldHVybiByb3dcbiAgfSlcblxuZXhwb3J0IGRlZmF1bHQgY3JlYXRlU2tlbGV0b25Sb3dzXG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 var createSkeletonRows = function createSkeletonRows(headerRow) {
   return _toConsumableArray(Array(7)).map(function (_, index) {
     var row = {};
     headerRow === null || headerRow === void 0 || headerRow.forEach(function (cell) {
-      row[cell.key] = _jsx(Skeleton, {
+      row[cell.key] = ___EmotionJSX(Skeleton, {
         css: _ref,
         variant: "text"
       });

package/dynamic-table/stories/tableRows.js

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

package/dynamic-table/stories/tableRowsExpandable.js

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

package/footer/Footer.d.ts

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