@dfds-ui/experiences 2.0.29-alpha.fae844df → 2.2.0-alpha.8d87a90d

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 (109) hide show
  1. package/package.json +10 -10
  2. package/cjs/dynamic-table/Body/TableBody.js +0 -49
  3. package/cjs/dynamic-table/Body/TableBody.types.js +0 -5
  4. package/cjs/dynamic-table/Body/TableCell.js +0 -22
  5. package/cjs/dynamic-table/Body/TableCell.styles.js +0 -26
  6. package/cjs/dynamic-table/Body/TableCell.types.js +0 -5
  7. package/cjs/dynamic-table/Body/TableRow.js +0 -72
  8. package/cjs/dynamic-table/Body/TableRow.styles.js +0 -50
  9. package/cjs/dynamic-table/Body/TableRow.types.js +0 -5
  10. package/cjs/dynamic-table/Body/TableRowGroup.js +0 -61
  11. package/cjs/dynamic-table/Body/TableRowGroup.types.js +0 -5
  12. package/cjs/dynamic-table/DynamicTable.js +0 -92
  13. package/cjs/dynamic-table/DynamicTable.styles.js +0 -17
  14. package/cjs/dynamic-table/DynamicTable.types.js +0 -5
  15. package/cjs/dynamic-table/Head/TableHead.js +0 -87
  16. package/cjs/dynamic-table/Head/TableHead.styles.js +0 -67
  17. package/cjs/dynamic-table/Head/TableHead.types.js +0 -5
  18. package/cjs/dynamic-table/Skeleton/SkeletonTable.styles.js +0 -18
  19. package/cjs/dynamic-table/Skeleton/helpers/createSkeletonRows.js +0 -33
  20. package/cjs/dynamic-table/helpers/getHeaderRow.js +0 -22
  21. package/cjs/dynamic-table/stories/headerRow.js +0 -27
  22. package/cjs/dynamic-table/stories/headerRowSortable.js +0 -29
  23. package/cjs/dynamic-table/stories/tableRows.js +0 -71
  24. package/cjs/dynamic-table/stories/tableRowsExpandable.js +0 -73
  25. package/cjs/footer/Footer.js +0 -92
  26. package/cjs/footer/FooterColumn.js +0 -35
  27. package/cjs/footer/FooterColumnItem.js +0 -34
  28. package/cjs/footer/FooterMetaLink.js +0 -37
  29. package/cjs/footer/index.js +0 -49
  30. package/cjs/index.js +0 -60
  31. package/cjs/internet-explorer-modal/IEModal.js +0 -127
  32. package/cjs/locale-selector/LocaleOption.js +0 -41
  33. package/cjs/locale-selector/LocaleSelector.js +0 -97
  34. package/cjs/locale-selector/index.js +0 -16
  35. package/cjs/swiper/Swiper.js +0 -30
  36. package/cjs/swiper/SwiperCard.js +0 -30
  37. package/cjs/swiper/index.js +0 -27
  38. package/dynamic-table/Body/TableBody.d.ts +0 -4
  39. package/dynamic-table/Body/TableBody.js +0 -47
  40. package/dynamic-table/Body/TableBody.types.d.ts +0 -11
  41. package/dynamic-table/Body/TableBody.types.js +0 -1
  42. package/dynamic-table/Body/TableCell.d.ts +0 -4
  43. package/dynamic-table/Body/TableCell.js +0 -15
  44. package/dynamic-table/Body/TableCell.styles.d.ts +0 -9
  45. package/dynamic-table/Body/TableCell.styles.js +0 -18
  46. package/dynamic-table/Body/TableCell.types.d.ts +0 -6
  47. package/dynamic-table/Body/TableCell.types.js +0 -1
  48. package/dynamic-table/Body/TableRow.d.ts +0 -4
  49. package/dynamic-table/Body/TableRow.js +0 -69
  50. package/dynamic-table/Body/TableRow.styles.d.ts +0 -11
  51. package/dynamic-table/Body/TableRow.styles.js +0 -29
  52. package/dynamic-table/Body/TableRow.types.d.ts +0 -18
  53. package/dynamic-table/Body/TableRow.types.js +0 -1
  54. package/dynamic-table/Body/TableRowGroup.d.ts +0 -4
  55. package/dynamic-table/Body/TableRowGroup.js +0 -54
  56. package/dynamic-table/Body/TableRowGroup.types.d.ts +0 -14
  57. package/dynamic-table/Body/TableRowGroup.types.js +0 -1
  58. package/dynamic-table/DynamicTable.d.ts +0 -4
  59. package/dynamic-table/DynamicTable.js +0 -85
  60. package/dynamic-table/DynamicTable.styles.d.ts +0 -6
  61. package/dynamic-table/DynamicTable.styles.js +0 -7
  62. package/dynamic-table/DynamicTable.types.d.ts +0 -36
  63. package/dynamic-table/DynamicTable.types.js +0 -1
  64. package/dynamic-table/Head/TableHead.d.ts +0 -4
  65. package/dynamic-table/Head/TableHead.js +0 -80
  66. package/dynamic-table/Head/TableHead.styles.d.ts +0 -5
  67. package/dynamic-table/Head/TableHead.styles.js +0 -48
  68. package/dynamic-table/Head/TableHead.types.d.ts +0 -36
  69. package/dynamic-table/Head/TableHead.types.js +0 -1
  70. package/dynamic-table/Skeleton/SkeletonTable.styles.d.ts +0 -1
  71. package/dynamic-table/Skeleton/SkeletonTable.styles.js +0 -11
  72. package/dynamic-table/Skeleton/helpers/createSkeletonRows.d.ts +0 -3
  73. package/dynamic-table/Skeleton/helpers/createSkeletonRows.js +0 -34
  74. package/dynamic-table/helpers/getHeaderRow.d.ts +0 -3
  75. package/dynamic-table/helpers/getHeaderRow.js +0 -15
  76. package/dynamic-table/stories/headerRow.d.ts +0 -3
  77. package/dynamic-table/stories/headerRow.js +0 -20
  78. package/dynamic-table/stories/headerRowSortable.d.ts +0 -3
  79. package/dynamic-table/stories/headerRowSortable.js +0 -22
  80. package/dynamic-table/stories/tableRows.d.ts +0 -3
  81. package/dynamic-table/stories/tableRows.js +0 -65
  82. package/dynamic-table/stories/tableRowsExpandable.d.ts +0 -3
  83. package/dynamic-table/stories/tableRowsExpandable.js +0 -67
  84. package/footer/Footer.d.ts +0 -23
  85. package/footer/Footer.js +0 -65
  86. package/footer/FooterColumn.d.ts +0 -11
  87. package/footer/FooterColumn.js +0 -27
  88. package/footer/FooterColumnItem.d.ts +0 -7
  89. package/footer/FooterColumnItem.js +0 -22
  90. package/footer/FooterMetaLink.d.ts +0 -7
  91. package/footer/FooterMetaLink.js +0 -29
  92. package/footer/index.d.ts +0 -4
  93. package/footer/index.js +0 -4
  94. package/index.d.ts +0 -5
  95. package/index.js +0 -5
  96. package/internet-explorer-modal/IEModal.d.ts +0 -69
  97. package/internet-explorer-modal/IEModal.js +0 -126
  98. package/locale-selector/LocaleOption.d.ts +0 -9
  99. package/locale-selector/LocaleOption.js +0 -32
  100. package/locale-selector/LocaleSelector.d.ts +0 -53
  101. package/locale-selector/LocaleSelector.js +0 -95
  102. package/locale-selector/index.d.ts +0 -1
  103. package/locale-selector/index.js +0 -1
  104. package/swiper/Swiper.d.ts +0 -5
  105. package/swiper/Swiper.js +0 -22
  106. package/swiper/SwiperCard.d.ts +0 -5
  107. package/swiper/SwiperCard.js +0 -22
  108. package/swiper/index.d.ts +0 -2
  109. package/swiper/index.js +0 -2
package/package.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "description": "React components for building experiences",
4
4
  "license": "MIT",
5
5
  "private": false,
6
- "version": "2.0.29-alpha.fae844df",
6
+ "version": "2.2.0-alpha.8d87a90d",
7
7
  "sideEffects": false,
8
8
  "main": "./cjs/index.js",
9
9
  "module": "./index.js",
@@ -16,16 +16,16 @@
16
16
  "react-dom": ">= 17.0.2"
17
17
  },
18
18
  "dependencies": {
19
- "@dfds-ui/colors": "2.0.29-alpha.fae844df",
20
- "@dfds-ui/forms": "2.0.29-alpha.fae844df",
21
- "@dfds-ui/grid": "2.0.29-alpha.fae844df",
22
- "@dfds-ui/icons": "2.0.29-alpha.fae844df",
23
- "@dfds-ui/modal": "2.0.29-alpha.fae844df",
24
- "@dfds-ui/react-components": "2.0.29-alpha.fae844df",
25
- "@dfds-ui/theme": "2.0.29-alpha.fae844df",
26
- "@dfds-ui/typography": "2.0.29-alpha.fae844df"
19
+ "@dfds-ui/colors": "2.2.0-alpha.8d87a90d",
20
+ "@dfds-ui/forms": "2.2.0-alpha.8d87a90d",
21
+ "@dfds-ui/grid": "2.2.0-alpha.8d87a90d",
22
+ "@dfds-ui/icons": "2.2.0-alpha.8d87a90d",
23
+ "@dfds-ui/modal": "2.2.0-alpha.8d87a90d",
24
+ "@dfds-ui/react-components": "2.2.0-alpha.8d87a90d",
25
+ "@dfds-ui/theme": "2.2.0-alpha.8d87a90d",
26
+ "@dfds-ui/typography": "2.2.0-alpha.8d87a90d"
27
27
  },
28
- "gitHead": "fae844df4eedfb3b86137c2ed387767460cca139",
28
+ "gitHead": "8d87a90d4501dae81cac37ab3b4d9f13a68e2ab3",
29
29
  "publishConfig": {
30
30
  "access": "public"
31
31
  }
@@ -1,49 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = void 0;
7
- var _react = _interopRequireWildcard(require("react"));
8
- var _TableRowGroup = _interopRequireDefault(require("./TableRowGroup"));
9
- var _react2 = require("@emotion/react");
10
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
11
- 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); }
12
- const TableBody = /*#__PURE__*/_react.default.memo(({
13
- activeRow,
14
- expandable,
15
- headerRow,
16
- onClickRow,
17
- onSelectRow,
18
- rows,
19
- selectableRows,
20
- selectedRows
21
- }) => {
22
- // update state and callback functions
23
- const updateSelectedRows = (0, _react.useCallback)(id => {
24
- if (onSelectRow && selectableRows) {
25
- const selection = [...selectedRows];
26
- if (selectedRows.includes(id)) {
27
- const index = selectedRows.indexOf(id);
28
- if (index !== -1) selection.splice(index, 1);
29
- onSelectRow(selection);
30
- } else {
31
- selection.push(id);
32
- onSelectRow(selection);
33
- }
34
- }
35
- }, [selectableRows, selectedRows]);
36
- return (0, _react2.jsx)("tbody", null, rows.map(row => (0, _react2.jsx)(_TableRowGroup.default, {
37
- activeRow: activeRow,
38
- expandable: expandable,
39
- headerRow: headerRow,
40
- key: row.id,
41
- onClickRow: onClickRow,
42
- onSelectRow: updateSelectedRows,
43
- row: row,
44
- selectableRows: selectableRows,
45
- selectedRows: selectedRows
46
- })));
47
- });
48
- var _default = TableBody;
49
- exports.default = _default;
@@ -1,5 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
@@ -1,22 +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 _TableCell = require("./TableCell.styles");
9
- var _react2 = require("@emotion/react");
10
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
11
- const TableCell = /*#__PURE__*/_react.default.memo(({
12
- children,
13
- headerCell
14
- }) => (0, _react2.jsx)("td", {
15
- css: (0, _TableCell.tableCellStyles)({
16
- align: headerCell === null || headerCell === void 0 ? void 0 : headerCell.textAlign,
17
- customWidth: headerCell === null || headerCell === void 0 ? void 0 : headerCell.width
18
- }),
19
- "data-cy": `dynamic-table-cell-${headerCell === null || headerCell === void 0 ? void 0 : headerCell.key}`
20
- }, children));
21
- var _default = TableCell;
22
- exports.default = _default;
@@ -1,26 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.tableCellStyles = exports.tableCellExpanderStyles = exports.tableCellCheckboxStyles = exports.genericTableCellStyles = void 0;
7
- var _theme = require("@dfds-ui/theme");
8
- var _react = require("@emotion/react");
9
- 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; }
10
- 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; }
11
- 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; }
12
- function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
13
- 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); }
14
- const genericTableCellStyles = /*#__PURE__*/(0, _react.css)("padding:0 ", _theme.theme.spacing.xs, ";&:first-of-type{padding-left:", _theme.theme.spacing.s, ";}&:last-of-type{padding-right:", _theme.theme.spacing.s, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:genericTableCellStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0JvZHkvVGFibGVDZWxsLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBR3lDIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0JvZHkvVGFibGVDZWxsLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbmV4cG9ydCBjb25zdCBnZW5lcmljVGFibGVDZWxsU3R5bGVzID0gY3NzYFxuICBwYWRkaW5nOiAwICR7dGhlbWUuc3BhY2luZy54c307XG5cbiAgJjpmaXJzdC1vZi10eXBlIHtcbiAgICBwYWRkaW5nLWxlZnQ6ICR7dGhlbWUuc3BhY2luZy5zfTtcbiAgfVxuXG4gICY6bGFzdC1vZi10eXBlIHtcbiAgICBwYWRkaW5nLXJpZ2h0OiAke3RoZW1lLnNwYWNpbmcuc307XG4gIH1cbmBcblxudHlwZSBUYWJsZUNlbGxQcm9wcyA9IHtcbiAgYWxpZ24/OiAnY2VudGVyJyB8ICdsZWZ0JyB8ICdyaWdodCdcbiAgY3VzdG9tV2lkdGg/OiBzdHJpbmdcbn1cblxuZXhwb3J0IGNvbnN0IHRhYmxlQ2VsbFN0eWxlcyA9ICh7IGFsaWduLCBjdXN0b21XaWR0aCB9OiBUYWJsZUNlbGxQcm9wcykgPT4gY3NzYFxuICAke3sgLi4uZ2VuZXJpY1RhYmxlQ2VsbFN0eWxlcyB9fVxuXG4gIG1pbi13aWR0aDogJHtjdXN0b21XaWR0aCB8fCAnYXV0byd9O1xuICB0ZXh0LWFsaWduOiAke2FsaWduIHx8ICdsZWZ0J307XG4gIHdpZHRoOiAke2N1c3RvbVdpZHRoIHx8ICdhdXRvJ307XG5gXG5cbmV4cG9ydCBjb25zdCB0YWJsZUNlbGxFeHBhbmRlclN0eWxlcyA9IChpc0V4cGFuZGFibGU6IGJvb2xlYW4pID0+IGNzc2BcbiAgJHt7IC4uLmdlbmVyaWNUYWJsZUNlbGxTdHlsZXMgfX1cblxuICBtYXgtd2lkdGg6IDQ4cHg7XG4gIHdpZHRoOiA0OHB4O1xuXG4gICR7aXNFeHBhbmRhYmxlICYmXG4gIGBcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gIGB9O1xuYFxuXG5leHBvcnQgY29uc3QgdGFibGVDZWxsQ2hlY2tib3hTdHlsZXMgPSBjc3NgXG4gICR7eyAuLi5nZW5lcmljVGFibGVDZWxsU3R5bGVzIH19XG5cbiAgbWF4LXdpZHRoOiA0MHB4O1xuICB3aWR0aDogNDBweDtcbmBcbiJdfQ== */");
15
- exports.genericTableCellStyles = genericTableCellStyles;
16
- const tableCellStyles = ({
17
- align,
18
- customWidth
19
- }) => /*#__PURE__*/(0, _react.css)(_objectSpread({}, genericTableCellStyles), " min-width:", customWidth || 'auto', ";text-align:", align || 'left', ";width:", customWidth || 'auto', ";" + (process.env.NODE_ENV === "production" ? "" : ";label:tableCellStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0JvZHkvVGFibGVDZWxsLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0I4RSIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvZHluYW1pYy10YWJsZS9Cb2R5L1RhYmxlQ2VsbC5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG5leHBvcnQgY29uc3QgZ2VuZXJpY1RhYmxlQ2VsbFN0eWxlcyA9IGNzc2BcbiAgcGFkZGluZzogMCAke3RoZW1lLnNwYWNpbmcueHN9O1xuXG4gICY6Zmlyc3Qtb2YtdHlwZSB7XG4gICAgcGFkZGluZy1sZWZ0OiAke3RoZW1lLnNwYWNpbmcuc307XG4gIH1cblxuICAmOmxhc3Qtb2YtdHlwZSB7XG4gICAgcGFkZGluZy1yaWdodDogJHt0aGVtZS5zcGFjaW5nLnN9O1xuICB9XG5gXG5cbnR5cGUgVGFibGVDZWxsUHJvcHMgPSB7XG4gIGFsaWduPzogJ2NlbnRlcicgfCAnbGVmdCcgfCAncmlnaHQnXG4gIGN1c3RvbVdpZHRoPzogc3RyaW5nXG59XG5cbmV4cG9ydCBjb25zdCB0YWJsZUNlbGxTdHlsZXMgPSAoeyBhbGlnbiwgY3VzdG9tV2lkdGggfTogVGFibGVDZWxsUHJvcHMpID0+IGNzc2BcbiAgJHt7IC4uLmdlbmVyaWNUYWJsZUNlbGxTdHlsZXMgfX1cblxuICBtaW4td2lkdGg6ICR7Y3VzdG9tV2lkdGggfHwgJ2F1dG8nfTtcbiAgdGV4dC1hbGlnbjogJHthbGlnbiB8fCAnbGVmdCd9O1xuICB3aWR0aDogJHtjdXN0b21XaWR0aCB8fCAnYXV0byd9O1xuYFxuXG5leHBvcnQgY29uc3QgdGFibGVDZWxsRXhwYW5kZXJTdHlsZXMgPSAoaXNFeHBhbmRhYmxlOiBib29sZWFuKSA9PiBjc3NgXG4gICR7eyAuLi5nZW5lcmljVGFibGVDZWxsU3R5bGVzIH19XG5cbiAgbWF4LXdpZHRoOiA0OHB4O1xuICB3aWR0aDogNDhweDtcblxuICAke2lzRXhwYW5kYWJsZSAmJlxuICBgXG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICBgfTtcbmBcblxuZXhwb3J0IGNvbnN0IHRhYmxlQ2VsbENoZWNrYm94U3R5bGVzID0gY3NzYFxuICAke3sgLi4uZ2VuZXJpY1RhYmxlQ2VsbFN0eWxlcyB9fVxuXG4gIG1heC13aWR0aDogNDBweDtcbiAgd2lkdGg6IDQwcHg7XG5gXG4iXX0= */");
20
- exports.tableCellStyles = tableCellStyles;
21
- const tableCellExpanderStyles = isExpandable => /*#__PURE__*/(0, _react.css)(_objectSpread({}, genericTableCellStyles), " max-width:48px;width:48px;", isExpandable && `
22
- cursor: pointer;
23
- `, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:tableCellExpanderStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0JvZHkvVGFibGVDZWxsLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNEJxRSIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvZHluYW1pYy10YWJsZS9Cb2R5L1RhYmxlQ2VsbC5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG5leHBvcnQgY29uc3QgZ2VuZXJpY1RhYmxlQ2VsbFN0eWxlcyA9IGNzc2BcbiAgcGFkZGluZzogMCAke3RoZW1lLnNwYWNpbmcueHN9O1xuXG4gICY6Zmlyc3Qtb2YtdHlwZSB7XG4gICAgcGFkZGluZy1sZWZ0OiAke3RoZW1lLnNwYWNpbmcuc307XG4gIH1cblxuICAmOmxhc3Qtb2YtdHlwZSB7XG4gICAgcGFkZGluZy1yaWdodDogJHt0aGVtZS5zcGFjaW5nLnN9O1xuICB9XG5gXG5cbnR5cGUgVGFibGVDZWxsUHJvcHMgPSB7XG4gIGFsaWduPzogJ2NlbnRlcicgfCAnbGVmdCcgfCAncmlnaHQnXG4gIGN1c3RvbVdpZHRoPzogc3RyaW5nXG59XG5cbmV4cG9ydCBjb25zdCB0YWJsZUNlbGxTdHlsZXMgPSAoeyBhbGlnbiwgY3VzdG9tV2lkdGggfTogVGFibGVDZWxsUHJvcHMpID0+IGNzc2BcbiAgJHt7IC4uLmdlbmVyaWNUYWJsZUNlbGxTdHlsZXMgfX1cblxuICBtaW4td2lkdGg6ICR7Y3VzdG9tV2lkdGggfHwgJ2F1dG8nfTtcbiAgdGV4dC1hbGlnbjogJHthbGlnbiB8fCAnbGVmdCd9O1xuICB3aWR0aDogJHtjdXN0b21XaWR0aCB8fCAnYXV0byd9O1xuYFxuXG5leHBvcnQgY29uc3QgdGFibGVDZWxsRXhwYW5kZXJTdHlsZXMgPSAoaXNFeHBhbmRhYmxlOiBib29sZWFuKSA9PiBjc3NgXG4gICR7eyAuLi5nZW5lcmljVGFibGVDZWxsU3R5bGVzIH19XG5cbiAgbWF4LXdpZHRoOiA0OHB4O1xuICB3aWR0aDogNDhweDtcblxuICAke2lzRXhwYW5kYWJsZSAmJlxuICBgXG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICBgfTtcbmBcblxuZXhwb3J0IGNvbnN0IHRhYmxlQ2VsbENoZWNrYm94U3R5bGVzID0gY3NzYFxuICAke3sgLi4uZ2VuZXJpY1RhYmxlQ2VsbFN0eWxlcyB9fVxuXG4gIG1heC13aWR0aDogNDBweDtcbiAgd2lkdGg6IDQwcHg7XG5gXG4iXX0= */");
24
- exports.tableCellExpanderStyles = tableCellExpanderStyles;
25
- const tableCellCheckboxStyles = /*#__PURE__*/(0, _react.css)(_objectSpread({}, genericTableCellStyles), " max-width:40px;width:40px;" + (process.env.NODE_ENV === "production" ? "" : ";label:tableCellCheckboxStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0JvZHkvVGFibGVDZWxsLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0MwQyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvZHluYW1pYy10YWJsZS9Cb2R5L1RhYmxlQ2VsbC5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG5leHBvcnQgY29uc3QgZ2VuZXJpY1RhYmxlQ2VsbFN0eWxlcyA9IGNzc2BcbiAgcGFkZGluZzogMCAke3RoZW1lLnNwYWNpbmcueHN9O1xuXG4gICY6Zmlyc3Qtb2YtdHlwZSB7XG4gICAgcGFkZGluZy1sZWZ0OiAke3RoZW1lLnNwYWNpbmcuc307XG4gIH1cblxuICAmOmxhc3Qtb2YtdHlwZSB7XG4gICAgcGFkZGluZy1yaWdodDogJHt0aGVtZS5zcGFjaW5nLnN9O1xuICB9XG5gXG5cbnR5cGUgVGFibGVDZWxsUHJvcHMgPSB7XG4gIGFsaWduPzogJ2NlbnRlcicgfCAnbGVmdCcgfCAncmlnaHQnXG4gIGN1c3RvbVdpZHRoPzogc3RyaW5nXG59XG5cbmV4cG9ydCBjb25zdCB0YWJsZUNlbGxTdHlsZXMgPSAoeyBhbGlnbiwgY3VzdG9tV2lkdGggfTogVGFibGVDZWxsUHJvcHMpID0+IGNzc2BcbiAgJHt7IC4uLmdlbmVyaWNUYWJsZUNlbGxTdHlsZXMgfX1cblxuICBtaW4td2lkdGg6ICR7Y3VzdG9tV2lkdGggfHwgJ2F1dG8nfTtcbiAgdGV4dC1hbGlnbjogJHthbGlnbiB8fCAnbGVmdCd9O1xuICB3aWR0aDogJHtjdXN0b21XaWR0aCB8fCAnYXV0byd9O1xuYFxuXG5leHBvcnQgY29uc3QgdGFibGVDZWxsRXhwYW5kZXJTdHlsZXMgPSAoaXNFeHBhbmRhYmxlOiBib29sZWFuKSA9PiBjc3NgXG4gICR7eyAuLi5nZW5lcmljVGFibGVDZWxsU3R5bGVzIH19XG5cbiAgbWF4LXdpZHRoOiA0OHB4O1xuICB3aWR0aDogNDhweDtcblxuICAke2lzRXhwYW5kYWJsZSAmJlxuICBgXG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICBgfTtcbmBcblxuZXhwb3J0IGNvbnN0IHRhYmxlQ2VsbENoZWNrYm94U3R5bGVzID0gY3NzYFxuICAke3sgLi4uZ2VuZXJpY1RhYmxlQ2VsbFN0eWxlcyB9fVxuXG4gIG1heC13aWR0aDogNDBweDtcbiAgd2lkdGg6IDQwcHg7XG5gXG4iXX0= */");
26
- exports.tableCellCheckboxStyles = tableCellCheckboxStyles;
@@ -1,5 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
@@ -1,72 +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 _forms = require("@dfds-ui/forms");
9
- var _TableCell = _interopRequireDefault(require("./TableCell"));
10
- var _TableCell2 = require("./TableCell.styles");
11
- var _TableRow = require("./TableRow.styles");
12
- var _system = require("@dfds-ui/icons/system");
13
- var _react2 = require("@emotion/react");
14
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
15
- const TableRow = /*#__PURE__*/_react.default.memo(({
16
- expandable,
17
- headerRow,
18
- isActive,
19
- isExpanded,
20
- isSubRow = false,
21
- onClickRow,
22
- onSelectRow,
23
- row,
24
- selectableRows,
25
- selectedRows,
26
- setIsExpanded,
27
- showExpander = false
28
- }) => {
29
- var _row$subRows;
30
- const hasSubRows = (((_row$subRows = row.subRows) === null || _row$subRows === void 0 ? void 0 : _row$subRows.length) || 0) > 0;
31
- return (0, _react2.jsx)("tr", {
32
- css: (0, _TableRow.tableRowStyles)({
33
- active: isActive,
34
- expanded: isExpanded,
35
- hoverColor: !!onClickRow,
36
- subRow: !!isSubRow
37
- }),
38
- className: row.className,
39
- "data-expanded": isExpanded,
40
- "data-row-type": isSubRow ? 'sub-row' : 'row',
41
- onClick: () => onClickRow && onClickRow(row.id ? String(row.id) : '')
42
- }, expandable && (0, _react2.jsx)("td", {
43
- css: (0, _TableCell2.tableCellExpanderStyles)(showExpander),
44
- onClick: e => {
45
- if (!showExpander) return;
46
- e.stopPropagation();
47
- setIsExpanded(!isExpanded);
48
- }
49
- }, hasSubRows ? (0, _react2.jsx)(_system.ChevronRight, {
50
- css: (0, _TableRow.chevronStyles)({
51
- expanded: isExpanded
52
- })
53
- }) : null), selectableRows && row.id && (0, _react2.jsx)("td", {
54
- css: _TableCell2.tableCellCheckboxStyles
55
- }, (0, _react2.jsx)(_forms.Checkbox, {
56
- checked: selectedRows.includes(row.id),
57
- name: row.id,
58
- onChange: () => {
59
- if (!row.id) return;
60
- onSelectRow(row.id);
61
- },
62
- onLabelClick: e => {
63
- e.stopPropagation();
64
- },
65
- visualSize: "small"
66
- })), headerRow.map((headerCell, index) => (0, _react2.jsx)(_TableCell.default, {
67
- headerCell: headerRow === null || headerRow === void 0 ? void 0 : headerRow[index],
68
- key: index
69
- }, row[headerCell.key] || '-')));
70
- });
71
- var _default = TableRow;
72
- exports.default = _default;
@@ -1,50 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.tableRowStyles = exports.genericTableRowStyles = exports.chevronStyles = void 0;
7
- var _theme = require("@dfds-ui/theme");
8
- var _react = require("@emotion/react");
9
- 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; }
10
- 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; }
11
- 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; }
12
- function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
13
- 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); }
14
- 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)."; }
15
- const genericTableRowStyles = process.env.NODE_ENV === "production" ? {
16
- name: "674hgm",
17
- styles: "border-bottom:1px solid #4d4e4c29;border-collapse:collapse;height:48px"
18
- } : {
19
- name: "1sc9lfj-genericTableRowStyles",
20
- styles: "border-bottom:1px solid #4d4e4c29;border-collapse:collapse;height:48px;label:genericTableRowStyles;",
21
- map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0JvZHkvVGFibGVSb3cuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFJd0MiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL2R5bmFtaWMtdGFibGUvQm9keS9UYWJsZVJvdy5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgQ2hldnJvblByb3BzIH0gZnJvbSAnLi9UYWJsZVJvdy50eXBlcydcblxuZXhwb3J0IGNvbnN0IGdlbmVyaWNUYWJsZVJvd1N0eWxlcyA9IGNzc2BcbiAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICM0ZDRlNGMyOTtcbiAgYm9yZGVyLWNvbGxhcHNlOiBjb2xsYXBzZTtcbiAgaGVpZ2h0OiA0OHB4O1xuYFxuXG50eXBlIFRhYmxlUm93UHJvcHMgPSB7XG4gIGFjdGl2ZT86IGJvb2xlYW5cbiAgZXhwYW5kZWQ6IGJvb2xlYW5cbiAgaG92ZXJDb2xvcjogYm9vbGVhblxuICBzdWJSb3c6IGJvb2xlYW5cbn1cblxuZXhwb3J0IGNvbnN0IHRhYmxlUm93U3R5bGVzID0gKHsgYWN0aXZlLCBleHBhbmRlZCwgaG92ZXJDb2xvciwgc3ViUm93IH06IFRhYmxlUm93UHJvcHMpID0+IGNzc2BcbiAgJHt7IC4uLmdlbmVyaWNUYWJsZVJvd1N0eWxlcyB9fVxuXG4gICY6aG92ZXIge1xuICAgICR7aG92ZXJDb2xvciAmJlxuICAgIGBcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuY29sb3JzLnN1cmZhY2Uuc2Vjb25kYXJ5fTtcbiAgICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICBgfTtcbiAgfVxuXG4gICR7ZXhwYW5kZWQgJiZcbiAgYFxuICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuY29sb3JzLnN1cmZhY2Uuc2Vjb25kYXJ5fTtcblxuICAgICY6aG92ZXIge1xuICAgICAgJHtcbiAgICAgICAgaG92ZXJDb2xvciAmJlxuICAgICAgICBgXG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuY29sb3JzLmRpdmlkZXIuZGFya307XG4gICAgICBgXG4gICAgICB9O1xuICAgIH1cbiAgYH07XG5cbiAgJHtzdWJSb3cgJiZcbiAgIWV4cGFuZGVkICYmXG4gIGBcbiAgICBkaXNwbGF5OiBub25lO1xuICBgfTtcblxuICAke2FjdGl2ZSAmJlxuICBgXG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMuZGl2aWRlci5kYXJrfTtcbiAgYH07XG5gXG5cbmV4cG9ydCBjb25zdCBjaGV2cm9uU3R5bGVzID0gKHsgZXhwYW5kZWQgfTogQ2hldnJvblByb3BzKSA9PiBjc3NgXG4gIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5wcmltYXJ5LmRhcmt9O1xuICBmb250LXNpemU6IDEuNXJlbTtcbiAgdHJhbnNmb3JtOiAke2V4cGFuZGVkICYmICdyb3RhdGUoOTBkZWcpJ307XG4gIHRyYW5zaXRpb24tZHVyYXRpb246IDI1MG1zO1xuICB0cmFuc2l0aW9uLXByb3BlcnR5OiB0cmFuc2Zvcm07XG4gIHVzZXItc2VsZWN0OiBub25lO1xuYFxuIl19 */",
22
- toString: _EMOTION_STRINGIFIED_CSS_ERROR__
23
- };
24
- exports.genericTableRowStyles = genericTableRowStyles;
25
- const tableRowStyles = ({
26
- active,
27
- expanded,
28
- hoverColor,
29
- subRow
30
- }) => /*#__PURE__*/(0, _react.css)(_objectSpread({}, genericTableRowStyles), " &:hover{", hoverColor && `
31
- background-color: ${_theme.theme.colors.surface.secondary};
32
- cursor: pointer;
33
- `, ";}", expanded && `
34
- background-color: ${_theme.theme.colors.surface.secondary};
35
-
36
- &:hover {
37
- ${hoverColor && `
38
- background-color: ${_theme.theme.colors.divider.dark};
39
- `};
40
- }
41
- `, ";", subRow && !expanded && `
42
- display: none;
43
- `, ";", active && `
44
- background-color: ${_theme.theme.colors.divider.dark};
45
- `, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:tableRowStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0JvZHkvVGFibGVSb3cuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQjhGIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0JvZHkvVGFibGVSb3cuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IENoZXZyb25Qcm9wcyB9IGZyb20gJy4vVGFibGVSb3cudHlwZXMnXG5cbmV4cG9ydCBjb25zdCBnZW5lcmljVGFibGVSb3dTdHlsZXMgPSBjc3NgXG4gIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAjNGQ0ZTRjMjk7XG4gIGJvcmRlci1jb2xsYXBzZTogY29sbGFwc2U7XG4gIGhlaWdodDogNDhweDtcbmBcblxudHlwZSBUYWJsZVJvd1Byb3BzID0ge1xuICBhY3RpdmU/OiBib29sZWFuXG4gIGV4cGFuZGVkOiBib29sZWFuXG4gIGhvdmVyQ29sb3I6IGJvb2xlYW5cbiAgc3ViUm93OiBib29sZWFuXG59XG5cbmV4cG9ydCBjb25zdCB0YWJsZVJvd1N0eWxlcyA9ICh7IGFjdGl2ZSwgZXhwYW5kZWQsIGhvdmVyQ29sb3IsIHN1YlJvdyB9OiBUYWJsZVJvd1Byb3BzKSA9PiBjc3NgXG4gICR7eyAuLi5nZW5lcmljVGFibGVSb3dTdHlsZXMgfX1cblxuICAmOmhvdmVyIHtcbiAgICAke2hvdmVyQ29sb3IgJiZcbiAgICBgXG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX07XG4gICAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgYH07XG4gIH1cblxuICAke2V4cGFuZGVkICYmXG4gIGBcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX07XG5cbiAgICAmOmhvdmVyIHtcbiAgICAgICR7XG4gICAgICAgIGhvdmVyQ29sb3IgJiZcbiAgICAgICAgYFxuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5kaXZpZGVyLmRhcmt9O1xuICAgICAgYFxuICAgICAgfTtcbiAgICB9XG4gIGB9O1xuXG4gICR7c3ViUm93ICYmXG4gICFleHBhbmRlZCAmJlxuICBgXG4gICAgZGlzcGxheTogbm9uZTtcbiAgYH07XG5cbiAgJHthY3RpdmUgJiZcbiAgYFxuICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuY29sb3JzLmRpdmlkZXIuZGFya307XG4gIGB9O1xuYFxuXG5leHBvcnQgY29uc3QgY2hldnJvblN0eWxlcyA9ICh7IGV4cGFuZGVkIH06IENoZXZyb25Qcm9wcykgPT4gY3NzYFxuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMucHJpbWFyeS5kYXJrfTtcbiAgZm9udC1zaXplOiAxLjVyZW07XG4gIHRyYW5zZm9ybTogJHtleHBhbmRlZCAmJiAncm90YXRlKDkwZGVnKSd9O1xuICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAyNTBtcztcbiAgdHJhbnNpdGlvbi1wcm9wZXJ0eTogdHJhbnNmb3JtO1xuICB1c2VyLXNlbGVjdDogbm9uZTtcbmBcbiJdfQ== */");
46
- exports.tableRowStyles = tableRowStyles;
47
- const chevronStyles = ({
48
- expanded
49
- }) => /*#__PURE__*/(0, _react.css)("color:", _theme.theme.colors.primary.dark, ";font-size:1.5rem;transform:", expanded && 'rotate(90deg)', ";transition-duration:250ms;transition-property:transform;user-select:none;" + (process.env.NODE_ENV === "production" ? "" : ";label:chevronStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0JvZHkvVGFibGVSb3cuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzRGdFIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0JvZHkvVGFibGVSb3cuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IENoZXZyb25Qcm9wcyB9IGZyb20gJy4vVGFibGVSb3cudHlwZXMnXG5cbmV4cG9ydCBjb25zdCBnZW5lcmljVGFibGVSb3dTdHlsZXMgPSBjc3NgXG4gIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAjNGQ0ZTRjMjk7XG4gIGJvcmRlci1jb2xsYXBzZTogY29sbGFwc2U7XG4gIGhlaWdodDogNDhweDtcbmBcblxudHlwZSBUYWJsZVJvd1Byb3BzID0ge1xuICBhY3RpdmU/OiBib29sZWFuXG4gIGV4cGFuZGVkOiBib29sZWFuXG4gIGhvdmVyQ29sb3I6IGJvb2xlYW5cbiAgc3ViUm93OiBib29sZWFuXG59XG5cbmV4cG9ydCBjb25zdCB0YWJsZVJvd1N0eWxlcyA9ICh7IGFjdGl2ZSwgZXhwYW5kZWQsIGhvdmVyQ29sb3IsIHN1YlJvdyB9OiBUYWJsZVJvd1Byb3BzKSA9PiBjc3NgXG4gICR7eyAuLi5nZW5lcmljVGFibGVSb3dTdHlsZXMgfX1cblxuICAmOmhvdmVyIHtcbiAgICAke2hvdmVyQ29sb3IgJiZcbiAgICBgXG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX07XG4gICAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgYH07XG4gIH1cblxuICAke2V4cGFuZGVkICYmXG4gIGBcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX07XG5cbiAgICAmOmhvdmVyIHtcbiAgICAgICR7XG4gICAgICAgIGhvdmVyQ29sb3IgJiZcbiAgICAgICAgYFxuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5kaXZpZGVyLmRhcmt9O1xuICAgICAgYFxuICAgICAgfTtcbiAgICB9XG4gIGB9O1xuXG4gICR7c3ViUm93ICYmXG4gICFleHBhbmRlZCAmJlxuICBgXG4gICAgZGlzcGxheTogbm9uZTtcbiAgYH07XG5cbiAgJHthY3RpdmUgJiZcbiAgYFxuICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuY29sb3JzLmRpdmlkZXIuZGFya307XG4gIGB9O1xuYFxuXG5leHBvcnQgY29uc3QgY2hldnJvblN0eWxlcyA9ICh7IGV4cGFuZGVkIH06IENoZXZyb25Qcm9wcykgPT4gY3NzYFxuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMucHJpbWFyeS5kYXJrfTtcbiAgZm9udC1zaXplOiAxLjVyZW07XG4gIHRyYW5zZm9ybTogJHtleHBhbmRlZCAmJiAncm90YXRlKDkwZGVnKSd9O1xuICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAyNTBtcztcbiAgdHJhbnNpdGlvbi1wcm9wZXJ0eTogdHJhbnNmb3JtO1xuICB1c2VyLXNlbGVjdDogbm9uZTtcbmBcbiJdfQ== */");
50
- exports.chevronStyles = chevronStyles;
@@ -1,5 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
@@ -1,61 +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 _TableRow = _interopRequireDefault(require("./TableRow"));
9
- var _react2 = require("@emotion/react");
10
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
11
- function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
12
- 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."); }
13
- 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; } }
14
- 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; }
15
- 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; } }
16
- function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
17
- const TableRowGroup = /*#__PURE__*/_react.default.memo(({
18
- activeRow,
19
- expandable,
20
- headerRow,
21
- onClickRow,
22
- onSelectRow,
23
- row,
24
- selectableRows,
25
- selectedRows
26
- }) => {
27
- const _React$useState = _react.default.useState(false),
28
- _React$useState2 = _slicedToArray(_React$useState, 2),
29
- isExpanded = _React$useState2[0],
30
- setIsExpanded = _React$useState2[1];
31
- const subRows = row.subRows || [];
32
- const hasSubRows = subRows.length > 0;
33
- return (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)(_TableRow.default, {
34
- expandable: expandable,
35
- headerRow: headerRow,
36
- isActive: activeRow ? row.id === activeRow : false,
37
- isExpanded: isExpanded,
38
- onClickRow: onClickRow,
39
- onSelectRow: onSelectRow,
40
- row: row,
41
- selectableRows: selectableRows,
42
- selectedRows: selectedRows,
43
- setIsExpanded: setIsExpanded,
44
- showExpander: hasSubRows
45
- }), subRows.map(subRow => (0, _react2.jsx)(_TableRow.default, {
46
- expandable: expandable,
47
- headerRow: headerRow,
48
- isActive: activeRow ? subRow.id === activeRow : false,
49
- isExpanded: isExpanded,
50
- isSubRow: true,
51
- key: subRow.id,
52
- onClickRow: onClickRow,
53
- onSelectRow: onSelectRow,
54
- row: subRow,
55
- selectableRows: selectableRows,
56
- selectedRows: selectedRows,
57
- setIsExpanded: setIsExpanded
58
- })));
59
- });
60
- var _default = TableRowGroup;
61
- exports.default = _default;
@@ -1,5 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
@@ -1,92 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = void 0;
7
- var _react = _interopRequireWildcard(require("react"));
8
- var _TableBody = _interopRequireDefault(require("./Body/TableBody"));
9
- var _DynamicTable = require("./DynamicTable.styles");
10
- var _TableHead = _interopRequireDefault(require("./Head/TableHead"));
11
- var _createSkeletonRows = _interopRequireDefault(require("./Skeleton/helpers/createSkeletonRows"));
12
- var _SkeletonTable = require("./Skeleton/SkeletonTable.styles");
13
- var _react2 = require("@emotion/react");
14
- const _excluded = ["activeRow", "descending", "expandable", "height", "headerRow", "isLoading", "onClickRow", "onSelectRow", "onSort", "rows", "selectedRows", "sortingBy", "stickyHeader"];
15
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
16
- 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); }
17
- 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); }
18
- function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
19
- 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."); }
20
- 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; } }
21
- 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; }
22
- 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; } }
23
- function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
24
- function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
25
- function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
26
- const DynamicTable = _ref => {
27
- let activeRow = _ref.activeRow,
28
- descending = _ref.descending,
29
- expandable = _ref.expandable,
30
- height = _ref.height,
31
- headerRow = _ref.headerRow,
32
- isLoading = _ref.isLoading,
33
- onClickRow = _ref.onClickRow,
34
- onSelectRow = _ref.onSelectRow,
35
- onSort = _ref.onSort,
36
- rows = _ref.rows,
37
- _ref$selectedRows = _ref.selectedRows,
38
- selectedRows = _ref$selectedRows === void 0 ? [] : _ref$selectedRows,
39
- sortingBy = _ref.sortingBy,
40
- stickyHeader = _ref.stickyHeader,
41
- rest = _objectWithoutProperties(_ref, _excluded);
42
- // states
43
- const _useState = (0, _react.useState)(sortingBy || ''),
44
- _useState2 = _slicedToArray(_useState, 2),
45
- sortByKeyValue = _useState2[0],
46
- setSortByKeyValue = _useState2[1];
47
- const _useState3 = (0, _react.useState)(sortingBy && descending || false),
48
- _useState4 = _slicedToArray(_useState3, 2),
49
- sortDescending = _useState4[0],
50
- setSortDescending = _useState4[1];
51
- const selectableRows = !!onSelectRow;
52
- const skeletonRows = (0, _react.useMemo)(() => (0, _createSkeletonRows.default)(headerRow), [headerRow]);
53
- (0, _react.useEffect)(() => {
54
- if (onSort) {
55
- onSort(sortByKeyValue, sortDescending);
56
- }
57
- }, [sortDescending, onSort, sortByKeyValue]);
58
- return (0, _react2.jsx)("div", _extends({
59
- css: (0, _DynamicTable.tableWrapperStyles)({
60
- height
61
- })
62
- }, rest), (0, _react2.jsx)("table", {
63
- css: _DynamicTable.tableStyles,
64
- "data-cy": !isLoading ? `dynamic-table-isLoaded` : ''
65
- }, headerRow && (0, _react2.jsx)(_TableHead.default, {
66
- expandable: expandable,
67
- headerRow: headerRow,
68
- onSelectRow: onSelectRow,
69
- onSort: onSort,
70
- rows: rows,
71
- selectableRows: selectableRows,
72
- selectedRows: selectedRows,
73
- setSortDescending: setSortDescending,
74
- setSortByKeyValue: setSortByKeyValue,
75
- sortDescending: sortDescending,
76
- sortByKeyValue: sortByKeyValue,
77
- stickyHeader: stickyHeader
78
- }), (0, _react2.jsx)(_TableBody.default, {
79
- activeRow: activeRow,
80
- expandable: expandable,
81
- headerRow: headerRow,
82
- onClickRow: onClickRow,
83
- onSelectRow: onSelectRow,
84
- rows: !isLoading ? rows : skeletonRows,
85
- selectableRows: selectableRows,
86
- selectedRows: selectedRows
87
- })), isLoading && (0, _react2.jsx)("div", {
88
- css: _SkeletonTable.fadeStyles
89
- }));
90
- };
91
- var _default = /*#__PURE__*/_react.default.memo(DynamicTable);
92
- exports.default = _default;
@@ -1,17 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.tableWrapperStyles = exports.tableStyles = void 0;
7
- var _theme = require("@dfds-ui/theme");
8
- var _react = require("@emotion/react");
9
- const tableWrapperStyles = ({
10
- height
11
- }) => /*#__PURE__*/(0, _react.css)("color:", _theme.theme.colors.text.primary, ";display:flex;flex-direction:column;overflow-x:auto;width:100%;", height && `
12
- height: ${height};
13
- overflow-y: auto;
14
- `, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:tableWrapperStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0R5bmFtaWNUYWJsZS5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU93RSIsImZpbGUiOiIuLi8uLi8uLi9zcmMvZHluYW1pYy10YWJsZS9EeW5hbWljVGFibGUuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxudHlwZSBUYWJsZVdyYXBwZXJQcm9wcyA9IHtcbiAgaGVpZ2h0Pzogc3RyaW5nXG59XG5cbmV4cG9ydCBjb25zdCB0YWJsZVdyYXBwZXJTdHlsZXMgPSAoeyBoZWlnaHQgfTogVGFibGVXcmFwcGVyUHJvcHMpID0+IGNzc2BcbiAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnRleHQucHJpbWFyeX07XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIG92ZXJmbG93LXg6IGF1dG87XG4gIHdpZHRoOiAxMDAlO1xuXG4gICR7aGVpZ2h0ICYmXG4gIGBcbiAgICBoZWlnaHQ6ICR7aGVpZ2h0fTtcbiAgICBvdmVyZmxvdy15OiBhdXRvO1xuICBgfTtcbmBcblxuZXhwb3J0IGNvbnN0IHRhYmxlU3R5bGVzID0gY3NzYFxuICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnByaW1hcnl9O1xuICBmb250LWZhbWlseTogVmVyZGFuYSwgc2Fucy1zZXJpZjtcbiAgZm9udC1zaXplOiAxMnB4O1xuICBsaW5lLWhlaWdodDogMTZweDtcbiAgd2lkdGg6IDEwMCU7XG5gXG4iXX0= */");
15
- exports.tableWrapperStyles = tableWrapperStyles;
16
- const tableStyles = /*#__PURE__*/(0, _react.css)("background-color:", _theme.theme.colors.surface.primary, ";font-family:Verdana,sans-serif;font-size:12px;line-height:16px;width:100%;" + (process.env.NODE_ENV === "production" ? "" : ";label:tableStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0R5bmFtaWNUYWJsZS5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFCOEIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2R5bmFtaWMtdGFibGUvRHluYW1pY1RhYmxlLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbnR5cGUgVGFibGVXcmFwcGVyUHJvcHMgPSB7XG4gIGhlaWdodD86IHN0cmluZ1xufVxuXG5leHBvcnQgY29uc3QgdGFibGVXcmFwcGVyU3R5bGVzID0gKHsgaGVpZ2h0IH06IFRhYmxlV3JhcHBlclByb3BzKSA9PiBjc3NgXG4gIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LnByaW1hcnl9O1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBvdmVyZmxvdy14OiBhdXRvO1xuICB3aWR0aDogMTAwJTtcblxuICAke2hlaWdodCAmJlxuICBgXG4gICAgaGVpZ2h0OiAke2hlaWdodH07XG4gICAgb3ZlcmZsb3cteTogYXV0bztcbiAgYH07XG5gXG5cbmV4cG9ydCBjb25zdCB0YWJsZVN0eWxlcyA9IGNzc2BcbiAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5wcmltYXJ5fTtcbiAgZm9udC1mYW1pbHk6IFZlcmRhbmEsIHNhbnMtc2VyaWY7XG4gIGZvbnQtc2l6ZTogMTJweDtcbiAgbGluZS1oZWlnaHQ6IDE2cHg7XG4gIHdpZHRoOiAxMDAlO1xuYFxuIl19 */");
17
- exports.tableStyles = tableStyles;
@@ -1,5 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
@@ -1,87 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = void 0;
7
- var _react = _interopRequireWildcard(require("react"));
8
- var _system = require("@dfds-ui/icons/system");
9
- var _reactComponents = require("@dfds-ui/react-components");
10
- var _TableHead = require("./TableHead.styles");
11
- var _TableRow = require("../Body/TableRow.styles");
12
- var _react2 = require("@emotion/react");
13
- 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); }
14
- const TableHead = /*#__PURE__*/_react.default.memo(({
15
- expandable,
16
- headerRow,
17
- onSelectRow,
18
- onSort,
19
- rows,
20
- selectableRows,
21
- selectedRows,
22
- setSortDescending,
23
- setSortByKeyValue,
24
- sortDescending,
25
- sortByKeyValue,
26
- stickyHeader
27
- }) => {
28
- const toggleAll = (0, _react.useCallback)(() => {
29
- if (!onSelectRow) return;
30
- const newArray = [];
31
- if (selectedRows.length === 0) {
32
- for (let i = 0; i < rows.length; i++) {
33
- newArray.push(rows[i].id || '');
34
- }
35
- }
36
- onSelectRow(newArray);
37
- }, [onSelectRow, rows, selectedRows]);
38
- const sort = (0, _react.useCallback)((oldKey, newKey) => {
39
- if (!onSort) return;
40
- if (oldKey !== newKey) {
41
- setSortByKeyValue(newKey);
42
- setSortDescending(false);
43
- } else {
44
- setSortDescending(!sortDescending);
45
- }
46
- }, [onSort, setSortDescending, setSortByKeyValue, sortDescending]);
47
- return (0, _react2.jsx)("thead", null, (0, _react2.jsx)("tr", {
48
- css: _TableRow.genericTableRowStyles
49
- }, expandable && (0, _react2.jsx)("th", {
50
- css: (0, _TableHead.tableHeadCellExpanderStyles)({
51
- stickyHeader
52
- })
53
- }), selectableRows && (0, _react2.jsx)("th", {
54
- css: (0, _TableHead.tableHeadCellCheckboxStyles)({
55
- stickyHeader
56
- })
57
- }, (0, _react2.jsx)(_reactComponents.Checkbox, {
58
- checked: selectedRows.length > 0,
59
- indeterminate: true,
60
- name: "all",
61
- onChange: toggleAll,
62
- size: "small"
63
- })), headerRow.map((headerCell, i) => {
64
- const sortKey = headerCell.sortKey || headerCell.key;
65
- const clickHandler = () => headerCell.sortable && sort(sortByKeyValue, sortKey);
66
- const showChevron = String(sortByKeyValue === sortKey);
67
- return (0, _react2.jsx)("th", {
68
- align: headerCell.textAlign,
69
- css: (0, _TableHead.tableHeadCellStyles)({
70
- align: headerCell.textAlign,
71
- customWidth: headerCell.width,
72
- sortByKey: onSort,
73
- sortable: headerCell.sortable,
74
- stickyHeader: stickyHeader
75
- }),
76
- key: i,
77
- onClick: clickHandler
78
- }, (0, _react2.jsx)("div", null, (0, _react2.jsx)("span", null, headerCell.displayName), headerCell.sortable && onSort && (0, _react2.jsx)(_system.ChevronDown, {
79
- css: (0, _TableHead.chevronStyles)({
80
- descending: String(sortDescending),
81
- show: showChevron
82
- })
83
- })));
84
- })));
85
- });
86
- var _default = TableHead;
87
- exports.default = _default;