@dfds-ui/experiences 1.0.0-alpha.d45fa824 → 1.0.1

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 (81) hide show
  1. package/cjs/dynamic-table/DynamicTable.d.ts +29 -4
  2. package/cjs/dynamic-table/DynamicTable.js +174 -57
  3. package/cjs/dynamic-table/DynamicTable.styles.d.ts +5 -12
  4. package/cjs/dynamic-table/DynamicTable.styles.js +29 -23
  5. package/dynamic-table/DynamicTable.d.ts +29 -4
  6. package/dynamic-table/DynamicTable.js +189 -57
  7. package/dynamic-table/DynamicTable.styles.d.ts +5 -12
  8. package/dynamic-table/DynamicTable.styles.js +17 -16
  9. package/package.json +9 -10
  10. package/cjs/dynamic-table/Body/TableBody.d.ts +0 -4
  11. package/cjs/dynamic-table/Body/TableBody.js +0 -57
  12. package/cjs/dynamic-table/Body/TableBody.types.d.ts +0 -10
  13. package/cjs/dynamic-table/Body/TableBody.types.js +0 -5
  14. package/cjs/dynamic-table/Body/TableCell.d.ts +0 -4
  15. package/cjs/dynamic-table/Body/TableCell.js +0 -26
  16. package/cjs/dynamic-table/Body/TableCell.styles.d.ts +0 -14
  17. package/cjs/dynamic-table/Body/TableCell.styles.js +0 -43
  18. package/cjs/dynamic-table/Body/TableCell.types.d.ts +0 -5
  19. package/cjs/dynamic-table/Body/TableCell.types.js +0 -5
  20. package/cjs/dynamic-table/Body/TableRow.d.ts +0 -4
  21. package/cjs/dynamic-table/Body/TableRow.js +0 -52
  22. package/cjs/dynamic-table/Body/TableRow.styles.d.ts +0 -10
  23. package/cjs/dynamic-table/Body/TableRow.styles.js +0 -39
  24. package/cjs/dynamic-table/Body/TableRow.types.d.ts +0 -10
  25. package/cjs/dynamic-table/Body/TableRow.types.js +0 -5
  26. package/cjs/dynamic-table/DynamicTable.types.d.ts +0 -28
  27. package/cjs/dynamic-table/DynamicTable.types.js +0 -5
  28. package/cjs/dynamic-table/Head/TableHead.d.ts +0 -4
  29. package/cjs/dynamic-table/Head/TableHead.js +0 -85
  30. package/cjs/dynamic-table/Head/TableHead.styles.d.ts +0 -24
  31. package/cjs/dynamic-table/Head/TableHead.styles.js +0 -89
  32. package/cjs/dynamic-table/Head/TableHead.types.d.ts +0 -33
  33. package/cjs/dynamic-table/Head/TableHead.types.js +0 -5
  34. package/cjs/dynamic-table/Skeleton/SkeletonTable.styles.d.ts +0 -4
  35. package/cjs/dynamic-table/Skeleton/SkeletonTable.styles.js +0 -28
  36. package/cjs/dynamic-table/Skeleton/helpers/createSkeletonRows.d.ts +0 -3
  37. package/cjs/dynamic-table/Skeleton/helpers/createSkeletonRows.js +0 -40
  38. package/cjs/dynamic-table/helpers/getHeaderRow.d.ts +0 -3
  39. package/cjs/dynamic-table/helpers/getHeaderRow.js +0 -27
  40. package/cjs/dynamic-table/stories/headerRow.d.ts +0 -3
  41. package/cjs/dynamic-table/stories/headerRow.js +0 -26
  42. package/cjs/dynamic-table/stories/headerRowSortable.d.ts +0 -3
  43. package/cjs/dynamic-table/stories/headerRowSortable.js +0 -28
  44. package/cjs/dynamic-table/stories/tableRows.d.ts +0 -3
  45. package/cjs/dynamic-table/stories/tableRows.js +0 -76
  46. package/dynamic-table/Body/TableBody.d.ts +0 -4
  47. package/dynamic-table/Body/TableBody.js +0 -52
  48. package/dynamic-table/Body/TableBody.types.d.ts +0 -10
  49. package/dynamic-table/Body/TableBody.types.js +0 -1
  50. package/dynamic-table/Body/TableCell.d.ts +0 -4
  51. package/dynamic-table/Body/TableCell.js +0 -13
  52. package/dynamic-table/Body/TableCell.styles.d.ts +0 -14
  53. package/dynamic-table/Body/TableCell.styles.js +0 -32
  54. package/dynamic-table/Body/TableCell.types.d.ts +0 -5
  55. package/dynamic-table/Body/TableCell.types.js +0 -1
  56. package/dynamic-table/Body/TableRow.d.ts +0 -4
  57. package/dynamic-table/Body/TableRow.js +0 -40
  58. package/dynamic-table/Body/TableRow.styles.d.ts +0 -10
  59. package/dynamic-table/Body/TableRow.styles.js +0 -23
  60. package/dynamic-table/Body/TableRow.types.d.ts +0 -10
  61. package/dynamic-table/Body/TableRow.types.js +0 -1
  62. package/dynamic-table/DynamicTable.types.d.ts +0 -28
  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 -69
  66. package/dynamic-table/Head/TableHead.styles.d.ts +0 -24
  67. package/dynamic-table/Head/TableHead.styles.js +0 -72
  68. package/dynamic-table/Head/TableHead.types.d.ts +0 -33
  69. package/dynamic-table/Head/TableHead.types.js +0 -1
  70. package/dynamic-table/Skeleton/SkeletonTable.styles.d.ts +0 -4
  71. package/dynamic-table/Skeleton/SkeletonTable.styles.js +0 -18
  72. package/dynamic-table/Skeleton/helpers/createSkeletonRows.d.ts +0 -3
  73. package/dynamic-table/Skeleton/helpers/createSkeletonRows.js +0 -43
  74. package/dynamic-table/helpers/getHeaderRow.d.ts +0 -3
  75. package/dynamic-table/helpers/getHeaderRow.js +0 -19
  76. package/dynamic-table/stories/headerRow.d.ts +0 -3
  77. package/dynamic-table/stories/headerRow.js +0 -19
  78. package/dynamic-table/stories/headerRowSortable.d.ts +0 -3
  79. package/dynamic-table/stories/headerRowSortable.js +0 -21
  80. package/dynamic-table/stories/tableRows.d.ts +0 -3
  81. package/dynamic-table/stories/tableRows.js +0 -67
@@ -1,3 +1,11 @@
1
+ function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
2
+
3
+ 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."); }
4
+
5
+ function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
6
+
7
+ function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
8
+
1
9
  function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
2
10
 
3
11
  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."); }
@@ -10,74 +18,198 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
10
18
 
11
19
  function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
12
20
 
13
- import React, { useEffect, useMemo, useState } from 'react';
14
- import TableBody from './Body/TableBody';
15
- import { TableStyled, TableWrapperStyled } from './DynamicTable.styles';
16
- import TableHead from './Head/TableHead';
17
- import createSkeletonRows from './Skeleton/helpers/createSkeletonRows';
18
- import { Fade } from './Skeleton/SkeletonTable.styles';
21
+ import React, { useState, useEffect } from 'react';
22
+ import { Badge, Checkbox } from '@dfds-ui/react-components';
23
+ import { dynamicTableWrapperStyle, downStyle, cellStyle, thStyle, rowStyle } from './DynamicTable.styles';
24
+ import { ChevronDown } from '@dfds-ui/icons/system';
19
25
  import { jsx as ___EmotionJSX } from "@emotion/react";
20
26
 
27
+ // eslint-disable-next-line @typescript-eslint/no-unused-vars
21
28
  var DynamicTable = function DynamicTable(_ref) {
22
- var activeRow = _ref.activeRow,
23
- descending = _ref.descending,
24
- height = _ref.height,
25
- headerRow = _ref.headerRow,
26
- isLoading = _ref.isLoading,
27
- onClickRow = _ref.onClickRow,
29
+ var data = _ref.data,
30
+ dataKeys = _ref.dataKeys,
31
+ className = _ref.className,
32
+ hasHeader = _ref.hasHeader,
33
+ onSortByKey = _ref.onSortByKey,
34
+ onSelectFunction = _ref.onSelectFunction,
28
35
  onSelectRow = _ref.onSelectRow,
29
- onSort = _ref.onSort,
30
- rows = _ref.rows,
31
- _ref$selectedRows = _ref.selectedRows,
32
- selectedRows = _ref$selectedRows === void 0 ? [] : _ref$selectedRows,
33
- sortingBy = _ref.sortingBy,
36
+ colorScheme = _ref.colorScheme,
37
+ badgesScheme = _ref.badgesScheme,
38
+ fixedHeight = _ref.fixedHeight,
34
39
  stickyHeader = _ref.stickyHeader;
40
+ var keys = dataKeys || [];
41
+
42
+ if (!dataKeys) {
43
+ var newKeys = Object.keys(data[0]);
44
+
45
+ for (var i = 0; i < newKeys.length; i++) {
46
+ keys.push({
47
+ displayName: newKeys[i],
48
+ key: newKeys[i],
49
+ rightAlign: false
50
+ });
51
+ }
52
+
53
+ keys = dataKeys || keys;
54
+ }
55
+
56
+ var itemsAreSelectable = onSelectFunction && keys.some(function (key) {
57
+ return key.key === 'id';
58
+ }); // states
35
59
 
36
- // states
37
- var _useState = useState(sortingBy || ''),
60
+ var _useState = useState([]),
38
61
  _useState2 = _slicedToArray(_useState, 2),
39
- sortByKeyValue = _useState2[0],
40
- setSortByKeyValue = _useState2[1];
62
+ selectedRows = _useState2[0],
63
+ setSelectedRows = _useState2[1];
41
64
 
42
- var _useState3 = useState(sortingBy && descending || false),
65
+ var _useState3 = useState(''),
43
66
  _useState4 = _slicedToArray(_useState3, 2),
44
- sortDescending = _useState4[0],
45
- setSortDescending = _useState4[1];
67
+ sortByKeyValue = _useState4[0],
68
+ setSortByKeyValue = _useState4[1];
69
+
70
+ var _useState5 = useState(false),
71
+ _useState6 = _slicedToArray(_useState5, 2),
72
+ sortByDescending = _useState6[0],
73
+ setSortByDescending = _useState6[1];
46
74
 
47
- var selectableRows = !!onSelectRow;
48
- var skeletonRows = useMemo(function () {
49
- return createSkeletonRows(headerRow);
50
- }, [headerRow]);
51
75
  useEffect(function () {
52
- if (onSort) {
53
- onSort(sortByKeyValue, sortDescending);
76
+ onSelectFunction && onSelectFunction(selectedRows);
77
+ }, [onSelectFunction, selectedRows]); // update state and callback functions
78
+
79
+ var updateSelectedRows = function updateSelectedRows(id) {
80
+ if (itemsAreSelectable) {
81
+ var selection = _toConsumableArray(selectedRows);
82
+
83
+ if (selectedRows.includes(id)) {
84
+ var index = selectedRows.indexOf(id);
85
+ if (index !== -1) selection.splice(index, 1);
86
+ setSelectedRows(selection);
87
+ } else {
88
+ selection.push(id);
89
+ setSelectedRows(selection);
90
+ }
91
+ }
92
+ };
93
+
94
+ var toggleAll = function toggleAll() {
95
+ if (onSelectFunction) {
96
+ if (selectedRows.length === 0) {
97
+ var newArray = [];
98
+
99
+ for (var _i2 = 0; _i2 < data.length; _i2++) {
100
+ newArray.push(data[_i2].id);
101
+ }
102
+
103
+ setSelectedRows(newArray);
104
+ onSelectFunction(selectedRows);
105
+ } else {
106
+ setSelectedRows([]);
107
+ onSelectFunction(selectedRows);
108
+ }
109
+ }
110
+ };
111
+
112
+ var sort = function sort(oldKey, newKey) {
113
+ if (onSortByKey) {
114
+ if (oldKey !== newKey) {
115
+ setSortByKeyValue(newKey);
116
+ setSortByDescending(false);
117
+ } else {
118
+ setSortByDescending(!sortByDescending);
119
+ }
120
+ }
121
+ };
122
+
123
+ var selectRow = function selectRow(id) {
124
+ onSelectRow && onSelectRow(id);
125
+ };
126
+
127
+ useEffect(function () {
128
+ if (onSortByKey) {
129
+ onSortByKey(sortByKeyValue, sortByDescending);
130
+ }
131
+ }, [sortByDescending, sortByKeyValue, onSortByKey]);
132
+ return ___EmotionJSX("div", {
133
+ css: dynamicTableWrapperStyle({
134
+ stickyHeader: stickyHeader,
135
+ fixedHeight: fixedHeight,
136
+ columns: keys.length,
137
+ onSelectFunction: onSelectFunction,
138
+ onSortByKey: onSortByKey
139
+ })
140
+ }, ___EmotionJSX("table", {
141
+ className: className
142
+ }, hasHeader && ___EmotionJSX("thead", null, ___EmotionJSX("tr", null, itemsAreSelectable && ___EmotionJSX("th", {
143
+ className: "checkboxColumn"
144
+ }, ___EmotionJSX(Checkbox, {
145
+ indeterminate: true,
146
+ size: "small",
147
+ name: "all",
148
+ checked: selectedRows.length > 0,
149
+ onChange: function onChange() {
150
+ toggleAll();
54
151
  }
55
- }, [sortDescending, onSort, sortByKeyValue]);
56
- return ___EmotionJSX(TableWrapperStyled, {
57
- height: height
58
- }, ___EmotionJSX(TableStyled, {
59
- "data-cy": !isLoading ? "dynamic-table-isLoaded" : ''
60
- }, headerRow && ___EmotionJSX(TableHead, {
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
- headerRow: headerRow,
75
- onClickRow: onClickRow,
76
- onSelectRow: onSelectRow,
77
- rows: !isLoading ? rows : skeletonRows,
78
- selectableRows: selectableRows,
79
- selectedRows: selectedRows
80
- })), isLoading && ___EmotionJSX(Fade, null));
152
+ })), keys.map(function (key, i) {
153
+ return ___EmotionJSX("th", {
154
+ css: thStyle({
155
+ onSelectFunction: !!onSelectFunction,
156
+ columns: keys.length,
157
+ align: key.rightAlign ? 'right' : 'left',
158
+ customColumnWidth: key.customColumnWidth
159
+ }),
160
+ onClick: function onClick() {
161
+ return sort(sortByKeyValue, key.key);
162
+ },
163
+ key: i,
164
+ align: key.rightAlign ? 'right' : 'left'
165
+ }, onSortByKey && key.rightAlign && ___EmotionJSX(ChevronDown, {
166
+ css: downStyle({
167
+ showArrow: sortByKeyValue === key.key,
168
+ descending: sortByDescending
169
+ })
170
+ }), key.displayName, onSortByKey && !key.rightAlign && ___EmotionJSX(ChevronDown, {
171
+ css: downStyle({
172
+ showArrow: sortByKeyValue === key.key,
173
+ descending: sortByDescending
174
+ })
175
+ }));
176
+ }))), ___EmotionJSX("tbody", null, data.map(function (row, i) {
177
+ return ___EmotionJSX("tr", {
178
+ className: "dynamicTableRow-".concat(i),
179
+ css: rowStyle({
180
+ hoverColor: !!onSelectRow
181
+ }),
182
+ key: i
183
+ }, itemsAreSelectable && ___EmotionJSX("td", {
184
+ className: "checkboxColumn"
185
+ }, ___EmotionJSX(Checkbox, {
186
+ size: "small",
187
+ name: row.id,
188
+ checked: selectedRows.includes(row.id),
189
+ onChange: function onChange() {
190
+ updateSelectedRows(row.id);
191
+ }
192
+ })), keys.map(function (cell, index) {
193
+ var cellElement = row[cell.key];
194
+ return ___EmotionJSX("td", {
195
+ className: "dynamicTableColumn-".concat(cell.key),
196
+ onClick: function onClick() {
197
+ return onSelectRow && row.id ? selectRow(row.id) : null;
198
+ },
199
+ css: cellStyle({
200
+ onSelectFunction: !!onSelectFunction,
201
+ columns: keys.length,
202
+ bold: cell.bold,
203
+ customColumnWidth: cell.customColumnWidth,
204
+ color: !badgesScheme && colorScheme && colorScheme.colors && colorScheme.colors[cellElement] || null
205
+ }),
206
+ align: cell.rightAlign ? 'right' : 'left',
207
+ key: index
208
+ }, !(badgesScheme !== null && badgesScheme !== void 0 && badgesScheme.intentMapping[cellElement]) && ___EmotionJSX("span", null, cellElement || '-'), (badgesScheme === null || badgesScheme === void 0 ? void 0 : badgesScheme.intentMapping[cellElement]) && ___EmotionJSX(Badge, {
209
+ intent: badgesScheme.intentMapping[cellElement]
210
+ }, cellElement || '-'));
211
+ }));
212
+ }))));
81
213
  };
82
214
 
83
- export default /*#__PURE__*/React.memo(DynamicTable);
215
+ export default DynamicTable;
@@ -1,12 +1,5 @@
1
- declare type TableWrapperProps = {
2
- height?: string;
3
- };
4
- export declare const TableWrapperStyled: import("@emotion/styled").StyledComponent<{
5
- theme?: import("@emotion/react").Theme | undefined;
6
- as?: import("react").ElementType<any> | undefined;
7
- } & TableWrapperProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
8
- export declare const TableStyled: import("@emotion/styled").StyledComponent<{
9
- theme?: import("@emotion/react").Theme | undefined;
10
- as?: import("react").ElementType<any> | undefined;
11
- }, import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, {}>;
12
- export {};
1
+ export declare const dynamicTableWrapperStyle: (props: any) => import("@emotion/react").SerializedStyles;
2
+ export declare const thStyle: (props: any) => import("@emotion/react").SerializedStyles;
3
+ export declare const rowStyle: (props: any) => import("@emotion/react").SerializedStyles;
4
+ export declare const cellStyle: (props: any) => import("@emotion/react").SerializedStyles;
5
+ export declare const downStyle: (props: any) => import("@emotion/react").SerializedStyles;
@@ -1,17 +1,18 @@
1
- import _styled from "@emotion/styled/base";
1
+ import { css } from '@emotion/react';
2
2
  import { theme } from '@dfds-ui/theme';
3
- export var TableWrapperStyled = _styled("div", process.env.NODE_ENV === "production" ? {
4
- target: "e1dds0xk1"
5
- } : {
6
- target: "e1dds0xk1",
7
- label: "TableWrapperStyled"
8
- })("color:", theme.colors.text.primary, ";display:flex;flex-direction:column;overflow-x:auto;width:100%;", function (_ref) {
9
- var height = _ref.height;
10
- return height && "\n height: ".concat(height, ";\n overflow-y: ").concat(height && 'auto', ";\n ");
11
- }, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0R5bmFtaWNUYWJsZS5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU8rRCIsImZpbGUiOiIuLi8uLi9zcmMvZHluYW1pYy10YWJsZS9EeW5hbWljVGFibGUuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcblxudHlwZSBUYWJsZVdyYXBwZXJQcm9wcyA9IHtcbiAgaGVpZ2h0Pzogc3RyaW5nXG59XG5cbmV4cG9ydCBjb25zdCBUYWJsZVdyYXBwZXJTdHlsZWQgPSBzdHlsZWQuZGl2PFRhYmxlV3JhcHBlclByb3BzPmBcbiAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnRleHQucHJpbWFyeX07XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIG92ZXJmbG93LXg6IGF1dG87XG4gIHdpZHRoOiAxMDAlO1xuXG4gICR7KHsgaGVpZ2h0IH0pID0+XG4gICAgaGVpZ2h0ICYmXG4gICAgYFxuICAgICAgaGVpZ2h0OiAke2hlaWdodH07XG4gICAgICBvdmVyZmxvdy15OiAke2hlaWdodCAmJiAnYXV0byd9O1xuICAgIGB9O1xuYFxuXG5leHBvcnQgY29uc3QgVGFibGVTdHlsZWQgPSBzdHlsZWQudGFibGVgXG4gIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuY29sb3JzLnN1cmZhY2UucHJpbWFyeX07XG4gIGZvbnQtZmFtaWx5OiBWZXJkYW5hLCBzYW5zLXNlcmlmO1xuICBmb250LXNpemU6IDEycHg7XG4gIGxpbmUtaGVpZ2h0OiAxNnB4O1xuICB3aWR0aDogMTAwJTtcbmBcbiJdfQ== */"));
12
- export var TableStyled = _styled("table", process.env.NODE_ENV === "production" ? {
13
- target: "e1dds0xk0"
14
- } : {
15
- target: "e1dds0xk0",
16
- label: "TableStyled"
17
- })("background-color:", theme.colors.surface.primary, ";font-family:Verdana,sans-serif;font-size:12px;line-height:16px;width:100%;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0R5bmFtaWNUYWJsZS5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNCdUMiLCJmaWxlIjoiLi4vLi4vc3JjL2R5bmFtaWMtdGFibGUvRHluYW1pY1RhYmxlLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5cbnR5cGUgVGFibGVXcmFwcGVyUHJvcHMgPSB7XG4gIGhlaWdodD86IHN0cmluZ1xufVxuXG5leHBvcnQgY29uc3QgVGFibGVXcmFwcGVyU3R5bGVkID0gc3R5bGVkLmRpdjxUYWJsZVdyYXBwZXJQcm9wcz5gXG4gIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LnByaW1hcnl9O1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBvdmVyZmxvdy14OiBhdXRvO1xuICB3aWR0aDogMTAwJTtcblxuICAkeyh7IGhlaWdodCB9KSA9PlxuICAgIGhlaWdodCAmJlxuICAgIGBcbiAgICAgIGhlaWdodDogJHtoZWlnaHR9O1xuICAgICAgb3ZlcmZsb3cteTogJHtoZWlnaHQgJiYgJ2F1dG8nfTtcbiAgICBgfTtcbmBcblxuZXhwb3J0IGNvbnN0IFRhYmxlU3R5bGVkID0gc3R5bGVkLnRhYmxlYFxuICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnByaW1hcnl9O1xuICBmb250LWZhbWlseTogVmVyZGFuYSwgc2Fucy1zZXJpZjtcbiAgZm9udC1zaXplOiAxMnB4O1xuICBsaW5lLWhlaWdodDogMTZweDtcbiAgd2lkdGg6IDEwMCU7XG5gXG4iXX0= */"));
3
+ import { dividerBorder } from '@dfds-ui/react-components/divider';
4
+ export var dynamicTableWrapperStyle = function dynamicTableWrapperStyle(props) {
5
+ return /*#__PURE__*/css("width:100%;overflow-x:auto;overflow-y:", props.fixedHeight && 'auto', ";height:", props.fixedHeight, ";table{font-size:12px;line-height:16px;background-color:", theme.colors.surface.primary, ";tr{height:48px;border-collapse:collapse;td,th{color:", theme.colors.primary.main, ";padding:0 5px;", dividerBorder(false, 'bottom'), ";}th{position:", props.stickyHeader && 'sticky', ";background-color:", props.stickyHeader && theme.colors.surface.primary, ";z-index:", props.stickyHeader && '10', ";top:-1px;transition-duration:500ms;&:hover{background-color:", props.onSortByKey && theme.colors.surface.secondary, ";cursor:", props.onSortByKey && 'pointer', ";}}.checkboxColumn{width:36px;min-width:unset;&:hover{background-color:unset;}}}}" + (process.env.NODE_ENV === "production" ? "" : ";label:dynamicTableWrapperStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0R5bmFtaWNUYWJsZS5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUkyRCIsImZpbGUiOiIuLi8uLi9zcmMvZHluYW1pYy10YWJsZS9EeW5hbWljVGFibGUuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IGRpdmlkZXJCb3JkZXIgfSBmcm9tICdAZGZkcy11aS9yZWFjdC1jb21wb25lbnRzL2RpdmlkZXInXG5cbmV4cG9ydCBjb25zdCBkeW5hbWljVGFibGVXcmFwcGVyU3R5bGUgPSAocHJvcHM6IGFueSkgPT4gY3NzYFxuICB3aWR0aDogMTAwJTtcbiAgb3ZlcmZsb3cteDogYXV0bztcbiAgb3ZlcmZsb3cteTogJHtwcm9wcy5maXhlZEhlaWdodCAmJiAnYXV0byd9O1xuICBoZWlnaHQ6ICR7cHJvcHMuZml4ZWRIZWlnaHR9O1xuICB0YWJsZSB7XG4gICAgZm9udC1zaXplOiAxMnB4O1xuICAgIGxpbmUtaGVpZ2h0OiAxNnB4O1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuY29sb3JzLnN1cmZhY2UucHJpbWFyeX07XG4gICAgdHIge1xuICAgICAgaGVpZ2h0OiA0OHB4O1xuICAgICAgYm9yZGVyLWNvbGxhcHNlOiBjb2xsYXBzZTtcblxuICAgICAgdGQsXG4gICAgICB0aCB7XG4gICAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5wcmltYXJ5Lm1haW59O1xuICAgICAgICBwYWRkaW5nOiAwIDVweDtcbiAgICAgICAgJHtkaXZpZGVyQm9yZGVyKGZhbHNlLCAnYm90dG9tJyl9O1xuICAgICAgfVxuXG4gICAgICB0aCB7XG4gICAgICAgIHBvc2l0aW9uOiAke3Byb3BzLnN0aWNreUhlYWRlciAmJiAnc3RpY2t5J307XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7cHJvcHMuc3RpY2t5SGVhZGVyICYmIHRoZW1lLmNvbG9ycy5zdXJmYWNlLnByaW1hcnl9O1xuICAgICAgICB6LWluZGV4OiAke3Byb3BzLnN0aWNreUhlYWRlciAmJiAnMTAnfTtcbiAgICAgICAgdG9wOiAtMXB4O1xuICAgICAgICB0cmFuc2l0aW9uLWR1cmF0aW9uOiA1MDBtcztcbiAgICAgICAgJjpob3ZlciB7XG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9wcy5vblNvcnRCeUtleSAmJiB0aGVtZS5jb2xvcnMuc3VyZmFjZS5zZWNvbmRhcnl9O1xuICAgICAgICAgIGN1cnNvcjogJHtwcm9wcy5vblNvcnRCeUtleSAmJiAncG9pbnRlcid9O1xuICAgICAgICB9XG4gICAgICB9XG5cbiAgICAgIC5jaGVja2JveENvbHVtbiB7XG4gICAgICAgIHdpZHRoOiAzNnB4O1xuICAgICAgICBtaW4td2lkdGg6IHVuc2V0O1xuICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB1bnNldDtcbiAgICAgICAgfVxuICAgICAgfVxuICAgIH1cbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgdGhTdHlsZSA9IChwcm9wczogYW55KSA9PiBjc3NgXG4gIHRleHQtYWxpZ246ICR7cHJvcHMuYWxpZ259O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIHdpZHRoOiAke3Byb3BzLmN1c3RvbUNvbHVtbldpZHRoIHx8IGBjYWxjKCgxMDAlICR7cHJvcHMub25TZWxlY3RGdW5jdGlvbiAmJiAnLTM2cHgnfSkgLyAke3Byb3BzLmNvbHVtbnN9KWB9O1xuICBtaW4td2lkdGg6ICR7cHJvcHMuY3VzdG9tQ29sdW1uV2lkdGggfHwgJ2F1dG8nfTtcbiAgc3ZnIHtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgdG9wOiBjYWxjKDUwJSAtIDEwcHgpO1xuICAgIGxlZnQ6ICR7cHJvcHMuYWxpZ24gPT09ICdyaWdodCcgJiYgJzVweCd9O1xuICAgIHJpZ2h0OiAke3Byb3BzLmFsaWduID09PSAnbGVmdCcgJiYgJzVweCd9O1xuICB9XG4gICY6aG92ZXIge1xuICAgIHN2ZyB7XG4gICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMucHJpbWFyeS5kYXJrfTtcbiAgICB9XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IHJvd1N0eWxlID0gKHByb3BzOiBhbnkpID0+IGNzc2BcbiAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMTAwbXM7XG4gICY6aG92ZXIge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7cHJvcHMuaG92ZXJDb2xvciAmJiB0aGVtZS5jb2xvcnMuc3VyZmFjZS5zZWNvbmRhcnl9O1xuICAgIGN1cnNvcjogJHtwcm9wcy5ob3ZlckNvbG9yICYmICdwb2ludGVyJ307XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IGNlbGxTdHlsZSA9IChwcm9wczogYW55KSA9PiBjc3NgXG4gIGZvbnQtd2VpZ2h0OiAke3Byb3BzLmJvbGQgPyAnYm9sZCcgOiAnJ307XG4gIHdpZHRoOiAke3Byb3BzLmN1c3RvbUNvbHVtbldpZHRoIHx8IGBjYWxjKCgxMDAlICR7cHJvcHMub25TZWxlY3RGdW5jdGlvbiAmJiAnLTM2cHgnfSkgLyAke3Byb3BzLmNvbHVtbnN9KWB9O1xuICBtaW4td2lkdGg6ICR7cHJvcHMuY3VzdG9tQ29sdW1uV2lkdGggfHwgJ2F1dG8nfTtcbiAgJHtwcm9wcy5jb2xvciAmJlxuICBgc3BhbiB7XG4gICAgICBjb2xvcjogJHtwcm9wcy5jb2xvci50Y307XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3Byb3BzLmNvbG9yLmJnIHx8ICdub25lJ307XG4gICAgICBtYXJnaW46IDVweCAwO1xuICAgICAgcGFkZGluZzogMnB4IDhweDtcbiAgICAgIGJvcmRlci1yYWRpdXM6IDEwcHg7XG4gICAgfWB9O1xuYFxuXG5leHBvcnQgY29uc3QgZG93blN0eWxlID0gKHByb3BzOiBhbnkpID0+IGNzc2BcbiAgY29sb3I6ICR7cHJvcHMuc2hvd0Fycm93ID8gdGhlbWUuY29sb3JzLnByaW1hcnkuZGFyayA6ICd0cmFuc3BhcmVudCd9O1xuICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAyNTBtcztcbiAgdHJhbnNmb3JtOiAkeyFwcm9wcy5kZXNjZW5kaW5nICYmICdyb3RhdGUoMTgwZGVnKSd9O1xuICBmb250LXNpemU6IDIwcHg7XG5gXG4iXX0= */");
6
+ };
7
+ export var thStyle = function thStyle(props) {
8
+ return /*#__PURE__*/css("text-align:", props.align, ";position:relative;width:", props.customColumnWidth || "calc((100% ".concat(props.onSelectFunction && '-36px', ") / ").concat(props.columns, ")"), ";min-width:", props.customColumnWidth || 'auto', ";svg{position:absolute;top:calc(50% - 10px);left:", props.align === 'right' && '5px', ";right:", props.align === 'left' && '5px', ";}&:hover{svg{color:", theme.colors.primary.dark, ";}}" + (process.env.NODE_ENV === "production" ? "" : ";label:thStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0R5bmFtaWNUYWJsZS5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQStDMEMiLCJmaWxlIjoiLi4vLi4vc3JjL2R5bmFtaWMtdGFibGUvRHluYW1pY1RhYmxlLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBkaXZpZGVyQm9yZGVyIH0gZnJvbSAnQGRmZHMtdWkvcmVhY3QtY29tcG9uZW50cy9kaXZpZGVyJ1xuXG5leHBvcnQgY29uc3QgZHluYW1pY1RhYmxlV3JhcHBlclN0eWxlID0gKHByb3BzOiBhbnkpID0+IGNzc2BcbiAgd2lkdGg6IDEwMCU7XG4gIG92ZXJmbG93LXg6IGF1dG87XG4gIG92ZXJmbG93LXk6ICR7cHJvcHMuZml4ZWRIZWlnaHQgJiYgJ2F1dG8nfTtcbiAgaGVpZ2h0OiAke3Byb3BzLmZpeGVkSGVpZ2h0fTtcbiAgdGFibGUge1xuICAgIGZvbnQtc2l6ZTogMTJweDtcbiAgICBsaW5lLWhlaWdodDogMTZweDtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnByaW1hcnl9O1xuICAgIHRyIHtcbiAgICAgIGhlaWdodDogNDhweDtcbiAgICAgIGJvcmRlci1jb2xsYXBzZTogY29sbGFwc2U7XG5cbiAgICAgIHRkLFxuICAgICAgdGgge1xuICAgICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMucHJpbWFyeS5tYWlufTtcbiAgICAgICAgcGFkZGluZzogMCA1cHg7XG4gICAgICAgICR7ZGl2aWRlckJvcmRlcihmYWxzZSwgJ2JvdHRvbScpfTtcbiAgICAgIH1cblxuICAgICAgdGgge1xuICAgICAgICBwb3NpdGlvbjogJHtwcm9wcy5zdGlja3lIZWFkZXIgJiYgJ3N0aWNreSd9O1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3Byb3BzLnN0aWNreUhlYWRlciAmJiB0aGVtZS5jb2xvcnMuc3VyZmFjZS5wcmltYXJ5fTtcbiAgICAgICAgei1pbmRleDogJHtwcm9wcy5zdGlja3lIZWFkZXIgJiYgJzEwJ307XG4gICAgICAgIHRvcDogLTFweDtcbiAgICAgICAgdHJhbnNpdGlvbi1kdXJhdGlvbjogNTAwbXM7XG4gICAgICAgICY6aG92ZXIge1xuICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7cHJvcHMub25Tb3J0QnlLZXkgJiYgdGhlbWUuY29sb3JzLnN1cmZhY2Uuc2Vjb25kYXJ5fTtcbiAgICAgICAgICBjdXJzb3I6ICR7cHJvcHMub25Tb3J0QnlLZXkgJiYgJ3BvaW50ZXInfTtcbiAgICAgICAgfVxuICAgICAgfVxuXG4gICAgICAuY2hlY2tib3hDb2x1bW4ge1xuICAgICAgICB3aWR0aDogMzZweDtcbiAgICAgICAgbWluLXdpZHRoOiB1bnNldDtcbiAgICAgICAgJjpob3ZlciB7XG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdW5zZXQ7XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IHRoU3R5bGUgPSAocHJvcHM6IGFueSkgPT4gY3NzYFxuICB0ZXh0LWFsaWduOiAke3Byb3BzLmFsaWdufTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICB3aWR0aDogJHtwcm9wcy5jdXN0b21Db2x1bW5XaWR0aCB8fCBgY2FsYygoMTAwJSAke3Byb3BzLm9uU2VsZWN0RnVuY3Rpb24gJiYgJy0zNnB4J30pIC8gJHtwcm9wcy5jb2x1bW5zfSlgfTtcbiAgbWluLXdpZHRoOiAke3Byb3BzLmN1c3RvbUNvbHVtbldpZHRoIHx8ICdhdXRvJ307XG4gIHN2ZyB7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHRvcDogY2FsYyg1MCUgLSAxMHB4KTtcbiAgICBsZWZ0OiAke3Byb3BzLmFsaWduID09PSAncmlnaHQnICYmICc1cHgnfTtcbiAgICByaWdodDogJHtwcm9wcy5hbGlnbiA9PT0gJ2xlZnQnICYmICc1cHgnfTtcbiAgfVxuICAmOmhvdmVyIHtcbiAgICBzdmcge1xuICAgICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnByaW1hcnkuZGFya307XG4gICAgfVxuICB9XG5gXG5cbmV4cG9ydCBjb25zdCByb3dTdHlsZSA9IChwcm9wczogYW55KSA9PiBjc3NgXG4gIHRyYW5zaXRpb24tZHVyYXRpb246IDEwMG1zO1xuICAmOmhvdmVyIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3Byb3BzLmhvdmVyQ29sb3IgJiYgdGhlbWUuY29sb3JzLnN1cmZhY2Uuc2Vjb25kYXJ5fTtcbiAgICBjdXJzb3I6ICR7cHJvcHMuaG92ZXJDb2xvciAmJiAncG9pbnRlcid9O1xuICB9XG5gXG5cbmV4cG9ydCBjb25zdCBjZWxsU3R5bGUgPSAocHJvcHM6IGFueSkgPT4gY3NzYFxuICBmb250LXdlaWdodDogJHtwcm9wcy5ib2xkID8gJ2JvbGQnIDogJyd9O1xuICB3aWR0aDogJHtwcm9wcy5jdXN0b21Db2x1bW5XaWR0aCB8fCBgY2FsYygoMTAwJSAke3Byb3BzLm9uU2VsZWN0RnVuY3Rpb24gJiYgJy0zNnB4J30pIC8gJHtwcm9wcy5jb2x1bW5zfSlgfTtcbiAgbWluLXdpZHRoOiAke3Byb3BzLmN1c3RvbUNvbHVtbldpZHRoIHx8ICdhdXRvJ307XG4gICR7cHJvcHMuY29sb3IgJiZcbiAgYHNwYW4ge1xuICAgICAgY29sb3I6ICR7cHJvcHMuY29sb3IudGN9O1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9wcy5jb2xvci5iZyB8fCAnbm9uZSd9O1xuICAgICAgbWFyZ2luOiA1cHggMDtcbiAgICAgIHBhZGRpbmc6IDJweCA4cHg7XG4gICAgICBib3JkZXItcmFkaXVzOiAxMHB4O1xuICAgIH1gfTtcbmBcblxuZXhwb3J0IGNvbnN0IGRvd25TdHlsZSA9IChwcm9wczogYW55KSA9PiBjc3NgXG4gIGNvbG9yOiAke3Byb3BzLnNob3dBcnJvdyA/IHRoZW1lLmNvbG9ycy5wcmltYXJ5LmRhcmsgOiAndHJhbnNwYXJlbnQnfTtcbiAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMjUwbXM7XG4gIHRyYW5zZm9ybTogJHshcHJvcHMuZGVzY2VuZGluZyAmJiAncm90YXRlKDE4MGRlZyknfTtcbiAgZm9udC1zaXplOiAyMHB4O1xuYFxuIl19 */");
9
+ };
10
+ export var rowStyle = function rowStyle(props) {
11
+ return /*#__PURE__*/css("transition-duration:100ms;&:hover{background-color:", props.hoverColor && theme.colors.surface.secondary, ";cursor:", props.hoverColor && 'pointer', ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:rowStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0R5bmFtaWNUYWJsZS5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlFMkMiLCJmaWxlIjoiLi4vLi4vc3JjL2R5bmFtaWMtdGFibGUvRHluYW1pY1RhYmxlLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBkaXZpZGVyQm9yZGVyIH0gZnJvbSAnQGRmZHMtdWkvcmVhY3QtY29tcG9uZW50cy9kaXZpZGVyJ1xuXG5leHBvcnQgY29uc3QgZHluYW1pY1RhYmxlV3JhcHBlclN0eWxlID0gKHByb3BzOiBhbnkpID0+IGNzc2BcbiAgd2lkdGg6IDEwMCU7XG4gIG92ZXJmbG93LXg6IGF1dG87XG4gIG92ZXJmbG93LXk6ICR7cHJvcHMuZml4ZWRIZWlnaHQgJiYgJ2F1dG8nfTtcbiAgaGVpZ2h0OiAke3Byb3BzLmZpeGVkSGVpZ2h0fTtcbiAgdGFibGUge1xuICAgIGZvbnQtc2l6ZTogMTJweDtcbiAgICBsaW5lLWhlaWdodDogMTZweDtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnByaW1hcnl9O1xuICAgIHRyIHtcbiAgICAgIGhlaWdodDogNDhweDtcbiAgICAgIGJvcmRlci1jb2xsYXBzZTogY29sbGFwc2U7XG5cbiAgICAgIHRkLFxuICAgICAgdGgge1xuICAgICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMucHJpbWFyeS5tYWlufTtcbiAgICAgICAgcGFkZGluZzogMCA1cHg7XG4gICAgICAgICR7ZGl2aWRlckJvcmRlcihmYWxzZSwgJ2JvdHRvbScpfTtcbiAgICAgIH1cblxuICAgICAgdGgge1xuICAgICAgICBwb3NpdGlvbjogJHtwcm9wcy5zdGlja3lIZWFkZXIgJiYgJ3N0aWNreSd9O1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3Byb3BzLnN0aWNreUhlYWRlciAmJiB0aGVtZS5jb2xvcnMuc3VyZmFjZS5wcmltYXJ5fTtcbiAgICAgICAgei1pbmRleDogJHtwcm9wcy5zdGlja3lIZWFkZXIgJiYgJzEwJ307XG4gICAgICAgIHRvcDogLTFweDtcbiAgICAgICAgdHJhbnNpdGlvbi1kdXJhdGlvbjogNTAwbXM7XG4gICAgICAgICY6aG92ZXIge1xuICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7cHJvcHMub25Tb3J0QnlLZXkgJiYgdGhlbWUuY29sb3JzLnN1cmZhY2Uuc2Vjb25kYXJ5fTtcbiAgICAgICAgICBjdXJzb3I6ICR7cHJvcHMub25Tb3J0QnlLZXkgJiYgJ3BvaW50ZXInfTtcbiAgICAgICAgfVxuICAgICAgfVxuXG4gICAgICAuY2hlY2tib3hDb2x1bW4ge1xuICAgICAgICB3aWR0aDogMzZweDtcbiAgICAgICAgbWluLXdpZHRoOiB1bnNldDtcbiAgICAgICAgJjpob3ZlciB7XG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdW5zZXQ7XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IHRoU3R5bGUgPSAocHJvcHM6IGFueSkgPT4gY3NzYFxuICB0ZXh0LWFsaWduOiAke3Byb3BzLmFsaWdufTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICB3aWR0aDogJHtwcm9wcy5jdXN0b21Db2x1bW5XaWR0aCB8fCBgY2FsYygoMTAwJSAke3Byb3BzLm9uU2VsZWN0RnVuY3Rpb24gJiYgJy0zNnB4J30pIC8gJHtwcm9wcy5jb2x1bW5zfSlgfTtcbiAgbWluLXdpZHRoOiAke3Byb3BzLmN1c3RvbUNvbHVtbldpZHRoIHx8ICdhdXRvJ307XG4gIHN2ZyB7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHRvcDogY2FsYyg1MCUgLSAxMHB4KTtcbiAgICBsZWZ0OiAke3Byb3BzLmFsaWduID09PSAncmlnaHQnICYmICc1cHgnfTtcbiAgICByaWdodDogJHtwcm9wcy5hbGlnbiA9PT0gJ2xlZnQnICYmICc1cHgnfTtcbiAgfVxuICAmOmhvdmVyIHtcbiAgICBzdmcge1xuICAgICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnByaW1hcnkuZGFya307XG4gICAgfVxuICB9XG5gXG5cbmV4cG9ydCBjb25zdCByb3dTdHlsZSA9IChwcm9wczogYW55KSA9PiBjc3NgXG4gIHRyYW5zaXRpb24tZHVyYXRpb246IDEwMG1zO1xuICAmOmhvdmVyIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3Byb3BzLmhvdmVyQ29sb3IgJiYgdGhlbWUuY29sb3JzLnN1cmZhY2Uuc2Vjb25kYXJ5fTtcbiAgICBjdXJzb3I6ICR7cHJvcHMuaG92ZXJDb2xvciAmJiAncG9pbnRlcid9O1xuICB9XG5gXG5cbmV4cG9ydCBjb25zdCBjZWxsU3R5bGUgPSAocHJvcHM6IGFueSkgPT4gY3NzYFxuICBmb250LXdlaWdodDogJHtwcm9wcy5ib2xkID8gJ2JvbGQnIDogJyd9O1xuICB3aWR0aDogJHtwcm9wcy5jdXN0b21Db2x1bW5XaWR0aCB8fCBgY2FsYygoMTAwJSAke3Byb3BzLm9uU2VsZWN0RnVuY3Rpb24gJiYgJy0zNnB4J30pIC8gJHtwcm9wcy5jb2x1bW5zfSlgfTtcbiAgbWluLXdpZHRoOiAke3Byb3BzLmN1c3RvbUNvbHVtbldpZHRoIHx8ICdhdXRvJ307XG4gICR7cHJvcHMuY29sb3IgJiZcbiAgYHNwYW4ge1xuICAgICAgY29sb3I6ICR7cHJvcHMuY29sb3IudGN9O1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9wcy5jb2xvci5iZyB8fCAnbm9uZSd9O1xuICAgICAgbWFyZ2luOiA1cHggMDtcbiAgICAgIHBhZGRpbmc6IDJweCA4cHg7XG4gICAgICBib3JkZXItcmFkaXVzOiAxMHB4O1xuICAgIH1gfTtcbmBcblxuZXhwb3J0IGNvbnN0IGRvd25TdHlsZSA9IChwcm9wczogYW55KSA9PiBjc3NgXG4gIGNvbG9yOiAke3Byb3BzLnNob3dBcnJvdyA/IHRoZW1lLmNvbG9ycy5wcmltYXJ5LmRhcmsgOiAndHJhbnNwYXJlbnQnfTtcbiAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMjUwbXM7XG4gIHRyYW5zZm9ybTogJHshcHJvcHMuZGVzY2VuZGluZyAmJiAncm90YXRlKDE4MGRlZyknfTtcbiAgZm9udC1zaXplOiAyMHB4O1xuYFxuIl19 */");
12
+ };
13
+ export var cellStyle = function cellStyle(props) {
14
+ return /*#__PURE__*/css("font-weight:", props.bold ? 'bold' : '', ";width:", props.customColumnWidth || "calc((100% ".concat(props.onSelectFunction && '-36px', ") / ").concat(props.columns, ")"), ";min-width:", props.customColumnWidth || 'auto', ";", props.color && "span {\n color: ".concat(props.color.tc, ";\n background-color: ").concat(props.color.bg || 'none', ";\n margin: 5px 0;\n padding: 2px 8px;\n border-radius: 10px;\n }"), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:cellStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0R5bmFtaWNUYWJsZS5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlFNEMiLCJmaWxlIjoiLi4vLi4vc3JjL2R5bmFtaWMtdGFibGUvRHluYW1pY1RhYmxlLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBkaXZpZGVyQm9yZGVyIH0gZnJvbSAnQGRmZHMtdWkvcmVhY3QtY29tcG9uZW50cy9kaXZpZGVyJ1xuXG5leHBvcnQgY29uc3QgZHluYW1pY1RhYmxlV3JhcHBlclN0eWxlID0gKHByb3BzOiBhbnkpID0+IGNzc2BcbiAgd2lkdGg6IDEwMCU7XG4gIG92ZXJmbG93LXg6IGF1dG87XG4gIG92ZXJmbG93LXk6ICR7cHJvcHMuZml4ZWRIZWlnaHQgJiYgJ2F1dG8nfTtcbiAgaGVpZ2h0OiAke3Byb3BzLmZpeGVkSGVpZ2h0fTtcbiAgdGFibGUge1xuICAgIGZvbnQtc2l6ZTogMTJweDtcbiAgICBsaW5lLWhlaWdodDogMTZweDtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnByaW1hcnl9O1xuICAgIHRyIHtcbiAgICAgIGhlaWdodDogNDhweDtcbiAgICAgIGJvcmRlci1jb2xsYXBzZTogY29sbGFwc2U7XG5cbiAgICAgIHRkLFxuICAgICAgdGgge1xuICAgICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMucHJpbWFyeS5tYWlufTtcbiAgICAgICAgcGFkZGluZzogMCA1cHg7XG4gICAgICAgICR7ZGl2aWRlckJvcmRlcihmYWxzZSwgJ2JvdHRvbScpfTtcbiAgICAgIH1cblxuICAgICAgdGgge1xuICAgICAgICBwb3NpdGlvbjogJHtwcm9wcy5zdGlja3lIZWFkZXIgJiYgJ3N0aWNreSd9O1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3Byb3BzLnN0aWNreUhlYWRlciAmJiB0aGVtZS5jb2xvcnMuc3VyZmFjZS5wcmltYXJ5fTtcbiAgICAgICAgei1pbmRleDogJHtwcm9wcy5zdGlja3lIZWFkZXIgJiYgJzEwJ307XG4gICAgICAgIHRvcDogLTFweDtcbiAgICAgICAgdHJhbnNpdGlvbi1kdXJhdGlvbjogNTAwbXM7XG4gICAgICAgICY6aG92ZXIge1xuICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7cHJvcHMub25Tb3J0QnlLZXkgJiYgdGhlbWUuY29sb3JzLnN1cmZhY2Uuc2Vjb25kYXJ5fTtcbiAgICAgICAgICBjdXJzb3I6ICR7cHJvcHMub25Tb3J0QnlLZXkgJiYgJ3BvaW50ZXInfTtcbiAgICAgICAgfVxuICAgICAgfVxuXG4gICAgICAuY2hlY2tib3hDb2x1bW4ge1xuICAgICAgICB3aWR0aDogMzZweDtcbiAgICAgICAgbWluLXdpZHRoOiB1bnNldDtcbiAgICAgICAgJjpob3ZlciB7XG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdW5zZXQ7XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IHRoU3R5bGUgPSAocHJvcHM6IGFueSkgPT4gY3NzYFxuICB0ZXh0LWFsaWduOiAke3Byb3BzLmFsaWdufTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICB3aWR0aDogJHtwcm9wcy5jdXN0b21Db2x1bW5XaWR0aCB8fCBgY2FsYygoMTAwJSAke3Byb3BzLm9uU2VsZWN0RnVuY3Rpb24gJiYgJy0zNnB4J30pIC8gJHtwcm9wcy5jb2x1bW5zfSlgfTtcbiAgbWluLXdpZHRoOiAke3Byb3BzLmN1c3RvbUNvbHVtbldpZHRoIHx8ICdhdXRvJ307XG4gIHN2ZyB7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHRvcDogY2FsYyg1MCUgLSAxMHB4KTtcbiAgICBsZWZ0OiAke3Byb3BzLmFsaWduID09PSAncmlnaHQnICYmICc1cHgnfTtcbiAgICByaWdodDogJHtwcm9wcy5hbGlnbiA9PT0gJ2xlZnQnICYmICc1cHgnfTtcbiAgfVxuICAmOmhvdmVyIHtcbiAgICBzdmcge1xuICAgICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnByaW1hcnkuZGFya307XG4gICAgfVxuICB9XG5gXG5cbmV4cG9ydCBjb25zdCByb3dTdHlsZSA9IChwcm9wczogYW55KSA9PiBjc3NgXG4gIHRyYW5zaXRpb24tZHVyYXRpb246IDEwMG1zO1xuICAmOmhvdmVyIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3Byb3BzLmhvdmVyQ29sb3IgJiYgdGhlbWUuY29sb3JzLnN1cmZhY2Uuc2Vjb25kYXJ5fTtcbiAgICBjdXJzb3I6ICR7cHJvcHMuaG92ZXJDb2xvciAmJiAncG9pbnRlcid9O1xuICB9XG5gXG5cbmV4cG9ydCBjb25zdCBjZWxsU3R5bGUgPSAocHJvcHM6IGFueSkgPT4gY3NzYFxuICBmb250LXdlaWdodDogJHtwcm9wcy5ib2xkID8gJ2JvbGQnIDogJyd9O1xuICB3aWR0aDogJHtwcm9wcy5jdXN0b21Db2x1bW5XaWR0aCB8fCBgY2FsYygoMTAwJSAke3Byb3BzLm9uU2VsZWN0RnVuY3Rpb24gJiYgJy0zNnB4J30pIC8gJHtwcm9wcy5jb2x1bW5zfSlgfTtcbiAgbWluLXdpZHRoOiAke3Byb3BzLmN1c3RvbUNvbHVtbldpZHRoIHx8ICdhdXRvJ307XG4gICR7cHJvcHMuY29sb3IgJiZcbiAgYHNwYW4ge1xuICAgICAgY29sb3I6ICR7cHJvcHMuY29sb3IudGN9O1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9wcy5jb2xvci5iZyB8fCAnbm9uZSd9O1xuICAgICAgbWFyZ2luOiA1cHggMDtcbiAgICAgIHBhZGRpbmc6IDJweCA4cHg7XG4gICAgICBib3JkZXItcmFkaXVzOiAxMHB4O1xuICAgIH1gfTtcbmBcblxuZXhwb3J0IGNvbnN0IGRvd25TdHlsZSA9IChwcm9wczogYW55KSA9PiBjc3NgXG4gIGNvbG9yOiAke3Byb3BzLnNob3dBcnJvdyA/IHRoZW1lLmNvbG9ycy5wcmltYXJ5LmRhcmsgOiAndHJhbnNwYXJlbnQnfTtcbiAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMjUwbXM7XG4gIHRyYW5zZm9ybTogJHshcHJvcHMuZGVzY2VuZGluZyAmJiAncm90YXRlKDE4MGRlZyknfTtcbiAgZm9udC1zaXplOiAyMHB4O1xuYFxuIl19 */");
15
+ };
16
+ export var downStyle = function downStyle(props) {
17
+ return /*#__PURE__*/css("color:", props.showArrow ? theme.colors.primary.dark : 'transparent', ";transition-duration:250ms;transform:", !props.descending && 'rotate(180deg)', ";font-size:20px;" + (process.env.NODE_ENV === "production" ? "" : ";label:downStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0R5bmFtaWNUYWJsZS5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVGNEMiLCJmaWxlIjoiLi4vLi4vc3JjL2R5bmFtaWMtdGFibGUvRHluYW1pY1RhYmxlLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBkaXZpZGVyQm9yZGVyIH0gZnJvbSAnQGRmZHMtdWkvcmVhY3QtY29tcG9uZW50cy9kaXZpZGVyJ1xuXG5leHBvcnQgY29uc3QgZHluYW1pY1RhYmxlV3JhcHBlclN0eWxlID0gKHByb3BzOiBhbnkpID0+IGNzc2BcbiAgd2lkdGg6IDEwMCU7XG4gIG92ZXJmbG93LXg6IGF1dG87XG4gIG92ZXJmbG93LXk6ICR7cHJvcHMuZml4ZWRIZWlnaHQgJiYgJ2F1dG8nfTtcbiAgaGVpZ2h0OiAke3Byb3BzLmZpeGVkSGVpZ2h0fTtcbiAgdGFibGUge1xuICAgIGZvbnQtc2l6ZTogMTJweDtcbiAgICBsaW5lLWhlaWdodDogMTZweDtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnByaW1hcnl9O1xuICAgIHRyIHtcbiAgICAgIGhlaWdodDogNDhweDtcbiAgICAgIGJvcmRlci1jb2xsYXBzZTogY29sbGFwc2U7XG5cbiAgICAgIHRkLFxuICAgICAgdGgge1xuICAgICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMucHJpbWFyeS5tYWlufTtcbiAgICAgICAgcGFkZGluZzogMCA1cHg7XG4gICAgICAgICR7ZGl2aWRlckJvcmRlcihmYWxzZSwgJ2JvdHRvbScpfTtcbiAgICAgIH1cblxuICAgICAgdGgge1xuICAgICAgICBwb3NpdGlvbjogJHtwcm9wcy5zdGlja3lIZWFkZXIgJiYgJ3N0aWNreSd9O1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3Byb3BzLnN0aWNreUhlYWRlciAmJiB0aGVtZS5jb2xvcnMuc3VyZmFjZS5wcmltYXJ5fTtcbiAgICAgICAgei1pbmRleDogJHtwcm9wcy5zdGlja3lIZWFkZXIgJiYgJzEwJ307XG4gICAgICAgIHRvcDogLTFweDtcbiAgICAgICAgdHJhbnNpdGlvbi1kdXJhdGlvbjogNTAwbXM7XG4gICAgICAgICY6aG92ZXIge1xuICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7cHJvcHMub25Tb3J0QnlLZXkgJiYgdGhlbWUuY29sb3JzLnN1cmZhY2Uuc2Vjb25kYXJ5fTtcbiAgICAgICAgICBjdXJzb3I6ICR7cHJvcHMub25Tb3J0QnlLZXkgJiYgJ3BvaW50ZXInfTtcbiAgICAgICAgfVxuICAgICAgfVxuXG4gICAgICAuY2hlY2tib3hDb2x1bW4ge1xuICAgICAgICB3aWR0aDogMzZweDtcbiAgICAgICAgbWluLXdpZHRoOiB1bnNldDtcbiAgICAgICAgJjpob3ZlciB7XG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdW5zZXQ7XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IHRoU3R5bGUgPSAocHJvcHM6IGFueSkgPT4gY3NzYFxuICB0ZXh0LWFsaWduOiAke3Byb3BzLmFsaWdufTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICB3aWR0aDogJHtwcm9wcy5jdXN0b21Db2x1bW5XaWR0aCB8fCBgY2FsYygoMTAwJSAke3Byb3BzLm9uU2VsZWN0RnVuY3Rpb24gJiYgJy0zNnB4J30pIC8gJHtwcm9wcy5jb2x1bW5zfSlgfTtcbiAgbWluLXdpZHRoOiAke3Byb3BzLmN1c3RvbUNvbHVtbldpZHRoIHx8ICdhdXRvJ307XG4gIHN2ZyB7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHRvcDogY2FsYyg1MCUgLSAxMHB4KTtcbiAgICBsZWZ0OiAke3Byb3BzLmFsaWduID09PSAncmlnaHQnICYmICc1cHgnfTtcbiAgICByaWdodDogJHtwcm9wcy5hbGlnbiA9PT0gJ2xlZnQnICYmICc1cHgnfTtcbiAgfVxuICAmOmhvdmVyIHtcbiAgICBzdmcge1xuICAgICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnByaW1hcnkuZGFya307XG4gICAgfVxuICB9XG5gXG5cbmV4cG9ydCBjb25zdCByb3dTdHlsZSA9IChwcm9wczogYW55KSA9PiBjc3NgXG4gIHRyYW5zaXRpb24tZHVyYXRpb246IDEwMG1zO1xuICAmOmhvdmVyIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3Byb3BzLmhvdmVyQ29sb3IgJiYgdGhlbWUuY29sb3JzLnN1cmZhY2Uuc2Vjb25kYXJ5fTtcbiAgICBjdXJzb3I6ICR7cHJvcHMuaG92ZXJDb2xvciAmJiAncG9pbnRlcid9O1xuICB9XG5gXG5cbmV4cG9ydCBjb25zdCBjZWxsU3R5bGUgPSAocHJvcHM6IGFueSkgPT4gY3NzYFxuICBmb250LXdlaWdodDogJHtwcm9wcy5ib2xkID8gJ2JvbGQnIDogJyd9O1xuICB3aWR0aDogJHtwcm9wcy5jdXN0b21Db2x1bW5XaWR0aCB8fCBgY2FsYygoMTAwJSAke3Byb3BzLm9uU2VsZWN0RnVuY3Rpb24gJiYgJy0zNnB4J30pIC8gJHtwcm9wcy5jb2x1bW5zfSlgfTtcbiAgbWluLXdpZHRoOiAke3Byb3BzLmN1c3RvbUNvbHVtbldpZHRoIHx8ICdhdXRvJ307XG4gICR7cHJvcHMuY29sb3IgJiZcbiAgYHNwYW4ge1xuICAgICAgY29sb3I6ICR7cHJvcHMuY29sb3IudGN9O1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9wcy5jb2xvci5iZyB8fCAnbm9uZSd9O1xuICAgICAgbWFyZ2luOiA1cHggMDtcbiAgICAgIHBhZGRpbmc6IDJweCA4cHg7XG4gICAgICBib3JkZXItcmFkaXVzOiAxMHB4O1xuICAgIH1gfTtcbmBcblxuZXhwb3J0IGNvbnN0IGRvd25TdHlsZSA9IChwcm9wczogYW55KSA9PiBjc3NgXG4gIGNvbG9yOiAke3Byb3BzLnNob3dBcnJvdyA/IHRoZW1lLmNvbG9ycy5wcmltYXJ5LmRhcmsgOiAndHJhbnNwYXJlbnQnfTtcbiAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMjUwbXM7XG4gIHRyYW5zZm9ybTogJHshcHJvcHMuZGVzY2VuZGluZyAmJiAncm90YXRlKDE4MGRlZyknfTtcbiAgZm9udC1zaXplOiAyMHB4O1xuYFxuIl19 */");
18
+ };
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": "1.0.0-alpha.d45fa824",
6
+ "version": "1.0.1",
7
7
  "sideEffects": false,
8
8
  "main": "./cjs/index.js",
9
9
  "module": "./index.js",
@@ -16,16 +16,15 @@
16
16
  "react-dom": ">= 16.8.0"
17
17
  },
18
18
  "dependencies": {
19
- "@dfds-ui/colors": "1.0.0-alpha.d45fa824",
20
- "@dfds-ui/forms": "1.0.0-alpha.d45fa824",
21
- "@dfds-ui/grid": "1.0.0-alpha.d45fa824",
22
- "@dfds-ui/icons": "1.0.0-alpha.d45fa824",
23
- "@dfds-ui/modal": "1.0.0-alpha.d45fa824",
24
- "@dfds-ui/react-components": "1.0.0-alpha.d45fa824",
25
- "@dfds-ui/theme": "1.0.0-alpha.d45fa824",
26
- "@dfds-ui/typography": "1.0.0-alpha.d45fa824"
19
+ "@dfds-ui/colors": "1.0.1",
20
+ "@dfds-ui/grid": "1.0.1",
21
+ "@dfds-ui/icons": "1.0.1",
22
+ "@dfds-ui/modal": "1.0.1",
23
+ "@dfds-ui/react-components": "1.0.1",
24
+ "@dfds-ui/theme": "1.0.1",
25
+ "@dfds-ui/typography": "1.0.1"
27
26
  },
28
- "gitHead": "d45fa824775899545e34ada6f259888ad2943886",
27
+ "gitHead": "7ebfbfcc17bc141b77a22298567f4690f4a4f031",
29
28
  "publishConfig": {
30
29
  "access": "public"
31
30
  }
@@ -1,4 +0,0 @@
1
- import React from 'react';
2
- import { TableBodyProps } from './TableBody.types';
3
- declare const TableBody: React.MemoExoticComponent<({ activeRow, headerRow, onClickRow, onSelectRow, rows, selectableRows, selectedRows }: TableBodyProps) => JSX.Element>;
4
- export default TableBody;
@@ -1,57 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = void 0;
7
-
8
- var _react = _interopRequireWildcard(require("react"));
9
-
10
- var _TableRow = _interopRequireDefault(require("./TableRow"));
11
-
12
- var _react2 = require("@emotion/react");
13
-
14
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
15
-
16
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
17
-
18
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
19
-
20
- const TableBody = /*#__PURE__*/_react.default.memo(({
21
- activeRow,
22
- headerRow,
23
- onClickRow,
24
- onSelectRow,
25
- rows,
26
- selectableRows,
27
- selectedRows
28
- }) => {
29
- // update state and callback functions
30
- const updateSelectedRows = (0, _react.useCallback)(id => {
31
- if (onSelectRow && selectableRows) {
32
- const selection = [...selectedRows];
33
-
34
- if (selectedRows.includes(id)) {
35
- const index = selectedRows.indexOf(id);
36
- if (index !== -1) selection.splice(index, 1);
37
- onSelectRow(selection);
38
- } else {
39
- selection.push(id);
40
- onSelectRow(selection);
41
- }
42
- }
43
- }, [selectableRows, selectedRows]);
44
- return (0, _react2.jsx)("tbody", null, rows.map((row, index) => (0, _react2.jsx)(_TableRow.default, {
45
- headerRow: headerRow,
46
- isActive: activeRow ? row.id === activeRow : false,
47
- key: index,
48
- onClickRow: onClickRow,
49
- onSelectRow: updateSelectedRows,
50
- row: row,
51
- selectableRows: selectableRows,
52
- selectedRows: selectedRows
53
- })));
54
- });
55
-
56
- var _default = TableBody;
57
- exports.default = _default;
@@ -1,10 +0,0 @@
1
- import { Header, Row } from '../DynamicTable.types';
2
- export declare type TableBodyProps = {
3
- activeRow?: string;
4
- headerRow: Header[];
5
- onClickRow?: (id: string) => void;
6
- onSelectRow?: (list: string[]) => void;
7
- rows: Row[];
8
- selectableRows: boolean;
9
- selectedRows: string[];
10
- };
@@ -1,5 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
@@ -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,26 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = void 0;
7
-
8
- var _react = _interopRequireDefault(require("react"));
9
-
10
- var _TableCell = require("./TableCell.styles");
11
-
12
- var _react2 = require("@emotion/react");
13
-
14
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
15
-
16
- const TableCell = /*#__PURE__*/_react.default.memo(({
17
- children,
18
- headerCell
19
- }) => (0, _react2.jsx)(_TableCell.TableCellStyled, {
20
- align: headerCell === null || headerCell === void 0 ? void 0 : headerCell.textAlign,
21
- "data-cy": `dynamic-table-cell-${headerCell === null || headerCell === void 0 ? void 0 : headerCell.key}`,
22
- customWidth: headerCell === null || headerCell === void 0 ? void 0 : headerCell.width
23
- }, children));
24
-
25
- var _default = TableCell;
26
- exports.default = _default;
@@ -1,14 +0,0 @@
1
- export declare const genericTableCellStyle: import("@emotion/react").SerializedStyles;
2
- declare type TableCellProps = {
3
- align?: 'center' | 'left' | 'right';
4
- customWidth?: string;
5
- };
6
- export declare const TableCellStyled: import("@emotion/styled").StyledComponent<{
7
- theme?: import("@emotion/react").Theme | undefined;
8
- as?: import("react").ElementType<any> | undefined;
9
- } & TableCellProps, import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, {}>;
10
- export declare const TableCellCheckboxStyled: import("@emotion/styled").StyledComponent<{
11
- theme?: import("@emotion/react").Theme | undefined;
12
- as?: import("react").ElementType<any> | undefined;
13
- }, import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, {}>;
14
- export {};
@@ -1,43 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.TableCellCheckboxStyled = exports.TableCellStyled = exports.genericTableCellStyle = void 0;
7
-
8
- var _base = _interopRequireDefault(require("@emotion/styled/base"));
9
-
10
- var _theme = require("@dfds-ui/theme");
11
-
12
- var _react = require("@emotion/react");
13
-
14
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
15
-
16
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
17
-
18
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
19
-
20
- function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
21
-
22
- const genericTableCellStyle = /*#__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:genericTableCellStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0JvZHkvVGFibGVDZWxsLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSXdDIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0JvZHkvVGFibGVDZWxsLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcblxuZXhwb3J0IGNvbnN0IGdlbmVyaWNUYWJsZUNlbGxTdHlsZSA9IGNzc2BcbiAgcGFkZGluZzogMCAke3RoZW1lLnNwYWNpbmcueHN9O1xuXG4gICY6Zmlyc3Qtb2YtdHlwZSB7XG4gICAgcGFkZGluZy1sZWZ0OiAke3RoZW1lLnNwYWNpbmcuc307XG4gIH1cblxuICAmOmxhc3Qtb2YtdHlwZSB7XG4gICAgcGFkZGluZy1yaWdodDogJHt0aGVtZS5zcGFjaW5nLnN9O1xuICB9XG5gXG5cbnR5cGUgVGFibGVDZWxsUHJvcHMgPSB7XG4gIGFsaWduPzogJ2NlbnRlcicgfCAnbGVmdCcgfCAncmlnaHQnXG4gIGN1c3RvbVdpZHRoPzogc3RyaW5nXG59XG5cbmV4cG9ydCBjb25zdCBUYWJsZUNlbGxTdHlsZWQgPSBzdHlsZWQudGQ8VGFibGVDZWxsUHJvcHM+YFxuICAke3sgLi4uZ2VuZXJpY1RhYmxlQ2VsbFN0eWxlIH19XG5cbiAgbWluLXdpZHRoOiAkeyh7IGN1c3RvbVdpZHRoIH0pID0+IGN1c3RvbVdpZHRoIHx8ICdhdXRvJ307XG4gIHRleHQtYWxpZ246ICR7KHsgYWxpZ24gfSkgPT4gYWxpZ24gfHwgJ2xlZnQnfTtcbiAgd2lkdGg6ICR7KHsgY3VzdG9tV2lkdGggfSkgPT4gY3VzdG9tV2lkdGggfHwgJ2F1dG8nfTtcbmBcblxuZXhwb3J0IGNvbnN0IFRhYmxlQ2VsbENoZWNrYm94U3R5bGVkID0gc3R5bGVkLnRkYFxuICAke3sgLi4uZ2VuZXJpY1RhYmxlQ2VsbFN0eWxlIH19XG5cbiAgbWF4LXdpZHRoOiA0MHB4O1xuICB3aWR0aDogNDBweDtcbmBcbiJdfQ== */");
23
- exports.genericTableCellStyle = genericTableCellStyle;
24
- const TableCellStyled = (0, _base.default)("td", process.env.NODE_ENV === "production" ? {
25
- target: "e1uuobsr1"
26
- } : {
27
- target: "e1uuobsr1",
28
- label: "TableCellStyled"
29
- })(_objectSpread({}, genericTableCellStyle), " min-width:", ({
30
- customWidth
31
- }) => customWidth || 'auto', ";text-align:", ({
32
- align
33
- }) => align || 'left', ";width:", ({
34
- customWidth
35
- }) => customWidth || 'auto', ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0JvZHkvVGFibGVDZWxsLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUJ3RCIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvZHluYW1pYy10YWJsZS9Cb2R5L1RhYmxlQ2VsbC5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5cbmV4cG9ydCBjb25zdCBnZW5lcmljVGFibGVDZWxsU3R5bGUgPSBjc3NgXG4gIHBhZGRpbmc6IDAgJHt0aGVtZS5zcGFjaW5nLnhzfTtcblxuICAmOmZpcnN0LW9mLXR5cGUge1xuICAgIHBhZGRpbmctbGVmdDogJHt0aGVtZS5zcGFjaW5nLnN9O1xuICB9XG5cbiAgJjpsYXN0LW9mLXR5cGUge1xuICAgIHBhZGRpbmctcmlnaHQ6ICR7dGhlbWUuc3BhY2luZy5zfTtcbiAgfVxuYFxuXG50eXBlIFRhYmxlQ2VsbFByb3BzID0ge1xuICBhbGlnbj86ICdjZW50ZXInIHwgJ2xlZnQnIHwgJ3JpZ2h0J1xuICBjdXN0b21XaWR0aD86IHN0cmluZ1xufVxuXG5leHBvcnQgY29uc3QgVGFibGVDZWxsU3R5bGVkID0gc3R5bGVkLnRkPFRhYmxlQ2VsbFByb3BzPmBcbiAgJHt7IC4uLmdlbmVyaWNUYWJsZUNlbGxTdHlsZSB9fVxuXG4gIG1pbi13aWR0aDogJHsoeyBjdXN0b21XaWR0aCB9KSA9PiBjdXN0b21XaWR0aCB8fCAnYXV0byd9O1xuICB0ZXh0LWFsaWduOiAkeyh7IGFsaWduIH0pID0+IGFsaWduIHx8ICdsZWZ0J307XG4gIHdpZHRoOiAkeyh7IGN1c3RvbVdpZHRoIH0pID0+IGN1c3RvbVdpZHRoIHx8ICdhdXRvJ307XG5gXG5cbmV4cG9ydCBjb25zdCBUYWJsZUNlbGxDaGVja2JveFN0eWxlZCA9IHN0eWxlZC50ZGBcbiAgJHt7IC4uLmdlbmVyaWNUYWJsZUNlbGxTdHlsZSB9fVxuXG4gIG1heC13aWR0aDogNDBweDtcbiAgd2lkdGg6IDQwcHg7XG5gXG4iXX0= */"));
36
- exports.TableCellStyled = TableCellStyled;
37
- const TableCellCheckboxStyled = (0, _base.default)("td", process.env.NODE_ENV === "production" ? {
38
- target: "e1uuobsr0"
39
- } : {
40
- target: "e1uuobsr0",
41
- label: "TableCellCheckboxStyled"
42
- })(_objectSpread({}, genericTableCellStyle), " max-width:40px;width:40px;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0JvZHkvVGFibGVDZWxsLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkJnRCIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvZHluYW1pYy10YWJsZS9Cb2R5L1RhYmxlQ2VsbC5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5cbmV4cG9ydCBjb25zdCBnZW5lcmljVGFibGVDZWxsU3R5bGUgPSBjc3NgXG4gIHBhZGRpbmc6IDAgJHt0aGVtZS5zcGFjaW5nLnhzfTtcblxuICAmOmZpcnN0LW9mLXR5cGUge1xuICAgIHBhZGRpbmctbGVmdDogJHt0aGVtZS5zcGFjaW5nLnN9O1xuICB9XG5cbiAgJjpsYXN0LW9mLXR5cGUge1xuICAgIHBhZGRpbmctcmlnaHQ6ICR7dGhlbWUuc3BhY2luZy5zfTtcbiAgfVxuYFxuXG50eXBlIFRhYmxlQ2VsbFByb3BzID0ge1xuICBhbGlnbj86ICdjZW50ZXInIHwgJ2xlZnQnIHwgJ3JpZ2h0J1xuICBjdXN0b21XaWR0aD86IHN0cmluZ1xufVxuXG5leHBvcnQgY29uc3QgVGFibGVDZWxsU3R5bGVkID0gc3R5bGVkLnRkPFRhYmxlQ2VsbFByb3BzPmBcbiAgJHt7IC4uLmdlbmVyaWNUYWJsZUNlbGxTdHlsZSB9fVxuXG4gIG1pbi13aWR0aDogJHsoeyBjdXN0b21XaWR0aCB9KSA9PiBjdXN0b21XaWR0aCB8fCAnYXV0byd9O1xuICB0ZXh0LWFsaWduOiAkeyh7IGFsaWduIH0pID0+IGFsaWduIHx8ICdsZWZ0J307XG4gIHdpZHRoOiAkeyh7IGN1c3RvbVdpZHRoIH0pID0+IGN1c3RvbVdpZHRoIHx8ICdhdXRvJ307XG5gXG5cbmV4cG9ydCBjb25zdCBUYWJsZUNlbGxDaGVja2JveFN0eWxlZCA9IHN0eWxlZC50ZGBcbiAgJHt7IC4uLmdlbmVyaWNUYWJsZUNlbGxTdHlsZSB9fVxuXG4gIG1heC13aWR0aDogNDBweDtcbiAgd2lkdGg6IDQwcHg7XG5gXG4iXX0= */"));
43
- exports.TableCellCheckboxStyled = TableCellCheckboxStyled;
@@ -1,5 +0,0 @@
1
- import { Header } from '../DynamicTable.types';
2
- export declare type TableCellProps = {
3
- children: React.ReactNode;
4
- headerCell?: Header;
5
- };
@@ -1,5 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
@@ -1,4 +0,0 @@
1
- import React from 'react';
2
- import { TableRowProps } from './TableRow.types';
3
- declare const TableRow: React.MemoExoticComponent<({ headerRow, isActive, onClickRow, onSelectRow, row, selectableRows, selectedRows }: TableRowProps) => JSX.Element>;
4
- export default TableRow;