@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
@@ -1,30 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.Swiper = void 0;
7
- var _react = _interopRequireDefault(require("react"));
8
- var _flexbox = require("@dfds-ui/react-components/flexbox");
9
- var _react2 = require("@emotion/react");
10
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
11
- 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)."; }
12
- var _ref = process.env.NODE_ENV === "production" ? {
13
- name: "g2i3t9",
14
- styles: "align-items:stretch;overflow-x:scroll;-ms-overflow-style:none;scrollbar-width:none;::-webkit-scrollbar{display:none;}"
15
- } : {
16
- name: "kuqot3-Swiper",
17
- styles: "align-items:stretch;overflow-x:scroll;-ms-overflow-style:none;scrollbar-width:none;::-webkit-scrollbar{display:none;};label:Swiper;",
18
- map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zd2lwZXIvU3dpcGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFVYyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvc3dpcGVyL1N3aXBlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBGbGV4Qm94IH0gZnJvbSAnQGRmZHMtdWkvcmVhY3QtY29tcG9uZW50cy9mbGV4Ym94J1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbmV4cG9ydCB0eXBlIFN3aXBlclByb3BzID0gUmVhY3QuUHJvcHNXaXRoQ2hpbGRyZW48eyBjbGFzc05hbWU/OiBzdHJpbmcgfT5cblxuZXhwb3J0IGNvbnN0IFN3aXBlciA9ICh7IGNsYXNzTmFtZSwgY2hpbGRyZW4gfTogU3dpcGVyUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8RmxleEJveFxuICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgYWxpZ24taXRlbXM6IHN0cmV0Y2g7XG4gICAgICAgIG92ZXJmbG93LXg6IHNjcm9sbDtcbiAgICAgICAgLW1zLW92ZXJmbG93LXN0eWxlOiBub25lO1xuICAgICAgICBzY3JvbGxiYXItd2lkdGg6IG5vbmU7XG5cbiAgICAgICAgOjotd2Via2l0LXNjcm9sbGJhciB7XG4gICAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICAgICAgfVxuICAgICAgYH1cbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9GbGV4Qm94PlxuICApXG59XG4iXX0= */",
19
- toString: _EMOTION_STRINGIFIED_CSS_ERROR__
20
- };
21
- const Swiper = ({
22
- className,
23
- children
24
- }) => {
25
- return (0, _react2.jsx)(_flexbox.FlexBox, {
26
- className: className,
27
- css: _ref
28
- }, children);
29
- };
30
- exports.Swiper = Swiper;
@@ -1,30 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.SwiperCard = void 0;
7
- var _react = _interopRequireDefault(require("react"));
8
- var _flexbox = require("@dfds-ui/react-components/flexbox");
9
- var _react2 = require("@emotion/react");
10
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
11
- 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)."; }
12
- var _ref = process.env.NODE_ENV === "production" ? {
13
- name: "1re1v57",
14
- styles: "min-width:80%"
15
- } : {
16
- name: "sgtqui-SwiperCard",
17
- styles: "min-width:80%;label:SwiperCard;",
18
- map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zd2lwZXIvU3dpcGVyQ2FyZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBVWMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3N3aXBlci9Td2lwZXJDYXJkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IEZsZXhCb3ggfSBmcm9tICdAZGZkcy11aS9yZWFjdC1jb21wb25lbnRzL2ZsZXhib3gnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxuZXhwb3J0IHR5cGUgU3dpcGVyQ2FyZFByb3BzID0gUmVhY3QuUHJvcHNXaXRoQ2hpbGRyZW48eyBjbGFzc05hbWU/OiBzdHJpbmcgfT5cblxuZXhwb3J0IGNvbnN0IFN3aXBlckNhcmQgPSAoeyBjbGFzc05hbWUsIGNoaWxkcmVuIH06IFN3aXBlckNhcmRQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxGbGV4Qm94XG4gICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBtaW4td2lkdGg6IDgwJTtcbiAgICAgIGB9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvRmxleEJveD5cbiAgKVxufVxuIl19 */",
19
- toString: _EMOTION_STRINGIFIED_CSS_ERROR__
20
- };
21
- const SwiperCard = ({
22
- className,
23
- children
24
- }) => {
25
- return (0, _react2.jsx)(_flexbox.FlexBox, {
26
- className: className,
27
- css: _ref
28
- }, children);
29
- };
30
- exports.SwiperCard = SwiperCard;
@@ -1,27 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- var _Swiper = require("./Swiper");
7
- Object.keys(_Swiper).forEach(function (key) {
8
- if (key === "default" || key === "__esModule") return;
9
- if (key in exports && exports[key] === _Swiper[key]) return;
10
- Object.defineProperty(exports, key, {
11
- enumerable: true,
12
- get: function get() {
13
- return _Swiper[key];
14
- }
15
- });
16
- });
17
- var _SwiperCard = require("./SwiperCard");
18
- Object.keys(_SwiperCard).forEach(function (key) {
19
- if (key === "default" || key === "__esModule") return;
20
- if (key in exports && exports[key] === _SwiperCard[key]) return;
21
- Object.defineProperty(exports, key, {
22
- enumerable: true,
23
- get: function get() {
24
- return _SwiperCard[key];
25
- }
26
- });
27
- });
@@ -1,4 +0,0 @@
1
- import React from 'react';
2
- import { TableBodyProps } from './TableBody.types';
3
- declare const TableBody: React.MemoExoticComponent<({ activeRow, expandable, headerRow, onClickRow, onSelectRow, rows, selectableRows, selectedRows, }: TableBodyProps) => JSX.Element>;
4
- export default TableBody;
@@ -1,47 +0,0 @@
1
- function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
2
- function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread 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 _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
5
- function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
6
- 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; }
7
- import React, { useCallback } from 'react';
8
- import TableRowGroup from './TableRowGroup';
9
- import { jsx as ___EmotionJSX } from "@emotion/react";
10
- var TableBody = /*#__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
- rows = _ref.rows,
17
- selectableRows = _ref.selectableRows,
18
- selectedRows = _ref.selectedRows;
19
- // update state and callback functions
20
- var updateSelectedRows = useCallback(function (id) {
21
- if (onSelectRow && selectableRows) {
22
- var selection = _toConsumableArray(selectedRows);
23
- if (selectedRows.includes(id)) {
24
- var index = selectedRows.indexOf(id);
25
- if (index !== -1) selection.splice(index, 1);
26
- onSelectRow(selection);
27
- } else {
28
- selection.push(id);
29
- onSelectRow(selection);
30
- }
31
- }
32
- }, [selectableRows, selectedRows]);
33
- return ___EmotionJSX("tbody", null, rows.map(function (row) {
34
- return ___EmotionJSX(TableRowGroup, {
35
- activeRow: activeRow,
36
- expandable: expandable,
37
- headerRow: headerRow,
38
- key: row.id,
39
- onClickRow: onClickRow,
40
- onSelectRow: updateSelectedRows,
41
- row: row,
42
- selectableRows: selectableRows,
43
- selectedRows: selectedRows
44
- });
45
- }));
46
- });
47
- export default TableBody;
@@ -1,11 +0,0 @@
1
- import { Header, Row } from '../DynamicTable.types';
2
- export declare type TableBodyProps = {
3
- activeRow?: string;
4
- expandable?: boolean;
5
- headerRow: Header[];
6
- onClickRow?: (id: string) => void;
7
- onSelectRow?: (list: string[]) => void;
8
- rows: Row[];
9
- selectableRows: boolean;
10
- selectedRows: string[];
11
- };
@@ -1 +0,0 @@
1
- export {};
@@ -1,4 +0,0 @@
1
- import React from 'react';
2
- import { TableCellProps } from './TableCell.types';
3
- declare const TableCell: React.MemoExoticComponent<({ children, headerCell }: TableCellProps) => JSX.Element>;
4
- export default TableCell;
@@ -1,15 +0,0 @@
1
- import React from 'react';
2
- import { tableCellStyles } from './TableCell.styles';
3
- import { jsx as ___EmotionJSX } from "@emotion/react";
4
- var TableCell = /*#__PURE__*/React.memo(function (_ref) {
5
- var children = _ref.children,
6
- headerCell = _ref.headerCell;
7
- return ___EmotionJSX("td", {
8
- css: tableCellStyles({
9
- align: headerCell === null || headerCell === void 0 ? void 0 : headerCell.textAlign,
10
- customWidth: headerCell === null || headerCell === void 0 ? void 0 : headerCell.width
11
- }),
12
- "data-cy": "dynamic-table-cell-".concat(headerCell === null || headerCell === void 0 ? void 0 : headerCell.key)
13
- }, children);
14
- });
15
- export default TableCell;
@@ -1,9 +0,0 @@
1
- export declare const genericTableCellStyles: import("@emotion/utils").SerializedStyles;
2
- declare type TableCellProps = {
3
- align?: 'center' | 'left' | 'right';
4
- customWidth?: string;
5
- };
6
- export declare const tableCellStyles: ({ align, customWidth }: TableCellProps) => import("@emotion/utils").SerializedStyles;
7
- export declare const tableCellExpanderStyles: (isExpandable: boolean) => import("@emotion/utils").SerializedStyles;
8
- export declare const tableCellCheckboxStyles: import("@emotion/utils").SerializedStyles;
9
- export {};
@@ -1,18 +0,0 @@
1
- function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
2
- 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; }
3
- 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; }
4
- 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; }
5
- function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
6
- 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); }
7
- import { theme } from '@dfds-ui/theme';
8
- import { css } from '@emotion/react';
9
- export var genericTableCellStyles = /*#__PURE__*/css("padding:0 ", theme.spacing.xs, ";&:first-of-type{padding-left:", theme.spacing.s, ";}&:last-of-type{padding-right:", theme.spacing.s, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:genericTableCellStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0JvZHkvVGFibGVDZWxsLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBR3lDIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0JvZHkvVGFibGVDZWxsLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbmV4cG9ydCBjb25zdCBnZW5lcmljVGFibGVDZWxsU3R5bGVzID0gY3NzYFxuICBwYWRkaW5nOiAwICR7dGhlbWUuc3BhY2luZy54c307XG5cbiAgJjpmaXJzdC1vZi10eXBlIHtcbiAgICBwYWRkaW5nLWxlZnQ6ICR7dGhlbWUuc3BhY2luZy5zfTtcbiAgfVxuXG4gICY6bGFzdC1vZi10eXBlIHtcbiAgICBwYWRkaW5nLXJpZ2h0OiAke3RoZW1lLnNwYWNpbmcuc307XG4gIH1cbmBcblxudHlwZSBUYWJsZUNlbGxQcm9wcyA9IHtcbiAgYWxpZ24/OiAnY2VudGVyJyB8ICdsZWZ0JyB8ICdyaWdodCdcbiAgY3VzdG9tV2lkdGg/OiBzdHJpbmdcbn1cblxuZXhwb3J0IGNvbnN0IHRhYmxlQ2VsbFN0eWxlcyA9ICh7IGFsaWduLCBjdXN0b21XaWR0aCB9OiBUYWJsZUNlbGxQcm9wcykgPT4gY3NzYFxuICAke3sgLi4uZ2VuZXJpY1RhYmxlQ2VsbFN0eWxlcyB9fVxuXG4gIG1pbi13aWR0aDogJHtjdXN0b21XaWR0aCB8fCAnYXV0byd9O1xuICB0ZXh0LWFsaWduOiAke2FsaWduIHx8ICdsZWZ0J307XG4gIHdpZHRoOiAke2N1c3RvbVdpZHRoIHx8ICdhdXRvJ307XG5gXG5cbmV4cG9ydCBjb25zdCB0YWJsZUNlbGxFeHBhbmRlclN0eWxlcyA9IChpc0V4cGFuZGFibGU6IGJvb2xlYW4pID0+IGNzc2BcbiAgJHt7IC4uLmdlbmVyaWNUYWJsZUNlbGxTdHlsZXMgfX1cblxuICBtYXgtd2lkdGg6IDQ4cHg7XG4gIHdpZHRoOiA0OHB4O1xuXG4gICR7aXNFeHBhbmRhYmxlICYmXG4gIGBcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gIGB9O1xuYFxuXG5leHBvcnQgY29uc3QgdGFibGVDZWxsQ2hlY2tib3hTdHlsZXMgPSBjc3NgXG4gICR7eyAuLi5nZW5lcmljVGFibGVDZWxsU3R5bGVzIH19XG5cbiAgbWF4LXdpZHRoOiA0MHB4O1xuICB3aWR0aDogNDBweDtcbmBcbiJdfQ== */");
10
- export var tableCellStyles = function tableCellStyles(_ref) {
11
- var align = _ref.align,
12
- customWidth = _ref.customWidth;
13
- return /*#__PURE__*/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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0JvZHkvVGFibGVDZWxsLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0I4RSIsImZpbGUiOiIuLi8uLi8uLi9zcmMvZHluYW1pYy10YWJsZS9Cb2R5L1RhYmxlQ2VsbC5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG5leHBvcnQgY29uc3QgZ2VuZXJpY1RhYmxlQ2VsbFN0eWxlcyA9IGNzc2BcbiAgcGFkZGluZzogMCAke3RoZW1lLnNwYWNpbmcueHN9O1xuXG4gICY6Zmlyc3Qtb2YtdHlwZSB7XG4gICAgcGFkZGluZy1sZWZ0OiAke3RoZW1lLnNwYWNpbmcuc307XG4gIH1cblxuICAmOmxhc3Qtb2YtdHlwZSB7XG4gICAgcGFkZGluZy1yaWdodDogJHt0aGVtZS5zcGFjaW5nLnN9O1xuICB9XG5gXG5cbnR5cGUgVGFibGVDZWxsUHJvcHMgPSB7XG4gIGFsaWduPzogJ2NlbnRlcicgfCAnbGVmdCcgfCAncmlnaHQnXG4gIGN1c3RvbVdpZHRoPzogc3RyaW5nXG59XG5cbmV4cG9ydCBjb25zdCB0YWJsZUNlbGxTdHlsZXMgPSAoeyBhbGlnbiwgY3VzdG9tV2lkdGggfTogVGFibGVDZWxsUHJvcHMpID0+IGNzc2BcbiAgJHt7IC4uLmdlbmVyaWNUYWJsZUNlbGxTdHlsZXMgfX1cblxuICBtaW4td2lkdGg6ICR7Y3VzdG9tV2lkdGggfHwgJ2F1dG8nfTtcbiAgdGV4dC1hbGlnbjogJHthbGlnbiB8fCAnbGVmdCd9O1xuICB3aWR0aDogJHtjdXN0b21XaWR0aCB8fCAnYXV0byd9O1xuYFxuXG5leHBvcnQgY29uc3QgdGFibGVDZWxsRXhwYW5kZXJTdHlsZXMgPSAoaXNFeHBhbmRhYmxlOiBib29sZWFuKSA9PiBjc3NgXG4gICR7eyAuLi5nZW5lcmljVGFibGVDZWxsU3R5bGVzIH19XG5cbiAgbWF4LXdpZHRoOiA0OHB4O1xuICB3aWR0aDogNDhweDtcblxuICAke2lzRXhwYW5kYWJsZSAmJlxuICBgXG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICBgfTtcbmBcblxuZXhwb3J0IGNvbnN0IHRhYmxlQ2VsbENoZWNrYm94U3R5bGVzID0gY3NzYFxuICAke3sgLi4uZ2VuZXJpY1RhYmxlQ2VsbFN0eWxlcyB9fVxuXG4gIG1heC13aWR0aDogNDBweDtcbiAgd2lkdGg6IDQwcHg7XG5gXG4iXX0= */");
14
- };
15
- export var tableCellExpanderStyles = function tableCellExpanderStyles(isExpandable) {
16
- return /*#__PURE__*/css(_objectSpread({}, genericTableCellStyles), " max-width:48px;width:48px;", isExpandable && "\n cursor: pointer;\n ", ";" + (process.env.NODE_ENV === "production" ? "" : ";label:tableCellExpanderStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0JvZHkvVGFibGVDZWxsLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNEJxRSIsImZpbGUiOiIuLi8uLi8uLi9zcmMvZHluYW1pYy10YWJsZS9Cb2R5L1RhYmxlQ2VsbC5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG5leHBvcnQgY29uc3QgZ2VuZXJpY1RhYmxlQ2VsbFN0eWxlcyA9IGNzc2BcbiAgcGFkZGluZzogMCAke3RoZW1lLnNwYWNpbmcueHN9O1xuXG4gICY6Zmlyc3Qtb2YtdHlwZSB7XG4gICAgcGFkZGluZy1sZWZ0OiAke3RoZW1lLnNwYWNpbmcuc307XG4gIH1cblxuICAmOmxhc3Qtb2YtdHlwZSB7XG4gICAgcGFkZGluZy1yaWdodDogJHt0aGVtZS5zcGFjaW5nLnN9O1xuICB9XG5gXG5cbnR5cGUgVGFibGVDZWxsUHJvcHMgPSB7XG4gIGFsaWduPzogJ2NlbnRlcicgfCAnbGVmdCcgfCAncmlnaHQnXG4gIGN1c3RvbVdpZHRoPzogc3RyaW5nXG59XG5cbmV4cG9ydCBjb25zdCB0YWJsZUNlbGxTdHlsZXMgPSAoeyBhbGlnbiwgY3VzdG9tV2lkdGggfTogVGFibGVDZWxsUHJvcHMpID0+IGNzc2BcbiAgJHt7IC4uLmdlbmVyaWNUYWJsZUNlbGxTdHlsZXMgfX1cblxuICBtaW4td2lkdGg6ICR7Y3VzdG9tV2lkdGggfHwgJ2F1dG8nfTtcbiAgdGV4dC1hbGlnbjogJHthbGlnbiB8fCAnbGVmdCd9O1xuICB3aWR0aDogJHtjdXN0b21XaWR0aCB8fCAnYXV0byd9O1xuYFxuXG5leHBvcnQgY29uc3QgdGFibGVDZWxsRXhwYW5kZXJTdHlsZXMgPSAoaXNFeHBhbmRhYmxlOiBib29sZWFuKSA9PiBjc3NgXG4gICR7eyAuLi5nZW5lcmljVGFibGVDZWxsU3R5bGVzIH19XG5cbiAgbWF4LXdpZHRoOiA0OHB4O1xuICB3aWR0aDogNDhweDtcblxuICAke2lzRXhwYW5kYWJsZSAmJlxuICBgXG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICBgfTtcbmBcblxuZXhwb3J0IGNvbnN0IHRhYmxlQ2VsbENoZWNrYm94U3R5bGVzID0gY3NzYFxuICAke3sgLi4uZ2VuZXJpY1RhYmxlQ2VsbFN0eWxlcyB9fVxuXG4gIG1heC13aWR0aDogNDBweDtcbiAgd2lkdGg6IDQwcHg7XG5gXG4iXX0= */");
17
- };
18
- export var tableCellCheckboxStyles = /*#__PURE__*/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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0JvZHkvVGFibGVDZWxsLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0MwQyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvZHluYW1pYy10YWJsZS9Cb2R5L1RhYmxlQ2VsbC5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG5leHBvcnQgY29uc3QgZ2VuZXJpY1RhYmxlQ2VsbFN0eWxlcyA9IGNzc2BcbiAgcGFkZGluZzogMCAke3RoZW1lLnNwYWNpbmcueHN9O1xuXG4gICY6Zmlyc3Qtb2YtdHlwZSB7XG4gICAgcGFkZGluZy1sZWZ0OiAke3RoZW1lLnNwYWNpbmcuc307XG4gIH1cblxuICAmOmxhc3Qtb2YtdHlwZSB7XG4gICAgcGFkZGluZy1yaWdodDogJHt0aGVtZS5zcGFjaW5nLnN9O1xuICB9XG5gXG5cbnR5cGUgVGFibGVDZWxsUHJvcHMgPSB7XG4gIGFsaWduPzogJ2NlbnRlcicgfCAnbGVmdCcgfCAncmlnaHQnXG4gIGN1c3RvbVdpZHRoPzogc3RyaW5nXG59XG5cbmV4cG9ydCBjb25zdCB0YWJsZUNlbGxTdHlsZXMgPSAoeyBhbGlnbiwgY3VzdG9tV2lkdGggfTogVGFibGVDZWxsUHJvcHMpID0+IGNzc2BcbiAgJHt7IC4uLmdlbmVyaWNUYWJsZUNlbGxTdHlsZXMgfX1cblxuICBtaW4td2lkdGg6ICR7Y3VzdG9tV2lkdGggfHwgJ2F1dG8nfTtcbiAgdGV4dC1hbGlnbjogJHthbGlnbiB8fCAnbGVmdCd9O1xuICB3aWR0aDogJHtjdXN0b21XaWR0aCB8fCAnYXV0byd9O1xuYFxuXG5leHBvcnQgY29uc3QgdGFibGVDZWxsRXhwYW5kZXJTdHlsZXMgPSAoaXNFeHBhbmRhYmxlOiBib29sZWFuKSA9PiBjc3NgXG4gICR7eyAuLi5nZW5lcmljVGFibGVDZWxsU3R5bGVzIH19XG5cbiAgbWF4LXdpZHRoOiA0OHB4O1xuICB3aWR0aDogNDhweDtcblxuICAke2lzRXhwYW5kYWJsZSAmJlxuICBgXG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICBgfTtcbmBcblxuZXhwb3J0IGNvbnN0IHRhYmxlQ2VsbENoZWNrYm94U3R5bGVzID0gY3NzYFxuICAke3sgLi4uZ2VuZXJpY1RhYmxlQ2VsbFN0eWxlcyB9fVxuXG4gIG1heC13aWR0aDogNDBweDtcbiAgd2lkdGg6IDQwcHg7XG5gXG4iXX0= */");
@@ -1,6 +0,0 @@
1
- /// <reference types="react" />
2
- import { Header } from '../DynamicTable.types';
3
- export declare type TableCellProps = {
4
- children: React.ReactNode;
5
- headerCell?: Header;
6
- };
@@ -1 +0,0 @@
1
- export {};
@@ -1,4 +0,0 @@
1
- import React from 'react';
2
- import { TableRowProps } from './TableRow.types';
3
- declare const TableRow: React.MemoExoticComponent<({ expandable, headerRow, isActive, isExpanded, isSubRow, onClickRow, onSelectRow, row, selectableRows, selectedRows, setIsExpanded, showExpander, }: TableRowProps) => JSX.Element>;
4
- export default TableRow;
@@ -1,69 +0,0 @@
1
- import React from 'react';
2
- import { Checkbox } from '@dfds-ui/forms';
3
- import TableCell from './TableCell';
4
- import { tableCellCheckboxStyles, tableCellExpanderStyles } from './TableCell.styles';
5
- import { chevronStyles, tableRowStyles } from './TableRow.styles';
6
- import { ChevronRight } from '@dfds-ui/icons/system';
7
- import { jsx as ___EmotionJSX } from "@emotion/react";
8
- var TableRow = /*#__PURE__*/React.memo(function (_ref) {
9
- var _row$subRows;
10
- var expandable = _ref.expandable,
11
- headerRow = _ref.headerRow,
12
- isActive = _ref.isActive,
13
- isExpanded = _ref.isExpanded,
14
- _ref$isSubRow = _ref.isSubRow,
15
- isSubRow = _ref$isSubRow === void 0 ? false : _ref$isSubRow,
16
- onClickRow = _ref.onClickRow,
17
- onSelectRow = _ref.onSelectRow,
18
- row = _ref.row,
19
- selectableRows = _ref.selectableRows,
20
- selectedRows = _ref.selectedRows,
21
- setIsExpanded = _ref.setIsExpanded,
22
- _ref$showExpander = _ref.showExpander,
23
- showExpander = _ref$showExpander === void 0 ? false : _ref$showExpander;
24
- var hasSubRows = (((_row$subRows = row.subRows) === null || _row$subRows === void 0 ? void 0 : _row$subRows.length) || 0) > 0;
25
- return ___EmotionJSX("tr", {
26
- css: tableRowStyles({
27
- active: isActive,
28
- expanded: isExpanded,
29
- hoverColor: !!onClickRow,
30
- subRow: !!isSubRow
31
- }),
32
- className: row.className,
33
- "data-expanded": isExpanded,
34
- "data-row-type": isSubRow ? 'sub-row' : 'row',
35
- onClick: function onClick() {
36
- return onClickRow && onClickRow(row.id ? String(row.id) : '');
37
- }
38
- }, expandable && ___EmotionJSX("td", {
39
- css: tableCellExpanderStyles(showExpander),
40
- onClick: function onClick(e) {
41
- if (!showExpander) return;
42
- e.stopPropagation();
43
- setIsExpanded(!isExpanded);
44
- }
45
- }, hasSubRows ? ___EmotionJSX(ChevronRight, {
46
- css: chevronStyles({
47
- expanded: isExpanded
48
- })
49
- }) : null), selectableRows && row.id && ___EmotionJSX("td", {
50
- css: tableCellCheckboxStyles
51
- }, ___EmotionJSX(Checkbox, {
52
- checked: selectedRows.includes(row.id),
53
- name: row.id,
54
- onChange: function onChange() {
55
- if (!row.id) return;
56
- onSelectRow(row.id);
57
- },
58
- onLabelClick: function onLabelClick(e) {
59
- e.stopPropagation();
60
- },
61
- visualSize: "small"
62
- })), headerRow.map(function (headerCell, index) {
63
- return ___EmotionJSX(TableCell, {
64
- headerCell: headerRow === null || headerRow === void 0 ? void 0 : headerRow[index],
65
- key: index
66
- }, row[headerCell.key] || '-');
67
- }));
68
- });
69
- export default TableRow;
@@ -1,11 +0,0 @@
1
- import { ChevronProps } from './TableRow.types';
2
- export declare const genericTableRowStyles: import("@emotion/utils").SerializedStyles;
3
- declare type TableRowProps = {
4
- active?: boolean;
5
- expanded: boolean;
6
- hoverColor: boolean;
7
- subRow: boolean;
8
- };
9
- export declare const tableRowStyles: ({ active, expanded, hoverColor, subRow }: TableRowProps) => import("@emotion/utils").SerializedStyles;
10
- export declare const chevronStyles: ({ expanded }: ChevronProps) => import("@emotion/utils").SerializedStyles;
11
- export {};
@@ -1,29 +0,0 @@
1
- function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
2
- 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; }
3
- 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; }
4
- 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; }
5
- function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
6
- 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); }
7
- 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)."; }
8
- import { theme } from '@dfds-ui/theme';
9
- import { css } from '@emotion/react';
10
- export var genericTableRowStyles = process.env.NODE_ENV === "production" ? {
11
- name: "674hgm",
12
- styles: "border-bottom:1px solid #4d4e4c29;border-collapse:collapse;height:48px"
13
- } : {
14
- name: "1sc9lfj-genericTableRowStyles",
15
- styles: "border-bottom:1px solid #4d4e4c29;border-collapse:collapse;height:48px;label:genericTableRowStyles;",
16
- map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0JvZHkvVGFibGVSb3cuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFJd0MiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2R5bmFtaWMtdGFibGUvQm9keS9UYWJsZVJvdy5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgQ2hldnJvblByb3BzIH0gZnJvbSAnLi9UYWJsZVJvdy50eXBlcydcblxuZXhwb3J0IGNvbnN0IGdlbmVyaWNUYWJsZVJvd1N0eWxlcyA9IGNzc2BcbiAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICM0ZDRlNGMyOTtcbiAgYm9yZGVyLWNvbGxhcHNlOiBjb2xsYXBzZTtcbiAgaGVpZ2h0OiA0OHB4O1xuYFxuXG50eXBlIFRhYmxlUm93UHJvcHMgPSB7XG4gIGFjdGl2ZT86IGJvb2xlYW5cbiAgZXhwYW5kZWQ6IGJvb2xlYW5cbiAgaG92ZXJDb2xvcjogYm9vbGVhblxuICBzdWJSb3c6IGJvb2xlYW5cbn1cblxuZXhwb3J0IGNvbnN0IHRhYmxlUm93U3R5bGVzID0gKHsgYWN0aXZlLCBleHBhbmRlZCwgaG92ZXJDb2xvciwgc3ViUm93IH06IFRhYmxlUm93UHJvcHMpID0+IGNzc2BcbiAgJHt7IC4uLmdlbmVyaWNUYWJsZVJvd1N0eWxlcyB9fVxuXG4gICY6aG92ZXIge1xuICAgICR7aG92ZXJDb2xvciAmJlxuICAgIGBcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuY29sb3JzLnN1cmZhY2Uuc2Vjb25kYXJ5fTtcbiAgICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICBgfTtcbiAgfVxuXG4gICR7ZXhwYW5kZWQgJiZcbiAgYFxuICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuY29sb3JzLnN1cmZhY2Uuc2Vjb25kYXJ5fTtcblxuICAgICY6aG92ZXIge1xuICAgICAgJHtcbiAgICAgICAgaG92ZXJDb2xvciAmJlxuICAgICAgICBgXG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuY29sb3JzLmRpdmlkZXIuZGFya307XG4gICAgICBgXG4gICAgICB9O1xuICAgIH1cbiAgYH07XG5cbiAgJHtzdWJSb3cgJiZcbiAgIWV4cGFuZGVkICYmXG4gIGBcbiAgICBkaXNwbGF5OiBub25lO1xuICBgfTtcblxuICAke2FjdGl2ZSAmJlxuICBgXG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMuZGl2aWRlci5kYXJrfTtcbiAgYH07XG5gXG5cbmV4cG9ydCBjb25zdCBjaGV2cm9uU3R5bGVzID0gKHsgZXhwYW5kZWQgfTogQ2hldnJvblByb3BzKSA9PiBjc3NgXG4gIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5wcmltYXJ5LmRhcmt9O1xuICBmb250LXNpemU6IDEuNXJlbTtcbiAgdHJhbnNmb3JtOiAke2V4cGFuZGVkICYmICdyb3RhdGUoOTBkZWcpJ307XG4gIHRyYW5zaXRpb24tZHVyYXRpb246IDI1MG1zO1xuICB0cmFuc2l0aW9uLXByb3BlcnR5OiB0cmFuc2Zvcm07XG4gIHVzZXItc2VsZWN0OiBub25lO1xuYFxuIl19 */",
17
- toString: _EMOTION_STRINGIFIED_CSS_ERROR__
18
- };
19
- export var tableRowStyles = function tableRowStyles(_ref) {
20
- var active = _ref.active,
21
- expanded = _ref.expanded,
22
- hoverColor = _ref.hoverColor,
23
- subRow = _ref.subRow;
24
- return /*#__PURE__*/css(_objectSpread({}, genericTableRowStyles), " &:hover{", hoverColor && "\n background-color: ".concat(theme.colors.surface.secondary, ";\n cursor: pointer;\n "), ";}", expanded && "\n background-color: ".concat(theme.colors.surface.secondary, ";\n\n &:hover {\n ").concat(hoverColor && "\n background-color: ".concat(theme.colors.divider.dark, ";\n "), ";\n }\n "), ";", subRow && !expanded && "\n display: none;\n ", ";", active && "\n background-color: ".concat(theme.colors.divider.dark, ";\n "), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:tableRowStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0JvZHkvVGFibGVSb3cuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQjhGIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0JvZHkvVGFibGVSb3cuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IENoZXZyb25Qcm9wcyB9IGZyb20gJy4vVGFibGVSb3cudHlwZXMnXG5cbmV4cG9ydCBjb25zdCBnZW5lcmljVGFibGVSb3dTdHlsZXMgPSBjc3NgXG4gIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAjNGQ0ZTRjMjk7XG4gIGJvcmRlci1jb2xsYXBzZTogY29sbGFwc2U7XG4gIGhlaWdodDogNDhweDtcbmBcblxudHlwZSBUYWJsZVJvd1Byb3BzID0ge1xuICBhY3RpdmU/OiBib29sZWFuXG4gIGV4cGFuZGVkOiBib29sZWFuXG4gIGhvdmVyQ29sb3I6IGJvb2xlYW5cbiAgc3ViUm93OiBib29sZWFuXG59XG5cbmV4cG9ydCBjb25zdCB0YWJsZVJvd1N0eWxlcyA9ICh7IGFjdGl2ZSwgZXhwYW5kZWQsIGhvdmVyQ29sb3IsIHN1YlJvdyB9OiBUYWJsZVJvd1Byb3BzKSA9PiBjc3NgXG4gICR7eyAuLi5nZW5lcmljVGFibGVSb3dTdHlsZXMgfX1cblxuICAmOmhvdmVyIHtcbiAgICAke2hvdmVyQ29sb3IgJiZcbiAgICBgXG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX07XG4gICAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgYH07XG4gIH1cblxuICAke2V4cGFuZGVkICYmXG4gIGBcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX07XG5cbiAgICAmOmhvdmVyIHtcbiAgICAgICR7XG4gICAgICAgIGhvdmVyQ29sb3IgJiZcbiAgICAgICAgYFxuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5kaXZpZGVyLmRhcmt9O1xuICAgICAgYFxuICAgICAgfTtcbiAgICB9XG4gIGB9O1xuXG4gICR7c3ViUm93ICYmXG4gICFleHBhbmRlZCAmJlxuICBgXG4gICAgZGlzcGxheTogbm9uZTtcbiAgYH07XG5cbiAgJHthY3RpdmUgJiZcbiAgYFxuICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuY29sb3JzLmRpdmlkZXIuZGFya307XG4gIGB9O1xuYFxuXG5leHBvcnQgY29uc3QgY2hldnJvblN0eWxlcyA9ICh7IGV4cGFuZGVkIH06IENoZXZyb25Qcm9wcykgPT4gY3NzYFxuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMucHJpbWFyeS5kYXJrfTtcbiAgZm9udC1zaXplOiAxLjVyZW07XG4gIHRyYW5zZm9ybTogJHtleHBhbmRlZCAmJiAncm90YXRlKDkwZGVnKSd9O1xuICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAyNTBtcztcbiAgdHJhbnNpdGlvbi1wcm9wZXJ0eTogdHJhbnNmb3JtO1xuICB1c2VyLXNlbGVjdDogbm9uZTtcbmBcbiJdfQ== */");
25
- };
26
- export var chevronStyles = function chevronStyles(_ref2) {
27
- var expanded = _ref2.expanded;
28
- return /*#__PURE__*/css("color:", 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0JvZHkvVGFibGVSb3cuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzRGdFIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0JvZHkvVGFibGVSb3cuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IENoZXZyb25Qcm9wcyB9IGZyb20gJy4vVGFibGVSb3cudHlwZXMnXG5cbmV4cG9ydCBjb25zdCBnZW5lcmljVGFibGVSb3dTdHlsZXMgPSBjc3NgXG4gIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAjNGQ0ZTRjMjk7XG4gIGJvcmRlci1jb2xsYXBzZTogY29sbGFwc2U7XG4gIGhlaWdodDogNDhweDtcbmBcblxudHlwZSBUYWJsZVJvd1Byb3BzID0ge1xuICBhY3RpdmU/OiBib29sZWFuXG4gIGV4cGFuZGVkOiBib29sZWFuXG4gIGhvdmVyQ29sb3I6IGJvb2xlYW5cbiAgc3ViUm93OiBib29sZWFuXG59XG5cbmV4cG9ydCBjb25zdCB0YWJsZVJvd1N0eWxlcyA9ICh7IGFjdGl2ZSwgZXhwYW5kZWQsIGhvdmVyQ29sb3IsIHN1YlJvdyB9OiBUYWJsZVJvd1Byb3BzKSA9PiBjc3NgXG4gICR7eyAuLi5nZW5lcmljVGFibGVSb3dTdHlsZXMgfX1cblxuICAmOmhvdmVyIHtcbiAgICAke2hvdmVyQ29sb3IgJiZcbiAgICBgXG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX07XG4gICAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgYH07XG4gIH1cblxuICAke2V4cGFuZGVkICYmXG4gIGBcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX07XG5cbiAgICAmOmhvdmVyIHtcbiAgICAgICR7XG4gICAgICAgIGhvdmVyQ29sb3IgJiZcbiAgICAgICAgYFxuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5kaXZpZGVyLmRhcmt9O1xuICAgICAgYFxuICAgICAgfTtcbiAgICB9XG4gIGB9O1xuXG4gICR7c3ViUm93ICYmXG4gICFleHBhbmRlZCAmJlxuICBgXG4gICAgZGlzcGxheTogbm9uZTtcbiAgYH07XG5cbiAgJHthY3RpdmUgJiZcbiAgYFxuICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuY29sb3JzLmRpdmlkZXIuZGFya307XG4gIGB9O1xuYFxuXG5leHBvcnQgY29uc3QgY2hldnJvblN0eWxlcyA9ICh7IGV4cGFuZGVkIH06IENoZXZyb25Qcm9wcykgPT4gY3NzYFxuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMucHJpbWFyeS5kYXJrfTtcbiAgZm9udC1zaXplOiAxLjVyZW07XG4gIHRyYW5zZm9ybTogJHtleHBhbmRlZCAmJiAncm90YXRlKDkwZGVnKSd9O1xuICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAyNTBtcztcbiAgdHJhbnNpdGlvbi1wcm9wZXJ0eTogdHJhbnNmb3JtO1xuICB1c2VyLXNlbGVjdDogbm9uZTtcbmBcbiJdfQ== */");
29
- };
@@ -1,18 +0,0 @@
1
- import { Header, Row } from '../DynamicTable.types';
2
- export declare type TableRowProps = {
3
- expandable?: boolean;
4
- headerRow: Header[];
5
- isActive: boolean;
6
- isExpanded: boolean;
7
- isSubRow?: boolean;
8
- onClickRow?: (id: string) => void;
9
- onSelectRow: (id: string) => void;
10
- row: Row;
11
- selectableRows: boolean;
12
- selectedRows: string[];
13
- setIsExpanded: (expanded: boolean) => void;
14
- showExpander?: boolean;
15
- };
16
- export declare type ChevronProps = {
17
- expanded: boolean;
18
- };
@@ -1 +0,0 @@
1
- export {};
@@ -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,54 +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
- var hasSubRows = subRows.length > 0;
25
- return ___EmotionJSX(React.Fragment, null, ___EmotionJSX(TableRow, {
26
- expandable: expandable,
27
- headerRow: headerRow,
28
- isActive: activeRow ? row.id === activeRow : false,
29
- isExpanded: isExpanded,
30
- onClickRow: onClickRow,
31
- onSelectRow: onSelectRow,
32
- row: row,
33
- selectableRows: selectableRows,
34
- selectedRows: selectedRows,
35
- setIsExpanded: setIsExpanded,
36
- showExpander: hasSubRows
37
- }), subRows.map(function (subRow) {
38
- return ___EmotionJSX(TableRow, {
39
- expandable: expandable,
40
- headerRow: headerRow,
41
- isActive: activeRow ? subRow.id === activeRow : false,
42
- isExpanded: isExpanded,
43
- isSubRow: true,
44
- key: subRow.id,
45
- onClickRow: onClickRow,
46
- onSelectRow: onSelectRow,
47
- row: subRow,
48
- selectableRows: selectableRows,
49
- selectedRows: selectedRows,
50
- setIsExpanded: setIsExpanded
51
- });
52
- }));
53
- });
54
- 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,4 +0,0 @@
1
- import React from 'react';
2
- import { DynamicTableProps } from './DynamicTable.types';
3
- declare const _default: React.NamedExoticComponent<DynamicTableProps>;
4
- export default _default;
@@ -1,85 +0,0 @@
1
- var _excluded = ["activeRow", "descending", "expandable", "height", "headerRow", "isLoading", "onClickRow", "onSelectRow", "onSort", "rows", "selectedRows", "sortingBy", "stickyHeader"];
2
- 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); }
3
- function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
4
- 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."); }
5
- 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; } }
6
- 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; }
7
- 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; } }
8
- function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
9
- 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; }
10
- 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; }
11
- import React, { useEffect, useMemo, useState } from 'react';
12
- import TableBody from './Body/TableBody';
13
- import { tableStyles, tableWrapperStyles } from './DynamicTable.styles';
14
- import TableHead from './Head/TableHead';
15
- import createSkeletonRows from './Skeleton/helpers/createSkeletonRows';
16
- import { fadeStyles } from './Skeleton/SkeletonTable.styles';
17
- import { jsx as ___EmotionJSX } from "@emotion/react";
18
- var DynamicTable = function DynamicTable(_ref) {
19
- var activeRow = _ref.activeRow,
20
- descending = _ref.descending,
21
- expandable = _ref.expandable,
22
- height = _ref.height,
23
- headerRow = _ref.headerRow,
24
- isLoading = _ref.isLoading,
25
- onClickRow = _ref.onClickRow,
26
- onSelectRow = _ref.onSelectRow,
27
- onSort = _ref.onSort,
28
- rows = _ref.rows,
29
- _ref$selectedRows = _ref.selectedRows,
30
- selectedRows = _ref$selectedRows === void 0 ? [] : _ref$selectedRows,
31
- sortingBy = _ref.sortingBy,
32
- stickyHeader = _ref.stickyHeader,
33
- rest = _objectWithoutProperties(_ref, _excluded);
34
- // states
35
- var _useState = useState(sortingBy || ''),
36
- _useState2 = _slicedToArray(_useState, 2),
37
- sortByKeyValue = _useState2[0],
38
- setSortByKeyValue = _useState2[1];
39
- var _useState3 = useState(sortingBy && descending || false),
40
- _useState4 = _slicedToArray(_useState3, 2),
41
- sortDescending = _useState4[0],
42
- setSortDescending = _useState4[1];
43
- var selectableRows = !!onSelectRow;
44
- var skeletonRows = useMemo(function () {
45
- return createSkeletonRows(headerRow);
46
- }, [headerRow]);
47
- useEffect(function () {
48
- if (onSort) {
49
- onSort(sortByKeyValue, sortDescending);
50
- }
51
- }, [sortDescending, onSort, sortByKeyValue]);
52
- return ___EmotionJSX("div", _extends({
53
- css: tableWrapperStyles({
54
- height: height
55
- })
56
- }, rest), ___EmotionJSX("table", {
57
- css: tableStyles,
58
- "data-cy": !isLoading ? "dynamic-table-isLoaded" : ''
59
- }, headerRow && ___EmotionJSX(TableHead, {
60
- expandable: expandable,
61
- headerRow: headerRow,
62
- onSelectRow: onSelectRow,
63
- onSort: onSort,
64
- rows: rows,
65
- selectableRows: selectableRows,
66
- selectedRows: selectedRows,
67
- setSortDescending: setSortDescending,
68
- setSortByKeyValue: setSortByKeyValue,
69
- sortDescending: sortDescending,
70
- sortByKeyValue: sortByKeyValue,
71
- stickyHeader: stickyHeader
72
- }), ___EmotionJSX(TableBody, {
73
- activeRow: activeRow,
74
- expandable: expandable,
75
- headerRow: headerRow,
76
- onClickRow: onClickRow,
77
- onSelectRow: onSelectRow,
78
- rows: !isLoading ? rows : skeletonRows,
79
- selectableRows: selectableRows,
80
- selectedRows: selectedRows
81
- })), isLoading && ___EmotionJSX("div", {
82
- css: fadeStyles
83
- }));
84
- };
85
- export default /*#__PURE__*/React.memo(DynamicTable);
@@ -1,6 +0,0 @@
1
- declare type TableWrapperProps = {
2
- height?: string;
3
- };
4
- export declare const tableWrapperStyles: ({ height }: TableWrapperProps) => import("@emotion/utils").SerializedStyles;
5
- export declare const tableStyles: import("@emotion/utils").SerializedStyles;
6
- export {};
@@ -1,7 +0,0 @@
1
- import { theme } from '@dfds-ui/theme';
2
- import { css } from '@emotion/react';
3
- export var tableWrapperStyles = function tableWrapperStyles(_ref) {
4
- var height = _ref.height;
5
- return /*#__PURE__*/css("color:", theme.colors.text.primary, ";display:flex;flex-direction:column;overflow-x:auto;width:100%;", height && "\n height: ".concat(height, ";\n overflow-y: auto;\n "), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:tableWrapperStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0R5bmFtaWNUYWJsZS5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU93RSIsImZpbGUiOiIuLi8uLi9zcmMvZHluYW1pYy10YWJsZS9EeW5hbWljVGFibGUuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxudHlwZSBUYWJsZVdyYXBwZXJQcm9wcyA9IHtcbiAgaGVpZ2h0Pzogc3RyaW5nXG59XG5cbmV4cG9ydCBjb25zdCB0YWJsZVdyYXBwZXJTdHlsZXMgPSAoeyBoZWlnaHQgfTogVGFibGVXcmFwcGVyUHJvcHMpID0+IGNzc2BcbiAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnRleHQucHJpbWFyeX07XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIG92ZXJmbG93LXg6IGF1dG87XG4gIHdpZHRoOiAxMDAlO1xuXG4gICR7aGVpZ2h0ICYmXG4gIGBcbiAgICBoZWlnaHQ6ICR7aGVpZ2h0fTtcbiAgICBvdmVyZmxvdy15OiBhdXRvO1xuICBgfTtcbmBcblxuZXhwb3J0IGNvbnN0IHRhYmxlU3R5bGVzID0gY3NzYFxuICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnByaW1hcnl9O1xuICBmb250LWZhbWlseTogVmVyZGFuYSwgc2Fucy1zZXJpZjtcbiAgZm9udC1zaXplOiAxMnB4O1xuICBsaW5lLWhlaWdodDogMTZweDtcbiAgd2lkdGg6IDEwMCU7XG5gXG4iXX0= */");
6
- };
7
- export var tableStyles = /*#__PURE__*/css("background-color:", 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0R5bmFtaWNUYWJsZS5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFCOEIiLCJmaWxlIjoiLi4vLi4vc3JjL2R5bmFtaWMtdGFibGUvRHluYW1pY1RhYmxlLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbnR5cGUgVGFibGVXcmFwcGVyUHJvcHMgPSB7XG4gIGhlaWdodD86IHN0cmluZ1xufVxuXG5leHBvcnQgY29uc3QgdGFibGVXcmFwcGVyU3R5bGVzID0gKHsgaGVpZ2h0IH06IFRhYmxlV3JhcHBlclByb3BzKSA9PiBjc3NgXG4gIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LnByaW1hcnl9O1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBvdmVyZmxvdy14OiBhdXRvO1xuICB3aWR0aDogMTAwJTtcblxuICAke2hlaWdodCAmJlxuICBgXG4gICAgaGVpZ2h0OiAke2hlaWdodH07XG4gICAgb3ZlcmZsb3cteTogYXV0bztcbiAgYH07XG5gXG5cbmV4cG9ydCBjb25zdCB0YWJsZVN0eWxlcyA9IGNzc2BcbiAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5wcmltYXJ5fTtcbiAgZm9udC1mYW1pbHk6IFZlcmRhbmEsIHNhbnMtc2VyaWY7XG4gIGZvbnQtc2l6ZTogMTJweDtcbiAgbGluZS1oZWlnaHQ6IDE2cHg7XG4gIHdpZHRoOiAxMDAlO1xuYFxuIl19 */");
@@ -1,36 +0,0 @@
1
- import React from 'react';
2
- export declare type Header = {
3
- displayName: string | React.ReactElement;
4
- key: string;
5
- sortKey?: string;
6
- sortable?: boolean;
7
- textAlign?: 'center' | 'left' | 'right';
8
- width?: string;
9
- };
10
- export declare type SubRow = {
11
- className?: string;
12
- id?: string;
13
- [name: string]: any;
14
- };
15
- export declare type Row = {
16
- className?: string;
17
- id?: string;
18
- subRows?: SubRow[];
19
- [name: string]: any;
20
- };
21
- export declare type DynamicTableProps = {
22
- activeRow?: string;
23
- descending?: boolean;
24
- expandable?: boolean;
25
- headerRow: Header[];
26
- height?: string;
27
- isLoading?: boolean;
28
- onClickRow?: (id: string) => void;
29
- onSelectRow?: (list: string[]) => void;
30
- onSort?: (value: string, sortDescending: boolean) => void;
31
- rows: Row[];
32
- selectedRows?: string[];
33
- sortingBy?: string;
34
- stickyHeader?: boolean;
35
- translate?: 'yes' | 'no';
36
- };