@cloudscape-design/components 3.0.313 → 3.0.315

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 (74) hide show
  1. package/app-layout/index.js +1 -1
  2. package/app-layout/index.js.map +1 -1
  3. package/app-layout/visual-refresh/context.js +1 -1
  4. package/app-layout/visual-refresh/context.js.map +1 -1
  5. package/area-chart/internal.js +1 -1
  6. package/area-chart/internal.js.map +1 -1
  7. package/autosuggest/internal.js +1 -1
  8. package/autosuggest/internal.js.map +1 -1
  9. package/collection-preferences/index.js +1 -1
  10. package/collection-preferences/index.js.map +1 -1
  11. package/date-range-picker/index.js +1 -1
  12. package/date-range-picker/index.js.map +1 -1
  13. package/date-range-picker/time-offset.js +1 -1
  14. package/date-range-picker/time-offset.js.map +1 -1
  15. package/expandable-section/expandable-section-header.js +1 -1
  16. package/expandable-section/expandable-section-header.js.map +1 -1
  17. package/file-upload/internal.js +1 -1
  18. package/file-upload/internal.js.map +1 -1
  19. package/flashbar/common.js +1 -1
  20. package/flashbar/common.js.map +1 -1
  21. package/flashbar/flash.js +1 -1
  22. package/flashbar/flash.js.map +1 -1
  23. package/grid/internal.js +2 -2
  24. package/grid/internal.js.map +1 -1
  25. package/i18n/provider.js +1 -1
  26. package/i18n/provider.js.map +1 -1
  27. package/icon/internal.js +1 -1
  28. package/icon/internal.js.map +1 -1
  29. package/internal/base-component/styles.scoped.css +6 -0
  30. package/internal/components/masked-input/use-mask.js +2 -2
  31. package/internal/components/masked-input/use-mask.js.map +1 -1
  32. package/internal/components/option/index.js +1 -1
  33. package/internal/components/option/index.js.map +1 -1
  34. package/internal/environment.js +1 -1
  35. package/internal/generated/theming/index.cjs +54 -0
  36. package/internal/generated/theming/index.js +54 -0
  37. package/internal/hooks/check-controlled/index.js +1 -1
  38. package/internal/hooks/check-controlled/index.js.map +1 -1
  39. package/internal/hooks/use-controllable/index.js +1 -1
  40. package/internal/hooks/use-controllable/index.js.map +1 -1
  41. package/internal/hooks/use-visual-mode/index.js +1 -1
  42. package/internal/hooks/use-visual-mode/index.js.map +1 -1
  43. package/internal/manifest.json +1 -1
  44. package/internal/utils/check-safe-url.js +1 -1
  45. package/internal/utils/check-safe-url.js.map +1 -1
  46. package/internal/utils/locale/normalize-locale.js +1 -1
  47. package/internal/utils/locale/normalize-locale.js.map +1 -1
  48. package/mixed-line-bar-chart/internal.js +1 -1
  49. package/mixed-line-bar-chart/internal.js.map +1 -1
  50. package/package.json +1 -1
  51. package/pie-chart/styles.css.js +27 -27
  52. package/pie-chart/styles.scoped.css +44 -44
  53. package/pie-chart/styles.selectors.js +27 -27
  54. package/popover/index.js +1 -1
  55. package/popover/index.js.map +1 -1
  56. package/progress-bar/index.js +1 -1
  57. package/progress-bar/index.js.map +1 -1
  58. package/select/utils/check-option-value-field.js +1 -1
  59. package/select/utils/check-option-value-field.js.map +1 -1
  60. package/side-navigation/util.js +1 -1
  61. package/side-navigation/util.js.map +1 -1
  62. package/table/body-cell/styles.css.js +28 -28
  63. package/table/body-cell/styles.scoped.css +70 -70
  64. package/table/body-cell/styles.selectors.js +28 -28
  65. package/table/use-column-widths.js +1 -1
  66. package/table/use-column-widths.js.map +1 -1
  67. package/table/utils.js +1 -1
  68. package/table/utils.js.map +1 -1
  69. package/wizard/internal.js +1 -1
  70. package/wizard/internal.js.map +1 -1
  71. package/internal/logging.d.ts +0 -2
  72. package/internal/logging.d.ts.map +0 -1
  73. package/internal/logging.js +0 -14
  74. package/internal/logging.js.map +0 -1
@@ -90,7 +90,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
90
90
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
91
91
  SPDX-License-Identifier: Apache-2.0
92
92
  */
93
- .awsui_body-cell_c6tup_135f8_93:not(#\9) {
93
+ .awsui_body-cell_c6tup_11rnr_93:not(#\9) {
94
94
  box-sizing: border-box;
95
95
  padding: var(--space-scaled-xs-wbfgrv, 8px) var(--space-scaled-l-2rs0gk, 20px) calc(
96
96
  var(--space-scaled-xs-wbfgrv, 8px) + (var(--border-item-width-y36svo, 2px) - var(--border-divider-list-width-um3zli, 1px))
@@ -100,19 +100,19 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
100
100
  border-bottom: var(--border-divider-list-width-um3zli, 1px) solid var(--color-border-divider-default-9o8zql, #e9ebed);
101
101
  font-weight: inherit;
102
102
  }
103
- .awsui_body-cell_c6tup_135f8_93:not(#\9):not(.awsui_body-cell-wrap_c6tup_135f8_103) {
103
+ .awsui_body-cell_c6tup_11rnr_93:not(#\9):not(.awsui_body-cell-wrap_c6tup_11rnr_103) {
104
104
  white-space: nowrap;
105
105
  overflow: hidden;
106
106
  text-overflow: ellipsis;
107
107
  }
108
- .awsui_body-cell_c6tup_135f8_93:not(#\9):first-child {
108
+ .awsui_body-cell_c6tup_11rnr_93:not(#\9):first-child {
109
109
  border-left: var(--border-item-width-y36svo, 2px) solid transparent;
110
110
  }
111
- .awsui_body-cell_c6tup_135f8_93:not(#\9):last-child {
111
+ .awsui_body-cell_c6tup_11rnr_93:not(#\9):last-child {
112
112
  border-right: var(--border-item-width-y36svo, 2px) solid transparent;
113
113
  padding-right: calc(var(--space-l-f4l5gr, 20px) - var(--border-item-width-y36svo, 2px));
114
114
  }
115
- .awsui_body-cell_c6tup_135f8_93.awsui_is-visual-refresh_c6tup_135f8_115:not(#\9):first-child {
115
+ .awsui_body-cell_c6tup_11rnr_93.awsui_is-visual-refresh_c6tup_11rnr_115:not(#\9):first-child {
116
116
  /*
117
117
  Striped rows requires additional left padding because the
118
118
  shaded background makes the child content appear too close
@@ -124,55 +124,55 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
124
124
  that the placeholder border would consume.
125
125
  */
126
126
  }
127
- .awsui_body-cell_c6tup_135f8_93.awsui_is-visual-refresh_c6tup_135f8_115:not(#\9):first-child:not(.awsui_has-striped-rows_c6tup_135f8_127) {
127
+ .awsui_body-cell_c6tup_11rnr_93.awsui_is-visual-refresh_c6tup_11rnr_115:not(#\9):first-child:not(.awsui_has-striped-rows_c6tup_11rnr_127) {
128
128
  padding-left: var(--space-xxxs-j6dpcy, 2px);
129
129
  }
130
- .awsui_body-cell_c6tup_135f8_93.awsui_is-visual-refresh_c6tup_135f8_115:not(#\9):first-child:not(.awsui_has-striped-rows_c6tup_135f8_127):not(.awsui_body-cell-edit-active_c6tup_135f8_130).awsui_body-cell-editable_c6tup_135f8_130:hover {
130
+ .awsui_body-cell_c6tup_11rnr_93.awsui_is-visual-refresh_c6tup_11rnr_115:not(#\9):first-child:not(.awsui_has-striped-rows_c6tup_11rnr_127):not(.awsui_body-cell-edit-active_c6tup_11rnr_130).awsui_body-cell-editable_c6tup_11rnr_130:hover {
131
131
  padding-left: calc(var(--space-xxxs-j6dpcy, 2px) + var(--border-divider-list-width-um3zli, 1px));
132
132
  }
133
- .awsui_body-cell_c6tup_135f8_93.awsui_is-visual-refresh_c6tup_135f8_115:not(#\9):first-child:first-child.awsui_has-striped-rows_c6tup_135f8_127 {
133
+ .awsui_body-cell_c6tup_11rnr_93.awsui_is-visual-refresh_c6tup_11rnr_115:not(#\9):first-child:first-child.awsui_has-striped-rows_c6tup_11rnr_127 {
134
134
  padding-left: var(--space-xxs-ja5cp8, 4px);
135
135
  }
136
- .awsui_body-cell_c6tup_135f8_93.awsui_is-visual-refresh_c6tup_135f8_115:not(#\9):first-child:first-child.awsui_has-striped-rows-sticky-cell-pad-left_c6tup_135f8_136 {
136
+ .awsui_body-cell_c6tup_11rnr_93.awsui_is-visual-refresh_c6tup_11rnr_115:not(#\9):first-child:first-child.awsui_has-striped-rows-sticky-cell-pad-left_c6tup_11rnr_136 {
137
137
  padding-left: var(--space-table-horizontal-8ca8r3, 20px);
138
138
  }
139
- .awsui_body-cell_c6tup_135f8_93.awsui_is-visual-refresh_c6tup_135f8_115:not(#\9):first-child:not(.awsui_has-selection_c6tup_135f8_139):not(.awsui_body-cell-editable_c6tup_135f8_130) {
139
+ .awsui_body-cell_c6tup_11rnr_93.awsui_is-visual-refresh_c6tup_11rnr_115:not(#\9):first-child:not(.awsui_has-selection_c6tup_11rnr_139):not(.awsui_body-cell-editable_c6tup_11rnr_130) {
140
140
  border-left: none;
141
141
  }
142
- .awsui_body-cell_c6tup_135f8_93:not(#\9):first-child:not(.awsui_is-visual-refresh_c6tup_135f8_115) {
142
+ .awsui_body-cell_c6tup_11rnr_93:not(#\9):first-child:not(.awsui_is-visual-refresh_c6tup_11rnr_115) {
143
143
  padding-left: calc(var(--space-l-f4l5gr, 20px) - var(--border-item-width-y36svo, 2px));
144
144
  }
145
- .awsui_body-cell-first-row_c6tup_135f8_145:not(#\9) {
145
+ .awsui_body-cell-first-row_c6tup_11rnr_145:not(#\9) {
146
146
  border-top: var(--border-item-width-y36svo, 2px) solid transparent;
147
147
  }
148
- .awsui_body-cell-last-row_c6tup_135f8_148:not(#\9):not(.awsui_body-cell-selected_c6tup_135f8_148):not(.awsui_has-footer_c6tup_135f8_148) {
148
+ .awsui_body-cell-last-row_c6tup_11rnr_148:not(#\9):not(.awsui_body-cell-selected_c6tup_11rnr_148):not(.awsui_has-footer_c6tup_11rnr_148) {
149
149
  border-bottom: var(--border-item-width-y36svo, 2px) solid transparent;
150
150
  }
151
- .awsui_body-cell-last-row_c6tup_135f8_148:not(#\9):not(.awsui_body-cell-selected_c6tup_135f8_148).awsui_has-footer_c6tup_135f8_148 {
151
+ .awsui_body-cell-last-row_c6tup_11rnr_148:not(#\9):not(.awsui_body-cell-selected_c6tup_11rnr_148).awsui_has-footer_c6tup_11rnr_148 {
152
152
  /*
153
153
  Add a bottom border to the body cells of the last row as a separator between the
154
154
  table and the footer
155
155
  */
156
156
  border-bottom: var(--border-divider-section-width-orq175, 2px) solid var(--color-border-divider-default-9o8zql, #e9ebed);
157
157
  }
158
- .awsui_body-cell-shaded_c6tup_135f8_158:not(#\9) {
158
+ .awsui_body-cell-shaded_c6tup_11rnr_158:not(#\9) {
159
159
  background: var(--color-background-cell-shaded-oyxkf4, #f8f8f8);
160
160
  }
161
- .awsui_body-cell-selected_c6tup_135f8_148:not(#\9) {
161
+ .awsui_body-cell-selected_c6tup_11rnr_148:not(#\9) {
162
162
  background-color: var(--color-background-item-selected-ndi5zy, #f2f8fd);
163
163
  border-top: var(--border-item-width-y36svo, 2px) solid var(--color-border-item-selected-xoo46x, #0972d3);
164
164
  border-bottom: var(--border-item-width-y36svo, 2px) solid var(--color-border-item-selected-xoo46x, #0972d3);
165
165
  padding-bottom: var(--space-scaled-xs-wbfgrv, 8px);
166
166
  }
167
- .awsui_body-cell-selected_c6tup_135f8_148:not(#\9):first-child {
167
+ .awsui_body-cell-selected_c6tup_11rnr_148:not(#\9):first-child {
168
168
  border-left: var(--border-item-width-y36svo, 2px) solid var(--color-border-item-selected-xoo46x, #0972d3);
169
169
  border-radius: var(--border-radius-item-gyl0qr, 8px) 0 0 var(--border-radius-item-gyl0qr, 8px);
170
170
  }
171
- .awsui_body-cell-selected_c6tup_135f8_148:not(#\9):last-child {
171
+ .awsui_body-cell-selected_c6tup_11rnr_148:not(#\9):last-child {
172
172
  border-right: var(--border-item-width-y36svo, 2px) solid var(--color-border-item-selected-xoo46x, #0972d3);
173
173
  border-radius: 0 var(--border-radius-item-gyl0qr, 8px) var(--border-radius-item-gyl0qr, 8px) 0;
174
174
  }
175
- .awsui_body-cell_c6tup_135f8_93.awsui_sticky-cell_c6tup_135f8_175:not(#\9) {
175
+ .awsui_body-cell_c6tup_11rnr_93.awsui_sticky-cell_c6tup_11rnr_175:not(#\9) {
176
176
  position: sticky;
177
177
  background: var(--color-background-container-content-og3y0v, #ffffff);
178
178
  z-index: 798;
@@ -180,79 +180,79 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
180
180
  transition-duration: var(--motion-duration-transition-show-quick-tx10w8, 90ms);
181
181
  transition-timing-function: var(--motion-easing-sticky-c9pq0x, cubic-bezier(1, 0, 0.83, 1));
182
182
  }
183
- .awsui_body-cell_c6tup_135f8_93.awsui_sticky-cell-pad-left_c6tup_135f8_183:not(#\9):not(.awsui_has-selection_c6tup_135f8_139):not(.awsui_is-visual-refresh_c6tup_135f8_115.awsui_body-cell_c6tup_135f8_93:first-child.awsui_has-striped-rows_c6tup_135f8_127) {
183
+ .awsui_body-cell_c6tup_11rnr_93.awsui_sticky-cell-pad-left_c6tup_11rnr_183:not(#\9):not(.awsui_has-selection_c6tup_11rnr_139):not(.awsui_is-visual-refresh_c6tup_11rnr_115.awsui_body-cell_c6tup_11rnr_93:first-child.awsui_has-striped-rows_c6tup_11rnr_127) {
184
184
  padding-left: var(--space-table-horizontal-8ca8r3, 20px);
185
185
  }
186
- .awsui_body-cell_c6tup_135f8_93.awsui_sticky-cell_c6tup_135f8_175.awsui_body-cell-shaded_c6tup_135f8_158:not(#\9) {
186
+ .awsui_body-cell_c6tup_11rnr_93.awsui_sticky-cell_c6tup_11rnr_175.awsui_body-cell-shaded_c6tup_11rnr_158:not(#\9) {
187
187
  background: var(--color-background-cell-shaded-oyxkf4, #f8f8f8);
188
188
  }
189
- .awsui_body-cell_c6tup_135f8_93.awsui_sticky-cell_c6tup_135f8_175.awsui_body-cell-selected_c6tup_135f8_148:not(#\9) {
189
+ .awsui_body-cell_c6tup_11rnr_93.awsui_sticky-cell_c6tup_11rnr_175.awsui_body-cell-selected_c6tup_11rnr_148:not(#\9) {
190
190
  background-color: var(--color-background-item-selected-ndi5zy, #f2f8fd);
191
191
  }
192
- .awsui_body-cell_c6tup_135f8_93.awsui_sticky-cell_c6tup_135f8_175.awsui_body-cell-selected_c6tup_135f8_148:not(#\9):first-child {
192
+ .awsui_body-cell_c6tup_11rnr_93.awsui_sticky-cell_c6tup_11rnr_175.awsui_body-cell-selected_c6tup_11rnr_148:not(#\9):first-child {
193
193
  box-shadow: 0 0 0 4px var(--color-background-container-content-og3y0v, #ffffff);
194
194
  clip-path: inset(0 0 0 0);
195
195
  }
196
- .awsui_body-cell_c6tup_135f8_93.awsui_sticky-cell_c6tup_135f8_175.awsui_body-cell-selected_c6tup_135f8_148:not(#\9):last-child {
196
+ .awsui_body-cell_c6tup_11rnr_93.awsui_sticky-cell_c6tup_11rnr_175.awsui_body-cell-selected_c6tup_11rnr_148:not(#\9):last-child {
197
197
  box-shadow: 4px 0 0 0 var(--color-background-container-content-og3y0v, #ffffff);
198
198
  clip-path: inset(0 0 0 0);
199
199
  }
200
- .awsui_body-cell_c6tup_135f8_93.awsui_sticky-cell_c6tup_135f8_175.awsui_body-cell-selected_c6tup_135f8_148:not(#\9):last-child.awsui_sticky-cell-last-right_c6tup_135f8_200 {
200
+ .awsui_body-cell_c6tup_11rnr_93.awsui_sticky-cell_c6tup_11rnr_175.awsui_body-cell-selected_c6tup_11rnr_148:not(#\9):last-child.awsui_sticky-cell-last-right_c6tup_11rnr_200 {
201
201
  box-shadow: var(--shadow-sticky-column-last-gplke4, -4px 0 20px 1px rgba(0, 28, 36, 0.1)), 8px 0 0 0 var(--color-background-container-content-og3y0v, #ffffff);
202
202
  clip-path: inset(0 0 0 -24px);
203
203
  }
204
- .awsui_body-cell_c6tup_135f8_93.awsui_sticky-cell-last-left_c6tup_135f8_204:not(#\9) {
204
+ .awsui_body-cell_c6tup_11rnr_93.awsui_sticky-cell-last-left_c6tup_11rnr_204:not(#\9) {
205
205
  box-shadow: var(--shadow-sticky-column-first-n8r2og, 4px 0px 20px 1px rgba(0, 7, 22, 0.1));
206
206
  clip-path: inset(0px -24px 0px 0px);
207
207
  }
208
- .awsui_body-cell_c6tup_135f8_93.awsui_sticky-cell-last-right_c6tup_135f8_200:not(#\9) {
208
+ .awsui_body-cell_c6tup_11rnr_93.awsui_sticky-cell-last-right_c6tup_11rnr_200:not(#\9) {
209
209
  box-shadow: var(--shadow-sticky-column-last-gplke4, -4px 0 20px 1px rgba(0, 28, 36, 0.1));
210
210
  clip-path: inset(0 0 0 -24px);
211
211
  }
212
212
  @media (prefers-reduced-motion: reduce) {
213
- .awsui_body-cell_c6tup_135f8_93.awsui_sticky-cell_c6tup_135f8_175:not(#\9) {
213
+ .awsui_body-cell_c6tup_11rnr_93.awsui_sticky-cell_c6tup_11rnr_175:not(#\9) {
214
214
  animation: none;
215
215
  transition: none;
216
216
  }
217
217
  }
218
- .awsui-motion-disabled .awsui_body-cell_c6tup_135f8_93.awsui_sticky-cell_c6tup_135f8_175:not(#\9), .awsui-mode-entering .awsui_body-cell_c6tup_135f8_93.awsui_sticky-cell_c6tup_135f8_175:not(#\9) {
218
+ .awsui-motion-disabled .awsui_body-cell_c6tup_11rnr_93.awsui_sticky-cell_c6tup_11rnr_175:not(#\9), .awsui-mode-entering .awsui_body-cell_c6tup_11rnr_93.awsui_sticky-cell_c6tup_11rnr_175:not(#\9) {
219
219
  animation: none;
220
220
  transition: none;
221
221
  }
222
- .awsui_body-cell-selected_c6tup_135f8_148:not(#\9):not(:first-child) {
222
+ .awsui_body-cell-selected_c6tup_11rnr_148:not(#\9):not(:first-child) {
223
223
  padding-top: calc(
224
224
  var(--space-scaled-xs-wbfgrv, 8px) + (var(--border-item-width-y36svo, 2px) - var(--border-divider-list-width-um3zli, 1px))
225
225
  );
226
226
  }
227
- .awsui_body-cell_c6tup_135f8_93:not(#\9):not(.awsui_body-cell-selected_c6tup_135f8_148).awsui_body-cell-next-selected_c6tup_135f8_227 {
227
+ .awsui_body-cell_c6tup_11rnr_93:not(#\9):not(.awsui_body-cell-selected_c6tup_11rnr_148).awsui_body-cell-next-selected_c6tup_11rnr_227 {
228
228
  border-bottom: 0;
229
229
  padding-bottom: calc(var(--space-scaled-xs-wbfgrv, 8px) + var(--border-divider-list-width-um3zli, 1px));
230
230
  }
231
- .awsui_body-cell-selected_c6tup_135f8_148.awsui_body-cell-prev-selected_c6tup_135f8_231:not(#\9) {
231
+ .awsui_body-cell-selected_c6tup_11rnr_148.awsui_body-cell-prev-selected_c6tup_11rnr_231:not(#\9) {
232
232
  padding-top: calc(
233
233
  var(--space-scaled-xs-wbfgrv, 8px) + (var(--border-item-width-y36svo, 2px) - var(--border-divider-list-width-um3zli, 1px))
234
234
  );
235
235
  border-top: var(--border-divider-list-width-um3zli, 1px) solid var(--color-border-item-placeholder-yrwdru, #0972d3);
236
236
  }
237
- .awsui_body-cell-selected_c6tup_135f8_148.awsui_body-cell-next-selected_c6tup_135f8_227:not(#\9) {
237
+ .awsui_body-cell-selected_c6tup_11rnr_148.awsui_body-cell-next-selected_c6tup_11rnr_227:not(#\9) {
238
238
  border-bottom-width: var(--border-divider-list-width-um3zli, 1px);
239
239
  }
240
- .awsui_body-cell-selected_c6tup_135f8_148.awsui_body-cell-next-selected_c6tup_135f8_227:not(#\9):first-child {
240
+ .awsui_body-cell-selected_c6tup_11rnr_148.awsui_body-cell-next-selected_c6tup_11rnr_227:not(#\9):first-child {
241
241
  border-bottom-left-radius: 0;
242
242
  }
243
- .awsui_body-cell-selected_c6tup_135f8_148.awsui_body-cell-next-selected_c6tup_135f8_227:not(#\9):last-child {
243
+ .awsui_body-cell-selected_c6tup_11rnr_148.awsui_body-cell-next-selected_c6tup_11rnr_227:not(#\9):last-child {
244
244
  border-bottom-right-radius: 0;
245
245
  }
246
- .awsui_body-cell-selected_c6tup_135f8_148.awsui_body-cell-prev-selected_c6tup_135f8_231:not(#\9):first-child {
246
+ .awsui_body-cell-selected_c6tup_11rnr_148.awsui_body-cell-prev-selected_c6tup_11rnr_231:not(#\9):first-child {
247
247
  border-top-left-radius: 0;
248
248
  }
249
- .awsui_body-cell-selected_c6tup_135f8_148.awsui_body-cell-prev-selected_c6tup_135f8_231:not(#\9):last-child {
249
+ .awsui_body-cell-selected_c6tup_11rnr_148.awsui_body-cell-prev-selected_c6tup_11rnr_231:not(#\9):last-child {
250
250
  border-top-right-radius: 0;
251
251
  }
252
- .awsui_body-cell-selected_c6tup_135f8_148:not(#\9):not(.awsui_body-cell-prev-selected_c6tup_135f8_231) {
252
+ .awsui_body-cell-selected_c6tup_11rnr_148:not(#\9):not(.awsui_body-cell-prev-selected_c6tup_11rnr_231) {
253
253
  padding-top: var(--space-scaled-xs-wbfgrv, 8px);
254
254
  }
255
- .awsui_body-cell-success_c6tup_135f8_255:not(#\9), .awsui_body-cell-editor_c6tup_135f8_255:not(#\9) {
255
+ .awsui_body-cell-success_c6tup_11rnr_255:not(#\9), .awsui_body-cell-editor_c6tup_11rnr_255:not(#\9) {
256
256
  top: 0;
257
257
  right: 0;
258
258
  bottom: 0;
@@ -268,68 +268,68 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
268
268
  padding-right: calc(var(--space-xs-edba2s, 8px) + var(--space-xxs-ja5cp8, 4px));
269
269
  color: var(--color-text-button-normal-default-x2bilf, #0972d3);
270
270
  }
271
- .awsui_body-cell-success_c6tup_135f8_255:not(#\9):hover, .awsui_body-cell-editor_c6tup_135f8_255:not(#\9):hover {
271
+ .awsui_body-cell-success_c6tup_11rnr_255:not(#\9):hover, .awsui_body-cell-editor_c6tup_11rnr_255:not(#\9):hover {
272
272
  color: var(--color-text-button-normal-hover-deauoa, #033160);
273
273
  }
274
- .awsui_body-cell-success_c6tup_135f8_255:not(#\9):active, .awsui_body-cell-editor_c6tup_135f8_255:not(#\9):active {
274
+ .awsui_body-cell-success_c6tup_11rnr_255:not(#\9):active, .awsui_body-cell-editor_c6tup_11rnr_255:not(#\9):active {
275
275
  color: var(--color-text-button-normal-active-avnl7f, #033160);
276
276
  }
277
- .awsui_body-cell-success-form_c6tup_135f8_277:not(#\9), .awsui_body-cell-editor-form_c6tup_135f8_277:not(#\9) {
277
+ .awsui_body-cell-success-form_c6tup_11rnr_277:not(#\9), .awsui_body-cell-editor-form_c6tup_11rnr_277:not(#\9) {
278
278
  margin: calc(-1 * var(--space-xs-edba2s, 8px)) calc(-1.5 * var(--space-xs-edba2s, 8px));
279
279
  }
280
- .awsui_is-visual-refresh_c6tup_135f8_115.awsui_body-cell_c6tup_135f8_93:not(#\9):first-child.awsui_has-striped-rows_c6tup_135f8_127 > .awsui_body-cell-success-form_c6tup_135f8_277, .awsui_is-visual-refresh_c6tup_135f8_115.awsui_body-cell_c6tup_135f8_93:not(#\9):first-child.awsui_has-striped-rows_c6tup_135f8_127 > .awsui_body-cell-editor-form_c6tup_135f8_277 {
280
+ .awsui_is-visual-refresh_c6tup_11rnr_115.awsui_body-cell_c6tup_11rnr_93:not(#\9):first-child.awsui_has-striped-rows_c6tup_11rnr_127 > .awsui_body-cell-success-form_c6tup_11rnr_277, .awsui_is-visual-refresh_c6tup_11rnr_115.awsui_body-cell_c6tup_11rnr_93:not(#\9):first-child.awsui_has-striped-rows_c6tup_11rnr_127 > .awsui_body-cell-editor-form_c6tup_11rnr_277 {
281
281
  margin-left: calc(-1 * var(--space-xxs-ja5cp8, 4px));
282
282
  }
283
- .awsui_is-visual-refresh_c6tup_135f8_115.awsui_body-cell_c6tup_135f8_93:not(#\9):first-child:not(.awsui_has-striped-rows_c6tup_135f8_127) > .awsui_body-cell-success-form_c6tup_135f8_277, .awsui_is-visual-refresh_c6tup_135f8_115.awsui_body-cell_c6tup_135f8_93:not(#\9):first-child:not(.awsui_has-striped-rows_c6tup_135f8_127) > .awsui_body-cell-editor-form_c6tup_135f8_277 {
283
+ .awsui_is-visual-refresh_c6tup_11rnr_115.awsui_body-cell_c6tup_11rnr_93:not(#\9):first-child:not(.awsui_has-striped-rows_c6tup_11rnr_127) > .awsui_body-cell-success-form_c6tup_11rnr_277, .awsui_is-visual-refresh_c6tup_11rnr_115.awsui_body-cell_c6tup_11rnr_93:not(#\9):first-child:not(.awsui_has-striped-rows_c6tup_11rnr_127) > .awsui_body-cell-editor-form_c6tup_11rnr_277 {
284
284
  margin-left: calc(-1 * var(--space-xxxs-j6dpcy, 2px));
285
285
  }
286
- .awsui_body-cell-success-row_c6tup_135f8_286:not(#\9), .awsui_body-cell-editor-row_c6tup_135f8_286:not(#\9) {
286
+ .awsui_body-cell-success-row_c6tup_11rnr_286:not(#\9), .awsui_body-cell-editor-row_c6tup_11rnr_286:not(#\9) {
287
287
  display: flex;
288
288
  flex-flow: row nowrap;
289
289
  align-items: center;
290
290
  justify-content: space-between;
291
291
  column-gap: var(--space-xxs-ja5cp8, 4px);
292
292
  }
293
- .awsui_body-cell-success-row_c6tup_135f8_286 > :not(#\9):not(:last-child), .awsui_body-cell-editor-row_c6tup_135f8_286 > :not(#\9):not(:last-child) {
293
+ .awsui_body-cell-success-row_c6tup_11rnr_286 > :not(#\9):not(:last-child), .awsui_body-cell-editor-row_c6tup_11rnr_286 > :not(#\9):not(:last-child) {
294
294
  flex-grow: 1;
295
295
  }
296
- .awsui_body-cell-success-controls_c6tup_135f8_296:not(#\9), .awsui_body-cell-editor-controls_c6tup_135f8_296:not(#\9) {
296
+ .awsui_body-cell-success-controls_c6tup_11rnr_296:not(#\9), .awsui_body-cell-editor-controls_c6tup_11rnr_296:not(#\9) {
297
297
  flex-shrink: 0;
298
298
  }
299
- .awsui_body-cell_c6tup_135f8_93.awsui_body-cell-editable_c6tup_135f8_130:not(#\9) {
299
+ .awsui_body-cell_c6tup_11rnr_93.awsui_body-cell-editable_c6tup_11rnr_130:not(#\9) {
300
300
  position: relative;
301
301
  cursor: pointer;
302
302
  }
303
- .awsui_body-cell_c6tup_135f8_93.awsui_body-cell-editable_c6tup_135f8_130.awsui_sticky-cell_c6tup_135f8_175:not(#\9) {
303
+ .awsui_body-cell_c6tup_11rnr_93.awsui_body-cell-editable_c6tup_11rnr_130.awsui_sticky-cell_c6tup_11rnr_175:not(#\9) {
304
304
  position: sticky;
305
305
  }
306
- .awsui_body-cell_c6tup_135f8_93.awsui_body-cell-editable_c6tup_135f8_130.awsui_body-cell-edit-active_c6tup_135f8_130:not(#\9) {
306
+ .awsui_body-cell_c6tup_11rnr_93.awsui_body-cell-editable_c6tup_11rnr_130.awsui_body-cell-edit-active_c6tup_11rnr_130:not(#\9) {
307
307
  overflow: visible;
308
308
  }
309
- .awsui_body-cell_c6tup_135f8_93.awsui_body-cell-editable_c6tup_135f8_130.awsui_body-cell-edit-active_c6tup_135f8_130.awsui_sticky-cell_c6tup_135f8_175:not(#\9) {
309
+ .awsui_body-cell_c6tup_11rnr_93.awsui_body-cell-editable_c6tup_11rnr_130.awsui_body-cell-edit-active_c6tup_11rnr_130.awsui_sticky-cell_c6tup_11rnr_175:not(#\9) {
310
310
  position: sticky;
311
311
  }
312
- .awsui_body-cell_c6tup_135f8_93.awsui_body-cell-editable_c6tup_135f8_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_135f8_130) > .awsui_body-cell-editor_c6tup_135f8_255 {
312
+ .awsui_body-cell_c6tup_11rnr_93.awsui_body-cell-editable_c6tup_11rnr_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_11rnr_130) > .awsui_body-cell-editor_c6tup_11rnr_255 {
313
313
  opacity: 0;
314
314
  }
315
- .awsui_body-cell_c6tup_135f8_93.awsui_body-cell-editable_c6tup_135f8_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_135f8_130).awsui_body-cell-has-success_c6tup_135f8_315 {
315
+ .awsui_body-cell_c6tup_11rnr_93.awsui_body-cell-editable_c6tup_11rnr_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_11rnr_130).awsui_body-cell-has-success_c6tup_11rnr_315 {
316
316
  padding-right: calc(var(--space-scaled-l-2rs0gk, 20px) + var(--space-l-f4l5gr, 20px));
317
317
  }
318
- .awsui_body-cell_c6tup_135f8_93.awsui_body-cell-editable_c6tup_135f8_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_135f8_130):focus-within {
318
+ .awsui_body-cell_c6tup_11rnr_93.awsui_body-cell-editable_c6tup_11rnr_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_11rnr_130):focus-within {
319
319
  padding-right: calc(var(--space-scaled-l-2rs0gk, 20px) + var(--space-l-f4l5gr, 20px));
320
320
  position: relative;
321
321
  }
322
- .awsui_body-cell_c6tup_135f8_93.awsui_body-cell-editable_c6tup_135f8_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_135f8_130):focus-within > .awsui_body-cell-editor_c6tup_135f8_255 {
322
+ .awsui_body-cell_c6tup_11rnr_93.awsui_body-cell-editable_c6tup_11rnr_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_11rnr_130):focus-within > .awsui_body-cell-editor_c6tup_11rnr_255 {
323
323
  opacity: 1;
324
324
  }
325
- .awsui_body-cell_c6tup_135f8_93.awsui_body-cell-editable_c6tup_135f8_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_135f8_130):focus-within > .awsui_body-cell-success_c6tup_135f8_255 {
325
+ .awsui_body-cell_c6tup_11rnr_93.awsui_body-cell-editable_c6tup_11rnr_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_11rnr_130):focus-within > .awsui_body-cell-success_c6tup_11rnr_255 {
326
326
  opacity: 0;
327
327
  }
328
- .awsui_body-cell_c6tup_135f8_93.awsui_body-cell-editable_c6tup_135f8_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_135f8_130):focus-within {
328
+ .awsui_body-cell_c6tup_11rnr_93.awsui_body-cell-editable_c6tup_11rnr_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_11rnr_130):focus-within {
329
329
  outline: 2px dotted transparent;
330
330
  outline-offset: calc(calc(-1 * var(--space-scaled-xxs-t2t62i, 4px)) - 1px);
331
331
  }
332
- .awsui_body-cell_c6tup_135f8_93.awsui_body-cell-editable_c6tup_135f8_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_135f8_130):focus-within::before {
332
+ .awsui_body-cell_c6tup_11rnr_93.awsui_body-cell-editable_c6tup_11rnr_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_11rnr_130):focus-within::before {
333
333
  content: " ";
334
334
  display: block;
335
335
  position: absolute;
@@ -340,46 +340,46 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
340
340
  border-radius: var(--border-radius-control-default-focus-ring-muizvi, 4px);
341
341
  box-shadow: 0 0 0 2px var(--color-border-item-focused-4t19h5, #0972d3);
342
342
  }
343
- .awsui_body-cell_c6tup_135f8_93.awsui_body-cell-editable_c6tup_135f8_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_135f8_130):hover {
343
+ .awsui_body-cell_c6tup_11rnr_93.awsui_body-cell-editable_c6tup_11rnr_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_11rnr_130):hover {
344
344
  position: relative;
345
345
  background-color: var(--color-background-dropdown-item-hover-gvdk4u, #f4f4f4);
346
- border: var(--border-divider-list-width-um3zli, 1px) solid var(--color-border-control-default-v28icv, #7d8998);
346
+ border: var(--border-divider-list-width-um3zli, 1px) solid var(--color-border-editable-cell-hover-zeuchn, #7d8998);
347
347
  left: calc(-1 * var(--border-divider-list-width-um3zli, 1px));
348
348
  right: calc(-1 * var(--border-divider-list-width-um3zli, 1px));
349
349
  padding-right: calc(var(--space-scaled-l-2rs0gk, 20px) + var(--space-l-f4l5gr, 20px));
350
350
  }
351
- .awsui_body-cell_c6tup_135f8_93.awsui_body-cell-editable_c6tup_135f8_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_135f8_130):hover > .awsui_body-cell-editor_c6tup_135f8_255 {
351
+ .awsui_body-cell_c6tup_11rnr_93.awsui_body-cell-editable_c6tup_11rnr_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_11rnr_130):hover > .awsui_body-cell-editor_c6tup_11rnr_255 {
352
352
  opacity: 1;
353
353
  }
354
- .awsui_body-cell_c6tup_135f8_93.awsui_body-cell-editable_c6tup_135f8_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_135f8_130):hover > .awsui_body-cell-success_c6tup_135f8_255 {
354
+ .awsui_body-cell_c6tup_11rnr_93.awsui_body-cell-editable_c6tup_11rnr_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_11rnr_130):hover > .awsui_body-cell-success_c6tup_11rnr_255 {
355
355
  opacity: 0;
356
356
  }
357
- .awsui_body-cell_c6tup_135f8_93.awsui_body-cell-editable_c6tup_135f8_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_135f8_130):hover:first-child {
357
+ .awsui_body-cell_c6tup_11rnr_93.awsui_body-cell-editable_c6tup_11rnr_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_11rnr_130):hover:first-child {
358
358
  left: 0;
359
359
  right: 0;
360
360
  }
361
- .awsui_body-cell_c6tup_135f8_93.awsui_body-cell-editable_c6tup_135f8_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_135f8_130):hover > .awsui_body-cell-editor_c6tup_135f8_255 {
361
+ .awsui_body-cell_c6tup_11rnr_93.awsui_body-cell-editable_c6tup_11rnr_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_11rnr_130):hover > .awsui_body-cell-editor_c6tup_11rnr_255 {
362
362
  padding-right: calc(var(--space-xs-edba2s, 8px) + var(--space-xxs-ja5cp8, 4px) - (2 * var(--border-divider-list-width-um3zli, 1px)));
363
363
  }
364
- .awsui_body-cell_c6tup_135f8_93.awsui_body-cell-editable_c6tup_135f8_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_135f8_130):hover.awsui_body-cell-last-row_c6tup_135f8_148.awsui_body-cell-selected_c6tup_135f8_148, .awsui_body-cell_c6tup_135f8_93.awsui_body-cell-editable_c6tup_135f8_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_135f8_130):hover.awsui_body-cell-next-selected_c6tup_135f8_227 {
364
+ .awsui_body-cell_c6tup_11rnr_93.awsui_body-cell-editable_c6tup_11rnr_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_11rnr_130):hover.awsui_body-cell-last-row_c6tup_11rnr_148.awsui_body-cell-selected_c6tup_11rnr_148, .awsui_body-cell_c6tup_11rnr_93.awsui_body-cell-editable_c6tup_11rnr_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_11rnr_130):hover.awsui_body-cell-next-selected_c6tup_11rnr_227 {
365
365
  padding-top: calc(var(--space-scaled-xs-wbfgrv, 8px) - calc(var(--border-divider-list-width-um3zli, 1px) / 2));
366
366
  padding-bottom: calc(var(--space-scaled-xs-wbfgrv, 8px) - calc(var(--border-divider-list-width-um3zli, 1px) / 2));
367
367
  }
368
- .awsui_body-cell_c6tup_135f8_93.awsui_body-cell-editable_c6tup_135f8_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_135f8_130):hover.awsui_body-cell-last-row_c6tup_135f8_148:not(.awsui_body-cell-selected_c6tup_135f8_148) {
368
+ .awsui_body-cell_c6tup_11rnr_93.awsui_body-cell-editable_c6tup_11rnr_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_11rnr_130):hover.awsui_body-cell-last-row_c6tup_11rnr_148:not(.awsui_body-cell-selected_c6tup_11rnr_148) {
369
369
  padding-top: calc(var(--space-scaled-xs-wbfgrv, 8px) - calc(var(--border-divider-list-width-um3zli, 1px)));
370
370
  }
371
- .awsui_body-cell_c6tup_135f8_93.awsui_body-cell-editable_c6tup_135f8_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_135f8_130):hover.awsui_body-cell-first-row_c6tup_135f8_145:not(.awsui_body-cell-selected_c6tup_135f8_148) {
371
+ .awsui_body-cell_c6tup_11rnr_93.awsui_body-cell-editable_c6tup_11rnr_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_11rnr_130):hover.awsui_body-cell-first-row_c6tup_11rnr_145:not(.awsui_body-cell-selected_c6tup_11rnr_148) {
372
372
  padding-top: calc(var(--space-scaled-xs-wbfgrv, 8px) - calc(var(--border-divider-list-width-um3zli, 1px)));
373
373
  padding-bottom: calc(var(--space-scaled-xs-wbfgrv, 8px) - calc(var(--border-divider-list-width-um3zli, 1px)));
374
374
  }
375
- .awsui_body-cell-editable_c6tup_135f8_130.awsui_is-visual-refresh_c6tup_135f8_115:not(#\9):not(.awsui_body-cell-edit-active_c6tup_135f8_130):hover:first-child {
375
+ .awsui_body-cell-editable_c6tup_11rnr_130.awsui_is-visual-refresh_c6tup_11rnr_115:not(#\9):not(.awsui_body-cell-edit-active_c6tup_11rnr_130):hover:first-child {
376
376
  border-top-left-radius: var(--border-radius-item-gyl0qr, 8px);
377
377
  border-bottom-left-radius: var(--border-radius-item-gyl0qr, 8px);
378
378
  }
379
- .awsui_body-cell-editable_c6tup_135f8_130.awsui_is-visual-refresh_c6tup_135f8_115:not(#\9):not(.awsui_body-cell-edit-active_c6tup_135f8_130):hover:last-child {
379
+ .awsui_body-cell-editable_c6tup_11rnr_130.awsui_is-visual-refresh_c6tup_11rnr_115:not(#\9):not(.awsui_body-cell-edit-active_c6tup_11rnr_130):hover:last-child {
380
380
  border-top-right-radius: var(--border-radius-item-gyl0qr, 8px);
381
381
  border-bottom-right-radius: var(--border-radius-item-gyl0qr, 8px);
382
382
  }
383
- .awsui_body-cell-editable_c6tup_135f8_130.awsui_is-visual-refresh_c6tup_135f8_115:not(#\9):not(.awsui_body-cell-edit-active_c6tup_135f8_130):hover.awsui_body-cell-first-row_c6tup_135f8_145 > .awsui_body-cell-editor_c6tup_135f8_255 {
383
+ .awsui_body-cell-editable_c6tup_11rnr_130.awsui_is-visual-refresh_c6tup_11rnr_115:not(#\9):not(.awsui_body-cell-edit-active_c6tup_11rnr_130):hover.awsui_body-cell-first-row_c6tup_11rnr_145 > .awsui_body-cell-editor_c6tup_11rnr_255 {
384
384
  padding-top: var(--border-divider-list-width-um3zli, 1px);
385
385
  }
@@ -2,33 +2,33 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "body-cell": "awsui_body-cell_c6tup_135f8_93",
6
- "body-cell-wrap": "awsui_body-cell-wrap_c6tup_135f8_103",
7
- "is-visual-refresh": "awsui_is-visual-refresh_c6tup_135f8_115",
8
- "has-striped-rows": "awsui_has-striped-rows_c6tup_135f8_127",
9
- "body-cell-edit-active": "awsui_body-cell-edit-active_c6tup_135f8_130",
10
- "body-cell-editable": "awsui_body-cell-editable_c6tup_135f8_130",
11
- "has-striped-rows-sticky-cell-pad-left": "awsui_has-striped-rows-sticky-cell-pad-left_c6tup_135f8_136",
12
- "has-selection": "awsui_has-selection_c6tup_135f8_139",
13
- "body-cell-first-row": "awsui_body-cell-first-row_c6tup_135f8_145",
14
- "body-cell-last-row": "awsui_body-cell-last-row_c6tup_135f8_148",
15
- "body-cell-selected": "awsui_body-cell-selected_c6tup_135f8_148",
16
- "has-footer": "awsui_has-footer_c6tup_135f8_148",
17
- "body-cell-shaded": "awsui_body-cell-shaded_c6tup_135f8_158",
18
- "sticky-cell": "awsui_sticky-cell_c6tup_135f8_175",
19
- "sticky-cell-pad-left": "awsui_sticky-cell-pad-left_c6tup_135f8_183",
20
- "sticky-cell-last-right": "awsui_sticky-cell-last-right_c6tup_135f8_200",
21
- "sticky-cell-last-left": "awsui_sticky-cell-last-left_c6tup_135f8_204",
22
- "body-cell-next-selected": "awsui_body-cell-next-selected_c6tup_135f8_227",
23
- "body-cell-prev-selected": "awsui_body-cell-prev-selected_c6tup_135f8_231",
24
- "body-cell-success": "awsui_body-cell-success_c6tup_135f8_255",
25
- "body-cell-editor": "awsui_body-cell-editor_c6tup_135f8_255",
26
- "body-cell-success-form": "awsui_body-cell-success-form_c6tup_135f8_277",
27
- "body-cell-editor-form": "awsui_body-cell-editor-form_c6tup_135f8_277",
28
- "body-cell-success-row": "awsui_body-cell-success-row_c6tup_135f8_286",
29
- "body-cell-editor-row": "awsui_body-cell-editor-row_c6tup_135f8_286",
30
- "body-cell-success-controls": "awsui_body-cell-success-controls_c6tup_135f8_296",
31
- "body-cell-editor-controls": "awsui_body-cell-editor-controls_c6tup_135f8_296",
32
- "body-cell-has-success": "awsui_body-cell-has-success_c6tup_135f8_315"
5
+ "body-cell": "awsui_body-cell_c6tup_11rnr_93",
6
+ "body-cell-wrap": "awsui_body-cell-wrap_c6tup_11rnr_103",
7
+ "is-visual-refresh": "awsui_is-visual-refresh_c6tup_11rnr_115",
8
+ "has-striped-rows": "awsui_has-striped-rows_c6tup_11rnr_127",
9
+ "body-cell-edit-active": "awsui_body-cell-edit-active_c6tup_11rnr_130",
10
+ "body-cell-editable": "awsui_body-cell-editable_c6tup_11rnr_130",
11
+ "has-striped-rows-sticky-cell-pad-left": "awsui_has-striped-rows-sticky-cell-pad-left_c6tup_11rnr_136",
12
+ "has-selection": "awsui_has-selection_c6tup_11rnr_139",
13
+ "body-cell-first-row": "awsui_body-cell-first-row_c6tup_11rnr_145",
14
+ "body-cell-last-row": "awsui_body-cell-last-row_c6tup_11rnr_148",
15
+ "body-cell-selected": "awsui_body-cell-selected_c6tup_11rnr_148",
16
+ "has-footer": "awsui_has-footer_c6tup_11rnr_148",
17
+ "body-cell-shaded": "awsui_body-cell-shaded_c6tup_11rnr_158",
18
+ "sticky-cell": "awsui_sticky-cell_c6tup_11rnr_175",
19
+ "sticky-cell-pad-left": "awsui_sticky-cell-pad-left_c6tup_11rnr_183",
20
+ "sticky-cell-last-right": "awsui_sticky-cell-last-right_c6tup_11rnr_200",
21
+ "sticky-cell-last-left": "awsui_sticky-cell-last-left_c6tup_11rnr_204",
22
+ "body-cell-next-selected": "awsui_body-cell-next-selected_c6tup_11rnr_227",
23
+ "body-cell-prev-selected": "awsui_body-cell-prev-selected_c6tup_11rnr_231",
24
+ "body-cell-success": "awsui_body-cell-success_c6tup_11rnr_255",
25
+ "body-cell-editor": "awsui_body-cell-editor_c6tup_11rnr_255",
26
+ "body-cell-success-form": "awsui_body-cell-success-form_c6tup_11rnr_277",
27
+ "body-cell-editor-form": "awsui_body-cell-editor-form_c6tup_11rnr_277",
28
+ "body-cell-success-row": "awsui_body-cell-success-row_c6tup_11rnr_286",
29
+ "body-cell-editor-row": "awsui_body-cell-editor-row_c6tup_11rnr_286",
30
+ "body-cell-success-controls": "awsui_body-cell-success-controls_c6tup_11rnr_296",
31
+ "body-cell-editor-controls": "awsui_body-cell-editor-controls_c6tup_11rnr_296",
32
+ "body-cell-has-success": "awsui_body-cell-has-success_c6tup_11rnr_315"
33
33
  };
34
34
 
@@ -3,7 +3,7 @@
3
3
  import React, { useEffect, useRef, useState, createContext, useContext } from 'react';
4
4
  import { getColumnKey } from './utils';
5
5
  import headerCellStyles from './header-cell/styles.css.js';
6
- import { warnOnce } from '../internal/logging';
6
+ import { warnOnce } from '@cloudscape-design/component-toolkit/internal';
7
7
  export const DEFAULT_WIDTH = 120;
8
8
  const SELECTION_CELL_WIDTH = 54;
9
9
  function checkProperty(column, name) {
@@ -1 +1 @@
1
- {"version":3,"file":"use-column-widths.js","sourceRoot":"lib/default/","sources":["table/use-column-widths.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useEffect, useRef, useState, createContext, useContext } from 'react';\nimport { TableProps } from './interfaces';\nimport { getColumnKey } from './utils';\nimport headerCellStyles from './header-cell/styles.css.js';\nimport { warnOnce } from '../internal/logging';\n\nexport const DEFAULT_WIDTH = 120;\nconst SELECTION_CELL_WIDTH = 54;\n\nfunction checkProperty(column: TableProps.ColumnDefinition<any>, name: 'width' | 'minWidth') {\n const value = column[name];\n if (typeof value !== 'number' && typeof value !== 'undefined') {\n warnOnce(\n 'Table',\n `resizableColumns feature requires ${name} property to be a number, got ${value}. The component may work incorrectly.`\n );\n }\n}\n\nexport function checkColumnWidths(columnDefinitions: ReadonlyArray<TableProps.ColumnDefinition<any>>) {\n for (const column of columnDefinitions) {\n checkProperty(column, 'minWidth');\n checkProperty(column, 'width');\n }\n}\n\nfunction readWidths(\n headerEl: HTMLElement,\n columnDefinitions: ReadonlyArray<TableProps.ColumnDefinition<any>>,\n hasSelection: boolean\n) {\n const result: Record<string, number> = {};\n for (let index = 0; index < columnDefinitions.length; index++) {\n const column = columnDefinitions[index];\n const id = getColumnKey(columnDefinitions[index], index);\n let width = (column.width as number) || 0;\n const minWidth = (column.minWidth as number) || width || DEFAULT_WIDTH;\n if (\n !width && // read width from the DOM if it is missing in the config\n index !== columnDefinitions.length - 1 // skip reading for the last column, because it expands to fully fit the container\n ) {\n const colIndex = hasSelection ? index + 2 : index + 1;\n const colEl = headerEl.querySelector<HTMLElement>(`.${headerCellStyles['header-cell']}:nth-child(${colIndex})`)!;\n width = colEl.getBoundingClientRect().width;\n }\n result[id] = Math.max(width, minWidth);\n }\n return result;\n}\n\nfunction updateWidths(\n columnDefinitions: ReadonlyArray<TableProps.ColumnDefinition<any>>,\n oldWidths: Record<string, number>,\n newWidth: number,\n colIndex: number\n) {\n const definition = columnDefinitions[colIndex];\n const id = getColumnKey(definition, colIndex);\n const minWidth = typeof definition.minWidth === 'number' ? definition.minWidth : DEFAULT_WIDTH;\n newWidth = Math.max(newWidth, minWidth);\n if (oldWidths[id] === newWidth) {\n return oldWidths;\n }\n return { ...oldWidths, [id]: newWidth };\n}\n\ninterface WidthsContext {\n totalWidth: number;\n columnWidths: Record<string, number>;\n updateColumn: (colIndex: number, newWidth: number) => void;\n}\n\nconst WidthsContext = createContext<WidthsContext>({\n totalWidth: 0,\n columnWidths: {},\n updateColumn: () => {},\n});\n\ninterface WidthProviderProps {\n tableRef: React.MutableRefObject<HTMLElement | null>;\n visibleColumnDefinitions: ReadonlyArray<TableProps.ColumnDefinition<any>>;\n resizableColumns: boolean | undefined;\n hasSelection: boolean;\n children: React.ReactNode;\n}\n\nexport function ColumnWidthsProvider({\n tableRef,\n visibleColumnDefinitions,\n resizableColumns,\n hasSelection,\n children,\n}: WidthProviderProps) {\n const visibleColumns = useRef<(string | undefined)[] | null>(null);\n const [columnWidths, setColumnWidths] = useState<Record<string, number>>({});\n\n useEffect(() => {\n if (!resizableColumns) {\n return;\n }\n const lastVisible = visibleColumns.current;\n if (lastVisible) {\n for (let index = 0; index < visibleColumnDefinitions.length; index++) {\n const column = visibleColumnDefinitions[index];\n const id = getColumnKey(column, index);\n if (!columnWidths[id] && lastVisible.indexOf(column.id) === -1) {\n setColumnWidths(columnWidths => ({ ...columnWidths, [id]: (column.width as number) || DEFAULT_WIDTH }));\n }\n }\n }\n visibleColumns.current = visibleColumnDefinitions.map(column => column.id);\n }, [columnWidths, resizableColumns, visibleColumnDefinitions]);\n\n useEffect(() => {\n if (!resizableColumns) {\n return;\n }\n setColumnWidths(() => readWidths(tableRef.current!, visibleColumnDefinitions, hasSelection));\n // This code is intended to run only at the first render and should not re-run when table props change\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n function updateColumn(colIndex: number, newWidth: number) {\n setColumnWidths(columnWidths => updateWidths(visibleColumnDefinitions, columnWidths, newWidth, colIndex));\n }\n\n let totalWidth = visibleColumnDefinitions.reduce(\n (total, column, index) => total + (columnWidths[getColumnKey(column, index)] || DEFAULT_WIDTH),\n 0\n );\n if (hasSelection) {\n totalWidth += SELECTION_CELL_WIDTH;\n }\n\n return <WidthsContext.Provider value={{ columnWidths, totalWidth, updateColumn }}>{children}</WidthsContext.Provider>;\n}\n\nexport function useColumnWidths() {\n return useContext(WidthsContext);\n}\n"]}
1
+ {"version":3,"file":"use-column-widths.js","sourceRoot":"lib/default/","sources":["table/use-column-widths.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useEffect, useRef, useState, createContext, useContext } from 'react';\nimport { TableProps } from './interfaces';\nimport { getColumnKey } from './utils';\nimport headerCellStyles from './header-cell/styles.css.js';\nimport { warnOnce } from '@cloudscape-design/component-toolkit/internal';\n\nexport const DEFAULT_WIDTH = 120;\nconst SELECTION_CELL_WIDTH = 54;\n\nfunction checkProperty(column: TableProps.ColumnDefinition<any>, name: 'width' | 'minWidth') {\n const value = column[name];\n if (typeof value !== 'number' && typeof value !== 'undefined') {\n warnOnce(\n 'Table',\n `resizableColumns feature requires ${name} property to be a number, got ${value}. The component may work incorrectly.`\n );\n }\n}\n\nexport function checkColumnWidths(columnDefinitions: ReadonlyArray<TableProps.ColumnDefinition<any>>) {\n for (const column of columnDefinitions) {\n checkProperty(column, 'minWidth');\n checkProperty(column, 'width');\n }\n}\n\nfunction readWidths(\n headerEl: HTMLElement,\n columnDefinitions: ReadonlyArray<TableProps.ColumnDefinition<any>>,\n hasSelection: boolean\n) {\n const result: Record<string, number> = {};\n for (let index = 0; index < columnDefinitions.length; index++) {\n const column = columnDefinitions[index];\n const id = getColumnKey(columnDefinitions[index], index);\n let width = (column.width as number) || 0;\n const minWidth = (column.minWidth as number) || width || DEFAULT_WIDTH;\n if (\n !width && // read width from the DOM if it is missing in the config\n index !== columnDefinitions.length - 1 // skip reading for the last column, because it expands to fully fit the container\n ) {\n const colIndex = hasSelection ? index + 2 : index + 1;\n const colEl = headerEl.querySelector<HTMLElement>(`.${headerCellStyles['header-cell']}:nth-child(${colIndex})`)!;\n width = colEl.getBoundingClientRect().width;\n }\n result[id] = Math.max(width, minWidth);\n }\n return result;\n}\n\nfunction updateWidths(\n columnDefinitions: ReadonlyArray<TableProps.ColumnDefinition<any>>,\n oldWidths: Record<string, number>,\n newWidth: number,\n colIndex: number\n) {\n const definition = columnDefinitions[colIndex];\n const id = getColumnKey(definition, colIndex);\n const minWidth = typeof definition.minWidth === 'number' ? definition.minWidth : DEFAULT_WIDTH;\n newWidth = Math.max(newWidth, minWidth);\n if (oldWidths[id] === newWidth) {\n return oldWidths;\n }\n return { ...oldWidths, [id]: newWidth };\n}\n\ninterface WidthsContext {\n totalWidth: number;\n columnWidths: Record<string, number>;\n updateColumn: (colIndex: number, newWidth: number) => void;\n}\n\nconst WidthsContext = createContext<WidthsContext>({\n totalWidth: 0,\n columnWidths: {},\n updateColumn: () => {},\n});\n\ninterface WidthProviderProps {\n tableRef: React.MutableRefObject<HTMLElement | null>;\n visibleColumnDefinitions: ReadonlyArray<TableProps.ColumnDefinition<any>>;\n resizableColumns: boolean | undefined;\n hasSelection: boolean;\n children: React.ReactNode;\n}\n\nexport function ColumnWidthsProvider({\n tableRef,\n visibleColumnDefinitions,\n resizableColumns,\n hasSelection,\n children,\n}: WidthProviderProps) {\n const visibleColumns = useRef<(string | undefined)[] | null>(null);\n const [columnWidths, setColumnWidths] = useState<Record<string, number>>({});\n\n useEffect(() => {\n if (!resizableColumns) {\n return;\n }\n const lastVisible = visibleColumns.current;\n if (lastVisible) {\n for (let index = 0; index < visibleColumnDefinitions.length; index++) {\n const column = visibleColumnDefinitions[index];\n const id = getColumnKey(column, index);\n if (!columnWidths[id] && lastVisible.indexOf(column.id) === -1) {\n setColumnWidths(columnWidths => ({ ...columnWidths, [id]: (column.width as number) || DEFAULT_WIDTH }));\n }\n }\n }\n visibleColumns.current = visibleColumnDefinitions.map(column => column.id);\n }, [columnWidths, resizableColumns, visibleColumnDefinitions]);\n\n useEffect(() => {\n if (!resizableColumns) {\n return;\n }\n setColumnWidths(() => readWidths(tableRef.current!, visibleColumnDefinitions, hasSelection));\n // This code is intended to run only at the first render and should not re-run when table props change\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n function updateColumn(colIndex: number, newWidth: number) {\n setColumnWidths(columnWidths => updateWidths(visibleColumnDefinitions, columnWidths, newWidth, colIndex));\n }\n\n let totalWidth = visibleColumnDefinitions.reduce(\n (total, column, index) => total + (columnWidths[getColumnKey(column, index)] || DEFAULT_WIDTH),\n 0\n );\n if (hasSelection) {\n totalWidth += SELECTION_CELL_WIDTH;\n }\n\n return <WidthsContext.Provider value={{ columnWidths, totalWidth, updateColumn }}>{children}</WidthsContext.Provider>;\n}\n\nexport function useColumnWidths() {\n return useContext(WidthsContext);\n}\n"]}
package/table/utils.js CHANGED
@@ -1,4 +1,4 @@
1
- import { warnOnce } from '../internal/logging';
1
+ import { warnOnce } from '@cloudscape-design/component-toolkit/internal';
2
2
  export const applyTrackBy = (trackBy, item) => {
3
3
  if (typeof trackBy === 'function') {
4
4
  return trackBy(item);
@@ -1 +1 @@
1
- {"version":3,"file":"utils.js","sourceRoot":"lib/default/","sources":["table/utils.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { InternalContainerProps } from '../container/internal';\nimport { TableProps } from './interfaces';\nimport { warnOnce } from '../internal/logging';\nimport { StickyColumnsCellState } from './use-sticky-columns';\n\nexport const applyTrackBy = <T>(trackBy: TableProps.TrackBy<T>, item: T) => {\n if (typeof trackBy === 'function') {\n return trackBy(item);\n }\n return (item as any)[trackBy];\n};\n\nexport const getItemKey = <T>(trackBy: TableProps.TrackBy<T> | undefined, item: T, index: number) => {\n if (!trackBy) {\n return index;\n }\n return applyTrackBy(trackBy, item);\n};\n\nexport const getTrackableValue = <T>(trackBy: TableProps.TrackBy<T> | undefined, item: T) => {\n if (!trackBy) {\n return item;\n }\n return applyTrackBy(trackBy, item);\n};\n\nexport const getColumnKey = <T>(column: TableProps.ColumnDefinition<T>, index: number) => {\n return column.id || index;\n};\n\nexport const toContainerVariant = (variant: TableProps.Variant | undefined): InternalContainerProps['variant'] => {\n const isDefaultVariant = !variant || variant === 'container';\n return isDefaultVariant ? 'default' : variant === 'borderless' ? 'embedded' : variant;\n};\n\nexport function checkSortingState<T>(\n columnDefinitions: ReadonlyArray<TableProps.ColumnDefinition<T>>,\n sortingComparator: TableProps.SortingColumn<T>['sortingComparator']\n) {\n const matchedColumn = columnDefinitions.filter(column => column.sortingComparator === sortingComparator)[0];\n if (!matchedColumn) {\n warnOnce(\n 'Table',\n 'Currently active sorting comparator was not found in any columns. Make sure to provide the same comparator function instance on each render.'\n );\n }\n}\n\nexport function getVisibleColumnDefinitions<T>({\n columnDisplay,\n visibleColumns,\n columnDefinitions,\n}: {\n columnDisplay?: ReadonlyArray<TableProps.ColumnDisplayProperties>;\n visibleColumns?: ReadonlyArray<string>;\n columnDefinitions: ReadonlyArray<TableProps.ColumnDefinition<T>>;\n}) {\n // columnsDisplay has a precedence over visibleColumns.\n if (columnDisplay) {\n return getVisibleColumnDefinitionsFromColumnDisplay({ columnDisplay, columnDefinitions });\n } else if (visibleColumns) {\n return getVisibleColumnDefinitionsFromVisibleColumns({ visibleColumns, columnDefinitions });\n } else {\n return columnDefinitions;\n }\n}\n\nfunction getVisibleColumnDefinitionsFromColumnDisplay<T>({\n columnDisplay,\n columnDefinitions,\n}: {\n columnDisplay: ReadonlyArray<TableProps.ColumnDisplayProperties>;\n columnDefinitions: ReadonlyArray<TableProps.ColumnDefinition<T>>;\n}) {\n const columnDefinitionsById: Record<string, TableProps.ColumnDefinition<T>> = columnDefinitions.reduce(\n (accumulator, item) => (item.id === undefined ? accumulator : { ...accumulator, [item.id]: item }),\n {}\n );\n return columnDisplay\n .filter(item => item.visible)\n .map(item => columnDefinitionsById[item.id])\n .filter(Boolean);\n}\n\nfunction getVisibleColumnDefinitionsFromVisibleColumns<T>({\n visibleColumns,\n columnDefinitions,\n}: {\n visibleColumns: ReadonlyArray<string>;\n columnDefinitions: ReadonlyArray<TableProps.ColumnDefinition<T>>;\n}) {\n const ids = new Set(visibleColumns);\n return columnDefinitions.filter(({ id }) => id !== undefined && ids.has(id));\n}\n\nexport function getStickyClassNames(styles: Record<string, string>, props: StickyColumnsCellState | null) {\n return {\n [styles['sticky-cell']]: !!props,\n [styles['sticky-cell-pad-left']]: !!props?.padLeft,\n [styles['sticky-cell-last-left']]: !!props?.lastLeft,\n [styles['sticky-cell-last-right']]: !!props?.lastRight,\n };\n}\n"]}
1
+ {"version":3,"file":"utils.js","sourceRoot":"lib/default/","sources":["table/utils.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,QAAQ,EAAE,MAAM,+CAA+C,CAAC;AAGzE,MAAM,CAAC,MAAM,YAAY,GAAG,CAAI,OAA8B,EAAE,IAAO,EAAE,EAAE;IACzE,IAAI,OAAO,OAAO,KAAK,UAAU,EAAE;QACjC,OAAO,OAAO,CAAC,IAAI,CAAC,CAAC;KACtB;IACD,OAAQ,IAAY,CAAC,OAAO,CAAC,CAAC;AAChC,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,CAAI,OAA0C,EAAE,IAAO,EAAE,KAAa,EAAE,EAAE;IAClG,IAAI,CAAC,OAAO,EAAE;QACZ,OAAO,KAAK,CAAC;KACd;IACD,OAAO,YAAY,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;AACrC,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAI,OAA0C,EAAE,IAAO,EAAE,EAAE;IAC1F,IAAI,CAAC,OAAO,EAAE;QACZ,OAAO,IAAI,CAAC;KACb;IACD,OAAO,YAAY,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;AACrC,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,CAAI,MAAsC,EAAE,KAAa,EAAE,EAAE;IACvF,OAAO,MAAM,CAAC,EAAE,IAAI,KAAK,CAAC;AAC5B,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,OAAuC,EAAqC,EAAE;IAC/G,MAAM,gBAAgB,GAAG,CAAC,OAAO,IAAI,OAAO,KAAK,WAAW,CAAC;IAC7D,OAAO,gBAAgB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,KAAK,YAAY,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC;AACxF,CAAC,CAAC;AAEF,MAAM,UAAU,iBAAiB,CAC/B,iBAAgE,EAChE,iBAAmE;IAEnE,MAAM,aAAa,GAAG,iBAAiB,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,iBAAiB,KAAK,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC;IAC5G,IAAI,CAAC,aAAa,EAAE;QAClB,QAAQ,CACN,OAAO,EACP,8IAA8I,CAC/I,CAAC;KACH;AACH,CAAC;AAED,MAAM,UAAU,2BAA2B,CAAI,EAC7C,aAAa,EACb,cAAc,EACd,iBAAiB,GAKlB;IACC,uDAAuD;IACvD,IAAI,aAAa,EAAE;QACjB,OAAO,4CAA4C,CAAC,EAAE,aAAa,EAAE,iBAAiB,EAAE,CAAC,CAAC;KAC3F;SAAM,IAAI,cAAc,EAAE;QACzB,OAAO,6CAA6C,CAAC,EAAE,cAAc,EAAE,iBAAiB,EAAE,CAAC,CAAC;KAC7F;SAAM;QACL,OAAO,iBAAiB,CAAC;KAC1B;AACH,CAAC;AAED,SAAS,4CAA4C,CAAI,EACvD,aAAa,EACb,iBAAiB,GAIlB;IACC,MAAM,qBAAqB,GAAmD,iBAAiB,CAAC,MAAM,CACpG,CAAC,WAAW,EAAE,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,EAAE,KAAK,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,iCAAM,WAAW,KAAE,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,IAAI,GAAE,CAAC,EAClG,EAAE,CACH,CAAC;IACF,OAAO,aAAa;SACjB,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC;SAC5B,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,qBAAqB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;SAC3C,MAAM,CAAC,OAAO,CAAC,CAAC;AACrB,CAAC;AAED,SAAS,6CAA6C,CAAI,EACxD,cAAc,EACd,iBAAiB,GAIlB;IACC,MAAM,GAAG,GAAG,IAAI,GAAG,CAAC,cAAc,CAAC,CAAC;IACpC,OAAO,iBAAiB,CAAC,MAAM,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,SAAS,IAAI,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC;AAC/E,CAAC;AAED,MAAM,UAAU,mBAAmB,CAAC,MAA8B,EAAE,KAAoC;IACtG,OAAO;QACL,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK;QAChC,CAAC,MAAM,CAAC,sBAAsB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO,CAAA;QAClD,CAAC,MAAM,CAAC,uBAAuB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,CAAA;QACpD,CAAC,MAAM,CAAC,wBAAwB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,SAAS,CAAA;KACvD,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { InternalContainerProps } from '../container/internal';\nimport { TableProps } from './interfaces';\nimport { warnOnce } from '@cloudscape-design/component-toolkit/internal';\nimport { StickyColumnsCellState } from './use-sticky-columns';\n\nexport const applyTrackBy = <T>(trackBy: TableProps.TrackBy<T>, item: T) => {\n if (typeof trackBy === 'function') {\n return trackBy(item);\n }\n return (item as any)[trackBy];\n};\n\nexport const getItemKey = <T>(trackBy: TableProps.TrackBy<T> | undefined, item: T, index: number) => {\n if (!trackBy) {\n return index;\n }\n return applyTrackBy(trackBy, item);\n};\n\nexport const getTrackableValue = <T>(trackBy: TableProps.TrackBy<T> | undefined, item: T) => {\n if (!trackBy) {\n return item;\n }\n return applyTrackBy(trackBy, item);\n};\n\nexport const getColumnKey = <T>(column: TableProps.ColumnDefinition<T>, index: number) => {\n return column.id || index;\n};\n\nexport const toContainerVariant = (variant: TableProps.Variant | undefined): InternalContainerProps['variant'] => {\n const isDefaultVariant = !variant || variant === 'container';\n return isDefaultVariant ? 'default' : variant === 'borderless' ? 'embedded' : variant;\n};\n\nexport function checkSortingState<T>(\n columnDefinitions: ReadonlyArray<TableProps.ColumnDefinition<T>>,\n sortingComparator: TableProps.SortingColumn<T>['sortingComparator']\n) {\n const matchedColumn = columnDefinitions.filter(column => column.sortingComparator === sortingComparator)[0];\n if (!matchedColumn) {\n warnOnce(\n 'Table',\n 'Currently active sorting comparator was not found in any columns. Make sure to provide the same comparator function instance on each render.'\n );\n }\n}\n\nexport function getVisibleColumnDefinitions<T>({\n columnDisplay,\n visibleColumns,\n columnDefinitions,\n}: {\n columnDisplay?: ReadonlyArray<TableProps.ColumnDisplayProperties>;\n visibleColumns?: ReadonlyArray<string>;\n columnDefinitions: ReadonlyArray<TableProps.ColumnDefinition<T>>;\n}) {\n // columnsDisplay has a precedence over visibleColumns.\n if (columnDisplay) {\n return getVisibleColumnDefinitionsFromColumnDisplay({ columnDisplay, columnDefinitions });\n } else if (visibleColumns) {\n return getVisibleColumnDefinitionsFromVisibleColumns({ visibleColumns, columnDefinitions });\n } else {\n return columnDefinitions;\n }\n}\n\nfunction getVisibleColumnDefinitionsFromColumnDisplay<T>({\n columnDisplay,\n columnDefinitions,\n}: {\n columnDisplay: ReadonlyArray<TableProps.ColumnDisplayProperties>;\n columnDefinitions: ReadonlyArray<TableProps.ColumnDefinition<T>>;\n}) {\n const columnDefinitionsById: Record<string, TableProps.ColumnDefinition<T>> = columnDefinitions.reduce(\n (accumulator, item) => (item.id === undefined ? accumulator : { ...accumulator, [item.id]: item }),\n {}\n );\n return columnDisplay\n .filter(item => item.visible)\n .map(item => columnDefinitionsById[item.id])\n .filter(Boolean);\n}\n\nfunction getVisibleColumnDefinitionsFromVisibleColumns<T>({\n visibleColumns,\n columnDefinitions,\n}: {\n visibleColumns: ReadonlyArray<string>;\n columnDefinitions: ReadonlyArray<TableProps.ColumnDefinition<T>>;\n}) {\n const ids = new Set(visibleColumns);\n return columnDefinitions.filter(({ id }) => id !== undefined && ids.has(id));\n}\n\nexport function getStickyClassNames(styles: Record<string, string>, props: StickyColumnsCellState | null) {\n return {\n [styles['sticky-cell']]: !!props,\n [styles['sticky-cell-pad-left']]: !!props?.padLeft,\n [styles['sticky-cell-last-left']]: !!props?.lastLeft,\n [styles['sticky-cell-last-right']]: !!props?.lastRight,\n };\n}\n"]}
@@ -5,7 +5,7 @@ import React, { useRef } from 'react';
5
5
  import clsx from 'clsx';
6
6
  import { getBaseProps } from '../internal/base-component';
7
7
  import { fireNonCancelableEvent } from '../internal/events';
8
- import { warnOnce } from '../internal/logging';
8
+ import { warnOnce } from '@cloudscape-design/component-toolkit/internal';
9
9
  import { useContainerBreakpoints } from '../internal/hooks/container-queries';
10
10
  import { useControllable } from '../internal/hooks/use-controllable';
11
11
  import { useMergeRefs } from '../internal/hooks/use-merge-refs';
@@ -1 +1 @@
1
- {"version":3,"file":"internal.js","sourceRoot":"lib/default/","sources":["wizard/internal.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useRef } from 'react';\nimport clsx from 'clsx';\n\nimport { getBaseProps } from '../internal/base-component';\nimport { fireNonCancelableEvent } from '../internal/events';\nimport { warnOnce } from '../internal/logging';\n\nimport { useContainerBreakpoints } from '../internal/hooks/container-queries';\nimport { useControllable } from '../internal/hooks/use-controllable';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\n\nimport { useInternalI18n } from '../internal/i18n/context';\n\nimport { FunnelMetrics } from '../internal/analytics';\nimport { useFunnel } from '../internal/analytics/hooks/use-funnel';\nimport { getSubStepAllSelector } from '../internal/analytics/selectors';\n\nimport WizardForm from './wizard-form';\nimport WizardNavigation from './wizard-navigation';\n\nimport { WizardProps } from './interfaces';\n\nimport styles from './styles.css.js';\n\ntype InternalWizardProps = WizardProps & InternalBaseComponentProps;\n\nexport default function InternalWizard({\n steps,\n activeStepIndex: controlledActiveStepIndex,\n isLoadingNextStep = false,\n allowSkipTo = false,\n secondaryActions,\n onCancel,\n onSubmit,\n onNavigate,\n __internalRootRef,\n ...rest\n}: InternalWizardProps) {\n const baseProps = getBaseProps(rest);\n\n const [breakpoint, breakpointsRef] = useContainerBreakpoints(['xs']);\n const ref = useMergeRefs(breakpointsRef, __internalRootRef);\n\n const smallContainer = breakpoint === 'default';\n\n const [activeStepIndex, setActiveStepIndex] = useControllable(controlledActiveStepIndex, onNavigate, 0, {\n componentName: 'Wizard',\n controlledProp: 'activeStepIndex',\n changeHandler: 'onNavigate',\n });\n const { funnelInteractionId, funnelSubmit, funnelCancel, funnelProps } = useFunnel();\n const actualActiveStepIndex = activeStepIndex ? Math.min(activeStepIndex, steps.length - 1) : 0;\n\n const farthestStepIndex = useRef<number>(actualActiveStepIndex);\n farthestStepIndex.current = Math.max(farthestStepIndex.current, actualActiveStepIndex);\n\n const isVisualRefresh = useVisualRefresh();\n const isLastStep = actualActiveStepIndex >= steps.length - 1;\n\n const navigationEvent = (requestedStepIndex: number, reason: WizardProps.NavigationReason) => {\n if (funnelInteractionId) {\n FunnelMetrics.funnelStepNavigation({\n navigationType: reason,\n funnelInteractionId,\n stepNumber: actualActiveStepIndex + 1,\n stepNameSelector: `.${styles['form-header-component-wrapper']}`,\n destinationStepNumber: requestedStepIndex + 1,\n subStepAllSelector: getSubStepAllSelector(),\n });\n }\n\n setActiveStepIndex(requestedStepIndex);\n fireNonCancelableEvent(onNavigate, { requestedStepIndex, reason });\n };\n const onStepClick = (stepIndex: number) => navigationEvent(stepIndex, 'step');\n const onSkipToClick = (stepIndex: number) => navigationEvent(stepIndex, 'skip');\n const onCancelClick = () => {\n funnelCancel();\n fireNonCancelableEvent(onCancel);\n };\n const onPreviousClick = () => navigationEvent(actualActiveStepIndex - 1, 'previous');\n const onPrimaryClick = () => {\n if (isLastStep) {\n funnelSubmit();\n fireNonCancelableEvent(onSubmit);\n } else {\n navigationEvent(actualActiveStepIndex + 1, 'next');\n }\n };\n\n const i18n = useInternalI18n('wizard');\n const skipToButtonLabel = i18n(\n 'i18nStrings.skipToButtonLabel',\n rest.i18nStrings.skipToButtonLabel,\n format => task => format({ task__title: task.title })\n );\n\n const i18nStrings: WizardProps.I18nStrings = {\n ...rest.i18nStrings,\n skipToButtonLabel,\n stepNumberLabel: i18n(\n 'i18nStrings.stepNumberLabel',\n rest.i18nStrings?.stepNumberLabel,\n format => stepNumber => format({ stepNumber })\n ),\n collapsedStepsLabel: i18n(\n 'i18nStrings.collapsedStepsLabel',\n rest.i18nStrings?.collapsedStepsLabel,\n format => (stepNumber, stepsCount) => format({ stepNumber, stepsCount })\n ),\n cancelButton: i18n('i18nStrings.cancelButton', rest.i18nStrings.cancelButton),\n previousButton: i18n('i18nStrings.previousButton', rest.i18nStrings.previousButton),\n nextButton: i18n('i18nStrings.nextButton', rest.i18nStrings.nextButton),\n optional: i18n('i18nStrings.optional', rest.i18nStrings.optional),\n };\n\n if (activeStepIndex && activeStepIndex >= steps.length) {\n warnOnce(\n 'Wizard',\n `You have set \\`activeStepIndex\\` to ${activeStepIndex} but you have provided only ${\n steps.length\n } steps. Its value is ignored and the component uses ${steps.length - 1} instead.`\n );\n }\n\n if (allowSkipTo && !skipToButtonLabel) {\n warnOnce(\n 'Wizard',\n `You have set \\`allowSkipTo\\` but you have not provided \\`i18nStrings.skipToButtonLabel\\`. The skip-to button will not be rendered.`\n );\n }\n\n return (\n <div {...baseProps} {...funnelProps} ref={ref} className={clsx(styles.root, baseProps.className)}>\n <div\n className={clsx(styles.wizard, isVisualRefresh && styles.refresh, smallContainer && styles['small-container'])}\n >\n <WizardNavigation\n activeStepIndex={actualActiveStepIndex}\n farthestStepIndex={farthestStepIndex.current}\n allowSkipTo={allowSkipTo}\n hidden={smallContainer}\n i18nStrings={i18nStrings}\n isVisualRefresh={isVisualRefresh}\n isLoadingNextStep={isLoadingNextStep}\n onStepClick={onStepClick}\n onSkipToClick={onSkipToClick}\n steps={steps}\n />\n <div\n className={clsx(styles.form, isVisualRefresh && styles.refresh, smallContainer && styles['small-container'])}\n >\n {isVisualRefresh && <div className={clsx(styles.background, 'awsui-context-content-header')} />}\n <WizardForm\n steps={steps}\n isVisualRefresh={isVisualRefresh}\n showCollapsedSteps={smallContainer}\n i18nStrings={i18nStrings}\n activeStepIndex={actualActiveStepIndex}\n isPrimaryLoading={isLoadingNextStep}\n allowSkipTo={allowSkipTo}\n secondaryActions={secondaryActions}\n onCancelClick={onCancelClick}\n onPreviousClick={onPreviousClick}\n onSkipToClick={onSkipToClick}\n onPrimaryClick={onPrimaryClick}\n />\n </div>\n </div>\n </div>\n );\n}\n"]}
1
+ {"version":3,"file":"internal.js","sourceRoot":"lib/default/","sources":["wizard/internal.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useRef } from 'react';\nimport clsx from 'clsx';\n\nimport { getBaseProps } from '../internal/base-component';\nimport { fireNonCancelableEvent } from '../internal/events';\nimport { warnOnce } from '@cloudscape-design/component-toolkit/internal';\n\nimport { useContainerBreakpoints } from '../internal/hooks/container-queries';\nimport { useControllable } from '../internal/hooks/use-controllable';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\n\nimport { useInternalI18n } from '../internal/i18n/context';\n\nimport { FunnelMetrics } from '../internal/analytics';\nimport { useFunnel } from '../internal/analytics/hooks/use-funnel';\nimport { getSubStepAllSelector } from '../internal/analytics/selectors';\n\nimport WizardForm from './wizard-form';\nimport WizardNavigation from './wizard-navigation';\n\nimport { WizardProps } from './interfaces';\n\nimport styles from './styles.css.js';\n\ntype InternalWizardProps = WizardProps & InternalBaseComponentProps;\n\nexport default function InternalWizard({\n steps,\n activeStepIndex: controlledActiveStepIndex,\n isLoadingNextStep = false,\n allowSkipTo = false,\n secondaryActions,\n onCancel,\n onSubmit,\n onNavigate,\n __internalRootRef,\n ...rest\n}: InternalWizardProps) {\n const baseProps = getBaseProps(rest);\n\n const [breakpoint, breakpointsRef] = useContainerBreakpoints(['xs']);\n const ref = useMergeRefs(breakpointsRef, __internalRootRef);\n\n const smallContainer = breakpoint === 'default';\n\n const [activeStepIndex, setActiveStepIndex] = useControllable(controlledActiveStepIndex, onNavigate, 0, {\n componentName: 'Wizard',\n controlledProp: 'activeStepIndex',\n changeHandler: 'onNavigate',\n });\n const { funnelInteractionId, funnelSubmit, funnelCancel, funnelProps } = useFunnel();\n const actualActiveStepIndex = activeStepIndex ? Math.min(activeStepIndex, steps.length - 1) : 0;\n\n const farthestStepIndex = useRef<number>(actualActiveStepIndex);\n farthestStepIndex.current = Math.max(farthestStepIndex.current, actualActiveStepIndex);\n\n const isVisualRefresh = useVisualRefresh();\n const isLastStep = actualActiveStepIndex >= steps.length - 1;\n\n const navigationEvent = (requestedStepIndex: number, reason: WizardProps.NavigationReason) => {\n if (funnelInteractionId) {\n FunnelMetrics.funnelStepNavigation({\n navigationType: reason,\n funnelInteractionId,\n stepNumber: actualActiveStepIndex + 1,\n stepNameSelector: `.${styles['form-header-component-wrapper']}`,\n destinationStepNumber: requestedStepIndex + 1,\n subStepAllSelector: getSubStepAllSelector(),\n });\n }\n\n setActiveStepIndex(requestedStepIndex);\n fireNonCancelableEvent(onNavigate, { requestedStepIndex, reason });\n };\n const onStepClick = (stepIndex: number) => navigationEvent(stepIndex, 'step');\n const onSkipToClick = (stepIndex: number) => navigationEvent(stepIndex, 'skip');\n const onCancelClick = () => {\n funnelCancel();\n fireNonCancelableEvent(onCancel);\n };\n const onPreviousClick = () => navigationEvent(actualActiveStepIndex - 1, 'previous');\n const onPrimaryClick = () => {\n if (isLastStep) {\n funnelSubmit();\n fireNonCancelableEvent(onSubmit);\n } else {\n navigationEvent(actualActiveStepIndex + 1, 'next');\n }\n };\n\n const i18n = useInternalI18n('wizard');\n const skipToButtonLabel = i18n(\n 'i18nStrings.skipToButtonLabel',\n rest.i18nStrings.skipToButtonLabel,\n format => task => format({ task__title: task.title })\n );\n\n const i18nStrings: WizardProps.I18nStrings = {\n ...rest.i18nStrings,\n skipToButtonLabel,\n stepNumberLabel: i18n(\n 'i18nStrings.stepNumberLabel',\n rest.i18nStrings?.stepNumberLabel,\n format => stepNumber => format({ stepNumber })\n ),\n collapsedStepsLabel: i18n(\n 'i18nStrings.collapsedStepsLabel',\n rest.i18nStrings?.collapsedStepsLabel,\n format => (stepNumber, stepsCount) => format({ stepNumber, stepsCount })\n ),\n cancelButton: i18n('i18nStrings.cancelButton', rest.i18nStrings.cancelButton),\n previousButton: i18n('i18nStrings.previousButton', rest.i18nStrings.previousButton),\n nextButton: i18n('i18nStrings.nextButton', rest.i18nStrings.nextButton),\n optional: i18n('i18nStrings.optional', rest.i18nStrings.optional),\n };\n\n if (activeStepIndex && activeStepIndex >= steps.length) {\n warnOnce(\n 'Wizard',\n `You have set \\`activeStepIndex\\` to ${activeStepIndex} but you have provided only ${\n steps.length\n } steps. Its value is ignored and the component uses ${steps.length - 1} instead.`\n );\n }\n\n if (allowSkipTo && !skipToButtonLabel) {\n warnOnce(\n 'Wizard',\n `You have set \\`allowSkipTo\\` but you have not provided \\`i18nStrings.skipToButtonLabel\\`. The skip-to button will not be rendered.`\n );\n }\n\n return (\n <div {...baseProps} {...funnelProps} ref={ref} className={clsx(styles.root, baseProps.className)}>\n <div\n className={clsx(styles.wizard, isVisualRefresh && styles.refresh, smallContainer && styles['small-container'])}\n >\n <WizardNavigation\n activeStepIndex={actualActiveStepIndex}\n farthestStepIndex={farthestStepIndex.current}\n allowSkipTo={allowSkipTo}\n hidden={smallContainer}\n i18nStrings={i18nStrings}\n isVisualRefresh={isVisualRefresh}\n isLoadingNextStep={isLoadingNextStep}\n onStepClick={onStepClick}\n onSkipToClick={onSkipToClick}\n steps={steps}\n />\n <div\n className={clsx(styles.form, isVisualRefresh && styles.refresh, smallContainer && styles['small-container'])}\n >\n {isVisualRefresh && <div className={clsx(styles.background, 'awsui-context-content-header')} />}\n <WizardForm\n steps={steps}\n isVisualRefresh={isVisualRefresh}\n showCollapsedSteps={smallContainer}\n i18nStrings={i18nStrings}\n activeStepIndex={actualActiveStepIndex}\n isPrimaryLoading={isLoadingNextStep}\n allowSkipTo={allowSkipTo}\n secondaryActions={secondaryActions}\n onCancelClick={onCancelClick}\n onPreviousClick={onPreviousClick}\n onSkipToClick={onSkipToClick}\n onPrimaryClick={onPrimaryClick}\n />\n </div>\n </div>\n </div>\n );\n}\n"]}
@@ -1,2 +0,0 @@
1
- export declare function warnOnce(component: string, message: string): void;
2
- //# sourceMappingURL=logging.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"logging.d.ts","sourceRoot":"lib/default/","sources":["internal/logging.ts"],"names":[],"mappings":"AAMA,wBAAgB,QAAQ,CAAC,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,IAAI,CAQjE"}