@spaced-out/ui-design-system 0.5.12-beta.0 → 0.5.12
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +6 -2
- package/lib/components/ButtonTabs/ButtonTab/ButtonTab.d.ts +0 -1
- package/lib/components/ButtonTabs/ButtonTab/ButtonTab.d.ts.map +1 -1
- package/lib/components/ButtonTabs/ButtonTab/ButtonTab.js +0 -2
- package/lib/components/ButtonTabs/ButtonTabDropdown.d.ts +1 -2
- package/lib/components/ButtonTabs/ButtonTabDropdown.d.ts.map +1 -1
- package/lib/components/ButtonTabs/ButtonTabDropdown.js +2 -19
- package/lib/components/ButtonTabs/ButtonTabs.d.ts +0 -1
- package/lib/components/ButtonTabs/ButtonTabs.d.ts.map +1 -1
- package/lib/components/ButtonTabs/ButtonTabs.js +4 -19
- package/lib/components/Charts/ChartWrapper/ChartWrapper.d.ts +0 -1
- package/lib/components/Charts/ChartWrapper/ChartWrapper.d.ts.map +1 -1
- package/lib/components/Charts/ChartWrapper/ChartWrapper.js +5 -37
- package/lib/components/Charts/ColumnChart/ColumnChart.d.ts +1 -2
- package/lib/components/Charts/ColumnChart/ColumnChart.d.ts.map +1 -1
- package/lib/components/Charts/ColumnChart/ColumnChart.js +0 -2
- package/lib/components/Charts/DonutChart/DonutChart.d.ts +1 -2
- package/lib/components/Charts/DonutChart/DonutChart.d.ts.map +1 -1
- package/lib/components/Charts/DonutChart/DonutChart.js +0 -2
- package/lib/components/Charts/FunnelChart/FunnelChart.d.ts +1 -2
- package/lib/components/Charts/FunnelChart/FunnelChart.d.ts.map +1 -1
- package/lib/components/Charts/FunnelChart/FunnelChart.js +0 -2
- package/lib/components/Charts/LineChart/LineChart.d.ts +1 -2
- package/lib/components/Charts/LineChart/LineChart.d.ts.map +1 -1
- package/lib/components/Charts/LineChart/LineChart.js +0 -2
- package/lib/components/Charts/SankeyChart/SankeyChart.d.ts +1 -2
- package/lib/components/Charts/SankeyChart/SankeyChart.d.ts.map +1 -1
- package/lib/components/Charts/SankeyChart/SankeyChart.js +0 -2
- package/lib/components/Charts/SpiderChart/SpiderChart.d.ts +1 -2
- package/lib/components/Charts/SpiderChart/SpiderChart.d.ts.map +1 -1
- package/lib/components/Charts/SpiderChart/SpiderChart.js +0 -2
- package/lib/components/Charts/StackedBarChart/StackedBarChart.d.ts +1 -2
- package/lib/components/Charts/StackedBarChart/StackedBarChart.d.ts.map +1 -1
- package/lib/components/Charts/StackedBarChart/StackedBarChart.js +0 -2
- package/lib/components/Combobox/Combobox.d.ts +0 -1
- package/lib/components/Combobox/Combobox.d.ts.map +1 -1
- package/lib/components/Combobox/Combobox.js +3 -45
- package/lib/components/DateRangePicker/Calendar.d.ts +1 -2
- package/lib/components/DateRangePicker/Calendar.d.ts.map +1 -1
- package/lib/components/DateRangePicker/Calendar.js +2 -24
- package/lib/components/DateRangePicker/DateRangePicker.d.ts +0 -1
- package/lib/components/DateRangePicker/DateRangePicker.d.ts.map +1 -1
- package/lib/components/DateRangePicker/DateRangePicker.js +2 -4
- package/lib/components/DateRangePicker/DateRangeWrapper.d.ts +0 -1
- package/lib/components/DateRangePicker/DateRangeWrapper.d.ts.map +1 -1
- package/lib/components/DateRangePicker/DateRangeWrapper.js +14 -104
- package/lib/components/DateRangePicker/Day.d.ts +1 -2
- package/lib/components/DateRangePicker/Day.d.ts.map +1 -1
- package/lib/components/DateRangePicker/Day.js +1 -11
- package/lib/components/FilterButtonOverlay/FilterButtonOverlay.d.ts +0 -1
- package/lib/components/FilterButtonOverlay/FilterButtonOverlay.d.ts.map +1 -1
- package/lib/components/FilterButtonOverlay/FilterButtonOverlay.js +1 -18
- package/lib/components/InfinitePagination/InfinitePagination.d.ts +0 -1
- package/lib/components/InfinitePagination/InfinitePagination.d.ts.map +1 -1
- package/lib/components/InfinitePagination/InfinitePagination.js +3 -20
- package/lib/components/InlineDropdown/InlineDropdown.d.ts +0 -1
- package/lib/components/InlineDropdown/InlineDropdown.d.ts.map +1 -1
- package/lib/components/InlineDropdown/InlineDropdown.js +2 -27
- package/lib/components/InlineDropdown/SimpleInlineDropdown.d.ts +1 -2
- package/lib/components/InlineDropdown/SimpleInlineDropdown.d.ts.map +1 -1
- package/lib/components/InlineDropdown/SimpleInlineDropdown.js +0 -2
- package/lib/components/OptionButton/OptionButton.d.ts +0 -1
- package/lib/components/OptionButton/OptionButton.d.ts.map +1 -1
- package/lib/components/OptionButton/OptionButton.js +2 -20
- package/lib/components/OptionButton/SimpleOptionButton.d.ts +1 -2
- package/lib/components/OptionButton/SimpleOptionButton.d.ts.map +1 -1
- package/lib/components/OptionButton/SimpleOptionButton.js +0 -2
- package/lib/components/Pagination/Pagination.d.ts +0 -2
- package/lib/components/Pagination/Pagination.d.ts.map +1 -1
- package/lib/components/Pagination/Pagination.js +3 -33
- package/lib/components/Pagination/PaginationItem.d.ts.map +1 -1
- package/lib/components/Pagination/PaginationItem.js +5 -31
- package/lib/components/Table/Cell.d.ts +7 -13
- package/lib/components/Table/Cell.d.ts.map +1 -1
- package/lib/components/Table/Cell.js +9 -40
- package/lib/components/Table/DefaultRow.d.ts +2 -5
- package/lib/components/Table/DefaultRow.d.ts.map +1 -1
- package/lib/components/Table/DefaultRow.js +6 -38
- package/lib/components/Table/DefaultTableHeader.d.ts +0 -2
- package/lib/components/Table/DefaultTableHeader.d.ts.map +1 -1
- package/lib/components/Table/DefaultTableHeader.js +2 -17
- package/lib/components/Table/StaticTable.d.ts.map +1 -1
- package/lib/components/Table/StaticTable.js +11 -45
- package/lib/components/Table/Table.d.ts +0 -1
- package/lib/components/Table/Table.d.ts.map +1 -1
- package/lib/components/Table/Table.docs.d.ts +0 -11
- package/lib/components/Table/Table.docs.d.ts.map +1 -1
- package/lib/components/Table/Table.docs.js +0 -11
- package/lib/components/Table/Table.js +3 -6
- package/lib/components/Table/TableActionBar.d.ts +3 -8
- package/lib/components/Table/TableActionBar.d.ts.map +1 -1
- package/lib/components/Table/TableActionBar.js +3 -16
- package/lib/components/Table/TableBottomBar.d.ts +1 -2
- package/lib/components/Table/TableBottomBar.d.ts.map +1 -1
- package/lib/components/Table/TableBottomBar.js +1 -6
- package/lib/components/Table/TableTopBar.d.ts +1 -2
- package/lib/components/Table/TableTopBar.d.ts.map +1 -1
- package/lib/components/Table/TableTopBar.js +1 -6
- package/lib/components/Tabs/Tab/Tab.d.ts +0 -1
- package/lib/components/Tabs/Tab/Tab.d.ts.map +1 -1
- package/lib/components/Tabs/Tab/Tab.js +1 -9
- package/lib/components/Tabs/TabList/TabDropdown.d.ts +1 -2
- package/lib/components/Tabs/TabList/TabDropdown.d.ts.map +1 -1
- package/lib/components/Tabs/TabList/TabDropdown.js +4 -21
- package/lib/components/Tabs/TabList/TabList.d.ts +0 -1
- package/lib/components/Tabs/TabList/TabList.d.ts.map +1 -1
- package/lib/components/Tabs/TabList/TabList.js +5 -20
- package/lib/components/Timeline/Timeline.d.ts.map +1 -1
- package/lib/components/Timeline/Timeline.js +1 -0
- package/lib/components/Timeline/TimelineItem/TimelineItem.d.ts +1 -0
- package/lib/components/Timeline/TimelineItem/TimelineItem.d.ts.map +1 -1
- package/lib/components/Timeline/TimelineItem/TimelineItem.js +2 -1
- package/lib/components/TokenListInput/TokenListInput.d.ts +0 -1
- package/lib/components/TokenListInput/TokenListInput.d.ts.map +1 -1
- package/lib/components/TokenListInput/TokenListInput.js +7 -56
- package/lib/components/TokenListInput/TokenValueChips.d.ts +0 -2
- package/lib/components/TokenListInput/TokenValueChips.d.ts.map +1 -1
- package/lib/components/TokenListInput/TokenValueChips.js +3 -12
- package/package.json +1 -1
|
@@ -9,7 +9,6 @@ var _formatDistance = _interopRequireDefault(require("date-fns/formatDistance"))
|
|
|
9
9
|
var _parseISO = _interopRequireDefault(require("date-fns/parseISO"));
|
|
10
10
|
var _classify = require("../../utils/classify");
|
|
11
11
|
var _makeClassNameComponent = require("../../utils/makeClassNameComponent");
|
|
12
|
-
var _qa = require("../../utils/qa");
|
|
13
12
|
var _Avatar = require("../Avatar");
|
|
14
13
|
var _Text = require("../Text");
|
|
15
14
|
var _TableModule = _interopRequireDefault(require("./Table.module.css"));
|
|
@@ -20,15 +19,10 @@ const Cells = _ref => {
|
|
|
20
19
|
let {
|
|
21
20
|
children,
|
|
22
21
|
className,
|
|
23
|
-
testId,
|
|
24
22
|
...rest
|
|
25
23
|
} = _ref;
|
|
26
24
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
27
25
|
className: (0, _classify.classify)(_TableModule.default.row, className),
|
|
28
|
-
"data-testid": (0, _qa.generateTestId)({
|
|
29
|
-
base: testId,
|
|
30
|
-
slot: 'cells'
|
|
31
|
-
}),
|
|
32
26
|
...rest,
|
|
33
27
|
children: children
|
|
34
28
|
});
|
|
@@ -37,15 +31,10 @@ exports.Cells = Cells;
|
|
|
37
31
|
const Cell = _ref2 => {
|
|
38
32
|
let {
|
|
39
33
|
children,
|
|
40
|
-
className
|
|
41
|
-
testId
|
|
34
|
+
className
|
|
42
35
|
} = _ref2;
|
|
43
36
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
44
37
|
className: (0, _classify.classify)(_TableModule.default.cell, className),
|
|
45
|
-
"data-testid": (0, _qa.generateTestId)({
|
|
46
|
-
base: testId,
|
|
47
|
-
slot: 'cell'
|
|
48
|
-
}),
|
|
49
38
|
children: children
|
|
50
39
|
});
|
|
51
40
|
};
|
|
@@ -57,15 +46,10 @@ const PaddedDoubleContentCell = exports.PaddedDoubleContentCell = (0, _makeClass
|
|
|
57
46
|
const SingleCell = _ref3 => {
|
|
58
47
|
let {
|
|
59
48
|
title,
|
|
60
|
-
className
|
|
61
|
-
testId
|
|
49
|
+
className
|
|
62
50
|
} = _ref3;
|
|
63
51
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(PaddedContentCell, {
|
|
64
52
|
className: className,
|
|
65
|
-
"data-testid": (0, _qa.generateTestId)({
|
|
66
|
-
base: testId,
|
|
67
|
-
slot: 'single-cell'
|
|
68
|
-
}),
|
|
69
53
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.BodyMedium, {
|
|
70
54
|
className: _TableModule.default.paddedTitleBlock,
|
|
71
55
|
children: title
|
|
@@ -77,15 +61,10 @@ const DoubleCell = _ref4 => {
|
|
|
77
61
|
let {
|
|
78
62
|
title,
|
|
79
63
|
subtitle,
|
|
80
|
-
className
|
|
81
|
-
testId
|
|
64
|
+
className
|
|
82
65
|
} = _ref4;
|
|
83
66
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(PaddedDoubleContentCell, {
|
|
84
67
|
className: className,
|
|
85
|
-
"data-testid": (0, _qa.generateTestId)({
|
|
86
|
-
base: testId,
|
|
87
|
-
slot: 'double-cell'
|
|
88
|
-
}),
|
|
89
68
|
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
90
69
|
className: _TableModule.default.paddedTitleBlock,
|
|
91
70
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.BodyMedium, {
|
|
@@ -103,45 +82,35 @@ exports.DoubleCell = DoubleCell;
|
|
|
103
82
|
const DateCell = _ref5 => {
|
|
104
83
|
let {
|
|
105
84
|
date,
|
|
106
|
-
className
|
|
107
|
-
testId
|
|
85
|
+
className
|
|
108
86
|
} = _ref5;
|
|
109
87
|
const parsedDate = typeof date === 'object' ? date : (0, _parseISO.default)(date);
|
|
110
88
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(DoubleCell, {
|
|
111
89
|
title: `${parsedDate.getMonth() + 1} / ${parsedDate.getDate() + 1} / ${parsedDate.getFullYear()}`,
|
|
112
90
|
subtitle: `${(0, _formatDistance.default)(parsedDate, new Date())} ago`,
|
|
113
|
-
className: className
|
|
114
|
-
testId: testId
|
|
91
|
+
className: className
|
|
115
92
|
});
|
|
116
93
|
};
|
|
117
94
|
exports.DateCell = DateCell;
|
|
118
95
|
const Monogram = _ref6 => {
|
|
119
96
|
let {
|
|
120
|
-
initials
|
|
121
|
-
testId
|
|
97
|
+
initials
|
|
122
98
|
} = _ref6;
|
|
123
99
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Avatar.Avatar, {
|
|
124
100
|
size: "small",
|
|
125
|
-
text: initials
|
|
126
|
-
testId: testId
|
|
101
|
+
text: initials
|
|
127
102
|
});
|
|
128
103
|
};
|
|
129
104
|
exports.Monogram = Monogram;
|
|
130
105
|
const MonogramCell = _ref7 => {
|
|
131
106
|
let {
|
|
132
107
|
initials,
|
|
133
|
-
className
|
|
134
|
-
testId
|
|
108
|
+
className
|
|
135
109
|
} = _ref7;
|
|
136
110
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(PaddedContentCell, {
|
|
137
111
|
className: className,
|
|
138
|
-
"data-testid": (0, _qa.generateTestId)({
|
|
139
|
-
base: testId,
|
|
140
|
-
slot: 'monogram-cell'
|
|
141
|
-
}),
|
|
142
112
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Monogram, {
|
|
143
|
-
initials: initials
|
|
144
|
-
testId: testId
|
|
113
|
+
initials: initials
|
|
145
114
|
})
|
|
146
115
|
});
|
|
147
116
|
};
|
|
@@ -13,7 +13,6 @@ export interface TableRowProps<T, U> {
|
|
|
13
13
|
headers?: GenericHeaderItems<T, U>;
|
|
14
14
|
selected?: boolean;
|
|
15
15
|
disabled?: boolean;
|
|
16
|
-
testId?: string;
|
|
17
16
|
}
|
|
18
17
|
export type TableRow<T, U> = React.ComponentType<TableRowProps<T, U>>;
|
|
19
18
|
export declare const BasicRow: ClassNameComponent<'tr'>;
|
|
@@ -22,10 +21,9 @@ interface EmptyRowProps {
|
|
|
22
21
|
isLoading?: boolean;
|
|
23
22
|
headersLength: number;
|
|
24
23
|
customLoader?: React.ReactNode;
|
|
25
|
-
testId?: string;
|
|
26
24
|
}
|
|
27
|
-
export declare const EmptyRow: ({ isLoading, emptyText, headersLength, customLoader,
|
|
28
|
-
export declare function DefaultRow<T extends GenericObject, U extends GenericObject>({ data, extras, headers, selected, onSelect, classNames, disabled,
|
|
25
|
+
export declare const EmptyRow: ({ isLoading, emptyText, headersLength, customLoader, }: EmptyRowProps) => React.ReactElement<React.ComponentProps<"tr">>;
|
|
26
|
+
export declare function DefaultRow<T extends GenericObject, U extends GenericObject>({ data, extras, headers, selected, onSelect, classNames, disabled, }: {
|
|
29
27
|
data: T;
|
|
30
28
|
extras?: U;
|
|
31
29
|
headers: GenericHeaderItems<T, U>;
|
|
@@ -36,7 +34,6 @@ export declare function DefaultRow<T extends GenericObject, U extends GenericObj
|
|
|
36
34
|
}) => unknown;
|
|
37
35
|
classNames?: ClassNames;
|
|
38
36
|
disabled?: boolean;
|
|
39
|
-
testId?: string;
|
|
40
37
|
}): React.JSX.Element;
|
|
41
38
|
export {};
|
|
42
39
|
//# sourceMappingURL=DefaultRow.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DefaultRow.d.ts","sourceRoot":"","sources":["../../../src/components/Table/DefaultRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,kCAAkC,CAAC;
|
|
1
|
+
{"version":3,"file":"DefaultRow.d.ts","sourceRoot":"","sources":["../../../src/components/Table/DefaultRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,kCAAkC,CAAC;AAMzE,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,yCAAyC,CAAC;AAChF,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,4BAA4B,CAAC;AAM9D,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC,CAAC;AAQH,MAAM,WAAW,aAAa,CAAC,CAAC,EAAE,CAAC;IACjC,IAAI,EAAE,CAAC,CAAC;IACR,MAAM,CAAC,EAAE,CAAC,CAAC;IACX,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;IACtB,OAAO,CAAC,EAAE,kBAAkB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,MAAM,QAAQ,CAAC,CAAC,EAAE,CAAC,IAAI,KAAK,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;AAEtE,eAAO,MAAM,QAAQ,EAAE,kBAAkB,CAAC,IAAI,CAG7C,CAAC;AAEF,UAAU,aAAa;IACrB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAChC;AAED,eAAO,MAAM,QAAQ,GAAI,wDAKtB,aAAa,KAAG,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,CA0B/D,CAAC;AASF,wBAAgB,UAAU,CAAC,CAAC,SAAS,aAAa,EAAE,CAAC,SAAS,aAAa,EAAE,EAC3E,IAAI,EACJ,MAAM,EACN,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,QAAQ,GACT,EAAE;IACD,IAAI,EAAE,CAAC,CAAC;IACR,MAAM,CAAC,EAAE,CAAC,CAAC;IACX,OAAO,EAAE,kBAAkB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,OAAO,CAAA;KAAC,KAAK,OAAO,CAAC;IAChE,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,qBA4CA"}
|
|
@@ -9,7 +9,6 @@ exports.EmptyRow = void 0;
|
|
|
9
9
|
var React = _interopRequireWildcard(require("react"));
|
|
10
10
|
var _classify = _interopRequireDefault(require("../../utils/classify"));
|
|
11
11
|
var _makeClassNameComponent = require("../../utils/makeClassNameComponent");
|
|
12
|
-
var _qa = require("../../utils/qa");
|
|
13
12
|
var _Checkbox = require("../Checkbox");
|
|
14
13
|
var _CircularLoader = require("../CircularLoader");
|
|
15
14
|
var _Cell = require("./Cell");
|
|
@@ -31,14 +30,9 @@ const EmptyRow = _ref => {
|
|
|
31
30
|
isLoading,
|
|
32
31
|
emptyText,
|
|
33
32
|
headersLength = 0,
|
|
34
|
-
customLoader
|
|
35
|
-
testId
|
|
33
|
+
customLoader
|
|
36
34
|
} = _ref;
|
|
37
35
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)("tr", {
|
|
38
|
-
"data-testid": (0, _qa.generateTestId)({
|
|
39
|
-
base: testId,
|
|
40
|
-
slot: 'empty-row'
|
|
41
|
-
}),
|
|
42
36
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("td", {
|
|
43
37
|
colSpan: headersLength,
|
|
44
38
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
@@ -47,19 +41,11 @@ const EmptyRow = _ref => {
|
|
|
47
41
|
className: _TableModule.default.defaultLoader,
|
|
48
42
|
children: [' ', /*#__PURE__*/(0, _jsxRuntime.jsx)(_CircularLoader.CircularLoader, {
|
|
49
43
|
colorToken: "colorFillPrimary",
|
|
50
|
-
size: "large"
|
|
51
|
-
testId: (0, _qa.generateTestId)({
|
|
52
|
-
base: testId,
|
|
53
|
-
slot: 'loader'
|
|
54
|
-
})
|
|
44
|
+
size: "large"
|
|
55
45
|
})]
|
|
56
46
|
}) : emptyText || /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.BodyLarge, {
|
|
57
47
|
color: _Text.TEXT_COLORS.secondary,
|
|
58
48
|
className: _TableModule.default.defaultEmptyText,
|
|
59
|
-
testId: (0, _qa.generateTestId)({
|
|
60
|
-
base: testId,
|
|
61
|
-
slot: 'empty-text'
|
|
62
|
-
}),
|
|
63
49
|
children: "Nothing to display here."
|
|
64
50
|
})
|
|
65
51
|
})
|
|
@@ -83,29 +69,17 @@ function DefaultRow(_ref2) {
|
|
|
83
69
|
selected,
|
|
84
70
|
onSelect,
|
|
85
71
|
classNames,
|
|
86
|
-
disabled
|
|
87
|
-
testId
|
|
72
|
+
disabled
|
|
88
73
|
} = _ref2;
|
|
89
|
-
// Generate a unique row identifier based on the data
|
|
90
|
-
const rowId = data.id || data.key || JSON.stringify(data);
|
|
91
|
-
const rowTestId = (0, _qa.generateTestId)({
|
|
92
|
-
base: testId,
|
|
93
|
-
slot: `row-${rowId}`
|
|
94
|
-
});
|
|
95
74
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(BasicRow, {
|
|
96
75
|
className: (0, _classify.default)(selected ? _TableModule.default.defaultSelectedBodyRow : _TableModule.default.defaultBodyRow, classNames?.tableRow),
|
|
97
|
-
"data-testid": rowTestId,
|
|
98
76
|
children: [selected != null && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Cell.PaddedContentCell, {
|
|
99
77
|
className: (0, _classify.default)(_TableModule.default.checkbox, classNames?.checkbox),
|
|
100
78
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Checkbox.Checkbox, {
|
|
101
79
|
checked: selected ? true : false,
|
|
102
80
|
onChange: onSelect,
|
|
103
81
|
disabled: disabled,
|
|
104
|
-
ariaLabel: "Select row"
|
|
105
|
-
testId: (0, _qa.generateTestId)({
|
|
106
|
-
base: rowTestId,
|
|
107
|
-
slot: 'checkbox'
|
|
108
|
-
})
|
|
82
|
+
ariaLabel: "Select row"
|
|
109
83
|
})
|
|
110
84
|
}), headers.map((item, index) => {
|
|
111
85
|
const {
|
|
@@ -115,10 +89,6 @@ function DefaultRow(_ref2) {
|
|
|
115
89
|
sticky
|
|
116
90
|
} = item;
|
|
117
91
|
const value = data[key];
|
|
118
|
-
const cellTestId = (0, _qa.generateTestId)({
|
|
119
|
-
base: rowTestId,
|
|
120
|
-
slot: `cell-${String(key)}-${index}`
|
|
121
|
-
});
|
|
122
92
|
return Renderer ? /*#__PURE__*/(0, _jsxRuntime.jsx)(Renderer
|
|
123
93
|
// eslint-disable-next-line react/no-array-index-key
|
|
124
94
|
, {
|
|
@@ -128,16 +98,14 @@ function DefaultRow(_ref2) {
|
|
|
128
98
|
disabled: disabled,
|
|
129
99
|
className: (0, _classify.default)({
|
|
130
100
|
[_TableModule.default.stickyCell]: sticky
|
|
131
|
-
})
|
|
132
|
-
testId: cellTestId
|
|
101
|
+
})
|
|
133
102
|
}, index) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Cell.SingleCell
|
|
134
103
|
// eslint-disable-next-line react/no-array-index-key
|
|
135
104
|
, {
|
|
136
105
|
title: String(value),
|
|
137
106
|
className: (0, _classify.default)(cellClassName, {
|
|
138
107
|
[_TableModule.default.stickyCell]: sticky
|
|
139
|
-
})
|
|
140
|
-
testId: cellTestId
|
|
108
|
+
})
|
|
141
109
|
}, index);
|
|
142
110
|
})]
|
|
143
111
|
});
|
|
@@ -18,7 +18,6 @@ export interface GenericHeaderItem<T, U> {
|
|
|
18
18
|
className?: string;
|
|
19
19
|
selected?: boolean;
|
|
20
20
|
disabled?: boolean;
|
|
21
|
-
testId?: string;
|
|
22
21
|
}>;
|
|
23
22
|
}
|
|
24
23
|
export type GenericHeaderItems<T, U> = GenericHeaderItem<T, U>[];
|
|
@@ -39,7 +38,6 @@ export interface TableHeaderProps<T, U> {
|
|
|
39
38
|
}) => unknown;
|
|
40
39
|
disabled?: boolean;
|
|
41
40
|
stickyHeader?: boolean;
|
|
42
|
-
testId?: string;
|
|
43
41
|
}
|
|
44
42
|
export declare function DefaultTableHeader<T extends GenericObject, U extends GenericObject>(props: TableHeaderProps<T, U>): React.JSX.Element;
|
|
45
43
|
//# sourceMappingURL=DefaultTableHeader.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DefaultTableHeader.d.ts","sourceRoot":"","sources":["../../../src/components/Table/DefaultTableHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,kCAAkC,CAAC;
|
|
1
|
+
{"version":3,"file":"DefaultTableHeader.d.ts","sourceRoot":"","sources":["../../../src/components/Table/DefaultTableHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,kCAAkC,CAAC;AAMzE,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,4BAA4B,CAAC;AAC9D,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,4BAA4B,CAAC;AAM9D,MAAM,WAAW,iBAAiB,CAAC,CAAC,EAAE,CAAC;IACrC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,GAAG,EAAE,MAAM,CAAC,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAC3B,IAAI,EAAE,CAAC,CAAC;QACR,MAAM,CAAC,EAAE,CAAC,CAAC;QACX,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;KACpB,CAAC,CAAC;CACJ;AAED,MAAM,MAAM,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI,iBAAiB,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC;AAEjE,eAAO,MAAM,aAAa,EAAE,kBAAkB,CAAC,IAAI,CAGlD,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,kBAAkB,CAAC,OAAO,CACA,CAAC;AAExD,MAAM,WAAW,gBAAgB,CAAC,CAAC,EAAE,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,kBAAkB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAClC,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC,KAAK,OAAO,CAAC;IAChD,OAAO,CAAC,EAAE,MAAM,CAAC,CAAC;IAClB,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,OAAO,CAAC;IACrC,mBAAmB,CAAC,EAAE,CAAC,IAAI,EAAE;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,OAAO,CAAA;KAAC,KAAK,OAAO,CAAC;IAC3E,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AA4CD,wBAAgB,kBAAkB,CAChC,CAAC,SAAS,aAAa,EACvB,CAAC,SAAS,aAAa,EACvB,KAAK,EAAE,gBAAgB,CAAC,CAAC,EAAE,CAAC,CAAC,qBAqI9B"}
|
|
@@ -8,7 +8,6 @@ exports.DefaultTableHeader = DefaultTableHeader;
|
|
|
8
8
|
var React = _interopRequireWildcard(require("react"));
|
|
9
9
|
var _classify = _interopRequireDefault(require("../../utils/classify"));
|
|
10
10
|
var _makeClassNameComponent = require("../../utils/makeClassNameComponent");
|
|
11
|
-
var _qa = require("../../utils/qa");
|
|
12
11
|
var _Checkbox = require("../Checkbox");
|
|
13
12
|
var _Icon = require("../Icon");
|
|
14
13
|
var _DefaultRow = require("./DefaultRow");
|
|
@@ -62,8 +61,7 @@ function DefaultTableHeader(props) {
|
|
|
62
61
|
handleCheckboxClick,
|
|
63
62
|
checked,
|
|
64
63
|
disabled,
|
|
65
|
-
stickyHeader
|
|
66
|
-
testId
|
|
64
|
+
stickyHeader
|
|
67
65
|
} = props;
|
|
68
66
|
const tableHeaderCells = () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
|
|
69
67
|
children: columns.map((columnData, index) => {
|
|
@@ -98,10 +96,6 @@ function DefaultTableHeader(props) {
|
|
|
98
96
|
if (sortKey === key) {
|
|
99
97
|
columnSortDirection = sortDirection;
|
|
100
98
|
}
|
|
101
|
-
const headerCellTestId = (0, _qa.generateTestId)({
|
|
102
|
-
base: testId,
|
|
103
|
-
slot: `header-cell-${String(key)}-${index}`
|
|
104
|
-
});
|
|
105
99
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(BasicHeadCell, {
|
|
106
100
|
className: (0, _classify.default)({
|
|
107
101
|
[_TableModule.default.selectedHeader]: sortKey === key && columnSortDirection !== 'original'
|
|
@@ -111,7 +105,6 @@ function DefaultTableHeader(props) {
|
|
|
111
105
|
|
|
112
106
|
scope: "col",
|
|
113
107
|
onClick: headCellClickHandler,
|
|
114
|
-
"data-testid": headerCellTestId,
|
|
115
108
|
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
116
109
|
className: (0, _classify.default)(_TableModule.default.labelContents),
|
|
117
110
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
@@ -147,10 +140,6 @@ function DefaultTableHeader(props) {
|
|
|
147
140
|
className: (0, _classify.default)(_TableModule.default.tableHeaderSortable, {
|
|
148
141
|
[_TableModule.default.stickyHeader]: stickyHeader
|
|
149
142
|
}, className),
|
|
150
|
-
"data-testid": (0, _qa.generateTestId)({
|
|
151
|
-
base: testId,
|
|
152
|
-
slot: 'header'
|
|
153
|
-
}),
|
|
154
143
|
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_DefaultRow.BasicRow, {
|
|
155
144
|
className: _TableModule.default.defaultHeaderRow,
|
|
156
145
|
children: [handleCheckboxClick && /*#__PURE__*/(0, _jsxRuntime.jsx)(BasicHeadCell, {
|
|
@@ -163,11 +152,7 @@ function DefaultTableHeader(props) {
|
|
|
163
152
|
indeterminate: checked === 'mixed',
|
|
164
153
|
onChange: handleCheckboxClick,
|
|
165
154
|
disabled: disabled,
|
|
166
|
-
ariaLabel: "Select all rows"
|
|
167
|
-
testId: (0, _qa.generateTestId)({
|
|
168
|
-
base: testId,
|
|
169
|
-
slot: 'select-all-checkbox'
|
|
170
|
-
})
|
|
155
|
+
ariaLabel: "Select all rows"
|
|
171
156
|
})
|
|
172
157
|
})
|
|
173
158
|
}), tableHeaderCells()]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StaticTable.d.ts","sourceRoot":"","sources":["../../../src/components/Table/StaticTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,kCAAkC,CAAC;
|
|
1
|
+
{"version":3,"file":"StaticTable.d.ts","sourceRoot":"","sources":["../../../src/components/Table/StaticTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,kCAAkC,CAAC;AAQzE,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,4BAA4B,CAAC;AAC9D,OAAO,KAAK,EACV,aAAa,EAEb,UAAU,EACX,MAAM,4BAA4B,CAAC;AAKpC,eAAO,MAAM,UAAU,EAAE,kBAAkB,CAAC,OAAO,CAGlD,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,kBAAkB,CAAC,OAAO,CACA,CAAC;AAuMxD;;;;GAIG;AAEH,wBAAgB,WAAW,CACzB,IAAI,SAAS,aAAa,EAC1B,MAAM,SAAS,aAAa,EAE5B,KAAK,EAAE,UAAU,CAAC,IAAI,EAAE,MAAM,CAAC,GAAG;IAChC,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,OAAO,CAAC;IAC/C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;CACpB,qBAqHF;AAED,wBAAgB,sBAAsB,CACpC,IAAI,SAAS,aAAa,EAC1B,MAAM,SAAS,aAAa,EAE5B,KAAK,EAAE,UAAU,CAAC,IAAI,EAAE,MAAM,CAAC,GAAG;IAChC,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,OAAO,CAAC;IAC/C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;CACpB,qBAwNF"}
|
|
@@ -15,7 +15,6 @@ var _size = require("../../styles/variables/_size");
|
|
|
15
15
|
var _space = require("../../styles/variables/_space");
|
|
16
16
|
var _classify = require("../../utils/classify");
|
|
17
17
|
var _makeClassNameComponent = require("../../utils/makeClassNameComponent");
|
|
18
|
-
var _qa = require("../../utils/qa");
|
|
19
18
|
var _CircularLoader = require("../CircularLoader");
|
|
20
19
|
var _DefaultRow = require("./DefaultRow");
|
|
21
20
|
var _DefaultTableHeader = require("./DefaultTableHeader");
|
|
@@ -64,14 +63,8 @@ function RowRenderer(_ref2) {
|
|
|
64
63
|
disabled,
|
|
65
64
|
classNames,
|
|
66
65
|
keyId,
|
|
67
|
-
onSelect
|
|
68
|
-
testId
|
|
66
|
+
onSelect
|
|
69
67
|
} = _ref2;
|
|
70
|
-
// Generate a unique testId for this specific row
|
|
71
|
-
const rowTestId = (0, _qa.generateTestId)({
|
|
72
|
-
base: testId,
|
|
73
|
-
slot: `row-${keyId}`
|
|
74
|
-
});
|
|
75
68
|
return TableRow ? /*#__PURE__*/(0, _jsxRuntime.jsx)(TableRow, {
|
|
76
69
|
data: data,
|
|
77
70
|
headers: headers
|
|
@@ -80,8 +73,7 @@ function RowRenderer(_ref2) {
|
|
|
80
73
|
extras: extras,
|
|
81
74
|
sortedKeys: sortedKeys,
|
|
82
75
|
selected: selected,
|
|
83
|
-
disabled: disabled
|
|
84
|
-
testId: rowTestId
|
|
76
|
+
disabled: disabled
|
|
85
77
|
}, keyId) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_DefaultRow.DefaultRow, {
|
|
86
78
|
data: data,
|
|
87
79
|
extras: extras,
|
|
@@ -92,8 +84,7 @@ function RowRenderer(_ref2) {
|
|
|
92
84
|
classNames: {
|
|
93
85
|
tableRow: classNames?.tableRow,
|
|
94
86
|
checkbox: classNames?.checkbox
|
|
95
|
-
}
|
|
96
|
-
testId: rowTestId
|
|
87
|
+
}
|
|
97
88
|
}, keyId);
|
|
98
89
|
}
|
|
99
90
|
function TableWrapper(_ref3) {
|
|
@@ -116,24 +107,15 @@ function TableWrapper(_ref3) {
|
|
|
116
107
|
sortKey,
|
|
117
108
|
sortDirection,
|
|
118
109
|
handleSortClick,
|
|
119
|
-
handleHeaderCheckboxClick
|
|
120
|
-
testId
|
|
110
|
+
handleHeaderCheckboxClick
|
|
121
111
|
} = _ref3;
|
|
122
112
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
123
113
|
className: (0, _classify.classify)(_TableModule.default.tableContainer, classNames?.wrapper),
|
|
124
114
|
"data-id": 'table-wrap',
|
|
125
|
-
"data-testid": (0, _qa.generateTestId)({
|
|
126
|
-
base: testId,
|
|
127
|
-
slot: 'wrapper'
|
|
128
|
-
}),
|
|
129
115
|
ref: tableRef,
|
|
130
116
|
style: wrapperStyle,
|
|
131
117
|
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(BasicTable, {
|
|
132
118
|
"data-id": "basic-table",
|
|
133
|
-
"data-testid": (0, _qa.generateTestId)({
|
|
134
|
-
base: testId,
|
|
135
|
-
slot: 'table'
|
|
136
|
-
}),
|
|
137
119
|
className: (0, _classify.classify)(className, {
|
|
138
120
|
[_TableModule.default.fullHeightTable]: isLoading || !entriesLength && !!emptyText
|
|
139
121
|
}, classNames?.table),
|
|
@@ -147,17 +129,9 @@ function TableWrapper(_ref3) {
|
|
|
147
129
|
disabled: disabled,
|
|
148
130
|
handleCheckboxClick: handleHeaderCheckboxClick,
|
|
149
131
|
stickyHeader: stickyHeader,
|
|
150
|
-
checked: selectedKeys == null || selectedKeys.length === 0 ? 'false' : selectedKeys.length < entriesLength ? 'mixed' : 'true'
|
|
151
|
-
testId: (0, _qa.generateTestId)({
|
|
152
|
-
base: testId,
|
|
153
|
-
slot: 'header'
|
|
154
|
-
})
|
|
132
|
+
checked: selectedKeys == null || selectedKeys.length === 0 ? 'false' : selectedKeys.length < entriesLength ? 'mixed' : 'true'
|
|
155
133
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(BasicTableBody, {
|
|
156
134
|
className: classNames?.tableBody,
|
|
157
|
-
"data-testid": (0, _qa.generateTestId)({
|
|
158
|
-
base: testId,
|
|
159
|
-
slot: 'body'
|
|
160
|
-
}),
|
|
161
135
|
children: children
|
|
162
136
|
})]
|
|
163
137
|
})
|
|
@@ -194,8 +168,7 @@ function StaticTable(props) {
|
|
|
194
168
|
disabled,
|
|
195
169
|
customLoader,
|
|
196
170
|
borderRadius,
|
|
197
|
-
stickyHeader
|
|
198
|
-
testId
|
|
171
|
+
stickyHeader
|
|
199
172
|
} = props;
|
|
200
173
|
|
|
201
174
|
// this is a fallback and honestly probably doesn't need the
|
|
@@ -231,13 +204,11 @@ function StaticTable(props) {
|
|
|
231
204
|
sortDirection: sortDirection,
|
|
232
205
|
handleSortClick: handleSortClick,
|
|
233
206
|
handleHeaderCheckboxClick: handleHeaderCheckboxClick,
|
|
234
|
-
testId: testId,
|
|
235
207
|
children: isLoading || !entries.length ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_DefaultRow.EmptyRow, {
|
|
236
208
|
isLoading: isLoading,
|
|
237
209
|
emptyText: emptyText,
|
|
238
210
|
headersLength: handleHeaderCheckboxClick ? headers.length + 1 : headers.length,
|
|
239
|
-
customLoader: customLoader
|
|
240
|
-
testId: testId
|
|
211
|
+
customLoader: customLoader
|
|
241
212
|
}) : mappedKeys.map(key => {
|
|
242
213
|
const data = entries.find(e => (0, _get.default)(e, idName) === key);
|
|
243
214
|
if (data == null) {
|
|
@@ -255,8 +226,7 @@ function StaticTable(props) {
|
|
|
255
226
|
selected: selected,
|
|
256
227
|
disabled: disabled || isRowDisabled,
|
|
257
228
|
classNames: classNames,
|
|
258
|
-
onSelect: selectedKeys != null ? _v => onSelect?.((0, _xor.default)(selectedKeys ?? [], [key])) : undefined
|
|
259
|
-
testId: testId
|
|
229
|
+
onSelect: selectedKeys != null ? _v => onSelect?.((0, _xor.default)(selectedKeys ?? [], [key])) : undefined
|
|
260
230
|
});
|
|
261
231
|
})
|
|
262
232
|
});
|
|
@@ -286,8 +256,7 @@ function StaticTableVirtualized(props) {
|
|
|
286
256
|
customLoader,
|
|
287
257
|
borderRadius,
|
|
288
258
|
stickyHeader,
|
|
289
|
-
virtualizationOptions
|
|
290
|
-
testId
|
|
259
|
+
virtualizationOptions
|
|
291
260
|
} = props;
|
|
292
261
|
const {
|
|
293
262
|
rowsCount,
|
|
@@ -397,13 +366,11 @@ function StaticTableVirtualized(props) {
|
|
|
397
366
|
sortDirection: sortDirection,
|
|
398
367
|
handleSortClick: handleSortClick,
|
|
399
368
|
handleHeaderCheckboxClick: handleHeaderCheckboxClick,
|
|
400
|
-
testId: testId,
|
|
401
369
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(VirtualizedStartRow, {}), isLoading || !entries.length ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_DefaultRow.EmptyRow, {
|
|
402
370
|
isLoading: isLoading,
|
|
403
371
|
emptyText: emptyText,
|
|
404
372
|
headersLength: handleHeaderCheckboxClick ? headers.length + 1 : headers.length,
|
|
405
|
-
customLoader: customLoader
|
|
406
|
-
testId: testId
|
|
373
|
+
customLoader: customLoader
|
|
407
374
|
}) : currRows.map(virtualRow => {
|
|
408
375
|
const key = virtualRow.key;
|
|
409
376
|
const data = entries[virtualRow.index];
|
|
@@ -422,8 +389,7 @@ function StaticTableVirtualized(props) {
|
|
|
422
389
|
selected: selected,
|
|
423
390
|
disabled: disabled || isRowDisabled,
|
|
424
391
|
classNames: classNames,
|
|
425
|
-
onSelect: selectedKeys != null ? _v => onSelect?.((0, _xor.default)(selectedKeys ?? [], [key])) : undefined
|
|
426
|
-
testId: testId
|
|
392
|
+
onSelect: selectedKeys != null ? _v => onSelect?.((0, _xor.default)(selectedKeys ?? [], [key])) : undefined
|
|
427
393
|
});
|
|
428
394
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(VirtualizedEndRow, {}), isEndLoading && /*#__PURE__*/(0, _jsxRuntime.jsx)("tr", {
|
|
429
395
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("td", {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,iCAAiC,CAAC;AAC9D,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,yCAAyC,CAAC;AAChF,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,4BAA4B,CAAC;AAQ9D,MAAM,WAAW,aAAa;IAC5B,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED,MAAM,MAAM,eAAe,GAAG,QAAQ,CAAC;IACrC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC,CAAC;AAEH,UAAU,qBAAqB;IAC7B,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,MAAM,WAAW,UAAU,CAAC,CAAC,EAAE,CAAC;IAC9B,UAAU,CAAC,EAAE,eAAe,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAC1B,OAAO,EAAE,kBAAkB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAClC,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC;IAClB,MAAM,CAAC,EAAE,CAAC,CAAC;IACX,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,oBAAoB,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,UAAU,CAAC;IACnD,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,OAAO,CAAC;IACvC,MAAM,CAAC,EAAE,MAAM,CAAC,CAAC;IACjB,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,CAAC,EAAE,SAAS,EAAE,aAAa,KAAK,IAAI,CAAC;IAC1D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,qBAAqB,CAAC,EAAE,qBAAqB,CAAC;
|
|
1
|
+
{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,iCAAiC,CAAC;AAC9D,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,yCAAyC,CAAC;AAChF,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,4BAA4B,CAAC;AAQ9D,MAAM,WAAW,aAAa;IAC5B,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED,MAAM,MAAM,eAAe,GAAG,QAAQ,CAAC;IACrC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC,CAAC;AAEH,UAAU,qBAAqB;IAC7B,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,MAAM,WAAW,UAAU,CAAC,CAAC,EAAE,CAAC;IAC9B,UAAU,CAAC,EAAE,eAAe,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAC1B,OAAO,EAAE,kBAAkB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAClC,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC;IAClB,MAAM,CAAC,EAAE,CAAC,CAAC;IACX,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,oBAAoB,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,UAAU,CAAC;IACnD,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,OAAO,CAAC;IACvC,MAAM,CAAC,EAAE,MAAM,CAAC,CAAC;IACjB,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,CAAC,EAAE,SAAS,EAAE,aAAa,KAAK,IAAI,CAAC;IAC1D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,qBAAqB,CAAC,EAAE,qBAAqB,CAAC;CAC/C;AAED;;;;;IAKI;AAEJ;;;;;GAKG;AACH,wBAAgB,KAAK,CAAC,IAAI,SAAS,aAAa,EAAE,MAAM,SAAS,aAAa,EAC5E,KAAK,EAAE,UAAU,CAAC,IAAI,EAAE,MAAM,CAAC,qBAoDhC"}
|
|
@@ -283,17 +283,6 @@ export declare const TABLE_DOCS: {
|
|
|
283
283
|
};
|
|
284
284
|
};
|
|
285
285
|
};
|
|
286
|
-
readonly testId: {
|
|
287
|
-
readonly description: "Test ID for the component";
|
|
288
|
-
readonly control: {
|
|
289
|
-
readonly type: "text";
|
|
290
|
-
};
|
|
291
|
-
readonly table: {
|
|
292
|
-
readonly type: {
|
|
293
|
-
readonly summary: "string";
|
|
294
|
-
};
|
|
295
|
-
};
|
|
296
|
-
};
|
|
297
286
|
};
|
|
298
287
|
readonly parameters: {
|
|
299
288
|
readonly docs: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table.docs.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Table.docs.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU
|
|
1
|
+
{"version":3,"file":"Table.docs.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Table.docs.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqiBb,CAAC"}
|
|
@@ -292,17 +292,6 @@ const TABLE_DOCS = exports.TABLE_DOCS = {
|
|
|
292
292
|
summary: '() => void'
|
|
293
293
|
}
|
|
294
294
|
}
|
|
295
|
-
},
|
|
296
|
-
testId: {
|
|
297
|
-
description: 'Test ID for the component',
|
|
298
|
-
control: {
|
|
299
|
-
type: 'text'
|
|
300
|
-
},
|
|
301
|
-
table: {
|
|
302
|
-
type: {
|
|
303
|
-
summary: 'string'
|
|
304
|
-
}
|
|
305
|
-
}
|
|
306
295
|
}
|
|
307
296
|
},
|
|
308
297
|
parameters: {
|
|
@@ -33,8 +33,7 @@ function Table(props) {
|
|
|
33
33
|
onSort,
|
|
34
34
|
enableInternalSorting,
|
|
35
35
|
idName = 'id',
|
|
36
|
-
virtualizationOptions
|
|
37
|
-
testId
|
|
36
|
+
virtualizationOptions
|
|
38
37
|
} = props;
|
|
39
38
|
|
|
40
39
|
/**
|
|
@@ -59,14 +58,12 @@ function Table(props) {
|
|
|
59
58
|
...sortableProps,
|
|
60
59
|
sortable: sortable,
|
|
61
60
|
entries: sortedEntries,
|
|
62
|
-
rowKeys: sortedKeys
|
|
63
|
-
testId: testId
|
|
61
|
+
rowKeys: sortedKeys
|
|
64
62
|
}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_StaticTable.StaticTable, {
|
|
65
63
|
...props,
|
|
66
64
|
...sortableProps,
|
|
67
65
|
sortable: sortable,
|
|
68
66
|
entries: sortedEntries,
|
|
69
|
-
rowKeys: sortedKeys
|
|
70
|
-
testId: testId
|
|
67
|
+
rowKeys: sortedKeys
|
|
71
68
|
});
|
|
72
69
|
}
|
|
@@ -4,13 +4,8 @@ import type { SimpleButtonDropdownProps } from '../../components/ButtonDropdown'
|
|
|
4
4
|
export interface TableActionBarProps {
|
|
5
5
|
children?: React.ReactNode;
|
|
6
6
|
className?: string;
|
|
7
|
-
testId?: string;
|
|
8
7
|
}
|
|
9
|
-
export declare const ButtonCta: ({ classNames,
|
|
10
|
-
|
|
11
|
-
}) => React.JSX.Element;
|
|
12
|
-
export declare const DropdownCta: ({ classNames, testId, ...props }: SimpleButtonDropdownProps & {
|
|
13
|
-
testId?: string;
|
|
14
|
-
}) => React.JSX.Element;
|
|
15
|
-
export declare const TableActionBar: ({ children, className, testId, ...props }: TableActionBarProps) => React.JSX.Element;
|
|
8
|
+
export declare const ButtonCta: ({ classNames, ...props }: ButtonProps) => React.JSX.Element;
|
|
9
|
+
export declare const DropdownCta: ({ classNames, ...props }: SimpleButtonDropdownProps) => React.JSX.Element;
|
|
10
|
+
export declare const TableActionBar: ({ children, className, ...props }: TableActionBarProps) => React.JSX.Element;
|
|
16
11
|
//# sourceMappingURL=TableActionBar.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableActionBar.d.ts","sourceRoot":"","sources":["../../../src/components/Table/TableActionBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"TableActionBar.d.ts","sourceRoot":"","sources":["../../../src/components/Table/TableActionBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,uBAAuB,CAAC;AAEvD,OAAO,KAAK,EAAC,yBAAyB,EAAC,MAAM,+BAA+B,CAAC;AAM7E,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,SAAS,GAAI,0BAAwB,WAAW,sBAQ5D,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,0BAGzB,yBAAyB,sBAQ3B,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,mCAI5B,mBAAmB,sBAQrB,CAAC"}
|