@dfds-ui/experiences 2.0.29-alpha.d8ff8a45 → 2.0.29-alpha.ee748bc1
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.
- package/cjs/dynamic-table/Body/TableBody.d.ts +1 -1
- package/cjs/dynamic-table/Body/TableBody.js +4 -7
- package/cjs/dynamic-table/Body/TableBody.types.d.ts +0 -1
- package/cjs/dynamic-table/Body/TableCell.js +1 -2
- package/cjs/dynamic-table/Body/TableCell.styles.d.ts +0 -1
- package/cjs/dynamic-table/Body/TableCell.styles.js +4 -8
- package/cjs/dynamic-table/Body/TableRow.d.ts +1 -1
- package/cjs/dynamic-table/Body/TableRow.js +26 -48
- package/cjs/dynamic-table/Body/TableRow.styles.d.ts +1 -5
- package/cjs/dynamic-table/Body/TableRow.styles.js +5 -25
- package/cjs/dynamic-table/Body/TableRow.types.d.ts +0 -7
- package/cjs/dynamic-table/DynamicTable.js +2 -6
- package/cjs/dynamic-table/DynamicTable.styles.js +1 -2
- package/cjs/dynamic-table/DynamicTable.types.d.ts +0 -7
- package/cjs/dynamic-table/Head/TableHead.d.ts +1 -1
- package/cjs/dynamic-table/Head/TableHead.js +2 -4
- package/cjs/dynamic-table/Head/TableHead.types.d.ts +0 -1
- package/cjs/dynamic-table/Skeleton/SkeletonTable.styles.js +2 -3
- package/cjs/dynamic-table/Skeleton/helpers/createSkeletonRows.js +2 -3
- package/cjs/dynamic-table/helpers/getHeaderRow.js +1 -2
- package/cjs/dynamic-table/stories/headerRow.js +1 -2
- package/cjs/dynamic-table/stories/headerRowSortable.js +1 -2
- package/cjs/dynamic-table/stories/tableRows.js +1 -2
- package/cjs/footer/Footer.js +1 -2
- package/cjs/footer/FooterColumn.js +1 -2
- package/cjs/footer/FooterColumnItem.js +1 -2
- package/cjs/footer/FooterMetaLink.js +1 -2
- package/cjs/internet-explorer-modal/IEModal.js +1 -2
- package/cjs/locale-selector/LocaleOption.js +1 -2
- package/cjs/locale-selector/LocaleSelector.js +2 -4
- package/dynamic-table/Body/TableBody.d.ts +1 -1
- package/dynamic-table/Body/TableBody.js +4 -6
- package/dynamic-table/Body/TableBody.types.d.ts +0 -1
- package/dynamic-table/Body/TableCell.styles.d.ts +0 -1
- package/dynamic-table/Body/TableCell.styles.js +3 -4
- package/dynamic-table/Body/TableRow.d.ts +1 -1
- package/dynamic-table/Body/TableRow.js +6 -25
- package/dynamic-table/Body/TableRow.styles.d.ts +1 -5
- package/dynamic-table/Body/TableRow.styles.js +3 -18
- package/dynamic-table/Body/TableRow.types.d.ts +0 -7
- package/dynamic-table/DynamicTable.js +6 -9
- package/dynamic-table/DynamicTable.types.d.ts +0 -7
- package/dynamic-table/Head/TableHead.d.ts +1 -1
- package/dynamic-table/Head/TableHead.js +2 -3
- package/dynamic-table/Head/TableHead.types.d.ts +0 -1
- package/dynamic-table/Skeleton/helpers/createSkeletonRows.js +2 -2
- package/footer/Footer.js +3 -3
- package/footer/FooterColumn.js +3 -3
- package/footer/FooterColumnItem.js +3 -3
- package/footer/FooterMetaLink.js +3 -3
- package/internet-explorer-modal/IEModal.js +5 -5
- package/locale-selector/LocaleSelector.js +2 -2
- package/package.json +10 -10
- package/cjs/dynamic-table/Body/TableRowGroup.d.ts +0 -4
- package/cjs/dynamic-table/Body/TableRowGroup.js +0 -59
- package/cjs/dynamic-table/Body/TableRowGroup.types.d.ts +0 -14
- package/cjs/dynamic-table/Body/TableRowGroup.types.js +0 -5
- package/cjs/dynamic-table/stories/tableRowsExpandable.d.ts +0 -3
- package/cjs/dynamic-table/stories/tableRowsExpandable.js +0 -73
- package/dynamic-table/Body/TableRowGroup.d.ts +0 -4
- package/dynamic-table/Body/TableRowGroup.js +0 -52
- package/dynamic-table/Body/TableRowGroup.types.d.ts +0 -14
- package/dynamic-table/Body/TableRowGroup.types.js +0 -1
- package/dynamic-table/stories/tableRowsExpandable.d.ts +0 -3
- package/dynamic-table/stories/tableRowsExpandable.js +0 -67
|
@@ -1,73 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
var _react = _interopRequireDefault(require("react"));
|
|
8
|
-
var _react2 = require("@emotion/react");
|
|
9
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
10
|
-
const Currency = () => (0, _react2.jsx)("span", {
|
|
11
|
-
style: {
|
|
12
|
-
fontSize: '10px'
|
|
13
|
-
}
|
|
14
|
-
}, "EUR");
|
|
15
|
-
const tableRowsExpandable = [{
|
|
16
|
-
id: '1001',
|
|
17
|
-
pallets: 10,
|
|
18
|
-
from: 'Copenhagen',
|
|
19
|
-
to: 'Stockholm',
|
|
20
|
-
price: (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)(Currency, null), " ", (0, _react2.jsx)("strong", null, "200"))
|
|
21
|
-
}, {
|
|
22
|
-
id: '1002',
|
|
23
|
-
pallets: 41,
|
|
24
|
-
from: 'Istanbul',
|
|
25
|
-
to: 'London',
|
|
26
|
-
price: (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)(Currency, null), " ", (0, _react2.jsx)("strong", null, "320"))
|
|
27
|
-
}, {
|
|
28
|
-
id: '1003',
|
|
29
|
-
pallets: 9,
|
|
30
|
-
from: 'Delphi',
|
|
31
|
-
to: 'Madrid',
|
|
32
|
-
price: (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)(Currency, null), " ", (0, _react2.jsx)("strong", null, "1574")),
|
|
33
|
-
subRows: [{
|
|
34
|
-
id: '1004',
|
|
35
|
-
pallets: 52,
|
|
36
|
-
from: 'Stockholm',
|
|
37
|
-
to: 'Amsterdam',
|
|
38
|
-
price: (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)(Currency, null), " ", (0, _react2.jsx)("strong", null, "945.50"))
|
|
39
|
-
}, {
|
|
40
|
-
id: '1005',
|
|
41
|
-
pallets: 4,
|
|
42
|
-
from: 'London',
|
|
43
|
-
to: 'Paris',
|
|
44
|
-
price: (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)(Currency, null), " ", (0, _react2.jsx)("strong", null, "850"))
|
|
45
|
-
}]
|
|
46
|
-
}, {
|
|
47
|
-
id: '1006',
|
|
48
|
-
pallets: 33,
|
|
49
|
-
from: 'Madrid',
|
|
50
|
-
to: 'Berlin',
|
|
51
|
-
price: (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)(Currency, null), " ", (0, _react2.jsx)("strong", null, "2000"))
|
|
52
|
-
}, {
|
|
53
|
-
id: '1007',
|
|
54
|
-
pallets: 17,
|
|
55
|
-
from: 'Berlin',
|
|
56
|
-
to: 'Oslo',
|
|
57
|
-
price: (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)(Currency, null), " ", (0, _react2.jsx)("strong", null, "887")),
|
|
58
|
-
subRows: [{
|
|
59
|
-
id: '1008',
|
|
60
|
-
pallets: 14,
|
|
61
|
-
from: 'Oslo',
|
|
62
|
-
to: 'Cairo',
|
|
63
|
-
price: (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)(Currency, null), " ", (0, _react2.jsx)("strong", null, "2400"))
|
|
64
|
-
}]
|
|
65
|
-
}, {
|
|
66
|
-
id: '1009',
|
|
67
|
-
pallets: 23,
|
|
68
|
-
from: 'Paris',
|
|
69
|
-
to: 'Rome',
|
|
70
|
-
price: (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)(Currency, null), " ", (0, _react2.jsx)("strong", null, "1280.30"))
|
|
71
|
-
}];
|
|
72
|
-
var _default = tableRowsExpandable;
|
|
73
|
-
exports.default = _default;
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { TableRowGroupProps } from './TableRowGroup.types';
|
|
3
|
-
declare const TableRowGroup: React.MemoExoticComponent<({ activeRow, expandable, headerRow, onClickRow, onSelectRow, row, selectableRows, selectedRows, }: TableRowGroupProps) => JSX.Element>;
|
|
4
|
-
export default TableRowGroup;
|
|
@@ -1,52 +0,0 @@
|
|
|
1
|
-
function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
|
|
2
|
-
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."); }
|
|
3
|
-
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; } }
|
|
4
|
-
function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) { n[e] = r[e]; } return n; }
|
|
5
|
-
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0) { ; } } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
6
|
-
function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
|
|
7
|
-
import React from 'react';
|
|
8
|
-
import TableRow from './TableRow';
|
|
9
|
-
import { jsx as ___EmotionJSX } from "@emotion/react";
|
|
10
|
-
var TableRowGroup = /*#__PURE__*/React.memo(function (_ref) {
|
|
11
|
-
var activeRow = _ref.activeRow,
|
|
12
|
-
expandable = _ref.expandable,
|
|
13
|
-
headerRow = _ref.headerRow,
|
|
14
|
-
onClickRow = _ref.onClickRow,
|
|
15
|
-
onSelectRow = _ref.onSelectRow,
|
|
16
|
-
row = _ref.row,
|
|
17
|
-
selectableRows = _ref.selectableRows,
|
|
18
|
-
selectedRows = _ref.selectedRows;
|
|
19
|
-
var _React$useState = React.useState(false),
|
|
20
|
-
_React$useState2 = _slicedToArray(_React$useState, 2),
|
|
21
|
-
isExpanded = _React$useState2[0],
|
|
22
|
-
setIsExpanded = _React$useState2[1];
|
|
23
|
-
var subRows = row.subRows || [];
|
|
24
|
-
return ___EmotionJSX(React.Fragment, null, ___EmotionJSX(TableRow, {
|
|
25
|
-
headerRow: headerRow,
|
|
26
|
-
expandable: expandable,
|
|
27
|
-
isActive: activeRow ? row.id === activeRow : false,
|
|
28
|
-
isExpanded: isExpanded,
|
|
29
|
-
onClickRow: onClickRow,
|
|
30
|
-
onSelectRow: onSelectRow,
|
|
31
|
-
row: row,
|
|
32
|
-
selectableRows: selectableRows,
|
|
33
|
-
selectedRows: selectedRows,
|
|
34
|
-
setIsExpanded: setIsExpanded
|
|
35
|
-
}), subRows.map(function (row, index) {
|
|
36
|
-
return ___EmotionJSX(TableRow, {
|
|
37
|
-
headerRow: headerRow,
|
|
38
|
-
expandable: expandable,
|
|
39
|
-
isActive: activeRow ? row.id === activeRow : false,
|
|
40
|
-
isExpanded: isExpanded,
|
|
41
|
-
isSubRow: true,
|
|
42
|
-
key: index,
|
|
43
|
-
onClickRow: onClickRow,
|
|
44
|
-
onSelectRow: onSelectRow,
|
|
45
|
-
row: row,
|
|
46
|
-
selectableRows: selectableRows,
|
|
47
|
-
selectedRows: selectedRows,
|
|
48
|
-
setIsExpanded: setIsExpanded
|
|
49
|
-
});
|
|
50
|
-
}));
|
|
51
|
-
});
|
|
52
|
-
export default TableRowGroup;
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { Header, Row } from '../DynamicTable.types';
|
|
2
|
-
export declare type TableRowGroupProps = {
|
|
3
|
-
activeRow?: string;
|
|
4
|
-
expandable?: boolean;
|
|
5
|
-
headerRow: Header[];
|
|
6
|
-
onClickRow?: (id: string) => void;
|
|
7
|
-
onSelectRow: (id: string) => void;
|
|
8
|
-
row: Row;
|
|
9
|
-
selectableRows: boolean;
|
|
10
|
-
selectedRows: string[];
|
|
11
|
-
};
|
|
12
|
-
export declare type ChevronProps = {
|
|
13
|
-
expanded: boolean;
|
|
14
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,67 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { jsx as ___EmotionJSX } from "@emotion/react";
|
|
3
|
-
var Currency = function Currency() {
|
|
4
|
-
return ___EmotionJSX("span", {
|
|
5
|
-
style: {
|
|
6
|
-
fontSize: '10px'
|
|
7
|
-
}
|
|
8
|
-
}, "EUR");
|
|
9
|
-
};
|
|
10
|
-
var tableRowsExpandable = [{
|
|
11
|
-
id: '1001',
|
|
12
|
-
pallets: 10,
|
|
13
|
-
from: 'Copenhagen',
|
|
14
|
-
to: 'Stockholm',
|
|
15
|
-
price: ___EmotionJSX(React.Fragment, null, ___EmotionJSX(Currency, null), " ", ___EmotionJSX("strong", null, "200"))
|
|
16
|
-
}, {
|
|
17
|
-
id: '1002',
|
|
18
|
-
pallets: 41,
|
|
19
|
-
from: 'Istanbul',
|
|
20
|
-
to: 'London',
|
|
21
|
-
price: ___EmotionJSX(React.Fragment, null, ___EmotionJSX(Currency, null), " ", ___EmotionJSX("strong", null, "320"))
|
|
22
|
-
}, {
|
|
23
|
-
id: '1003',
|
|
24
|
-
pallets: 9,
|
|
25
|
-
from: 'Delphi',
|
|
26
|
-
to: 'Madrid',
|
|
27
|
-
price: ___EmotionJSX(React.Fragment, null, ___EmotionJSX(Currency, null), " ", ___EmotionJSX("strong", null, "1574")),
|
|
28
|
-
subRows: [{
|
|
29
|
-
id: '1004',
|
|
30
|
-
pallets: 52,
|
|
31
|
-
from: 'Stockholm',
|
|
32
|
-
to: 'Amsterdam',
|
|
33
|
-
price: ___EmotionJSX(React.Fragment, null, ___EmotionJSX(Currency, null), " ", ___EmotionJSX("strong", null, "945.50"))
|
|
34
|
-
}, {
|
|
35
|
-
id: '1005',
|
|
36
|
-
pallets: 4,
|
|
37
|
-
from: 'London',
|
|
38
|
-
to: 'Paris',
|
|
39
|
-
price: ___EmotionJSX(React.Fragment, null, ___EmotionJSX(Currency, null), " ", ___EmotionJSX("strong", null, "850"))
|
|
40
|
-
}]
|
|
41
|
-
}, {
|
|
42
|
-
id: '1006',
|
|
43
|
-
pallets: 33,
|
|
44
|
-
from: 'Madrid',
|
|
45
|
-
to: 'Berlin',
|
|
46
|
-
price: ___EmotionJSX(React.Fragment, null, ___EmotionJSX(Currency, null), " ", ___EmotionJSX("strong", null, "2000"))
|
|
47
|
-
}, {
|
|
48
|
-
id: '1007',
|
|
49
|
-
pallets: 17,
|
|
50
|
-
from: 'Berlin',
|
|
51
|
-
to: 'Oslo',
|
|
52
|
-
price: ___EmotionJSX(React.Fragment, null, ___EmotionJSX(Currency, null), " ", ___EmotionJSX("strong", null, "887")),
|
|
53
|
-
subRows: [{
|
|
54
|
-
id: '1008',
|
|
55
|
-
pallets: 14,
|
|
56
|
-
from: 'Oslo',
|
|
57
|
-
to: 'Cairo',
|
|
58
|
-
price: ___EmotionJSX(React.Fragment, null, ___EmotionJSX(Currency, null), " ", ___EmotionJSX("strong", null, "2400"))
|
|
59
|
-
}]
|
|
60
|
-
}, {
|
|
61
|
-
id: '1009',
|
|
62
|
-
pallets: 23,
|
|
63
|
-
from: 'Paris',
|
|
64
|
-
to: 'Rome',
|
|
65
|
-
price: ___EmotionJSX(React.Fragment, null, ___EmotionJSX(Currency, null), " ", ___EmotionJSX("strong", null, "1280.30"))
|
|
66
|
-
}];
|
|
67
|
-
export default tableRowsExpandable;
|