@dfds-ui/experiences 2.2.0-alpha.d82ee43f → 2.2.0-alpha.dc2f58e9

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.d.ts

@@ -1 +1 @@
-export declare const fadeStyles: import("@emotion/react").SerializedStyles;
+export declare const fadeStyles: import("@emotion/utils").SerializedStyles;

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

@@ -6,12 +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;/*# 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" ? {
@@ -20,7 +21,7 @@ var _ref = process.env.NODE_ENV === "production" ? {
 const createSkeletonRows = headerRow => [...Array(7)].map((_, index) => {
   const row = {};
   headerRow?.forEach(cell => {
-    row[cell.key] = (0, _react2.jsx)(_reactComponents.Skeleton, {
+    row[cell.key] = (0, _jsxRuntime.jsx)(_reactComponents.Skeleton, {
       css: _ref,
       variant: "text"
     });
@@ -28,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
      */