@dfds-ui/experiences 2.0.29-alpha.fae844df → 2.2.0-alpha.0228d8d2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (111) hide show
  1. package/cjs/dynamic-table/Body/TableBody.d.ts +4 -0
  2. package/cjs/dynamic-table/Body/TableBody.js +15 -15
  3. package/cjs/dynamic-table/Body/TableBody.types.d.ts +11 -0
  4. package/cjs/dynamic-table/Body/TableCell.d.ts +4 -0
  5. package/cjs/dynamic-table/Body/TableCell.js +8 -8
  6. package/cjs/dynamic-table/Body/TableCell.styles.d.ts +9 -0
  7. package/cjs/dynamic-table/Body/TableCell.styles.js +11 -12
  8. package/cjs/dynamic-table/Body/TableCell.types.d.ts +5 -0
  9. package/cjs/dynamic-table/Body/TableRow.d.ts +4 -0
  10. package/cjs/dynamic-table/Body/TableRow.js +36 -35
  11. package/cjs/dynamic-table/Body/TableRow.styles.d.ts +11 -0
  12. package/cjs/dynamic-table/Body/TableRow.styles.js +6 -19
  13. package/cjs/dynamic-table/Body/TableRow.types.d.ts +18 -0
  14. package/cjs/dynamic-table/Body/TableRowGroup.d.ts +4 -0
  15. package/cjs/dynamic-table/Body/TableRowGroup.js +30 -39
  16. package/cjs/dynamic-table/Body/TableRowGroup.types.d.ts +14 -0
  17. package/cjs/dynamic-table/DynamicTable.d.ts +4 -0
  18. package/cjs/dynamic-table/DynamicTable.js +54 -68
  19. package/cjs/dynamic-table/DynamicTable.styles.d.ts +6 -0
  20. package/cjs/dynamic-table/DynamicTable.styles.js +1 -2
  21. package/cjs/dynamic-table/DynamicTable.types.d.ts +36 -0
  22. package/cjs/dynamic-table/Head/TableHead.d.ts +4 -0
  23. package/cjs/dynamic-table/Head/TableHead.js +48 -41
  24. package/cjs/dynamic-table/Head/TableHead.styles.d.ts +5 -0
  25. package/cjs/dynamic-table/Head/TableHead.styles.js +24 -21
  26. package/cjs/dynamic-table/Head/TableHead.types.d.ts +36 -0
  27. package/cjs/dynamic-table/Skeleton/SkeletonTable.styles.d.ts +1 -0
  28. package/cjs/dynamic-table/Skeleton/SkeletonTable.styles.js +3 -5
  29. package/cjs/dynamic-table/Skeleton/helpers/createSkeletonRows.d.ts +3 -0
  30. package/cjs/dynamic-table/Skeleton/helpers/createSkeletonRows.js +6 -7
  31. package/cjs/dynamic-table/helpers/getHeaderRow.d.ts +3 -0
  32. package/cjs/dynamic-table/helpers/getHeaderRow.js +1 -2
  33. package/cjs/dynamic-table/stories/headerRow.d.ts +3 -0
  34. package/cjs/dynamic-table/stories/headerRow.js +1 -2
  35. package/cjs/dynamic-table/stories/headerRowSortable.d.ts +3 -0
  36. package/cjs/dynamic-table/stories/headerRowSortable.js +1 -2
  37. package/cjs/dynamic-table/stories/tableRows.d.ts +3 -0
  38. package/cjs/dynamic-table/stories/tableRows.js +51 -15
  39. package/cjs/dynamic-table/stories/tableRowsExpandable.d.ts +3 -0
  40. package/cjs/dynamic-table/stories/tableRowsExpandable.js +51 -15
  41. package/cjs/footer/Footer.d.ts +23 -0
  42. package/cjs/footer/Footer.js +61 -53
  43. package/cjs/footer/FooterColumn.d.ts +11 -0
  44. package/cjs/footer/FooterColumn.js +19 -18
  45. package/cjs/footer/FooterColumnItem.d.ts +7 -0
  46. package/cjs/footer/FooterColumnItem.js +14 -17
  47. package/cjs/footer/FooterMetaLink.d.ts +7 -0
  48. package/cjs/footer/FooterMetaLink.js +13 -17
  49. package/cjs/footer/index.d.ts +4 -0
  50. package/cjs/footer/index.js +4 -4
  51. package/cjs/index.d.ts +5 -0
  52. package/cjs/index.js +5 -5
  53. package/cjs/internet-explorer-modal/IEModal.d.ts +69 -0
  54. package/cjs/internet-explorer-modal/IEModal.js +65 -77
  55. package/cjs/locale-selector/LocaleOption.d.ts +9 -0
  56. package/cjs/locale-selector/LocaleOption.js +8 -8
  57. package/cjs/locale-selector/LocaleSelector.d.ts +55 -0
  58. package/cjs/locale-selector/LocaleSelector.js +40 -47
  59. package/cjs/locale-selector/index.d.ts +1 -0
  60. package/cjs/locale-selector/index.js +1 -1
  61. package/cjs/swiper/Swiper.d.ts +6 -0
  62. package/cjs/swiper/Swiper.js +6 -5
  63. package/cjs/swiper/SwiperCard.d.ts +6 -0
  64. package/cjs/swiper/SwiperCard.js +6 -5
  65. package/cjs/swiper/index.d.ts +2 -0
  66. package/cjs/swiper/index.js +2 -2
  67. package/dynamic-table/Body/TableBody.d.ts +1 -1
  68. package/dynamic-table/Body/TableBody.js +16 -15
  69. package/dynamic-table/Body/TableBody.types.d.ts +1 -1
  70. package/dynamic-table/Body/TableCell.d.ts +1 -1
  71. package/dynamic-table/Body/TableCell.js +5 -4
  72. package/dynamic-table/Body/TableCell.styles.d.ts +1 -1
  73. package/dynamic-table/Body/TableCell.styles.js +4 -4
  74. package/dynamic-table/Body/TableCell.types.d.ts +1 -2
  75. package/dynamic-table/Body/TableRow.d.ts +1 -1
  76. package/dynamic-table/Body/TableRow.js +37 -32
  77. package/dynamic-table/Body/TableRow.styles.d.ts +1 -1
  78. package/dynamic-table/Body/TableRow.styles.js +3 -12
  79. package/dynamic-table/Body/TableRow.types.d.ts +3 -3
  80. package/dynamic-table/Body/TableRowGroup.d.ts +1 -1
  81. package/dynamic-table/Body/TableRowGroup.js +25 -24
  82. package/dynamic-table/Body/TableRowGroup.types.d.ts +2 -2
  83. package/dynamic-table/DynamicTable.js +42 -34
  84. package/dynamic-table/DynamicTable.styles.d.ts +1 -1
  85. package/dynamic-table/DynamicTable.types.d.ts +4 -4
  86. package/dynamic-table/Head/TableHead.d.ts +1 -1
  87. package/dynamic-table/Head/TableHead.js +48 -40
  88. package/dynamic-table/Head/TableHead.types.d.ts +5 -5
  89. package/dynamic-table/Skeleton/SkeletonTable.styles.js +1 -2
  90. package/dynamic-table/Skeleton/helpers/createSkeletonRows.js +6 -7
  91. package/dynamic-table/stories/tableRows.js +50 -13
  92. package/dynamic-table/stories/tableRowsExpandable.js +50 -13
  93. package/footer/Footer.d.ts +1 -1
  94. package/footer/Footer.js +51 -36
  95. package/footer/FooterColumn.d.ts +1 -1
  96. package/footer/FooterColumn.js +20 -11
  97. package/footer/FooterColumnItem.d.ts +1 -1
  98. package/footer/FooterColumnItem.js +13 -6
  99. package/footer/FooterMetaLink.d.ts +1 -1
  100. package/footer/FooterMetaLink.js +14 -8
  101. package/internet-explorer-modal/IEModal.d.ts +2 -2
  102. package/internet-explorer-modal/IEModal.js +56 -45
  103. package/locale-selector/LocaleOption.d.ts +3 -3
  104. package/locale-selector/LocaleOption.js +7 -7
  105. package/locale-selector/LocaleSelector.d.ts +9 -7
  106. package/locale-selector/LocaleSelector.js +40 -37
  107. package/package.json +14 -14
  108. package/swiper/Swiper.d.ts +5 -4
  109. package/swiper/Swiper.js +6 -6
  110. package/swiper/SwiperCard.d.ts +5 -4
  111. package/swiper/SwiperCard.js +6 -6
@@ -5,67 +5,103 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.default = void 0;
7
7
  var _react = _interopRequireDefault(require("react"));
8
- var _react2 = require("@emotion/react");
8
+ var _jsxRuntime = require("@emotion/react/jsx-runtime");
9
9
  function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
10
- const Currency = () => (0, _react2.jsx)("span", {
10
+ const Currency = () => (0, _jsxRuntime.jsx)("span", {
11
11
  style: {
12
12
  fontSize: '10px'
13
- }
14
- }, "EUR");
13
+ },
14
+ children: "EUR"
15
+ });
15
16
  const tableRows = [{
16
17
  id: '1001',
17
18
  pallets: 10,
18
19
  from: 'Copenhagen',
19
20
  to: 'Stockholm',
20
- price: (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)(Currency, null), " ", (0, _react2.jsx)("strong", null, "200"))
21
+ price: (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
22
+ children: [(0, _jsxRuntime.jsx)(Currency, {}), " ", (0, _jsxRuntime.jsx)("strong", {
23
+ children: "200"
24
+ })]
25
+ })
21
26
  }, {
22
27
  id: '1002',
23
28
  pallets: 41,
24
29
  from: 'Istanbul',
25
30
  to: 'London',
26
- price: (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)(Currency, null), " ", (0, _react2.jsx)("strong", null, "320"))
31
+ price: (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
32
+ children: [(0, _jsxRuntime.jsx)(Currency, {}), " ", (0, _jsxRuntime.jsx)("strong", {
33
+ children: "320"
34
+ })]
35
+ })
27
36
  }, {
28
37
  id: '1003',
29
38
  pallets: 9,
30
39
  from: 'Delphi',
31
40
  to: 'Madrid',
32
- price: (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)(Currency, null), " ", (0, _react2.jsx)("strong", null, "1574"))
41
+ price: (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
42
+ children: [(0, _jsxRuntime.jsx)(Currency, {}), " ", (0, _jsxRuntime.jsx)("strong", {
43
+ children: "1574"
44
+ })]
45
+ })
33
46
  }, {
34
47
  id: '1004',
35
48
  pallets: 52,
36
49
  from: 'Stockholm',
37
50
  to: 'Amsterdam',
38
- price: (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)(Currency, null), " ", (0, _react2.jsx)("strong", null, "945.50"))
51
+ price: (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
52
+ children: [(0, _jsxRuntime.jsx)(Currency, {}), " ", (0, _jsxRuntime.jsx)("strong", {
53
+ children: "945.50"
54
+ })]
55
+ })
39
56
  }, {
40
57
  id: '1005',
41
58
  pallets: 4,
42
59
  from: 'London',
43
60
  to: 'Paris',
44
- price: (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)(Currency, null), " ", (0, _react2.jsx)("strong", null, "850"))
61
+ price: (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
62
+ children: [(0, _jsxRuntime.jsx)(Currency, {}), " ", (0, _jsxRuntime.jsx)("strong", {
63
+ children: "850"
64
+ })]
65
+ })
45
66
  }, {
46
67
  id: '1006',
47
68
  pallets: 33,
48
69
  from: 'Madrid',
49
70
  to: 'Berlin',
50
- price: (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)(Currency, null), " ", (0, _react2.jsx)("strong", null, "2000"))
71
+ price: (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
72
+ children: [(0, _jsxRuntime.jsx)(Currency, {}), " ", (0, _jsxRuntime.jsx)("strong", {
73
+ children: "2000"
74
+ })]
75
+ })
51
76
  }, {
52
77
  id: '1007',
53
78
  pallets: 17,
54
79
  from: 'Berlin',
55
80
  to: 'Oslo',
56
- price: (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)(Currency, null), " ", (0, _react2.jsx)("strong", null, "887"))
81
+ price: (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
82
+ children: [(0, _jsxRuntime.jsx)(Currency, {}), " ", (0, _jsxRuntime.jsx)("strong", {
83
+ children: "887"
84
+ })]
85
+ })
57
86
  }, {
58
87
  id: '1008',
59
88
  pallets: 14,
60
89
  from: 'Oslo',
61
90
  to: 'Cairo',
62
- price: (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)(Currency, null), " ", (0, _react2.jsx)("strong", null, "2400"))
91
+ price: (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
92
+ children: [(0, _jsxRuntime.jsx)(Currency, {}), " ", (0, _jsxRuntime.jsx)("strong", {
93
+ children: "2400"
94
+ })]
95
+ })
63
96
  }, {
64
97
  id: '1009',
65
98
  pallets: 23,
66
99
  from: 'Paris',
67
100
  to: 'Rome',
68
- price: (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)(Currency, null), " ", (0, _react2.jsx)("strong", null, "1280.30"))
101
+ price: (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
102
+ children: [(0, _jsxRuntime.jsx)(Currency, {}), " ", (0, _jsxRuntime.jsx)("strong", {
103
+ children: "1280.30"
104
+ })]
105
+ })
69
106
  }];
70
- var _default = tableRows;
71
- exports.default = _default;
107
+ var _default = exports.default = tableRows;
@@ -0,0 +1,3 @@
1
+ import { Row } from '../DynamicTable.types';
2
+ declare const tableRowsExpandable: Row[];
3
+ export default tableRowsExpandable;
@@ -5,69 +5,105 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.default = void 0;
7
7
  var _react = _interopRequireDefault(require("react"));
8
- var _react2 = require("@emotion/react");
8
+ var _jsxRuntime = require("@emotion/react/jsx-runtime");
9
9
  function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
10
- const Currency = () => (0, _react2.jsx)("span", {
10
+ const Currency = () => (0, _jsxRuntime.jsx)("span", {
11
11
  style: {
12
12
  fontSize: '10px'
13
- }
14
- }, "EUR");
13
+ },
14
+ children: "EUR"
15
+ });
15
16
  const tableRowsExpandable = [{
16
17
  id: '1001',
17
18
  pallets: 10,
18
19
  from: 'Copenhagen',
19
20
  to: 'Stockholm',
20
- price: (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)(Currency, null), " ", (0, _react2.jsx)("strong", null, "200"))
21
+ price: (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
22
+ children: [(0, _jsxRuntime.jsx)(Currency, {}), " ", (0, _jsxRuntime.jsx)("strong", {
23
+ children: "200"
24
+ })]
25
+ })
21
26
  }, {
22
27
  id: '1002',
23
28
  pallets: 41,
24
29
  from: 'Istanbul',
25
30
  to: 'London',
26
- price: (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)(Currency, null), " ", (0, _react2.jsx)("strong", null, "320"))
31
+ price: (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
32
+ children: [(0, _jsxRuntime.jsx)(Currency, {}), " ", (0, _jsxRuntime.jsx)("strong", {
33
+ children: "320"
34
+ })]
35
+ })
27
36
  }, {
28
37
  id: '1003',
29
38
  pallets: 9,
30
39
  from: 'Delphi',
31
40
  to: 'Madrid',
32
- price: (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)(Currency, null), " ", (0, _react2.jsx)("strong", null, "1574")),
41
+ price: (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
42
+ children: [(0, _jsxRuntime.jsx)(Currency, {}), " ", (0, _jsxRuntime.jsx)("strong", {
43
+ children: "1574"
44
+ })]
45
+ }),
33
46
  subRows: [{
34
47
  id: '1004',
35
48
  pallets: 52,
36
49
  from: 'Stockholm',
37
50
  to: 'Amsterdam',
38
- price: (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)(Currency, null), " ", (0, _react2.jsx)("strong", null, "945.50"))
51
+ price: (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
52
+ children: [(0, _jsxRuntime.jsx)(Currency, {}), " ", (0, _jsxRuntime.jsx)("strong", {
53
+ children: "945.50"
54
+ })]
55
+ })
39
56
  }, {
40
57
  id: '1005',
41
58
  pallets: 4,
42
59
  from: 'London',
43
60
  to: 'Paris',
44
- price: (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)(Currency, null), " ", (0, _react2.jsx)("strong", null, "850"))
61
+ price: (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
62
+ children: [(0, _jsxRuntime.jsx)(Currency, {}), " ", (0, _jsxRuntime.jsx)("strong", {
63
+ children: "850"
64
+ })]
65
+ })
45
66
  }]
46
67
  }, {
47
68
  id: '1006',
48
69
  pallets: 33,
49
70
  from: 'Madrid',
50
71
  to: 'Berlin',
51
- price: (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)(Currency, null), " ", (0, _react2.jsx)("strong", null, "2000"))
72
+ price: (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
73
+ children: [(0, _jsxRuntime.jsx)(Currency, {}), " ", (0, _jsxRuntime.jsx)("strong", {
74
+ children: "2000"
75
+ })]
76
+ })
52
77
  }, {
53
78
  id: '1007',
54
79
  pallets: 17,
55
80
  from: 'Berlin',
56
81
  to: 'Oslo',
57
- price: (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)(Currency, null), " ", (0, _react2.jsx)("strong", null, "887")),
82
+ price: (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
83
+ children: [(0, _jsxRuntime.jsx)(Currency, {}), " ", (0, _jsxRuntime.jsx)("strong", {
84
+ children: "887"
85
+ })]
86
+ }),
58
87
  subRows: [{
59
88
  id: '1008',
60
89
  pallets: 14,
61
90
  from: 'Oslo',
62
91
  to: 'Cairo',
63
- price: (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)(Currency, null), " ", (0, _react2.jsx)("strong", null, "2400"))
92
+ price: (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
93
+ children: [(0, _jsxRuntime.jsx)(Currency, {}), " ", (0, _jsxRuntime.jsx)("strong", {
94
+ children: "2400"
95
+ })]
96
+ })
64
97
  }]
65
98
  }, {
66
99
  id: '1009',
67
100
  pallets: 23,
68
101
  from: 'Paris',
69
102
  to: 'Rome',
70
- price: (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)(Currency, null), " ", (0, _react2.jsx)("strong", null, "1280.30"))
103
+ price: (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
104
+ children: [(0, _jsxRuntime.jsx)(Currency, {}), " ", (0, _jsxRuntime.jsx)("strong", {
105
+ children: "1280.30"
106
+ })]
107
+ })
71
108
  }];
72
- var _default = tableRowsExpandable;
73
- exports.default = _default;
109
+ var _default = exports.default = tableRowsExpandable;
@@ -0,0 +1,23 @@
1
+ import React from 'react';
2
+ import { FooterMetaLinkProps } from './FooterMetaLink';
3
+ import { FooterColumnProps } from './FooterColumn';
4
+ export type FooterProps = {
5
+ /**
6
+ * Content to be displayed above footer columns
7
+ */
8
+ topElement?: React.ReactNode;
9
+ /**
10
+ * Footer columns, if provided, minimum: 1, maximum: 4. Property is optional
11
+ */
12
+ children?: React.ReactElement<FooterColumnProps> | React.ReactElement<FooterColumnProps>[];
13
+ /**
14
+ * Links to be displayed at the bottom right corner
15
+ */
16
+ metaLinks?: React.ReactElement<FooterMetaLinkProps> | React.ReactElement<FooterMetaLinkProps>[];
17
+ /**
18
+ * Content to be display between footer columns and meta links e.g. locale selector, social links.
19
+ */
20
+ features?: React.ReactNode;
21
+ };
22
+ export declare const Footer: React.FunctionComponent<FooterProps>;
23
+ export default Footer;