@cloudscape-design/components 3.0.595 → 3.0.597
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/app-layout/drawer/overflow-menu.d.ts.map +1 -1
- package/app-layout/drawer/overflow-menu.js +2 -1
- package/app-layout/drawer/overflow-menu.js.map +1 -1
- package/app-layout/test-classes/styles.css.js +18 -17
- package/app-layout/test-classes/styles.scoped.css +21 -17
- package/app-layout/test-classes/styles.selectors.js +18 -17
- package/app-layout/visual-refresh/context.js +1 -1
- package/app-layout/visual-refresh/context.js.map +1 -1
- package/internal/environment.js +1 -1
- package/internal/environment.json +1 -1
- package/internal/manifest.json +1 -1
- package/package.json +1 -1
- package/table/body-cell/styles.css.js +42 -42
- package/table/body-cell/styles.scoped.css +162 -159
- package/table/body-cell/styles.selectors.js +42 -42
- package/table/header-cell/styles.css.js +25 -25
- package/table/header-cell/styles.scoped.css +60 -60
- package/table/header-cell/styles.selectors.js +25 -25
- package/table/internal.d.ts.map +1 -1
- package/table/internal.js +20 -11
- package/table/internal.js.map +1 -1
- package/test-utils/dom/app-layout/index.d.ts +2 -0
- package/test-utils/dom/app-layout/index.js +4 -0
- package/test-utils/dom/app-layout/index.js.map +1 -1
- package/test-utils/selectors/app-layout/index.d.ts +2 -0
- package/test-utils/selectors/app-layout/index.js +4 -0
- package/test-utils/selectors/app-layout/index.js.map +1 -1
- package/test-utils/tsconfig.tsbuildinfo +1 -1
|
@@ -2,47 +2,47 @@
|
|
|
2
2
|
// es-module interop with Babel and Typescript
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
module.exports.default = {
|
|
5
|
-
"expandable-toggle-wrapper": "awsui_expandable-toggle-
|
|
6
|
-
"body-cell": "awsui_body-
|
|
7
|
-
"body-cell-expandable-level-1": "awsui_body-cell-expandable-level-
|
|
8
|
-
"body-cell-expandable-level-2": "awsui_body-cell-expandable-level-
|
|
9
|
-
"body-cell-expandable-level-3": "awsui_body-cell-expandable-level-
|
|
10
|
-
"body-cell-expandable-level-4": "awsui_body-cell-expandable-level-
|
|
11
|
-
"body-cell-expandable-level-5": "awsui_body-cell-expandable-level-
|
|
12
|
-
"body-cell-expandable-level-6": "awsui_body-cell-expandable-level-
|
|
13
|
-
"body-cell-expandable-level-7": "awsui_body-cell-expandable-level-
|
|
14
|
-
"body-cell-expandable-level-8": "awsui_body-cell-expandable-level-
|
|
15
|
-
"body-cell-expandable-level-9": "awsui_body-cell-expandable-level-
|
|
16
|
-
"body-cell-expandable-level-next": "awsui_body-cell-expandable-level-
|
|
17
|
-
"sticky-cell": "awsui_sticky-
|
|
18
|
-
"body-cell-wrap": "awsui_body-cell-
|
|
19
|
-
"is-visual-refresh": "awsui_is-visual-
|
|
20
|
-
"has-striped-rows": "awsui_has-striped-
|
|
21
|
-
"body-cell-edit-active": "awsui_body-cell-edit-
|
|
22
|
-
"body-cell-interactive": "awsui_body-cell-
|
|
23
|
-
"body-cell-editable": "awsui_body-cell-
|
|
24
|
-
"has-striped-rows-sticky-cell-pad-left": "awsui_has-striped-rows-sticky-cell-pad-
|
|
25
|
-
"has-selection": "awsui_has-
|
|
26
|
-
"body-cell-first-row": "awsui_body-cell-first-
|
|
27
|
-
"body-cell-last-row": "awsui_body-cell-last-
|
|
28
|
-
"body-cell-selected": "awsui_body-cell-
|
|
29
|
-
"has-footer": "awsui_has-
|
|
30
|
-
"body-cell-shaded": "awsui_body-cell-
|
|
31
|
-
"sticky-cell-pad-left": "awsui_sticky-cell-pad-
|
|
32
|
-
"sticky-cell-last-right": "awsui_sticky-cell-last-
|
|
33
|
-
"sticky-cell-last-left": "awsui_sticky-cell-last-
|
|
34
|
-
"body-cell-next-selected": "awsui_body-cell-next-
|
|
35
|
-
"body-cell-prev-selected": "awsui_body-cell-prev-
|
|
36
|
-
"body-cell-editor-wrapper": "awsui_body-cell-editor-
|
|
37
|
-
"body-cell-success": "awsui_body-cell-
|
|
38
|
-
"body-cell-editor": "awsui_body-cell-
|
|
39
|
-
"body-cell-editor-disabled": "awsui_body-cell-editor-
|
|
40
|
-
"body-cell-editor-form": "awsui_body-cell-editor-
|
|
41
|
-
"body-cell-editor-row": "awsui_body-cell-editor-
|
|
42
|
-
"body-cell-editor-controls": "awsui_body-cell-editor-
|
|
43
|
-
"body-cell-expandable": "awsui_body-cell-
|
|
44
|
-
"expandable-cell-content": "awsui_expandable-cell-
|
|
45
|
-
"body-cell-edit-disabled-popover": "awsui_body-cell-edit-disabled-
|
|
46
|
-
"body-cell-has-success": "awsui_body-cell-has-
|
|
5
|
+
"expandable-toggle-wrapper": "awsui_expandable-toggle-wrapper_c6tup_v6hb3_99",
|
|
6
|
+
"body-cell": "awsui_body-cell_c6tup_v6hb3_107",
|
|
7
|
+
"body-cell-expandable-level-1": "awsui_body-cell-expandable-level-1_c6tup_v6hb3_121",
|
|
8
|
+
"body-cell-expandable-level-2": "awsui_body-cell-expandable-level-2_c6tup_v6hb3_124",
|
|
9
|
+
"body-cell-expandable-level-3": "awsui_body-cell-expandable-level-3_c6tup_v6hb3_127",
|
|
10
|
+
"body-cell-expandable-level-4": "awsui_body-cell-expandable-level-4_c6tup_v6hb3_130",
|
|
11
|
+
"body-cell-expandable-level-5": "awsui_body-cell-expandable-level-5_c6tup_v6hb3_133",
|
|
12
|
+
"body-cell-expandable-level-6": "awsui_body-cell-expandable-level-6_c6tup_v6hb3_136",
|
|
13
|
+
"body-cell-expandable-level-7": "awsui_body-cell-expandable-level-7_c6tup_v6hb3_139",
|
|
14
|
+
"body-cell-expandable-level-8": "awsui_body-cell-expandable-level-8_c6tup_v6hb3_142",
|
|
15
|
+
"body-cell-expandable-level-9": "awsui_body-cell-expandable-level-9_c6tup_v6hb3_145",
|
|
16
|
+
"body-cell-expandable-level-next": "awsui_body-cell-expandable-level-next_c6tup_v6hb3_148",
|
|
17
|
+
"sticky-cell": "awsui_sticky-cell_c6tup_v6hb3_172",
|
|
18
|
+
"body-cell-wrap": "awsui_body-cell-wrap_c6tup_v6hb3_175",
|
|
19
|
+
"is-visual-refresh": "awsui_is-visual-refresh_c6tup_v6hb3_187",
|
|
20
|
+
"has-striped-rows": "awsui_has-striped-rows_c6tup_v6hb3_199",
|
|
21
|
+
"body-cell-edit-active": "awsui_body-cell-edit-active_c6tup_v6hb3_232",
|
|
22
|
+
"body-cell-interactive": "awsui_body-cell-interactive_c6tup_v6hb3_232",
|
|
23
|
+
"body-cell-editable": "awsui_body-cell-editable_c6tup_v6hb3_232",
|
|
24
|
+
"has-striped-rows-sticky-cell-pad-left": "awsui_has-striped-rows-sticky-cell-pad-left_c6tup_v6hb3_298",
|
|
25
|
+
"has-selection": "awsui_has-selection_c6tup_v6hb3_331",
|
|
26
|
+
"body-cell-first-row": "awsui_body-cell-first-row_c6tup_v6hb3_367",
|
|
27
|
+
"body-cell-last-row": "awsui_body-cell-last-row_c6tup_v6hb3_370",
|
|
28
|
+
"body-cell-selected": "awsui_body-cell-selected_c6tup_v6hb3_370",
|
|
29
|
+
"has-footer": "awsui_has-footer_c6tup_v6hb3_370",
|
|
30
|
+
"body-cell-shaded": "awsui_body-cell-shaded_c6tup_v6hb3_380",
|
|
31
|
+
"sticky-cell-pad-left": "awsui_sticky-cell-pad-left_c6tup_v6hb3_414",
|
|
32
|
+
"sticky-cell-last-right": "awsui_sticky-cell-last-right_c6tup_v6hb3_461",
|
|
33
|
+
"sticky-cell-last-left": "awsui_sticky-cell-last-left_c6tup_v6hb3_465",
|
|
34
|
+
"body-cell-next-selected": "awsui_body-cell-next-selected_c6tup_v6hb3_488",
|
|
35
|
+
"body-cell-prev-selected": "awsui_body-cell-prev-selected_c6tup_v6hb3_492",
|
|
36
|
+
"body-cell-editor-wrapper": "awsui_body-cell-editor-wrapper_c6tup_v6hb3_516",
|
|
37
|
+
"body-cell-success": "awsui_body-cell-success_c6tup_v6hb3_523",
|
|
38
|
+
"body-cell-editor": "awsui_body-cell-editor_c6tup_v6hb3_516",
|
|
39
|
+
"body-cell-editor-disabled": "awsui_body-cell-editor-disabled_c6tup_v6hb3_550",
|
|
40
|
+
"body-cell-editor-form": "awsui_body-cell-editor-form_c6tup_v6hb3_559",
|
|
41
|
+
"body-cell-editor-row": "awsui_body-cell-editor-row_c6tup_v6hb3_569",
|
|
42
|
+
"body-cell-editor-controls": "awsui_body-cell-editor-controls_c6tup_v6hb3_579",
|
|
43
|
+
"body-cell-expandable": "awsui_body-cell-expandable_c6tup_v6hb3_121",
|
|
44
|
+
"expandable-cell-content": "awsui_expandable-cell-content_c6tup_v6hb3_603",
|
|
45
|
+
"body-cell-edit-disabled-popover": "awsui_body-cell-edit-disabled-popover_c6tup_v6hb3_651",
|
|
46
|
+
"body-cell-has-success": "awsui_body-cell-has-success_c6tup_v6hb3_655"
|
|
47
47
|
};
|
|
48
48
|
|
|
@@ -1,30 +1,30 @@
|
|
|
1
1
|
|
|
2
2
|
import './styles.scoped.css';
|
|
3
3
|
export default {
|
|
4
|
-
"header-cell": "awsui_header-
|
|
5
|
-
"header-cell-fake-focus": "awsui_header-cell-fake-
|
|
6
|
-
"header-cell-sticky": "awsui_header-cell-
|
|
7
|
-
"header-cell-stuck": "awsui_header-cell-
|
|
8
|
-
"header-cell-variant-full-page": "awsui_header-cell-variant-full-
|
|
9
|
-
"header-cell-hidden": "awsui_header-cell-
|
|
10
|
-
"header-cell-sortable": "awsui_header-cell-
|
|
11
|
-
"sticky-cell": "awsui_sticky-
|
|
12
|
-
"sticky-cell-pad-left": "awsui_sticky-cell-pad-
|
|
13
|
-
"has-selection": "awsui_has-
|
|
14
|
-
"sticky-cell-last-left": "awsui_sticky-cell-last-
|
|
15
|
-
"resize-divider": "awsui_resize-
|
|
16
|
-
"sticky-cell-last-right": "awsui_sticky-cell-last-
|
|
17
|
-
"sorting-icon": "awsui_sorting-
|
|
18
|
-
"edit-icon": "awsui_edit-
|
|
19
|
-
"header-cell-content": "awsui_header-cell-
|
|
20
|
-
"header-cell-content-expandable": "awsui_header-cell-content-
|
|
21
|
-
"header-cell-disabled": "awsui_header-cell-
|
|
22
|
-
"header-cell-sorted": "awsui_header-cell-
|
|
23
|
-
"header-cell-text": "awsui_header-cell-
|
|
24
|
-
"header-cell-text-wrap": "awsui_header-cell-text-
|
|
25
|
-
"header-cell-ascending": "awsui_header-cell-
|
|
26
|
-
"header-cell-descending": "awsui_header-cell-
|
|
27
|
-
"is-visual-refresh": "awsui_is-visual-
|
|
28
|
-
"has-striped-rows": "awsui_has-striped-
|
|
4
|
+
"header-cell": "awsui_header-cell_1spae_1sbf1_99",
|
|
5
|
+
"header-cell-fake-focus": "awsui_header-cell-fake-focus_1spae_1sbf1_133",
|
|
6
|
+
"header-cell-sticky": "awsui_header-cell-sticky_1spae_1sbf1_154",
|
|
7
|
+
"header-cell-stuck": "awsui_header-cell-stuck_1spae_1sbf1_157",
|
|
8
|
+
"header-cell-variant-full-page": "awsui_header-cell-variant-full-page_1spae_1sbf1_157",
|
|
9
|
+
"header-cell-hidden": "awsui_header-cell-hidden_1spae_1sbf1_160",
|
|
10
|
+
"header-cell-sortable": "awsui_header-cell-sortable_1spae_1sbf1_163",
|
|
11
|
+
"sticky-cell": "awsui_sticky-cell_1spae_1sbf1_166",
|
|
12
|
+
"sticky-cell-pad-left": "awsui_sticky-cell-pad-left_1spae_1sbf1_174",
|
|
13
|
+
"has-selection": "awsui_has-selection_1spae_1sbf1_174",
|
|
14
|
+
"sticky-cell-last-left": "awsui_sticky-cell-last-left_1spae_1sbf1_177",
|
|
15
|
+
"resize-divider": "awsui_resize-divider_1spae_1sbf1_181",
|
|
16
|
+
"sticky-cell-last-right": "awsui_sticky-cell-last-right_1spae_1sbf1_184",
|
|
17
|
+
"sorting-icon": "awsui_sorting-icon_1spae_1sbf1_199",
|
|
18
|
+
"edit-icon": "awsui_edit-icon_1spae_1sbf1_207",
|
|
19
|
+
"header-cell-content": "awsui_header-cell-content_1spae_1sbf1_213",
|
|
20
|
+
"header-cell-content-expandable": "awsui_header-cell-content-expandable_1spae_1sbf1_219",
|
|
21
|
+
"header-cell-disabled": "awsui_header-cell-disabled_1spae_1sbf1_271",
|
|
22
|
+
"header-cell-sorted": "awsui_header-cell-sorted_1spae_1sbf1_271",
|
|
23
|
+
"header-cell-text": "awsui_header-cell-text_1spae_1sbf1_285",
|
|
24
|
+
"header-cell-text-wrap": "awsui_header-cell-text-wrap_1spae_1sbf1_289",
|
|
25
|
+
"header-cell-ascending": "awsui_header-cell-ascending_1spae_1sbf1_295",
|
|
26
|
+
"header-cell-descending": "awsui_header-cell-descending_1spae_1sbf1_296",
|
|
27
|
+
"is-visual-refresh": "awsui_is-visual-refresh_1spae_1sbf1_306",
|
|
28
|
+
"has-striped-rows": "awsui_has-striped-rows_1spae_1sbf1_320"
|
|
29
29
|
};
|
|
30
30
|
|
|
@@ -96,7 +96,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
96
96
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
97
97
|
SPDX-License-Identifier: Apache-2.0
|
|
98
98
|
*/
|
|
99
|
-
.awsui_header-
|
|
99
|
+
.awsui_header-cell_1spae_1sbf1_99:not(#\9) {
|
|
100
100
|
position: relative;
|
|
101
101
|
text-align: start;
|
|
102
102
|
box-sizing: border-box;
|
|
@@ -109,14 +109,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
109
109
|
padding-block: var(--space-scaled-xxs-7597g1, 4px);
|
|
110
110
|
padding-inline: var(--space-scaled-xs-26e2du, 8px);
|
|
111
111
|
}
|
|
112
|
-
body[data-awsui-focus-visible=true] .awsui_header-
|
|
112
|
+
body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1sbf1_99:not(#\9):focus {
|
|
113
113
|
position: relative;
|
|
114
114
|
}
|
|
115
|
-
body[data-awsui-focus-visible=true] .awsui_header-
|
|
115
|
+
body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1sbf1_99:not(#\9):focus {
|
|
116
116
|
outline: 2px dotted transparent;
|
|
117
117
|
outline-offset: calc(calc(-1 * var(--space-scaled-xxs-7597g1, 4px)) - 1px);
|
|
118
118
|
}
|
|
119
|
-
body[data-awsui-focus-visible=true] .awsui_header-
|
|
119
|
+
body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1sbf1_99:not(#\9):focus::before {
|
|
120
120
|
content: " ";
|
|
121
121
|
display: block;
|
|
122
122
|
position: absolute;
|
|
@@ -130,14 +130,14 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_3c3ej_99:not(#\9):f
|
|
|
130
130
|
border-end-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
|
|
131
131
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-b2ntyl, #0972d3);
|
|
132
132
|
}
|
|
133
|
-
body[data-awsui-focus-visible=true] .awsui_header-cell-fake-
|
|
133
|
+
body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1sbf1_99.awsui_header-cell-fake-focus_1spae_1sbf1_133:not(#\9) {
|
|
134
134
|
position: relative;
|
|
135
135
|
}
|
|
136
|
-
body[data-awsui-focus-visible=true] .awsui_header-cell-fake-
|
|
136
|
+
body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1sbf1_99.awsui_header-cell-fake-focus_1spae_1sbf1_133:not(#\9) {
|
|
137
137
|
outline: 2px dotted transparent;
|
|
138
138
|
outline-offset: calc(calc(-1 * var(--space-scaled-xxs-7597g1, 4px)) - 1px);
|
|
139
139
|
}
|
|
140
|
-
body[data-awsui-focus-visible=true] .awsui_header-cell-fake-
|
|
140
|
+
body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1sbf1_99.awsui_header-cell-fake-focus_1spae_1sbf1_133:not(#\9)::before {
|
|
141
141
|
content: " ";
|
|
142
142
|
display: block;
|
|
143
143
|
position: absolute;
|
|
@@ -151,19 +151,19 @@ body[data-awsui-focus-visible=true] .awsui_header-cell-fake-focus_1spae_3c3ej_13
|
|
|
151
151
|
border-end-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
|
|
152
152
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-b2ntyl, #0972d3);
|
|
153
153
|
}
|
|
154
|
-
.awsui_header-cell-
|
|
154
|
+
.awsui_header-cell-sticky_1spae_1sbf1_154:not(#\9) {
|
|
155
155
|
border-block-end: var(--border-table-sticky-width-87kf12, 1px) solid var(--color-border-divider-default-j74lyz, #b6bec9);
|
|
156
156
|
}
|
|
157
|
-
.awsui_header-cell-
|
|
157
|
+
.awsui_header-cell-stuck_1spae_1sbf1_157:not(#\9):not(.awsui_header-cell-variant-full-page_1spae_1sbf1_157) {
|
|
158
158
|
border-block-end-color: transparent;
|
|
159
159
|
}
|
|
160
|
-
.awsui_header-cell-variant-full-
|
|
160
|
+
.awsui_header-cell-variant-full-page_1spae_1sbf1_157.awsui_header-cell-hidden_1spae_1sbf1_160:not(#\9) {
|
|
161
161
|
border-block-end-color: transparent;
|
|
162
162
|
}
|
|
163
|
-
.awsui_header-
|
|
163
|
+
.awsui_header-cell_1spae_1sbf1_99:not(#\9):last-child, .awsui_header-cell_1spae_1sbf1_99.awsui_header-cell-sortable_1spae_1sbf1_163:not(#\9) {
|
|
164
164
|
padding-inline-end: var(--space-xs-zb16t3, 8px);
|
|
165
165
|
}
|
|
166
|
-
.awsui_header-
|
|
166
|
+
.awsui_header-cell_1spae_1sbf1_99.awsui_sticky-cell_1spae_1sbf1_166:not(#\9) {
|
|
167
167
|
position: sticky;
|
|
168
168
|
background: var(--color-background-table-header-82ew8p, #ffffff);
|
|
169
169
|
z-index: 798;
|
|
@@ -171,32 +171,32 @@ body[data-awsui-focus-visible=true] .awsui_header-cell-fake-focus_1spae_3c3ej_13
|
|
|
171
171
|
transition-duration: var(--motion-duration-transition-show-quick-osg026, 90ms);
|
|
172
172
|
transition-timing-function: var(--motion-easing-sticky-56u8cd, cubic-bezier(1, 0, 0.83, 1));
|
|
173
173
|
}
|
|
174
|
-
.awsui_header-
|
|
174
|
+
.awsui_header-cell_1spae_1sbf1_99.awsui_sticky-cell-pad-left_1spae_1sbf1_174:not(#\9):not(.awsui_has-selection_1spae_1sbf1_174) {
|
|
175
175
|
padding-inline-start: var(--space-table-horizontal-8davlm, 20px);
|
|
176
176
|
}
|
|
177
|
-
.awsui_header-
|
|
177
|
+
.awsui_header-cell_1spae_1sbf1_99.awsui_sticky-cell-last-left_1spae_1sbf1_177:not(#\9) {
|
|
178
178
|
box-shadow: var(--shadow-sticky-column-first-039dqs, 4px 0px 8px 1px rgba(0, 7, 22, 0.1));
|
|
179
179
|
clip-path: inset(0px -24px 0px 0px);
|
|
180
180
|
}
|
|
181
|
-
.awsui_header-
|
|
181
|
+
.awsui_header-cell_1spae_1sbf1_99.awsui_sticky-cell-last-left_1spae_1sbf1_177 > .awsui_resize-divider_1spae_1sbf1_181:not(#\9) {
|
|
182
182
|
display: none;
|
|
183
183
|
}
|
|
184
|
-
.awsui_header-
|
|
184
|
+
.awsui_header-cell_1spae_1sbf1_99.awsui_sticky-cell-last-right_1spae_1sbf1_184:not(#\9) {
|
|
185
185
|
box-shadow: var(--shadow-sticky-column-last-n170vw, -4px 0 8px 1px rgba(0, 28, 36, 0.1));
|
|
186
186
|
clip-path: inset(0 0 0 -24px);
|
|
187
187
|
}
|
|
188
188
|
@media (prefers-reduced-motion: reduce) {
|
|
189
|
-
.awsui_header-
|
|
189
|
+
.awsui_header-cell_1spae_1sbf1_99.awsui_sticky-cell_1spae_1sbf1_166:not(#\9) {
|
|
190
190
|
animation: none;
|
|
191
191
|
transition: none;
|
|
192
192
|
}
|
|
193
193
|
}
|
|
194
|
-
.awsui-motion-disabled .awsui_header-
|
|
194
|
+
.awsui-motion-disabled .awsui_header-cell_1spae_1sbf1_99.awsui_sticky-cell_1spae_1sbf1_166:not(#\9), .awsui-mode-entering .awsui_header-cell_1spae_1sbf1_99.awsui_sticky-cell_1spae_1sbf1_166:not(#\9) {
|
|
195
195
|
animation: none;
|
|
196
196
|
transition: none;
|
|
197
197
|
}
|
|
198
198
|
|
|
199
|
-
.awsui_sorting-
|
|
199
|
+
.awsui_sorting-icon_1spae_1sbf1_199:not(#\9) {
|
|
200
200
|
position: absolute;
|
|
201
201
|
inset-block-start: 50%;
|
|
202
202
|
transform: translateY(-50%);
|
|
@@ -204,96 +204,96 @@ body[data-awsui-focus-visible=true] .awsui_header-cell-fake-focus_1spae_3c3ej_13
|
|
|
204
204
|
color: var(--color-text-column-sorting-icon-8or30j, #414d5c);
|
|
205
205
|
}
|
|
206
206
|
|
|
207
|
-
.awsui_edit-
|
|
207
|
+
.awsui_edit-icon_1spae_1sbf1_207:not(#\9) {
|
|
208
208
|
margin-inline-start: var(--space-xxs-p8yyaw, 4px);
|
|
209
209
|
margin-block-start: var(--space-scaled-xxs-7597g1, 4px);
|
|
210
210
|
color: inherit;
|
|
211
211
|
}
|
|
212
212
|
|
|
213
|
-
.awsui_header-cell-
|
|
213
|
+
.awsui_header-cell-content_1spae_1sbf1_213:not(#\9) {
|
|
214
214
|
position: relative;
|
|
215
215
|
padding-block: var(--space-scaled-xxs-7597g1, 4px);
|
|
216
216
|
padding-inline-start: var(--space-s-34lx8l, 12px);
|
|
217
217
|
padding-inline-end: var(--space-s-34lx8l, 12px);
|
|
218
218
|
}
|
|
219
|
-
.awsui_header-cell-
|
|
219
|
+
.awsui_header-cell-content_1spae_1sbf1_213.awsui_header-cell-content-expandable_1spae_1sbf1_219:not(#\9) {
|
|
220
220
|
padding-inline-start: calc(var(--space-s-34lx8l, 12px) + var(--space-m-udix3p, 16px) + var(--space-xs-zb16t3, 8px));
|
|
221
221
|
}
|
|
222
|
-
.awsui_header-cell-
|
|
222
|
+
.awsui_header-cell-sortable_1spae_1sbf1_163 > .awsui_header-cell-content_1spae_1sbf1_213:not(#\9) {
|
|
223
223
|
padding-inline-end: calc(var(--space-xl-lmui9r, 24px) + var(--space-xxs-p8yyaw, 4px));
|
|
224
224
|
}
|
|
225
|
-
.awsui_header-cell-
|
|
225
|
+
.awsui_header-cell-content_1spae_1sbf1_213:not(#\9):focus {
|
|
226
226
|
outline: none;
|
|
227
227
|
text-decoration: none;
|
|
228
228
|
}
|
|
229
|
-
body[data-awsui-focus-visible=true] .awsui_header-cell-
|
|
229
|
+
body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_1sbf1_213:not(#\9):focus {
|
|
230
230
|
position: relative;
|
|
231
231
|
}
|
|
232
|
-
body[data-awsui-focus-visible=true] .awsui_header-cell-
|
|
232
|
+
body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_1sbf1_213:not(#\9):focus {
|
|
233
233
|
outline: 2px dotted transparent;
|
|
234
|
-
outline-offset: calc(var(--space-table-header-focus-outline-gutter-7js4en, 0px) - 1px);
|
|
234
|
+
outline-offset: calc(calc(-1 * var(--space-table-header-focus-outline-gutter-7js4en, 0px)) - 1px);
|
|
235
235
|
}
|
|
236
|
-
body[data-awsui-focus-visible=true] .awsui_header-cell-
|
|
236
|
+
body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_1sbf1_213:not(#\9):focus::before {
|
|
237
237
|
content: " ";
|
|
238
238
|
display: block;
|
|
239
239
|
position: absolute;
|
|
240
|
-
inset-inline-start: calc(-1 * var(--space-table-header-focus-outline-gutter-7js4en, 0px));
|
|
241
|
-
inset-block-start: calc(-1 * var(--space-table-header-focus-outline-gutter-7js4en, 0px));
|
|
242
|
-
inline-size: calc(100% + 2 * var(--space-table-header-focus-outline-gutter-7js4en, 0px));
|
|
243
|
-
block-size: calc(100% + 2 * var(--space-table-header-focus-outline-gutter-7js4en, 0px));
|
|
240
|
+
inset-inline-start: calc(-1 * calc(-1 * var(--space-table-header-focus-outline-gutter-7js4en, 0px)));
|
|
241
|
+
inset-block-start: calc(-1 * calc(-1 * var(--space-table-header-focus-outline-gutter-7js4en, 0px)));
|
|
242
|
+
inline-size: calc(100% + 2 * calc(-1 * var(--space-table-header-focus-outline-gutter-7js4en, 0px)));
|
|
243
|
+
block-size: calc(100% + 2 * calc(-1 * var(--space-table-header-focus-outline-gutter-7js4en, 0px)));
|
|
244
244
|
border-start-start-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
|
|
245
245
|
border-start-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
|
|
246
246
|
border-end-start-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
|
|
247
247
|
border-end-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
|
|
248
248
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-b2ntyl, #0972d3);
|
|
249
249
|
}
|
|
250
|
-
body[data-awsui-focus-visible=true] .awsui_header-cell-
|
|
250
|
+
body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_1sbf1_213.awsui_header-cell-fake-focus_1spae_1sbf1_133:not(#\9) {
|
|
251
251
|
position: relative;
|
|
252
252
|
}
|
|
253
|
-
body[data-awsui-focus-visible=true] .awsui_header-cell-
|
|
253
|
+
body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_1sbf1_213.awsui_header-cell-fake-focus_1spae_1sbf1_133:not(#\9) {
|
|
254
254
|
outline: 2px dotted transparent;
|
|
255
|
-
outline-offset: calc(var(--space-table-header-focus-outline-gutter-7js4en, 0px) - 1px);
|
|
255
|
+
outline-offset: calc(calc(-1 * var(--space-table-header-focus-outline-gutter-7js4en, 0px)) - 1px);
|
|
256
256
|
}
|
|
257
|
-
body[data-awsui-focus-visible=true] .awsui_header-cell-
|
|
257
|
+
body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_1sbf1_213.awsui_header-cell-fake-focus_1spae_1sbf1_133:not(#\9)::before {
|
|
258
258
|
content: " ";
|
|
259
259
|
display: block;
|
|
260
260
|
position: absolute;
|
|
261
|
-
inset-inline-start: calc(-1 * var(--space-table-header-focus-outline-gutter-7js4en, 0px));
|
|
262
|
-
inset-block-start: calc(-1 * var(--space-table-header-focus-outline-gutter-7js4en, 0px));
|
|
263
|
-
inline-size: calc(100% + 2 * var(--space-table-header-focus-outline-gutter-7js4en, 0px));
|
|
264
|
-
block-size: calc(100% + 2 * var(--space-table-header-focus-outline-gutter-7js4en, 0px));
|
|
261
|
+
inset-inline-start: calc(-1 * calc(-1 * var(--space-table-header-focus-outline-gutter-7js4en, 0px)));
|
|
262
|
+
inset-block-start: calc(-1 * calc(-1 * var(--space-table-header-focus-outline-gutter-7js4en, 0px)));
|
|
263
|
+
inline-size: calc(100% + 2 * calc(-1 * var(--space-table-header-focus-outline-gutter-7js4en, 0px)));
|
|
264
|
+
block-size: calc(100% + 2 * calc(-1 * var(--space-table-header-focus-outline-gutter-7js4en, 0px)));
|
|
265
265
|
border-start-start-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
|
|
266
266
|
border-start-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
|
|
267
267
|
border-end-start-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
|
|
268
268
|
border-end-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
|
|
269
269
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-b2ntyl, #0972d3);
|
|
270
270
|
}
|
|
271
|
-
.awsui_header-cell-
|
|
271
|
+
.awsui_header-cell-disabled_1spae_1sbf1_271.awsui_header-cell-sorted_1spae_1sbf1_271 > .awsui_header-cell-content_1spae_1sbf1_213 > .awsui_sorting-icon_1spae_1sbf1_199:not(#\9) {
|
|
272
272
|
color: var(--color-text-interactive-disabled-z7a3t4, #9ba7b6);
|
|
273
273
|
}
|
|
274
274
|
|
|
275
|
-
.awsui_header-cell-
|
|
275
|
+
.awsui_header-cell-sortable_1spae_1sbf1_163:not(#\9):not(.awsui_header-cell-disabled_1spae_1sbf1_271) > .awsui_header-cell-content_1spae_1sbf1_213 {
|
|
276
276
|
cursor: pointer;
|
|
277
277
|
}
|
|
278
|
-
.awsui_header-cell-
|
|
278
|
+
.awsui_header-cell-sortable_1spae_1sbf1_163:not(#\9):not(.awsui_header-cell-disabled_1spae_1sbf1_271) > .awsui_header-cell-content_1spae_1sbf1_213:hover, .awsui_header-cell-sortable_1spae_1sbf1_163:not(#\9):not(.awsui_header-cell-disabled_1spae_1sbf1_271).awsui_header-cell-sorted_1spae_1sbf1_271 > .awsui_header-cell-content_1spae_1sbf1_213 {
|
|
279
279
|
color: var(--color-text-interactive-active-ox3ozh, #000716);
|
|
280
280
|
}
|
|
281
|
-
.awsui_header-cell-
|
|
281
|
+
.awsui_header-cell-sortable_1spae_1sbf1_163:not(#\9):not(.awsui_header-cell-disabled_1spae_1sbf1_271) > .awsui_header-cell-content_1spae_1sbf1_213:hover > .awsui_sorting-icon_1spae_1sbf1_199, .awsui_header-cell-sortable_1spae_1sbf1_163:not(#\9):not(.awsui_header-cell-disabled_1spae_1sbf1_271).awsui_header-cell-sorted_1spae_1sbf1_271 > .awsui_header-cell-content_1spae_1sbf1_213 > .awsui_sorting-icon_1spae_1sbf1_199 {
|
|
282
282
|
color: var(--color-text-interactive-active-ox3ozh, #000716);
|
|
283
283
|
}
|
|
284
284
|
|
|
285
|
-
.awsui_header-cell-
|
|
285
|
+
.awsui_header-cell-text_1spae_1sbf1_285:not(#\9) {
|
|
286
286
|
line-height: var(--line-height-heading-xs-aeleja, 18px);
|
|
287
287
|
padding-block: calc(var(--space-xxxs-zbmxqb, 2px) / 2);
|
|
288
288
|
}
|
|
289
|
-
.awsui_header-cell-
|
|
289
|
+
.awsui_header-cell-text_1spae_1sbf1_285:not(#\9):not(.awsui_header-cell-text-wrap_1spae_1sbf1_289) {
|
|
290
290
|
white-space: nowrap;
|
|
291
291
|
overflow: hidden;
|
|
292
292
|
text-overflow: ellipsis;
|
|
293
293
|
}
|
|
294
294
|
|
|
295
|
-
.awsui_header-cell-
|
|
296
|
-
.awsui_header-cell-
|
|
295
|
+
.awsui_header-cell-ascending_1spae_1sbf1_295:not(#\9),
|
|
296
|
+
.awsui_header-cell-descending_1spae_1sbf1_296:not(#\9) {
|
|
297
297
|
/* used in test-utils */
|
|
298
298
|
}
|
|
299
299
|
|
|
@@ -303,44 +303,44 @@ with the left edge of the table as closely as possible. If the
|
|
|
303
303
|
last header cell is sortable the sort icon should align with the
|
|
304
304
|
settings icon in the pagination slot.
|
|
305
305
|
*/
|
|
306
|
-
.awsui_header-
|
|
306
|
+
.awsui_header-cell_1spae_1sbf1_99:not(#\9):not(.awsui_is-visual-refresh_1spae_1sbf1_306):first-child {
|
|
307
307
|
padding-inline-start: var(--space-xs-zb16t3, 8px);
|
|
308
308
|
}
|
|
309
|
-
.awsui_header-
|
|
309
|
+
.awsui_header-cell_1spae_1sbf1_99:not(#\9):not(.awsui_is-visual-refresh_1spae_1sbf1_306):first-child.awsui_header-cell-content-expandable_1spae_1sbf1_219 {
|
|
310
310
|
padding-inline-start: calc(var(--space-xs-zb16t3, 8px) + var(--space-m-udix3p, 16px) + var(--space-xs-zb16t3, 8px));
|
|
311
311
|
}
|
|
312
312
|
|
|
313
|
-
.awsui_header-
|
|
313
|
+
.awsui_header-cell_1spae_1sbf1_99.awsui_is-visual-refresh_1spae_1sbf1_306:not(#\9) {
|
|
314
314
|
/*
|
|
315
315
|
Striped rows requires additional left padding because the
|
|
316
316
|
shaded background makes the child content appear too close
|
|
317
317
|
to the table edge.
|
|
318
318
|
*/
|
|
319
319
|
}
|
|
320
|
-
.awsui_header-
|
|
320
|
+
.awsui_header-cell_1spae_1sbf1_99.awsui_is-visual-refresh_1spae_1sbf1_306:not(#\9):first-child:not(.awsui_has-striped-rows_1spae_1sbf1_320) {
|
|
321
321
|
padding-inline-start: var(--space-xxxs-zbmxqb, 2px);
|
|
322
322
|
}
|
|
323
|
-
.awsui_header-
|
|
323
|
+
.awsui_header-cell_1spae_1sbf1_99.awsui_is-visual-refresh_1spae_1sbf1_306:not(#\9):first-child:not(.awsui_has-striped-rows_1spae_1sbf1_320).awsui_header-cell-content-expandable_1spae_1sbf1_219 {
|
|
324
324
|
padding-inline-start: calc(var(--space-xxxs-zbmxqb, 2px) + var(--space-m-udix3p, 16px) + var(--space-xs-zb16t3, 8px));
|
|
325
325
|
}
|
|
326
|
-
.awsui_header-
|
|
326
|
+
.awsui_header-cell_1spae_1sbf1_99.awsui_is-visual-refresh_1spae_1sbf1_306:not(#\9):first-child:not(.awsui_has-striped-rows_1spae_1sbf1_320).awsui_sticky-cell-pad-left_1spae_1sbf1_174 {
|
|
327
327
|
padding-inline-start: var(--space-table-horizontal-8davlm, 20px);
|
|
328
328
|
}
|
|
329
|
-
.awsui_header-
|
|
329
|
+
.awsui_header-cell_1spae_1sbf1_99.awsui_is-visual-refresh_1spae_1sbf1_306:not(#\9):first-child:not(.awsui_has-striped-rows_1spae_1sbf1_320).awsui_sticky-cell-pad-left_1spae_1sbf1_174.awsui_header-cell-content-expandable_1spae_1sbf1_219 {
|
|
330
330
|
padding-inline-start: calc(var(--space-table-horizontal-8davlm, 20px) + var(--space-m-udix3p, 16px) + var(--space-xs-zb16t3, 8px));
|
|
331
331
|
}
|
|
332
|
-
.awsui_header-
|
|
332
|
+
.awsui_header-cell_1spae_1sbf1_99.awsui_is-visual-refresh_1spae_1sbf1_306:not(#\9):first-child.awsui_has-striped-rows_1spae_1sbf1_320 {
|
|
333
333
|
padding-inline-start: var(--space-xxs-p8yyaw, 4px);
|
|
334
334
|
}
|
|
335
|
-
.awsui_header-
|
|
335
|
+
.awsui_header-cell_1spae_1sbf1_99.awsui_is-visual-refresh_1spae_1sbf1_306:not(#\9):first-child.awsui_has-striped-rows_1spae_1sbf1_320.awsui_header-cell-content-expandable_1spae_1sbf1_219 {
|
|
336
336
|
padding-inline-start: calc(var(--space-xxs-p8yyaw, 4px) + var(--space-m-udix3p, 16px) + var(--space-xs-zb16t3, 8px));
|
|
337
337
|
}
|
|
338
|
-
.awsui_header-
|
|
338
|
+
.awsui_header-cell_1spae_1sbf1_99.awsui_is-visual-refresh_1spae_1sbf1_306:not(#\9):first-child > .awsui_header-cell-content_1spae_1sbf1_213 {
|
|
339
339
|
padding-inline-start: 0px;
|
|
340
340
|
}
|
|
341
|
-
.awsui_header-
|
|
341
|
+
.awsui_header-cell_1spae_1sbf1_99.awsui_is-visual-refresh_1spae_1sbf1_306:not(#\9):first-child > .awsui_header-cell-content_1spae_1sbf1_213.awsui_header-cell-content-expandable_1spae_1sbf1_219 {
|
|
342
342
|
padding-inline-start: calc(0px + var(--space-m-udix3p, 16px) + var(--space-xs-zb16t3, 8px));
|
|
343
343
|
}
|
|
344
|
-
.awsui_header-
|
|
344
|
+
.awsui_header-cell_1spae_1sbf1_99.awsui_is-visual-refresh_1spae_1sbf1_306:not(#\9):last-child.awsui_header-cell-sortable_1spae_1sbf1_163 {
|
|
345
345
|
padding-inline-end: var(--space-xxxs-zbmxqb, 2px);
|
|
346
346
|
}
|
|
@@ -2,30 +2,30 @@
|
|
|
2
2
|
// es-module interop with Babel and Typescript
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
module.exports.default = {
|
|
5
|
-
"header-cell": "awsui_header-
|
|
6
|
-
"header-cell-fake-focus": "awsui_header-cell-fake-
|
|
7
|
-
"header-cell-sticky": "awsui_header-cell-
|
|
8
|
-
"header-cell-stuck": "awsui_header-cell-
|
|
9
|
-
"header-cell-variant-full-page": "awsui_header-cell-variant-full-
|
|
10
|
-
"header-cell-hidden": "awsui_header-cell-
|
|
11
|
-
"header-cell-sortable": "awsui_header-cell-
|
|
12
|
-
"sticky-cell": "awsui_sticky-
|
|
13
|
-
"sticky-cell-pad-left": "awsui_sticky-cell-pad-
|
|
14
|
-
"has-selection": "awsui_has-
|
|
15
|
-
"sticky-cell-last-left": "awsui_sticky-cell-last-
|
|
16
|
-
"resize-divider": "awsui_resize-
|
|
17
|
-
"sticky-cell-last-right": "awsui_sticky-cell-last-
|
|
18
|
-
"sorting-icon": "awsui_sorting-
|
|
19
|
-
"edit-icon": "awsui_edit-
|
|
20
|
-
"header-cell-content": "awsui_header-cell-
|
|
21
|
-
"header-cell-content-expandable": "awsui_header-cell-content-
|
|
22
|
-
"header-cell-disabled": "awsui_header-cell-
|
|
23
|
-
"header-cell-sorted": "awsui_header-cell-
|
|
24
|
-
"header-cell-text": "awsui_header-cell-
|
|
25
|
-
"header-cell-text-wrap": "awsui_header-cell-text-
|
|
26
|
-
"header-cell-ascending": "awsui_header-cell-
|
|
27
|
-
"header-cell-descending": "awsui_header-cell-
|
|
28
|
-
"is-visual-refresh": "awsui_is-visual-
|
|
29
|
-
"has-striped-rows": "awsui_has-striped-
|
|
5
|
+
"header-cell": "awsui_header-cell_1spae_1sbf1_99",
|
|
6
|
+
"header-cell-fake-focus": "awsui_header-cell-fake-focus_1spae_1sbf1_133",
|
|
7
|
+
"header-cell-sticky": "awsui_header-cell-sticky_1spae_1sbf1_154",
|
|
8
|
+
"header-cell-stuck": "awsui_header-cell-stuck_1spae_1sbf1_157",
|
|
9
|
+
"header-cell-variant-full-page": "awsui_header-cell-variant-full-page_1spae_1sbf1_157",
|
|
10
|
+
"header-cell-hidden": "awsui_header-cell-hidden_1spae_1sbf1_160",
|
|
11
|
+
"header-cell-sortable": "awsui_header-cell-sortable_1spae_1sbf1_163",
|
|
12
|
+
"sticky-cell": "awsui_sticky-cell_1spae_1sbf1_166",
|
|
13
|
+
"sticky-cell-pad-left": "awsui_sticky-cell-pad-left_1spae_1sbf1_174",
|
|
14
|
+
"has-selection": "awsui_has-selection_1spae_1sbf1_174",
|
|
15
|
+
"sticky-cell-last-left": "awsui_sticky-cell-last-left_1spae_1sbf1_177",
|
|
16
|
+
"resize-divider": "awsui_resize-divider_1spae_1sbf1_181",
|
|
17
|
+
"sticky-cell-last-right": "awsui_sticky-cell-last-right_1spae_1sbf1_184",
|
|
18
|
+
"sorting-icon": "awsui_sorting-icon_1spae_1sbf1_199",
|
|
19
|
+
"edit-icon": "awsui_edit-icon_1spae_1sbf1_207",
|
|
20
|
+
"header-cell-content": "awsui_header-cell-content_1spae_1sbf1_213",
|
|
21
|
+
"header-cell-content-expandable": "awsui_header-cell-content-expandable_1spae_1sbf1_219",
|
|
22
|
+
"header-cell-disabled": "awsui_header-cell-disabled_1spae_1sbf1_271",
|
|
23
|
+
"header-cell-sorted": "awsui_header-cell-sorted_1spae_1sbf1_271",
|
|
24
|
+
"header-cell-text": "awsui_header-cell-text_1spae_1sbf1_285",
|
|
25
|
+
"header-cell-text-wrap": "awsui_header-cell-text-wrap_1spae_1sbf1_289",
|
|
26
|
+
"header-cell-ascending": "awsui_header-cell-ascending_1spae_1sbf1_295",
|
|
27
|
+
"header-cell-descending": "awsui_header-cell-descending_1spae_1sbf1_296",
|
|
28
|
+
"is-visual-refresh": "awsui_is-visual-refresh_1spae_1sbf1_306",
|
|
29
|
+
"has-striped-rows": "awsui_has-striped-rows_1spae_1sbf1_320"
|
|
30
30
|
};
|
|
31
31
|
|
package/table/internal.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/table/internal.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,mBAAmB,EAAc,MAAM,cAAc,CAAC;AA0D/D,eAAO,MAAM,sBAAsB,qBAWX,CAAC;AAEzB,QAAA,MAAM,aAAa,
|
|
1
|
+
{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/table/internal.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,mBAAmB,EAAc,MAAM,cAAc,CAAC;AA0D/D,eAAO,MAAM,sBAAsB,qBAWX,CAAC;AAEzB,QAAA,MAAM,aAAa,qBAweK,CAAC;AAEzB,eAAe,aAAa,CAAC"}
|
package/table/internal.js
CHANGED
|
@@ -239,14 +239,23 @@ const InternalTable = React.forwardRef((_a, ref) => {
|
|
|
239
239
|
React.createElement(Thead, Object.assign({ ref: theadRef, hidden: stickyHeader, onFocusedComponentChange: focusId => { var _a; return (_a = stickyHeaderRef.current) === null || _a === void 0 ? void 0 : _a.setFocus(focusId); } }, theadProps)),
|
|
240
240
|
React.createElement("tbody", null, loading || allItems.length === 0 ? (React.createElement("tr", null,
|
|
241
241
|
React.createElement(NoDataCell, { totalColumnsCount: totalColumnsCount, hasFooter: hasFooter, loading: loading, loadingText: loadingText, empty: empty, tableRef: tableRefObject, containerRef: wrapperMeasureRefObject }))) : (allItems.map((item, rowIndex) => {
|
|
242
|
-
const
|
|
243
|
-
const
|
|
244
|
-
const
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
242
|
+
const isFirstRow = rowIndex === 0;
|
|
243
|
+
const isLastRow = rowIndex === allItems.length - 1;
|
|
244
|
+
const sharedCellProps = {
|
|
245
|
+
isFirstRow,
|
|
246
|
+
isLastRow,
|
|
247
|
+
isVisualRefresh,
|
|
248
|
+
isSelected: hasSelection && isItemSelected(item),
|
|
249
|
+
isPrevSelected: hasSelection && !isFirstRow && isItemSelected(allItems[rowIndex - 1]),
|
|
250
|
+
isNextSelected: hasSelection && !isLastRow && isItemSelected(allItems[rowIndex + 1]),
|
|
251
|
+
isEvenRow: rowIndex % 2 === 0,
|
|
252
|
+
hasFooter,
|
|
253
|
+
stripedRows,
|
|
254
|
+
stickyState,
|
|
255
|
+
tableRole,
|
|
256
|
+
};
|
|
248
257
|
const expandableProps = getExpandableItemProps(item);
|
|
249
|
-
return (React.createElement("tr", Object.assign({ key: getItemKey(trackBy, item, rowIndex), className: clsx(styles.row, isSelected && styles['row-selected']), onFocus: ({ currentTarget }) => {
|
|
258
|
+
return (React.createElement("tr", Object.assign({ key: getItemKey(trackBy, item, rowIndex), className: clsx(styles.row, sharedCellProps.isSelected && styles['row-selected']), onFocus: ({ currentTarget }) => {
|
|
250
259
|
var _a;
|
|
251
260
|
// When an element inside table row receives focus we want to adjust the scroll.
|
|
252
261
|
// However, that behaviour is unwanted when the focus is received as result of a click
|
|
@@ -255,23 +264,23 @@ const InternalTable = React.forwardRef((_a, ref) => {
|
|
|
255
264
|
(_a = stickyHeaderRef.current) === null || _a === void 0 ? void 0 : _a.scrollToRow(currentTarget);
|
|
256
265
|
}
|
|
257
266
|
} }, focusMarkers.item, { onClick: onRowClickHandler && onRowClickHandler.bind(null, rowIndex, item), onContextMenu: onRowContextMenuHandler && onRowContextMenuHandler.bind(null, rowIndex, item) }, getTableRowRoleProps({ tableRole, firstIndex, rowIndex, expandableProps })),
|
|
258
|
-
|
|
267
|
+
hasSelection && (React.createElement(TableTdElement, Object.assign({}, sharedCellProps, { className: clsx(styles['selection-control']), wrapLines: false, hasSelection: true, columnId: selectionColumnId, colIndex: 0 }),
|
|
259
268
|
React.createElement(SelectionControl, Object.assign({ tableRole: tableRole, onFocusDown: moveFocusDown, onFocusUp: moveFocusUp, onShiftToggle: updateShiftToggle }, getItemSelectionProps(item))))),
|
|
260
269
|
visibleColumnDefinitions.map((column, colIndex) => {
|
|
261
270
|
var _a;
|
|
262
271
|
const isEditing = cellEditing.checkEditing({ rowIndex, colIndex });
|
|
263
272
|
const successfulEdit = cellEditing.checkLastSuccessfulEdit({ rowIndex, colIndex });
|
|
264
273
|
const isEditable = !!column.editConfig && !cellEditing.isLoading;
|
|
265
|
-
return (React.createElement(TableBodyCell, { key: getColumnKey(column, colIndex), style: resizableColumns
|
|
274
|
+
return (React.createElement(TableBodyCell, Object.assign({ key: getColumnKey(column, colIndex) }, sharedCellProps, { style: resizableColumns
|
|
266
275
|
? {}
|
|
267
276
|
: {
|
|
268
277
|
width: column.width,
|
|
269
278
|
minWidth: column.minWidth,
|
|
270
279
|
maxWidth: column.maxWidth,
|
|
271
|
-
}, ariaLabels: ariaLabels, column: column, item: item, wrapLines: wrapLines, isEditable: isEditable, isEditing: isEditing, isRowHeader: column.isRowHeader,
|
|
280
|
+
}, ariaLabels: ariaLabels, column: column, item: item, wrapLines: wrapLines, isEditable: isEditable, isEditing: isEditing, isRowHeader: column.isRowHeader, successfulEdit: successfulEdit, onEditStart: () => cellEditing.startEdit({ rowIndex, colIndex }), onEditEnd: editCancelled => cellEditing.completeEdit({ rowIndex, colIndex }, editCancelled), submitEdit: cellEditing.submitEdit, columnId: (_a = column.id) !== null && _a !== void 0 ? _a : colIndex, colIndex: colIndex + colIndexOffset,
|
|
272
281
|
// Expandable props only apply to the first data column of the table.
|
|
273
282
|
// When present, the cell content is decorated with expand toggles and extra paddings.
|
|
274
|
-
expandableProps: isExpandable && colIndex === 0 ? expandableProps : undefined }));
|
|
283
|
+
expandableProps: isExpandable && colIndex === 0 ? expandableProps : undefined })));
|
|
275
284
|
})));
|
|
276
285
|
}))))),
|
|
277
286
|
resizableColumns && React.createElement(ResizeTracker, null)),
|