@cloudscape-design/components 3.0.442 → 3.0.444

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 (59) hide show
  1. package/anchor-navigation/use-scroll-spy.js +1 -1
  2. package/anchor-navigation/use-scroll-spy.js.map +1 -1
  3. package/collection-preferences/interfaces.d.ts +5 -1
  4. package/collection-preferences/interfaces.d.ts.map +1 -1
  5. package/collection-preferences/interfaces.js.map +1 -1
  6. package/flashbar/flash.d.ts.map +1 -1
  7. package/flashbar/flash.js +7 -9
  8. package/flashbar/flash.js.map +1 -1
  9. package/internal/components/live-region/index.d.ts +20 -2
  10. package/internal/components/live-region/index.d.ts.map +1 -1
  11. package/internal/components/live-region/index.js +37 -5
  12. package/internal/components/live-region/index.js.map +1 -1
  13. package/internal/components/screenreader-only/index.d.ts +1 -1
  14. package/internal/components/screenreader-only/index.d.ts.map +1 -1
  15. package/internal/components/screenreader-only/index.js.map +1 -1
  16. package/internal/environment.js +1 -1
  17. package/internal/environment.json +1 -1
  18. package/internal/manifest.json +1 -1
  19. package/package.json +1 -149
  20. package/table/column-widths-utils.d.ts +0 -1
  21. package/table/column-widths-utils.d.ts.map +1 -1
  22. package/table/column-widths-utils.js +0 -18
  23. package/table/column-widths-utils.js.map +1 -1
  24. package/table/header-cell/index.d.ts.map +1 -1
  25. package/table/header-cell/index.js +3 -3
  26. package/table/header-cell/index.js.map +1 -1
  27. package/table/header-cell/styles.css.js +24 -24
  28. package/table/header-cell/styles.scoped.css +38 -53
  29. package/table/header-cell/styles.selectors.js +24 -24
  30. package/table/header-cell/th-element.d.ts +1 -2
  31. package/table/header-cell/th-element.d.ts.map +1 -1
  32. package/table/header-cell/th-element.js +1 -2
  33. package/table/header-cell/th-element.js.map +1 -1
  34. package/table/interfaces.d.ts +3 -1
  35. package/table/interfaces.d.ts.map +1 -1
  36. package/table/interfaces.js.map +1 -1
  37. package/table/internal.d.ts.map +1 -1
  38. package/table/internal.js +4 -5
  39. package/table/internal.js.map +1 -1
  40. package/table/resizer/index.d.ts +3 -0
  41. package/table/resizer/index.d.ts.map +1 -1
  42. package/table/resizer/index.js +5 -2
  43. package/table/resizer/index.js.map +1 -1
  44. package/table/resizer/styles.css.js +8 -6
  45. package/table/resizer/styles.scoped.css +36 -28
  46. package/table/resizer/styles.selectors.js +8 -6
  47. package/table/sticky-columns/use-sticky-columns.js +1 -1
  48. package/table/sticky-columns/use-sticky-columns.js.map +1 -1
  49. package/table/thead.d.ts +1 -0
  50. package/table/thead.d.ts.map +1 -1
  51. package/table/thead.js +24 -6
  52. package/table/thead.js.map +1 -1
  53. package/table/use-column-widths.d.ts +3 -5
  54. package/table/use-column-widths.d.ts.map +1 -1
  55. package/table/use-column-widths.js +11 -57
  56. package/table/use-column-widths.js.map +1 -1
  57. package/table/use-sticky-header.d.ts.map +1 -1
  58. package/table/use-sticky-header.js +13 -0
  59. package/table/use-sticky-header.js.map +1 -1
package/package.json CHANGED
@@ -1,149 +1 @@
1
- {
2
- "name": "@cloudscape-design/components",
3
- "main": "./index.js",
4
- "exports": {
5
- ".": "./index.js",
6
- "./package.json": "./package.json",
7
- "./theming": "./theming/index.js",
8
- "./test-utils/dom": "./test-utils/dom/index.js",
9
- "./test-utils/selectors": "./test-utils/selectors/index.js",
10
- "./interfaces": "./interfaces.js",
11
- "./contexts/form-field": "./contexts/form-field.js",
12
- "./alert": "./alert/index.js",
13
- "./anchor-navigation": "./anchor-navigation/index.js",
14
- "./annotation-context": "./annotation-context/index.js",
15
- "./app-layout": "./app-layout/index.js",
16
- "./area-chart": "./area-chart/index.js",
17
- "./attribute-editor": "./attribute-editor/index.js",
18
- "./autosuggest": "./autosuggest/index.js",
19
- "./badge": "./badge/index.js",
20
- "./bar-chart": "./bar-chart/index.js",
21
- "./box": "./box/index.js",
22
- "./breadcrumb-group": "./breadcrumb-group/index.js",
23
- "./button": "./button/index.js",
24
- "./button-dropdown": "./button-dropdown/index.js",
25
- "./calendar": "./calendar/index.js",
26
- "./cards": "./cards/index.js",
27
- "./checkbox": "./checkbox/index.js",
28
- "./code-editor": "./code-editor/index.js",
29
- "./collection-preferences": "./collection-preferences/index.js",
30
- "./column-layout": "./column-layout/index.js",
31
- "./container": "./container/index.js",
32
- "./content-layout": "./content-layout/index.js",
33
- "./date-input": "./date-input/index.js",
34
- "./date-picker": "./date-picker/index.js",
35
- "./date-range-picker": "./date-range-picker/index.js",
36
- "./drawer": "./drawer/index.js",
37
- "./expandable-section": "./expandable-section/index.js",
38
- "./file-upload": "./file-upload/index.js",
39
- "./flashbar": "./flashbar/index.js",
40
- "./form": "./form/index.js",
41
- "./form-field": "./form-field/index.js",
42
- "./grid": "./grid/index.js",
43
- "./header": "./header/index.js",
44
- "./help-panel": "./help-panel/index.js",
45
- "./hotspot": "./hotspot/index.js",
46
- "./icon": "./icon/index.js",
47
- "./input": "./input/index.js",
48
- "./line-chart": "./line-chart/index.js",
49
- "./link": "./link/index.js",
50
- "./mixed-line-bar-chart": "./mixed-line-bar-chart/index.js",
51
- "./modal": "./modal/index.js",
52
- "./multiselect": "./multiselect/index.js",
53
- "./pagination": "./pagination/index.js",
54
- "./pie-chart": "./pie-chart/index.js",
55
- "./popover": "./popover/index.js",
56
- "./progress-bar": "./progress-bar/index.js",
57
- "./property-filter": "./property-filter/index.js",
58
- "./radio-group": "./radio-group/index.js",
59
- "./s3-resource-selector": "./s3-resource-selector/index.js",
60
- "./segmented-control": "./segmented-control/index.js",
61
- "./select": "./select/index.js",
62
- "./side-navigation": "./side-navigation/index.js",
63
- "./space-between": "./space-between/index.js",
64
- "./spinner": "./spinner/index.js",
65
- "./split-panel": "./split-panel/index.js",
66
- "./status-indicator": "./status-indicator/index.js",
67
- "./table": "./table/index.js",
68
- "./tabs": "./tabs/index.js",
69
- "./tag-editor": "./tag-editor/index.js",
70
- "./text-content": "./text-content/index.js",
71
- "./text-filter": "./text-filter/index.js",
72
- "./textarea": "./textarea/index.js",
73
- "./tiles": "./tiles/index.js",
74
- "./time-input": "./time-input/index.js",
75
- "./toggle": "./toggle/index.js",
76
- "./token-group": "./token-group/index.js",
77
- "./top-navigation": "./top-navigation/index.js",
78
- "./tutorial-panel": "./tutorial-panel/index.js",
79
- "./wizard": "./wizard/index.js",
80
- "./top-navigation/1.0-beta": "./top-navigation/1.0-beta/index.js",
81
- "./i18n": "./i18n/index.js",
82
- "./i18n/messages/all.all": "./i18n/messages/all.all.js",
83
- "./i18n/messages/all.all.json": "./i18n/messages/all.all.json",
84
- "./i18n/messages/all.de": "./i18n/messages/all.de.js",
85
- "./i18n/messages/all.de.json": "./i18n/messages/all.de.json",
86
- "./i18n/messages/all.en-GB": "./i18n/messages/all.en-GB.js",
87
- "./i18n/messages/all.en-GB.json": "./i18n/messages/all.en-GB.json",
88
- "./i18n/messages/all.en": "./i18n/messages/all.en.js",
89
- "./i18n/messages/all.en.json": "./i18n/messages/all.en.json",
90
- "./i18n/messages/all.es": "./i18n/messages/all.es.js",
91
- "./i18n/messages/all.es.json": "./i18n/messages/all.es.json",
92
- "./i18n/messages/all.fr": "./i18n/messages/all.fr.js",
93
- "./i18n/messages/all.fr.json": "./i18n/messages/all.fr.json",
94
- "./i18n/messages/all.id": "./i18n/messages/all.id.js",
95
- "./i18n/messages/all.id.json": "./i18n/messages/all.id.json",
96
- "./i18n/messages/all.it": "./i18n/messages/all.it.js",
97
- "./i18n/messages/all.it.json": "./i18n/messages/all.it.json",
98
- "./i18n/messages/all.ja": "./i18n/messages/all.ja.js",
99
- "./i18n/messages/all.ja.json": "./i18n/messages/all.ja.json",
100
- "./i18n/messages/all.ko": "./i18n/messages/all.ko.js",
101
- "./i18n/messages/all.ko.json": "./i18n/messages/all.ko.json",
102
- "./i18n/messages/all.pt-BR": "./i18n/messages/all.pt-BR.js",
103
- "./i18n/messages/all.pt-BR.json": "./i18n/messages/all.pt-BR.json",
104
- "./i18n/messages/all.tr": "./i18n/messages/all.tr.js",
105
- "./i18n/messages/all.tr.json": "./i18n/messages/all.tr.json",
106
- "./i18n/messages/all.zh-CN": "./i18n/messages/all.zh-CN.js",
107
- "./i18n/messages/all.zh-CN.json": "./i18n/messages/all.zh-CN.json",
108
- "./i18n/messages/all.zh-TW": "./i18n/messages/all.zh-TW.js",
109
- "./i18n/messages/all.zh-TW.json": "./i18n/messages/all.zh-TW.json"
110
- },
111
- "sideEffects": [
112
- "*.css",
113
- "./internal/base-component/index.js",
114
- "./internal/base-component/styles.css.js"
115
- ],
116
- "version": "3.0.442",
117
- "repository": {
118
- "type": "git",
119
- "url": "https://github.com/cloudscape-design/components.git"
120
- },
121
- "homepage": "https://cloudscape.design",
122
- "dependencies": {
123
- "@cloudscape-design/collection-hooks": "^1.0.0",
124
- "@cloudscape-design/component-toolkit": "^1.0.0-beta",
125
- "@cloudscape-design/test-utils-core": "^1.0.0",
126
- "@cloudscape-design/theming-runtime": "^1.0.0",
127
- "@dnd-kit/core": "^6.0.8",
128
- "@dnd-kit/sortable": "^7.0.2",
129
- "@dnd-kit/utilities": "^3.2.1",
130
- "@juggle/resize-observer": "^3.3.1",
131
- "ace-builds": "^1.23.0",
132
- "balanced-match": "^1.0.2",
133
- "clsx": "^1.1.0",
134
- "d3-shape": "^1.3.7",
135
- "date-fns": "^2.25.0",
136
- "intl-messageformat": "^10.3.1",
137
- "mnth": "^2.0.0",
138
- "react-keyed-flatten-children": "^1.3.0",
139
- "react-transition-group": "^4.4.2",
140
- "react-virtual": "^2.8.2",
141
- "tslib": "^2.4.0",
142
- "weekstart": "^1.1.0"
143
- },
144
- "peerDependencies": {
145
- "react": "^16.8 || ^17 || ^18",
146
- "react-dom": "^16.8 || ^17 || ^18"
147
- },
148
- "license": "Apache-2.0"
149
- }
1
+ {"name":"@cloudscape-design/components","main":"./index.js","exports":{".":"./index.js","./package.json":"./package.json","./theming":"./theming/index.js","./test-utils/dom":"./test-utils/dom/index.js","./test-utils/selectors":"./test-utils/selectors/index.js","./interfaces":"./interfaces.js","./contexts/form-field":"./contexts/form-field.js","./alert":"./alert/index.js","./anchor-navigation":"./anchor-navigation/index.js","./annotation-context":"./annotation-context/index.js","./app-layout":"./app-layout/index.js","./area-chart":"./area-chart/index.js","./attribute-editor":"./attribute-editor/index.js","./autosuggest":"./autosuggest/index.js","./badge":"./badge/index.js","./bar-chart":"./bar-chart/index.js","./box":"./box/index.js","./breadcrumb-group":"./breadcrumb-group/index.js","./button":"./button/index.js","./button-dropdown":"./button-dropdown/index.js","./calendar":"./calendar/index.js","./cards":"./cards/index.js","./checkbox":"./checkbox/index.js","./code-editor":"./code-editor/index.js","./collection-preferences":"./collection-preferences/index.js","./column-layout":"./column-layout/index.js","./container":"./container/index.js","./content-layout":"./content-layout/index.js","./date-input":"./date-input/index.js","./date-picker":"./date-picker/index.js","./date-range-picker":"./date-range-picker/index.js","./drawer":"./drawer/index.js","./expandable-section":"./expandable-section/index.js","./file-upload":"./file-upload/index.js","./flashbar":"./flashbar/index.js","./form":"./form/index.js","./form-field":"./form-field/index.js","./grid":"./grid/index.js","./header":"./header/index.js","./help-panel":"./help-panel/index.js","./hotspot":"./hotspot/index.js","./icon":"./icon/index.js","./input":"./input/index.js","./line-chart":"./line-chart/index.js","./link":"./link/index.js","./mixed-line-bar-chart":"./mixed-line-bar-chart/index.js","./modal":"./modal/index.js","./multiselect":"./multiselect/index.js","./pagination":"./pagination/index.js","./pie-chart":"./pie-chart/index.js","./popover":"./popover/index.js","./progress-bar":"./progress-bar/index.js","./property-filter":"./property-filter/index.js","./radio-group":"./radio-group/index.js","./s3-resource-selector":"./s3-resource-selector/index.js","./segmented-control":"./segmented-control/index.js","./select":"./select/index.js","./side-navigation":"./side-navigation/index.js","./space-between":"./space-between/index.js","./spinner":"./spinner/index.js","./split-panel":"./split-panel/index.js","./status-indicator":"./status-indicator/index.js","./table":"./table/index.js","./tabs":"./tabs/index.js","./tag-editor":"./tag-editor/index.js","./text-content":"./text-content/index.js","./text-filter":"./text-filter/index.js","./textarea":"./textarea/index.js","./tiles":"./tiles/index.js","./time-input":"./time-input/index.js","./toggle":"./toggle/index.js","./token-group":"./token-group/index.js","./top-navigation":"./top-navigation/index.js","./tutorial-panel":"./tutorial-panel/index.js","./wizard":"./wizard/index.js","./top-navigation/1.0-beta":"./top-navigation/1.0-beta/index.js","./i18n":"./i18n/index.js","./i18n/messages/all.all":"./i18n/messages/all.all.js","./i18n/messages/all.all.json":"./i18n/messages/all.all.json","./i18n/messages/all.de":"./i18n/messages/all.de.js","./i18n/messages/all.de.json":"./i18n/messages/all.de.json","./i18n/messages/all.en-GB":"./i18n/messages/all.en-GB.js","./i18n/messages/all.en-GB.json":"./i18n/messages/all.en-GB.json","./i18n/messages/all.en":"./i18n/messages/all.en.js","./i18n/messages/all.en.json":"./i18n/messages/all.en.json","./i18n/messages/all.es":"./i18n/messages/all.es.js","./i18n/messages/all.es.json":"./i18n/messages/all.es.json","./i18n/messages/all.fr":"./i18n/messages/all.fr.js","./i18n/messages/all.fr.json":"./i18n/messages/all.fr.json","./i18n/messages/all.id":"./i18n/messages/all.id.js","./i18n/messages/all.id.json":"./i18n/messages/all.id.json","./i18n/messages/all.it":"./i18n/messages/all.it.js","./i18n/messages/all.it.json":"./i18n/messages/all.it.json","./i18n/messages/all.ja":"./i18n/messages/all.ja.js","./i18n/messages/all.ja.json":"./i18n/messages/all.ja.json","./i18n/messages/all.ko":"./i18n/messages/all.ko.js","./i18n/messages/all.ko.json":"./i18n/messages/all.ko.json","./i18n/messages/all.pt-BR":"./i18n/messages/all.pt-BR.js","./i18n/messages/all.pt-BR.json":"./i18n/messages/all.pt-BR.json","./i18n/messages/all.tr":"./i18n/messages/all.tr.js","./i18n/messages/all.tr.json":"./i18n/messages/all.tr.json","./i18n/messages/all.zh-CN":"./i18n/messages/all.zh-CN.js","./i18n/messages/all.zh-CN.json":"./i18n/messages/all.zh-CN.json","./i18n/messages/all.zh-TW":"./i18n/messages/all.zh-TW.js","./i18n/messages/all.zh-TW.json":"./i18n/messages/all.zh-TW.json"},"sideEffects":["*.css","./internal/base-component/index.js","./internal/base-component/styles.css.js"],"version":"3.0.444","repository":{"type":"git","url":"https://github.com/cloudscape-design/components.git"},"homepage":"https://cloudscape.design","dependencies":{"@cloudscape-design/collection-hooks":"^1.0.0","@cloudscape-design/component-toolkit":"^1.0.0-beta","@cloudscape-design/test-utils-core":"^1.0.0","@cloudscape-design/theming-runtime":"^1.0.0","@dnd-kit/core":"^6.0.8","@dnd-kit/sortable":"^7.0.2","@dnd-kit/utilities":"^3.2.1","@juggle/resize-observer":"^3.3.1","ace-builds":"^1.23.0","balanced-match":"^1.0.2","clsx":"^1.1.0","d3-shape":"^1.3.7","date-fns":"^2.25.0","intl-messageformat":"^10.3.1","mnth":"^2.0.0","react-keyed-flatten-children":"^1.3.0","react-transition-group":"^4.4.2","react-virtual":"^2.8.2","tslib":"^2.4.0","weekstart":"^1.1.0"},"peerDependencies":{"react":"^16.8 || ^17 || ^18","react-dom":"^16.8 || ^17 || ^18"},"license":"Apache-2.0"}
package/table/column-widths-utils.d.ts CHANGED
@@ -1,4 +1,3 @@
1
1
  import { TableProps } from './interfaces';
2
2
  export declare function checkColumnWidths(columnDefinitions: ReadonlyArray<TableProps.ColumnDefinition<any>>): void;
3
- export declare function setElementWidths(element: undefined | HTMLElement, styles: React.CSSProperties): void;
4
3
  //# sourceMappingURL=column-widths-utils.d.ts.map
package/table/column-widths-utils.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"column-widths-utils.d.ts","sourceRoot":"lib/default/","sources":["table/column-widths-utils.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,wBAAgB,iBAAiB,CAAC,iBAAiB,EAAE,aAAa,CAAC,UAAU,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC,QAKnG;AAED,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,SAAS,GAAG,WAAW,EAAE,MAAM,EAAE,KAAK,CAAC,aAAa,QAiB7F"}
1
+ {"version":3,"file":"column-widths-utils.d.ts","sourceRoot":"lib/default/","sources":["table/column-widths-utils.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,wBAAgB,iBAAiB,CAAC,iBAAiB,EAAE,aAAa,CAAC,UAAU,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC,QAKnG"}
package/table/column-widths-utils.js CHANGED
@@ -7,24 +7,6 @@ export function checkColumnWidths(columnDefinitions) {
7
7
  checkProperty(column, 'width');
8
8
  }
9
9
  }
10
- export function setElementWidths(element, styles) {
11
- function setProperty(property) {
12
- const value = styles[property];
13
- let widthCssValue = '';
14
- if (typeof value === 'number') {
15
- widthCssValue = value + 'px';
16
- }
17
- if (typeof value === 'string') {
18
- widthCssValue = value;
19
- }
20
- if (element && element.style[property] !== widthCssValue) {
21
- element.style[property] = widthCssValue;
22
- }
23
- }
24
- setProperty('width');
25
- setProperty('minWidth');
26
- setProperty('maxWidth');
27
- }
28
10
  function checkProperty(column, name) {
29
11
  const value = column[name];
30
12
  if (typeof value !== 'number' && typeof value !== 'undefined') {
package/table/column-widths-utils.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"column-widths-utils.js","sourceRoot":"lib/default/","sources":["table/column-widths-utils.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAO,EAAE,QAAQ,EAAE,MAAM,+CAA+C,CAAC;AAGzE,MAAM,UAAU,iBAAiB,CAAC,iBAAkE;IAClG,KAAK,MAAM,MAAM,IAAI,iBAAiB,EAAE;QACtC,aAAa,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;QAClC,aAAa,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;KAChC;AACH,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,OAAgC,EAAE,MAA2B;IAC5F,SAAS,WAAW,CAAC,QAA2C;QAC9D,MAAM,KAAK,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC;QAC/B,IAAI,aAAa,GAAG,EAAE,CAAC;QACvB,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;YAC7B,aAAa,GAAG,KAAK,GAAG,IAAI,CAAC;SAC9B;QACD,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;YAC7B,aAAa,GAAG,KAAK,CAAC;SACvB;QACD,IAAI,OAAO,IAAI,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,aAAa,EAAE;YACxD,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,aAAa,CAAC;SACzC;IACH,CAAC;IACD,WAAW,CAAC,OAAO,CAAC,CAAC;IACrB,WAAW,CAAC,UAAU,CAAC,CAAC;IACxB,WAAW,CAAC,UAAU,CAAC,CAAC;AAC1B,CAAC;AAED,SAAS,aAAa,CAAC,MAAwC,EAAE,IAA0B;IACzF,MAAM,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAC3B,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,OAAO,KAAK,KAAK,WAAW,EAAE;QAC7D,QAAQ,CACN,OAAO,EACP,qCAAqC,IAAI,iCAAiC,KAAK,uCAAuC,CACvH,CAAC;KACH;AACH,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { warnOnce } from '@cloudscape-design/component-toolkit/internal';\nimport { TableProps } from './interfaces';\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\nexport function setElementWidths(element: undefined | HTMLElement, styles: React.CSSProperties) {\n function setProperty(property: 'width' | 'minWidth' | 'maxWidth') {\n const value = styles[property];\n let widthCssValue = '';\n if (typeof value === 'number') {\n widthCssValue = value + 'px';\n }\n if (typeof value === 'string') {\n widthCssValue = value;\n }\n if (element && element.style[property] !== widthCssValue) {\n element.style[property] = widthCssValue;\n }\n }\n setProperty('width');\n setProperty('minWidth');\n setProperty('maxWidth');\n}\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"]}
1
+ {"version":3,"file":"column-widths-utils.js","sourceRoot":"lib/default/","sources":["table/column-widths-utils.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAO,EAAE,QAAQ,EAAE,MAAM,+CAA+C,CAAC;AAGzE,MAAM,UAAU,iBAAiB,CAAC,iBAAkE;IAClG,KAAK,MAAM,MAAM,IAAI,iBAAiB,EAAE;QACtC,aAAa,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;QAClC,aAAa,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;KAChC;AACH,CAAC;AAED,SAAS,aAAa,CAAC,MAAwC,EAAE,IAA0B;IACzF,MAAM,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAC3B,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,OAAO,KAAK,KAAK,WAAW,EAAE;QAC7D,QAAQ,CACN,OAAO,EACP,qCAAqC,IAAI,iCAAiC,KAAK,uCAAuC,CACvH,CAAC;KACH;AACH,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { warnOnce } from '@cloudscape-design/component-toolkit/internal';\nimport { TableProps } from './interfaces';\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 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"]}
package/table/header-cell/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"lib/default/","sources":["table/header-cell/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAM3C,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAG1C,UAAU,oBAAoB,CAAC,QAAQ;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,UAAU,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IAC9C,mBAAmB,CAAC,EAAE,UAAU,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;IACzD,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,MAAM,EAAE,UAAU,CAAC,YAAY,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC;IACpD,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,EAAE,CAAC,QAAQ,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAChE,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,WAAW,CAAC;IACtB,WAAW,EAAE,kBAAkB,CAAC;IAChC,OAAO,EAAE,KAAK,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC;IACxC,gBAAgB,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IACjC,SAAS,EAAE,SAAS,CAAC;IACrB,sBAAsB,CAAC,EAAE,MAAM,CAAC;CACjC;AAED,wBAAgB,eAAe,CAAC,QAAQ,EAAE,EACxC,SAAS,EACT,KAAK,EACL,QAAQ,EACR,MAAM,EACN,mBAAmB,EACnB,iBAAiB,EACjB,eAAe,EACf,SAAS,EACT,gBAAgB,EAChB,MAAM,EACN,OAAO,EACP,QAAQ,EACR,YAAY,EACZ,gBAAgB,EAChB,cAAc,EACd,UAAU,EACV,QAAQ,EACR,WAAW,EACX,OAAO,EACP,SAAS,EACT,sBAAsB,GACvB,EAAE,oBAAoB,CAAC,QAAQ,CAAC,eA6FhC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"lib/default/","sources":["table/header-cell/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAM3C,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAG1C,UAAU,oBAAoB,CAAC,QAAQ;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,UAAU,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IAC9C,mBAAmB,CAAC,EAAE,UAAU,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;IACzD,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,MAAM,EAAE,UAAU,CAAC,YAAY,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC;IACpD,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,EAAE,CAAC,QAAQ,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAChE,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,WAAW,CAAC;IACtB,WAAW,EAAE,kBAAkB,CAAC;IAChC,OAAO,EAAE,KAAK,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC;IACxC,gBAAgB,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IACjC,SAAS,EAAE,SAAS,CAAC;IACrB,sBAAsB,CAAC,EAAE,MAAM,CAAC;CACjC;AAED,wBAAgB,eAAe,CAAC,QAAQ,EAAE,EACxC,SAAS,EACT,KAAK,EACL,QAAQ,EACR,MAAM,EACN,mBAAmB,EACnB,iBAAiB,EACjB,eAAe,EACf,SAAS,EACT,gBAAgB,EAChB,MAAM,EACN,OAAO,EACP,QAAQ,EACR,YAAY,EACZ,gBAAgB,EAChB,cAAc,EACd,UAAU,EACV,QAAQ,EACR,WAAW,EACX,OAAO,EACP,SAAS,EACT,sBAAsB,GACvB,EAAE,oBAAoB,CAAC,QAAQ,CAAC,eA8FhC"}
package/table/header-cell/index.js CHANGED
@@ -6,7 +6,7 @@ import InternalIcon from '../../icon/internal';
6
6
  import { KeyCode } from '../../internal/keycode';
7
7
  import { getSortingIconName, getSortingStatus, isSorted } from './utils';
8
8
  import styles from './styles.css.js';
9
- import { Resizer } from '../resizer';
9
+ import { Divider, Resizer } from '../resizer';
10
10
  import { useUniqueId } from '../../internal/hooks/use-unique-id';
11
11
  import { useInternalI18n } from '../../i18n/context';
12
12
  import { TableThElement } from './th-element';
@@ -31,7 +31,7 @@ export function TableHeaderCell({ className, style, tabIndex, column, activeSort
31
31
  }
32
32
  };
33
33
  const headerId = useUniqueId('table-header-');
34
- return (React.createElement(TableThElement, { className: className, style: style, cellRef: cellRef, sortingStatus: sortingStatus, sortingDisabled: sortingDisabled, hidden: hidden, colIndex: colIndex, resizableColumns: resizableColumns, columnId: columnId, stickyState: stickyState, tableRole: tableRole },
34
+ return (React.createElement(TableThElement, { className: className, style: style, cellRef: cellRef, sortingStatus: sortingStatus, sortingDisabled: sortingDisabled, hidden: hidden, colIndex: colIndex, columnId: columnId, stickyState: stickyState, tableRole: tableRole },
35
35
  React.createElement("div", Object.assign({ "data-focus-id": `sorting-control-${String(columnId)}`, className: clsx(styles['header-cell-content'], {
36
36
  [styles['header-cell-fake-focus']]: focusedComponent === `sorting-control-${String(columnId)}`,
37
37
  }), "aria-label": column.ariaLabel
@@ -54,6 +54,6 @@ export function TableHeaderCell({ className, style, tabIndex, column, activeSort
54
54
  React.createElement(InternalIcon, { name: "edit" }))) : null),
55
55
  sortingStatus && (React.createElement("span", { className: styles['sorting-icon'] },
56
56
  React.createElement(InternalIcon, { name: getSortingIconName(sortingStatus) })))),
57
- resizableColumns && (React.createElement(Resizer, { tabIndex: tabIndex, focusId: `resize-control-${String(columnId)}`, showFocusRing: focusedComponent === `resize-control-${String(columnId)}`, onWidthUpdate: newWidth => updateColumn(columnId, newWidth), onWidthUpdateCommit: onResizeFinish, ariaLabelledby: headerId, minWidth: typeof column.minWidth === 'string' ? parseInt(column.minWidth) : column.minWidth, roleDescription: i18n('ariaLabels.resizerRoleDescription', resizerRoleDescription) }))));
57
+ resizableColumns ? (React.createElement(Resizer, { tabIndex: tabIndex, focusId: `resize-control-${String(columnId)}`, showFocusRing: focusedComponent === `resize-control-${String(columnId)}`, onWidthUpdate: newWidth => updateColumn(columnId, newWidth), onWidthUpdateCommit: onResizeFinish, ariaLabelledby: headerId, minWidth: typeof column.minWidth === 'string' ? parseInt(column.minWidth) : column.minWidth, roleDescription: i18n('ariaLabels.resizerRoleDescription', resizerRoleDescription) })) : (React.createElement(Divider, { className: styles['resize-divider'] }))));
58
58
  }
59
59
  //# sourceMappingURL=index.js.map
package/table/header-cell/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"lib/default/","sources":["table/header-cell/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,YAAY,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAEjD,OAAO,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AACzE,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,oCAAoC,CAAC;AACjE,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAGrD,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AA0B9C,MAAM,UAAU,eAAe,CAAW,EACxC,SAAS,EACT,KAAK,EACL,QAAQ,EACR,MAAM,EACN,mBAAmB,EACnB,iBAAiB,EACjB,eAAe,EACf,SAAS,EACT,gBAAgB,EAChB,MAAM,EACN,OAAO,EACP,QAAQ,EACR,YAAY,EACZ,gBAAgB,EAChB,cAAc,EACd,UAAU,EACV,QAAQ,EACR,WAAW,EACX,OAAO,EACP,SAAS,EACT,sBAAsB,GACS;;IAC/B,MAAM,IAAI,GAAG,eAAe,CAAC,OAAO,CAAC,CAAC;IACtC,MAAM,QAAQ,GAAG,CAAC,CAAC,MAAM,CAAC,iBAAiB,IAAI,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC;IACrE,MAAM,MAAM,GAAG,CAAC,CAAC,mBAAmB,IAAI,QAAQ,CAAC,MAAM,EAAE,mBAAmB,CAAC,CAAC;IAC9E,MAAM,aAAa,GAAG,gBAAgB,CAAC,QAAQ,EAAE,MAAM,EAAE,CAAC,CAAC,iBAAiB,EAAE,CAAC,CAAC,eAAe,CAAC,CAAC;IACjG,MAAM,WAAW,GAAG,GAAG,EAAE,CACvB,OAAO,CAAC;QACN,aAAa,EAAE,MAAM;QACrB,YAAY,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,KAAK;KAClD,CAAC,CAAC;IAEL,2FAA2F;IAC3F,sFAAsF;IACtF,4FAA4F;IAC5F,sDAAsD;IACtD,MAAM,cAAc,GAAG,CAAC,EAAE,WAAW,EAAE,CAAC,EAAuB,EAAE,EAAE;QACjE,IAAI,CAAC,CAAC,OAAO,KAAK,OAAO,CAAC,KAAK,IAAI,CAAC,CAAC,OAAO,KAAK,OAAO,CAAC,KAAK,EAAE;YAC9D,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,WAAW,EAAE,CAAC;SACf;IACH,CAAC,CAAC;IAEF,MAAM,QAAQ,GAAG,WAAW,CAAC,eAAe,CAAC,CAAC;IAE9C,OAAO,CACL,oBAAC,cAAc,IACb,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,aAAa,EAAE,aAAa,EAC5B,eAAe,EAAE,eAAe,EAChC,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,gBAAgB,EAAE,gBAAgB,EAClC,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS;QAEpB,4DACiB,mBAAmB,MAAM,CAAC,QAAQ,CAAC,EAAE,EACpD,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,qBAAqB,CAAC,EAAE;gBAC7C,CAAC,MAAM,CAAC,wBAAwB,CAAC,CAAC,EAAE,gBAAgB,KAAK,mBAAmB,MAAM,CAAC,QAAQ,CAAC,EAAE;aAC/F,CAAC,gBAEA,MAAM,CAAC,SAAS;gBACd,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC;oBACf,MAAM,EAAE,MAAM;oBACd,UAAU,EAAE,MAAM,IAAI,CAAC,CAAC,iBAAiB;oBACzC,QAAQ,EAAE,CAAC,CAAC,eAAe;iBAC5B,CAAC;gBACJ,CAAC,CAAC,SAAS,IAEX,CAAC,aAAa,IAAI,CAAC,eAAe;YACpC,CAAC,CAAC;gBACE,UAAU,EAAE,cAAc;gBAC1B,QAAQ,EAAE,QAAQ;gBAClB,IAAI,EAAE,QAAQ;gBACd,OAAO,EAAE,WAAW;aACrB;YACH,CAAC,CAAC,EAAE,CAAC;YAEP,6BAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,kBAAkB,CAAC,EAAE,SAAS,IAAI,MAAM,CAAC,uBAAuB,CAAC,CAAC,EAAE,EAAE,EAAE,QAAQ;gBACzG,MAAM,CAAC,MAAM;gBACb,UAAU,CAAC,CAAC,CAAC,CACZ,8BACE,SAAS,EAAE,MAAM,CAAC,WAAW,CAAC,EAC9B,IAAI,EAAC,KAAK,gBACE,IAAI,CAAC,gDAAgD,EAAE,MAAA,MAAM,CAAC,UAAU,0CAAE,iBAAiB,CAAC;oBAExG,oBAAC,YAAY,IAAC,IAAI,EAAC,MAAM,GAAG,CACvB,CACR,CAAC,CAAC,CAAC,IAAI,CACJ;YACL,aAAa,IAAI,CAChB,8BAAM,SAAS,EAAE,MAAM,CAAC,cAAc,CAAC;gBACrC,oBAAC,YAAY,IAAC,IAAI,EAAE,kBAAkB,CAAC,aAAa,CAAC,GAAI,CACpD,CACR,CACG;QACL,gBAAgB,IAAI,CACnB,oBAAC,OAAO,IACN,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,kBAAkB,MAAM,CAAC,QAAQ,CAAC,EAAE,EAC7C,aAAa,EAAE,gBAAgB,KAAK,kBAAkB,MAAM,CAAC,QAAQ,CAAC,EAAE,EACxE,aAAa,EAAE,QAAQ,CAAC,EAAE,CAAC,YAAY,CAAC,QAAQ,EAAE,QAAQ,CAAC,EAC3D,mBAAmB,EAAE,cAAc,EACnC,cAAc,EAAE,QAAQ,EACxB,QAAQ,EAAE,OAAO,MAAM,CAAC,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,EAC3F,eAAe,EAAE,IAAI,CAAC,mCAAmC,EAAE,sBAAsB,CAAC,GAClF,CACH,CACc,CAClB,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport clsx from 'clsx';\nimport React from 'react';\nimport InternalIcon from '../../icon/internal';\nimport { KeyCode } from '../../internal/keycode';\nimport { TableProps } from '../interfaces';\nimport { getSortingIconName, getSortingStatus, isSorted } from './utils';\nimport styles from './styles.css.js';\nimport { Resizer } from '../resizer';\nimport { useUniqueId } from '../../internal/hooks/use-unique-id';\nimport { useInternalI18n } from '../../i18n/context';\nimport { StickyColumnsModel } from '../sticky-columns';\nimport { TableRole } from '../table-role';\nimport { TableThElement } from './th-element';\n\ninterface TableHeaderCellProps<ItemType> {\n className?: string;\n style?: React.CSSProperties;\n tabIndex: number;\n column: TableProps.ColumnDefinition<ItemType>;\n activeSortingColumn?: TableProps.SortingColumn<ItemType>;\n sortingDescending?: boolean;\n sortingDisabled?: boolean;\n wrapLines?: boolean;\n hidden?: boolean;\n onClick(detail: TableProps.SortingState<any>): void;\n onResizeFinish: () => void;\n colIndex: number;\n updateColumn: (columnId: PropertyKey, newWidth: number) => void;\n resizableColumns?: boolean;\n isEditable?: boolean;\n columnId: PropertyKey;\n stickyState: StickyColumnsModel;\n cellRef: React.RefCallback<HTMLElement>;\n focusedComponent?: null | string;\n tableRole: TableRole;\n resizerRoleDescription?: string;\n}\n\nexport function TableHeaderCell<ItemType>({\n className,\n style,\n tabIndex,\n column,\n activeSortingColumn,\n sortingDescending,\n sortingDisabled,\n wrapLines,\n focusedComponent,\n hidden,\n onClick,\n colIndex,\n updateColumn,\n resizableColumns,\n onResizeFinish,\n isEditable,\n columnId,\n stickyState,\n cellRef,\n tableRole,\n resizerRoleDescription,\n}: TableHeaderCellProps<ItemType>) {\n const i18n = useInternalI18n('table');\n const sortable = !!column.sortingComparator || !!column.sortingField;\n const sorted = !!activeSortingColumn && isSorted(column, activeSortingColumn);\n const sortingStatus = getSortingStatus(sortable, sorted, !!sortingDescending, !!sortingDisabled);\n const handleClick = () =>\n onClick({\n sortingColumn: column,\n isDescending: sorted ? !sortingDescending : false,\n });\n\n // Elements with role=\"button\" do not have the default behavior of <button>, where pressing\n // Enter or Space will trigger a click event. Therefore we need to add this ourselves.\n // The native <button> element cannot be used due to a misaligned implementation in Firefox:\n // https://bugzilla.mozilla.org/show_bug.cgi?id=843003\n const handleKeyPress = ({ nativeEvent: e }: React.KeyboardEvent) => {\n if (e.keyCode === KeyCode.enter || e.keyCode === KeyCode.space) {\n e.preventDefault();\n handleClick();\n }\n };\n\n const headerId = useUniqueId('table-header-');\n\n return (\n <TableThElement\n className={className}\n style={style}\n cellRef={cellRef}\n sortingStatus={sortingStatus}\n sortingDisabled={sortingDisabled}\n hidden={hidden}\n colIndex={colIndex}\n resizableColumns={resizableColumns}\n columnId={columnId}\n stickyState={stickyState}\n tableRole={tableRole}\n >\n <div\n data-focus-id={`sorting-control-${String(columnId)}`}\n className={clsx(styles['header-cell-content'], {\n [styles['header-cell-fake-focus']]: focusedComponent === `sorting-control-${String(columnId)}`,\n })}\n aria-label={\n column.ariaLabel\n ? column.ariaLabel({\n sorted: sorted,\n descending: sorted && !!sortingDescending,\n disabled: !!sortingDisabled,\n })\n : undefined\n }\n {...(sortingStatus && !sortingDisabled\n ? {\n onKeyPress: handleKeyPress,\n tabIndex: tabIndex,\n role: 'button',\n onClick: handleClick,\n }\n : {})}\n >\n <div className={clsx(styles['header-cell-text'], wrapLines && styles['header-cell-text-wrap'])} id={headerId}>\n {column.header}\n {isEditable ? (\n <span\n className={styles['edit-icon']}\n role=\"img\"\n aria-label={i18n('columnDefinitions.editConfig.editIconAriaLabel', column.editConfig?.editIconAriaLabel)}\n >\n <InternalIcon name=\"edit\" />\n </span>\n ) : null}\n </div>\n {sortingStatus && (\n <span className={styles['sorting-icon']}>\n <InternalIcon name={getSortingIconName(sortingStatus)} />\n </span>\n )}\n </div>\n {resizableColumns && (\n <Resizer\n tabIndex={tabIndex}\n focusId={`resize-control-${String(columnId)}`}\n showFocusRing={focusedComponent === `resize-control-${String(columnId)}`}\n onWidthUpdate={newWidth => updateColumn(columnId, newWidth)}\n onWidthUpdateCommit={onResizeFinish}\n ariaLabelledby={headerId}\n minWidth={typeof column.minWidth === 'string' ? parseInt(column.minWidth) : column.minWidth}\n roleDescription={i18n('ariaLabels.resizerRoleDescription', resizerRoleDescription)}\n />\n )}\n </TableThElement>\n );\n}\n"]}
1
+ {"version":3,"file":"index.js","sourceRoot":"lib/default/","sources":["table/header-cell/index.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 clsx from 'clsx';\nimport React from 'react';\nimport InternalIcon from '../../icon/internal';\nimport { KeyCode } from '../../internal/keycode';\nimport { TableProps } from '../interfaces';\nimport { getSortingIconName, getSortingStatus, isSorted } from './utils';\nimport styles from './styles.css.js';\nimport { Divider, Resizer } from '../resizer';\nimport { useUniqueId } from '../../internal/hooks/use-unique-id';\nimport { useInternalI18n } from '../../i18n/context';\nimport { StickyColumnsModel } from '../sticky-columns';\nimport { TableRole } from '../table-role';\nimport { TableThElement } from './th-element';\n\ninterface TableHeaderCellProps<ItemType> {\n className?: string;\n style?: React.CSSProperties;\n tabIndex: number;\n column: TableProps.ColumnDefinition<ItemType>;\n activeSortingColumn?: TableProps.SortingColumn<ItemType>;\n sortingDescending?: boolean;\n sortingDisabled?: boolean;\n wrapLines?: boolean;\n hidden?: boolean;\n onClick(detail: TableProps.SortingState<any>): void;\n onResizeFinish: () => void;\n colIndex: number;\n updateColumn: (columnId: PropertyKey, newWidth: number) => void;\n resizableColumns?: boolean;\n isEditable?: boolean;\n columnId: PropertyKey;\n stickyState: StickyColumnsModel;\n cellRef: React.RefCallback<HTMLElement>;\n focusedComponent?: null | string;\n tableRole: TableRole;\n resizerRoleDescription?: string;\n}\n\nexport function TableHeaderCell<ItemType>({\n className,\n style,\n tabIndex,\n column,\n activeSortingColumn,\n sortingDescending,\n sortingDisabled,\n wrapLines,\n focusedComponent,\n hidden,\n onClick,\n colIndex,\n updateColumn,\n resizableColumns,\n onResizeFinish,\n isEditable,\n columnId,\n stickyState,\n cellRef,\n tableRole,\n resizerRoleDescription,\n}: TableHeaderCellProps<ItemType>) {\n const i18n = useInternalI18n('table');\n const sortable = !!column.sortingComparator || !!column.sortingField;\n const sorted = !!activeSortingColumn && isSorted(column, activeSortingColumn);\n const sortingStatus = getSortingStatus(sortable, sorted, !!sortingDescending, !!sortingDisabled);\n const handleClick = () =>\n onClick({\n sortingColumn: column,\n isDescending: sorted ? !sortingDescending : false,\n });\n\n // Elements with role=\"button\" do not have the default behavior of <button>, where pressing\n // Enter or Space will trigger a click event. Therefore we need to add this ourselves.\n // The native <button> element cannot be used due to a misaligned implementation in Firefox:\n // https://bugzilla.mozilla.org/show_bug.cgi?id=843003\n const handleKeyPress = ({ nativeEvent: e }: React.KeyboardEvent) => {\n if (e.keyCode === KeyCode.enter || e.keyCode === KeyCode.space) {\n e.preventDefault();\n handleClick();\n }\n };\n\n const headerId = useUniqueId('table-header-');\n\n return (\n <TableThElement\n className={className}\n style={style}\n cellRef={cellRef}\n sortingStatus={sortingStatus}\n sortingDisabled={sortingDisabled}\n hidden={hidden}\n colIndex={colIndex}\n columnId={columnId}\n stickyState={stickyState}\n tableRole={tableRole}\n >\n <div\n data-focus-id={`sorting-control-${String(columnId)}`}\n className={clsx(styles['header-cell-content'], {\n [styles['header-cell-fake-focus']]: focusedComponent === `sorting-control-${String(columnId)}`,\n })}\n aria-label={\n column.ariaLabel\n ? column.ariaLabel({\n sorted: sorted,\n descending: sorted && !!sortingDescending,\n disabled: !!sortingDisabled,\n })\n : undefined\n }\n {...(sortingStatus && !sortingDisabled\n ? {\n onKeyPress: handleKeyPress,\n tabIndex: tabIndex,\n role: 'button',\n onClick: handleClick,\n }\n : {})}\n >\n <div className={clsx(styles['header-cell-text'], wrapLines && styles['header-cell-text-wrap'])} id={headerId}>\n {column.header}\n {isEditable ? (\n <span\n className={styles['edit-icon']}\n role=\"img\"\n aria-label={i18n('columnDefinitions.editConfig.editIconAriaLabel', column.editConfig?.editIconAriaLabel)}\n >\n <InternalIcon name=\"edit\" />\n </span>\n ) : null}\n </div>\n {sortingStatus && (\n <span className={styles['sorting-icon']}>\n <InternalIcon name={getSortingIconName(sortingStatus)} />\n </span>\n )}\n </div>\n {resizableColumns ? (\n <Resizer\n tabIndex={tabIndex}\n focusId={`resize-control-${String(columnId)}`}\n showFocusRing={focusedComponent === `resize-control-${String(columnId)}`}\n onWidthUpdate={newWidth => updateColumn(columnId, newWidth)}\n onWidthUpdateCommit={onResizeFinish}\n ariaLabelledby={headerId}\n minWidth={typeof column.minWidth === 'string' ? parseInt(column.minWidth) : column.minWidth}\n roleDescription={i18n('ariaLabels.resizerRoleDescription', resizerRoleDescription)}\n />\n ) : (\n <Divider className={styles['resize-divider']} />\n )}\n </TableThElement>\n );\n}\n"]}
package/table/header-cell/styles.css.js CHANGED
@@ -1,29 +1,29 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "header-cell": "awsui_header-cell_1spae_de3ps_93",
5
- "header-cell-sticky": "awsui_header-cell-sticky_1spae_de3ps_105",
6
- "header-cell-stuck": "awsui_header-cell-stuck_1spae_de3ps_108",
7
- "header-cell-variant-full-page": "awsui_header-cell-variant-full-page_1spae_de3ps_108",
8
- "header-cell-hidden": "awsui_header-cell-hidden_1spae_de3ps_111",
9
- "header-cell-sortable": "awsui_header-cell-sortable_1spae_de3ps_114",
10
- "sticky-cell": "awsui_sticky-cell_1spae_de3ps_117",
11
- "sticky-cell-pad-left": "awsui_sticky-cell-pad-left_1spae_de3ps_125",
12
- "has-selection": "awsui_has-selection_1spae_de3ps_125",
13
- "sticky-cell-last-left": "awsui_sticky-cell-last-left_1spae_de3ps_128",
14
- "header-cell-resizable": "awsui_header-cell-resizable_1spae_de3ps_132",
15
- "sticky-cell-last-right": "awsui_sticky-cell-last-right_1spae_de3ps_135",
16
- "sorting-icon": "awsui_sorting-icon_1spae_de3ps_165",
17
- "edit-icon": "awsui_edit-icon_1spae_de3ps_173",
18
- "header-cell-content": "awsui_header-cell-content_1spae_de3ps_179",
19
- "header-cell-fake-focus": "awsui_header-cell-fake-focus_1spae_de3ps_208",
20
- "header-cell-disabled": "awsui_header-cell-disabled_1spae_de3ps_226",
21
- "header-cell-sorted": "awsui_header-cell-sorted_1spae_de3ps_226",
22
- "header-cell-text": "awsui_header-cell-text_1spae_de3ps_240",
23
- "header-cell-text-wrap": "awsui_header-cell-text-wrap_1spae_de3ps_245",
24
- "header-cell-ascending": "awsui_header-cell-ascending_1spae_de3ps_251",
25
- "header-cell-descending": "awsui_header-cell-descending_1spae_de3ps_252",
26
- "is-visual-refresh": "awsui_is-visual-refresh_1spae_de3ps_262",
27
- "has-striped-rows": "awsui_has-striped-rows_1spae_de3ps_273"
4
+ "header-cell": "awsui_header-cell_1spae_1hunm_93",
5
+ "header-cell-sticky": "awsui_header-cell-sticky_1spae_1hunm_105",
6
+ "header-cell-stuck": "awsui_header-cell-stuck_1spae_1hunm_108",
7
+ "header-cell-variant-full-page": "awsui_header-cell-variant-full-page_1spae_1hunm_108",
8
+ "header-cell-hidden": "awsui_header-cell-hidden_1spae_1hunm_111",
9
+ "header-cell-sortable": "awsui_header-cell-sortable_1spae_1hunm_114",
10
+ "sticky-cell": "awsui_sticky-cell_1spae_1hunm_117",
11
+ "sticky-cell-pad-left": "awsui_sticky-cell-pad-left_1spae_1hunm_125",
12
+ "has-selection": "awsui_has-selection_1spae_1hunm_125",
13
+ "sticky-cell-last-left": "awsui_sticky-cell-last-left_1spae_1hunm_128",
14
+ "resize-divider": "awsui_resize-divider_1spae_1hunm_132",
15
+ "sticky-cell-last-right": "awsui_sticky-cell-last-right_1spae_1hunm_135",
16
+ "sorting-icon": "awsui_sorting-icon_1spae_1hunm_150",
17
+ "edit-icon": "awsui_edit-icon_1spae_1hunm_158",
18
+ "header-cell-content": "awsui_header-cell-content_1spae_1hunm_164",
19
+ "header-cell-fake-focus": "awsui_header-cell-fake-focus_1spae_1hunm_193",
20
+ "header-cell-disabled": "awsui_header-cell-disabled_1spae_1hunm_211",
21
+ "header-cell-sorted": "awsui_header-cell-sorted_1spae_1hunm_211",
22
+ "header-cell-text": "awsui_header-cell-text_1spae_1hunm_225",
23
+ "header-cell-text-wrap": "awsui_header-cell-text-wrap_1spae_1hunm_230",
24
+ "header-cell-ascending": "awsui_header-cell-ascending_1spae_1hunm_236",
25
+ "header-cell-descending": "awsui_header-cell-descending_1spae_1hunm_237",
26
+ "is-visual-refresh": "awsui_is-visual-refresh_1spae_1hunm_247",
27
+ "has-striped-rows": "awsui_has-striped-rows_1spae_1hunm_258"
28
28
  };
29
29
 
package/table/header-cell/styles.scoped.css CHANGED
@@ -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_header-cell_1spae_de3ps_93:not(#\9) {
93
+ .awsui_header-cell_1spae_1hunm_93:not(#\9) {
94
94
  position: relative;
95
95
  text-align: left;
96
96
  box-sizing: border-box;
@@ -102,19 +102,19 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
102
102
  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-foywby, grayscale);
103
103
  padding: var(--space-scaled-xxs-7597g1, 4px) var(--space-scaled-xs-26e2du, 8px);
104
104
  }
105
- .awsui_header-cell-sticky_1spae_de3ps_105:not(#\9) {
105
+ .awsui_header-cell-sticky_1spae_1hunm_105:not(#\9) {
106
106
  border-bottom: var(--border-table-sticky-width-vc4wb9, 2px) solid var(--color-border-divider-default-et9j7s, #e9ebed);
107
107
  }
108
- .awsui_header-cell-stuck_1spae_de3ps_108:not(#\9):not(.awsui_header-cell-variant-full-page_1spae_de3ps_108) {
108
+ .awsui_header-cell-stuck_1spae_1hunm_108:not(#\9):not(.awsui_header-cell-variant-full-page_1spae_1hunm_108) {
109
109
  border-bottom-color: transparent;
110
110
  }
111
- .awsui_header-cell-variant-full-page_1spae_de3ps_108.awsui_header-cell-hidden_1spae_de3ps_111:not(#\9) {
111
+ .awsui_header-cell-variant-full-page_1spae_1hunm_108.awsui_header-cell-hidden_1spae_1hunm_111:not(#\9) {
112
112
  border-bottom-color: transparent;
113
113
  }
114
- .awsui_header-cell_1spae_de3ps_93:not(#\9):last-child, .awsui_header-cell_1spae_de3ps_93.awsui_header-cell-sortable_1spae_de3ps_114:not(#\9) {
114
+ .awsui_header-cell_1spae_1hunm_93:not(#\9):last-child, .awsui_header-cell_1spae_1hunm_93.awsui_header-cell-sortable_1spae_1hunm_114:not(#\9) {
115
115
  padding-right: var(--space-xs-zb16t3, 8px);
116
116
  }
117
- .awsui_header-cell_1spae_de3ps_93.awsui_sticky-cell_1spae_de3ps_117:not(#\9) {
117
+ .awsui_header-cell_1spae_1hunm_93.awsui_sticky-cell_1spae_1hunm_117:not(#\9) {
118
118
  position: sticky;
119
119
  background: var(--color-background-table-header-82ew8p, #ffffff);
120
120
  z-index: 798;
@@ -122,47 +122,32 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
122
122
  transition-duration: var(--motion-duration-transition-show-quick-osg026, 90ms);
123
123
  transition-timing-function: var(--motion-easing-sticky-56u8cd, cubic-bezier(1, 0, 0.83, 1));
124
124
  }
125
- .awsui_header-cell_1spae_de3ps_93.awsui_sticky-cell-pad-left_1spae_de3ps_125:not(#\9):not(.awsui_has-selection_1spae_de3ps_125) {
125
+ .awsui_header-cell_1spae_1hunm_93.awsui_sticky-cell-pad-left_1spae_1hunm_125:not(#\9):not(.awsui_has-selection_1spae_1hunm_125) {
126
126
  padding-left: var(--space-table-horizontal-8davlm, 20px);
127
127
  }
128
- .awsui_header-cell_1spae_de3ps_93.awsui_sticky-cell-last-left_1spae_de3ps_128:not(#\9) {
128
+ .awsui_header-cell_1spae_1hunm_93.awsui_sticky-cell-last-left_1spae_1hunm_128:not(#\9) {
129
129
  box-shadow: var(--shadow-sticky-column-first-avt88z, 4px 0px 20px 1px rgba(0, 7, 22, 0.1));
130
130
  clip-path: inset(0px -24px 0px 0px);
131
131
  }
132
- .awsui_header-cell_1spae_de3ps_93.awsui_sticky-cell-last-left_1spae_de3ps_128:not(#\9):not(.awsui_header-cell-resizable_1spae_de3ps_132):before {
132
+ .awsui_header-cell_1spae_1hunm_93.awsui_sticky-cell-last-left_1spae_1hunm_128 > .awsui_resize-divider_1spae_1hunm_132:not(#\9) {
133
133
  display: none;
134
134
  }
135
- .awsui_header-cell_1spae_de3ps_93.awsui_sticky-cell-last-right_1spae_de3ps_135:not(#\9) {
135
+ .awsui_header-cell_1spae_1hunm_93.awsui_sticky-cell-last-right_1spae_1hunm_135:not(#\9) {
136
136
  box-shadow: var(--shadow-sticky-column-last-9r9bro, -4px 0 20px 1px rgba(0, 28, 36, 0.1));
137
137
  clip-path: inset(0 0 0 -24px);
138
138
  }
139
139
  @media (prefers-reduced-motion: reduce) {
140
- .awsui_header-cell_1spae_de3ps_93.awsui_sticky-cell_1spae_de3ps_117:not(#\9) {
140
+ .awsui_header-cell_1spae_1hunm_93.awsui_sticky-cell_1spae_1hunm_117:not(#\9) {
141
141
  animation: none;
142
142
  transition: none;
143
143
  }
144
144
  }
145
- .awsui-motion-disabled .awsui_header-cell_1spae_de3ps_93.awsui_sticky-cell_1spae_de3ps_117:not(#\9), .awsui-mode-entering .awsui_header-cell_1spae_de3ps_93.awsui_sticky-cell_1spae_de3ps_117:not(#\9) {
145
+ .awsui-motion-disabled .awsui_header-cell_1spae_1hunm_93.awsui_sticky-cell_1spae_1hunm_117:not(#\9), .awsui-mode-entering .awsui_header-cell_1spae_1hunm_93.awsui_sticky-cell_1spae_1hunm_117:not(#\9) {
146
146
  animation: none;
147
147
  transition: none;
148
148
  }
149
- .awsui_header-cell_1spae_de3ps_93:not(#\9):not(:last-child):before {
150
- content: "";
151
- position: absolute;
152
- right: 0;
153
- bottom: 0;
154
- top: 0;
155
- min-height: var(--line-height-heading-xs-aeleja, 18px);
156
- max-height: calc(100% - calc(2 * var(--space-xs-zb16t3, 8px) + var(--space-xxxs-zbmxqb, 2px)));
157
- margin: auto;
158
- border-left: var(--border-divider-section-width-8a5uu9, 2px) solid var(--color-border-divider-default-et9j7s, #e9ebed);
159
- box-sizing: border-box;
160
- }
161
- .awsui_header-cell-resizable_1spae_de3ps_132:not(#\9):not(:last-child):before {
162
- border-left-color: var(--color-border-divider-interactive-default-byy830, #7d8998);
163
- }
164
149
 
165
- .awsui_sorting-icon_1spae_de3ps_165:not(#\9) {
150
+ .awsui_sorting-icon_1spae_1hunm_150:not(#\9) {
166
151
  position: absolute;
167
152
  top: 50%;
168
153
  transform: translateY(-50%);
@@ -170,31 +155,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
170
155
  color: var(--color-text-column-sorting-icon-8or30j, #414d5c);
171
156
  }
172
157
 
173
- .awsui_edit-icon_1spae_de3ps_173:not(#\9) {
158
+ .awsui_edit-icon_1spae_1hunm_158:not(#\9) {
174
159
  margin-left: var(--space-xxs-p8yyaw, 4px);
175
160
  margin-top: var(--space-scaled-xxs-7597g1, 4px);
176
161
  color: inherit;
177
162
  }
178
163
 
179
- .awsui_header-cell-content_1spae_de3ps_179:not(#\9) {
164
+ .awsui_header-cell-content_1spae_1hunm_164:not(#\9) {
180
165
  position: relative;
181
166
  padding: var(--space-scaled-xxs-7597g1, 4px) var(--space-s-34lx8l, 12px);
182
167
  }
183
- .awsui_header-cell-sortable_1spae_de3ps_114 > .awsui_header-cell-content_1spae_de3ps_179:not(#\9) {
168
+ .awsui_header-cell-sortable_1spae_1hunm_114 > .awsui_header-cell-content_1spae_1hunm_164:not(#\9) {
184
169
  padding-right: calc(var(--space-xl-lmui9r, 24px) + var(--space-xxs-p8yyaw, 4px));
185
170
  }
186
- .awsui_header-cell-content_1spae_de3ps_179:not(#\9):focus {
171
+ .awsui_header-cell-content_1spae_1hunm_164:not(#\9):focus {
187
172
  outline: none;
188
173
  text-decoration: none;
189
174
  }
190
- body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_de3ps_179:not(#\9):focus {
175
+ body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_1hunm_164:not(#\9):focus {
191
176
  position: relative;
192
177
  }
193
- body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_de3ps_179:not(#\9):focus {
178
+ body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_1hunm_164:not(#\9):focus {
194
179
  outline: 2px dotted transparent;
195
180
  outline-offset: calc(var(--space-table-header-focus-outline-gutter-7js4en, 0px) - 1px);
196
181
  }
197
- body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_de3ps_179:not(#\9):focus::before {
182
+ body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_1hunm_164:not(#\9):focus::before {
198
183
  content: " ";
199
184
  display: block;
200
185
  position: absolute;
@@ -205,14 +190,14 @@ body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_de3ps_179:n
205
190
  border-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
206
191
  box-shadow: 0 0 0 2px var(--color-border-item-focused-b2ntyl, #0972d3);
207
192
  }
208
- body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_de3ps_179.awsui_header-cell-fake-focus_1spae_de3ps_208:not(#\9) {
193
+ body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_1hunm_164.awsui_header-cell-fake-focus_1spae_1hunm_193:not(#\9) {
209
194
  position: relative;
210
195
  }
211
- body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_de3ps_179.awsui_header-cell-fake-focus_1spae_de3ps_208:not(#\9) {
196
+ body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_1hunm_164.awsui_header-cell-fake-focus_1spae_1hunm_193:not(#\9) {
212
197
  outline: 2px dotted transparent;
213
198
  outline-offset: calc(var(--space-table-header-focus-outline-gutter-7js4en, 0px) - 1px);
214
199
  }
215
- body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_de3ps_179.awsui_header-cell-fake-focus_1spae_de3ps_208:not(#\9)::before {
200
+ body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_1hunm_164.awsui_header-cell-fake-focus_1spae_1hunm_193:not(#\9)::before {
216
201
  content: " ";
217
202
  display: block;
218
203
  position: absolute;
@@ -223,33 +208,33 @@ body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_de3ps_179.a
223
208
  border-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
224
209
  box-shadow: 0 0 0 2px var(--color-border-item-focused-b2ntyl, #0972d3);
225
210
  }
226
- .awsui_header-cell-disabled_1spae_de3ps_226.awsui_header-cell-sorted_1spae_de3ps_226 > .awsui_header-cell-content_1spae_de3ps_179 > .awsui_sorting-icon_1spae_de3ps_165:not(#\9) {
211
+ .awsui_header-cell-disabled_1spae_1hunm_211.awsui_header-cell-sorted_1spae_1hunm_211 > .awsui_header-cell-content_1spae_1hunm_164 > .awsui_sorting-icon_1spae_1hunm_150:not(#\9) {
227
212
  color: var(--color-text-interactive-disabled-z7a3t4, #9ba7b6);
228
213
  }
229
214
 
230
- .awsui_header-cell-sortable_1spae_de3ps_114:not(#\9):not(.awsui_header-cell-disabled_1spae_de3ps_226) > .awsui_header-cell-content_1spae_de3ps_179 {
215
+ .awsui_header-cell-sortable_1spae_1hunm_114:not(#\9):not(.awsui_header-cell-disabled_1spae_1hunm_211) > .awsui_header-cell-content_1spae_1hunm_164 {
231
216
  cursor: pointer;
232
217
  }
233
- .awsui_header-cell-sortable_1spae_de3ps_114:not(#\9):not(.awsui_header-cell-disabled_1spae_de3ps_226) > .awsui_header-cell-content_1spae_de3ps_179:hover, .awsui_header-cell-sortable_1spae_de3ps_114:not(#\9):not(.awsui_header-cell-disabled_1spae_de3ps_226).awsui_header-cell-sorted_1spae_de3ps_226 > .awsui_header-cell-content_1spae_de3ps_179 {
218
+ .awsui_header-cell-sortable_1spae_1hunm_114:not(#\9):not(.awsui_header-cell-disabled_1spae_1hunm_211) > .awsui_header-cell-content_1spae_1hunm_164:hover, .awsui_header-cell-sortable_1spae_1hunm_114:not(#\9):not(.awsui_header-cell-disabled_1spae_1hunm_211).awsui_header-cell-sorted_1spae_1hunm_211 > .awsui_header-cell-content_1spae_1hunm_164 {
234
219
  color: var(--color-text-interactive-active-ox3ozh, #000716);
235
220
  }
236
- .awsui_header-cell-sortable_1spae_de3ps_114:not(#\9):not(.awsui_header-cell-disabled_1spae_de3ps_226) > .awsui_header-cell-content_1spae_de3ps_179:hover > .awsui_sorting-icon_1spae_de3ps_165, .awsui_header-cell-sortable_1spae_de3ps_114:not(#\9):not(.awsui_header-cell-disabled_1spae_de3ps_226).awsui_header-cell-sorted_1spae_de3ps_226 > .awsui_header-cell-content_1spae_de3ps_179 > .awsui_sorting-icon_1spae_de3ps_165 {
221
+ .awsui_header-cell-sortable_1spae_1hunm_114:not(#\9):not(.awsui_header-cell-disabled_1spae_1hunm_211) > .awsui_header-cell-content_1spae_1hunm_164:hover > .awsui_sorting-icon_1spae_1hunm_150, .awsui_header-cell-sortable_1spae_1hunm_114:not(#\9):not(.awsui_header-cell-disabled_1spae_1hunm_211).awsui_header-cell-sorted_1spae_1hunm_211 > .awsui_header-cell-content_1spae_1hunm_164 > .awsui_sorting-icon_1spae_1hunm_150 {
237
222
  color: var(--color-text-interactive-active-ox3ozh, #000716);
238
223
  }
239
224
 
240
- .awsui_header-cell-text_1spae_de3ps_240:not(#\9) {
225
+ .awsui_header-cell-text_1spae_1hunm_225:not(#\9) {
241
226
  line-height: var(--line-height-heading-xs-aeleja, 18px);
242
227
  padding-top: calc(var(--space-xxxs-zbmxqb, 2px) / 2);
243
228
  padding-bottom: calc(var(--space-xxxs-zbmxqb, 2px) / 2);
244
229
  }
245
- .awsui_header-cell-text_1spae_de3ps_240:not(#\9):not(.awsui_header-cell-text-wrap_1spae_de3ps_245) {
230
+ .awsui_header-cell-text_1spae_1hunm_225:not(#\9):not(.awsui_header-cell-text-wrap_1spae_1hunm_230) {
246
231
  white-space: nowrap;
247
232
  overflow: hidden;
248
233
  text-overflow: ellipsis;
249
234
  }
250
235
 
251
- .awsui_header-cell-ascending_1spae_de3ps_251:not(#\9),
252
- .awsui_header-cell-descending_1spae_de3ps_252:not(#\9) {
236
+ .awsui_header-cell-ascending_1spae_1hunm_236:not(#\9),
237
+ .awsui_header-cell-descending_1spae_1hunm_237:not(#\9) {
253
238
  /* used in test-utils */
254
239
  }
255
240
 
@@ -259,29 +244,29 @@ with the left edge of the table as closely as possible. If the
259
244
  last header cell is sortable the sort icon should align with the
260
245
  settings icon in the pagination slot.
261
246
  */
262
- .awsui_header-cell_1spae_de3ps_93:not(#\9):not(.awsui_is-visual-refresh_1spae_de3ps_262):first-child {
247
+ .awsui_header-cell_1spae_1hunm_93:not(#\9):not(.awsui_is-visual-refresh_1spae_1hunm_247):first-child {
263
248
  padding-left: var(--space-xs-zb16t3, 8px);
264
249
  }
265
250
 
266
- .awsui_header-cell_1spae_de3ps_93.awsui_is-visual-refresh_1spae_de3ps_262:not(#\9) {
251
+ .awsui_header-cell_1spae_1hunm_93.awsui_is-visual-refresh_1spae_1hunm_247:not(#\9) {
267
252
  /*
268
253
  Striped rows requires additional left padding because the
269
254
  shaded background makes the child content appear too close
270
255
  to the table edge.
271
256
  */
272
257
  }
273
- .awsui_header-cell_1spae_de3ps_93.awsui_is-visual-refresh_1spae_de3ps_262:not(#\9):first-child:not(.awsui_has-striped-rows_1spae_de3ps_273) {
258
+ .awsui_header-cell_1spae_1hunm_93.awsui_is-visual-refresh_1spae_1hunm_247:not(#\9):first-child:not(.awsui_has-striped-rows_1spae_1hunm_258) {
274
259
  padding-left: var(--space-xxxs-zbmxqb, 2px);
275
260
  }
276
- .awsui_header-cell_1spae_de3ps_93.awsui_is-visual-refresh_1spae_de3ps_262:not(#\9):first-child:not(.awsui_has-striped-rows_1spae_de3ps_273).awsui_sticky-cell-pad-left_1spae_de3ps_125 {
261
+ .awsui_header-cell_1spae_1hunm_93.awsui_is-visual-refresh_1spae_1hunm_247:not(#\9):first-child:not(.awsui_has-striped-rows_1spae_1hunm_258).awsui_sticky-cell-pad-left_1spae_1hunm_125 {
277
262
  padding-left: var(--space-table-horizontal-8davlm, 20px);
278
263
  }
279
- .awsui_header-cell_1spae_de3ps_93.awsui_is-visual-refresh_1spae_de3ps_262:not(#\9):first-child.awsui_has-striped-rows_1spae_de3ps_273 {
264
+ .awsui_header-cell_1spae_1hunm_93.awsui_is-visual-refresh_1spae_1hunm_247:not(#\9):first-child.awsui_has-striped-rows_1spae_1hunm_258 {
280
265
  padding-left: var(--space-xxs-p8yyaw, 4px);
281
266
  }
282
- .awsui_header-cell_1spae_de3ps_93.awsui_is-visual-refresh_1spae_de3ps_262:not(#\9):first-child > .awsui_header-cell-content_1spae_de3ps_179 {
267
+ .awsui_header-cell_1spae_1hunm_93.awsui_is-visual-refresh_1spae_1hunm_247:not(#\9):first-child > .awsui_header-cell-content_1spae_1hunm_164 {
283
268
  padding-left: 0;
284
269
  }
285
- .awsui_header-cell_1spae_de3ps_93.awsui_is-visual-refresh_1spae_de3ps_262:not(#\9):last-child.awsui_header-cell-sortable_1spae_de3ps_114 {
270
+ .awsui_header-cell_1spae_1hunm_93.awsui_is-visual-refresh_1spae_1hunm_247:not(#\9):last-child.awsui_header-cell-sortable_1spae_1hunm_114 {
286
271
  padding-right: var(--space-xxxs-zbmxqb, 2px);
287
272
  }