@primer/react 38.3.0 → 38.4.0-rc.08b86440d
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.
Potentially problematic release.
This version of @primer/react might be problematic. Click here for more details.
- package/CHANGELOG.md +17 -0
- package/dist/Banner/Banner-f672cdf9.css +2 -0
- package/dist/Banner/Banner-f672cdf9.css.map +1 -0
- package/dist/Banner/Banner.d.ts +8 -0
- package/dist/Banner/Banner.d.ts.map +1 -1
- package/dist/Banner/Banner.js +2 -0
- package/dist/Banner/Banner.module.css.js +1 -1
- package/dist/Banner/index.d.ts +1 -0
- package/dist/Banner/index.d.ts.map +1 -1
- package/dist/DataTable/Pagination.d.ts.map +1 -1
- package/dist/DataTable/Pagination.js +181 -187
- package/dist/FeatureFlags/DefaultFeatureFlags.d.ts.map +1 -1
- package/dist/FeatureFlags/DefaultFeatureFlags.js +0 -1
- package/dist/FilteredActionList/FilteredActionList.js +15 -13
- package/dist/LabelGroup/LabelGroup.d.ts.map +1 -1
- package/dist/LabelGroup/LabelGroup.js +12 -5
- package/dist/SegmentedControl/{SegmentedControl-5cfe12ab.css → SegmentedControl-6389d0da.css} +2 -2
- package/dist/SegmentedControl/SegmentedControl-6389d0da.css.map +1 -0
- package/dist/SegmentedControl/SegmentedControl.d.ts.map +1 -1
- package/dist/SegmentedControl/SegmentedControl.js +11 -5
- package/dist/SegmentedControl/SegmentedControl.module.css.js +1 -1
- package/dist/SegmentedControl/SegmentedControlButton.d.ts +2 -0
- package/dist/SegmentedControl/SegmentedControlButton.d.ts.map +1 -1
- package/dist/SegmentedControl/SegmentedControlButton.js +104 -82
- package/dist/SegmentedControl/SegmentedControlIconButton.d.ts +2 -0
- package/dist/SegmentedControl/SegmentedControlIconButton.d.ts.map +1 -1
- package/dist/SegmentedControl/SegmentedControlIconButton.js +122 -181
- package/dist/TreeView/TreeView.d.ts.map +1 -1
- package/dist/TreeView/TreeView.js +5 -7
- package/dist/experimental/SelectPanel2/SelectPanel.d.ts.map +1 -1
- package/dist/experimental/SelectPanel2/SelectPanel.js +4 -5
- package/generated/components.json +592 -1082
- package/package.json +10 -10
- package/dist/Banner/Banner-c1744c4b.css +0 -2
- package/dist/Banner/Banner-c1744c4b.css.map +0 -1
- package/dist/SegmentedControl/SegmentedControl-5cfe12ab.css.map +0 -1
- package/dist/internal/components/LiveRegion.d.ts +0 -14
- package/dist/internal/components/LiveRegion.d.ts.map +0 -1
- package/dist/internal/components/LiveRegion.js +0 -130
|
@@ -3,16 +3,16 @@ import { isElement } from 'react-is';
|
|
|
3
3
|
import classes from './SegmentedControl.module.css.js';
|
|
4
4
|
import { clsx } from 'clsx';
|
|
5
5
|
import { jsx } from 'react/jsx-runtime';
|
|
6
|
-
import { useFeatureFlag } from '../FeatureFlags/useFeatureFlag.js';
|
|
7
6
|
import { Tooltip } from '../TooltipV2/Tooltip.js';
|
|
8
7
|
|
|
9
8
|
const SegmentedControlIconButton = t0 => {
|
|
10
|
-
const $ = c(
|
|
9
|
+
const $ = c(35);
|
|
11
10
|
let Icon;
|
|
12
11
|
let ariaLabel;
|
|
13
12
|
let className;
|
|
14
13
|
let description;
|
|
15
|
-
let
|
|
14
|
+
let disabled;
|
|
15
|
+
let props;
|
|
16
16
|
let selected;
|
|
17
17
|
let tooltipDirection;
|
|
18
18
|
if ($[0] !== t0) {
|
|
@@ -23,198 +23,139 @@ const SegmentedControlIconButton = t0 => {
|
|
|
23
23
|
className,
|
|
24
24
|
description,
|
|
25
25
|
tooltipDirection,
|
|
26
|
-
|
|
26
|
+
disabled,
|
|
27
|
+
...props
|
|
27
28
|
} = t0);
|
|
28
29
|
$[0] = t0;
|
|
29
30
|
$[1] = Icon;
|
|
30
31
|
$[2] = ariaLabel;
|
|
31
32
|
$[3] = className;
|
|
32
33
|
$[4] = description;
|
|
33
|
-
$[5] =
|
|
34
|
-
$[6] =
|
|
35
|
-
$[7] =
|
|
34
|
+
$[5] = disabled;
|
|
35
|
+
$[6] = props;
|
|
36
|
+
$[7] = selected;
|
|
37
|
+
$[8] = tooltipDirection;
|
|
36
38
|
} else {
|
|
37
39
|
Icon = $[1];
|
|
38
40
|
ariaLabel = $[2];
|
|
39
41
|
className = $[3];
|
|
40
42
|
description = $[4];
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
43
|
+
disabled = $[5];
|
|
44
|
+
props = $[6];
|
|
45
|
+
selected = $[7];
|
|
46
|
+
tooltipDirection = $[8];
|
|
47
|
+
}
|
|
48
|
+
let ariaDisabled;
|
|
49
|
+
let rest;
|
|
50
|
+
if ($[9] !== props) {
|
|
51
|
+
({
|
|
52
|
+
"aria-disabled": ariaDisabled,
|
|
53
|
+
...rest
|
|
54
|
+
} = props);
|
|
55
|
+
$[9] = props;
|
|
56
|
+
$[10] = ariaDisabled;
|
|
57
|
+
$[11] = rest;
|
|
58
|
+
} else {
|
|
59
|
+
ariaDisabled = $[10];
|
|
60
|
+
rest = $[11];
|
|
61
|
+
}
|
|
62
|
+
let t1;
|
|
63
|
+
if ($[12] !== className) {
|
|
64
|
+
t1 = clsx(classes.Item, className);
|
|
65
|
+
$[12] = className;
|
|
66
|
+
$[13] = t1;
|
|
67
|
+
} else {
|
|
68
|
+
t1 = $[13];
|
|
69
|
+
}
|
|
70
|
+
const t2 = selected || undefined;
|
|
71
|
+
const t3 = description ? undefined : "label";
|
|
72
|
+
const t4 = description ? description : ariaLabel;
|
|
73
|
+
const t5 = description ? ariaLabel : undefined;
|
|
74
|
+
const t6 = disabled || ariaDisabled || undefined;
|
|
75
|
+
let t7;
|
|
76
|
+
if ($[14] === Symbol.for("react.memo_cache_sentinel")) {
|
|
77
|
+
t7 = clsx(classes.Button, classes.IconButton);
|
|
78
|
+
$[14] = t7;
|
|
79
|
+
} else {
|
|
80
|
+
t7 = $[14];
|
|
81
|
+
}
|
|
82
|
+
let t8;
|
|
83
|
+
if ($[15] === Symbol.for("react.memo_cache_sentinel")) {
|
|
84
|
+
t8 = clsx(classes.Content, "segmentedControl-content");
|
|
85
|
+
$[15] = t8;
|
|
86
|
+
} else {
|
|
87
|
+
t8 = $[15];
|
|
88
|
+
}
|
|
89
|
+
let t9;
|
|
90
|
+
if ($[16] !== Icon) {
|
|
91
|
+
t9 = isElement(Icon) ? Icon : /*#__PURE__*/jsx(Icon, {});
|
|
92
|
+
$[16] = Icon;
|
|
93
|
+
$[17] = t9;
|
|
94
|
+
} else {
|
|
95
|
+
t9 = $[17];
|
|
96
|
+
}
|
|
97
|
+
let t10;
|
|
98
|
+
if ($[18] !== t9) {
|
|
99
|
+
t10 = /*#__PURE__*/jsx("span", {
|
|
100
|
+
className: t8,
|
|
101
|
+
children: t9
|
|
102
|
+
});
|
|
103
|
+
$[18] = t9;
|
|
104
|
+
$[19] = t10;
|
|
105
|
+
} else {
|
|
106
|
+
t10 = $[19];
|
|
107
|
+
}
|
|
108
|
+
let t11;
|
|
109
|
+
if ($[20] !== rest || $[21] !== selected || $[22] !== t10 || $[23] !== t5 || $[24] !== t6) {
|
|
110
|
+
t11 = /*#__PURE__*/jsx("button", {
|
|
111
|
+
type: "button",
|
|
112
|
+
"aria-current": selected,
|
|
113
|
+
"aria-label": t5,
|
|
114
|
+
"aria-disabled": t6,
|
|
115
|
+
className: t7,
|
|
116
|
+
...rest,
|
|
117
|
+
children: t10
|
|
118
|
+
});
|
|
119
|
+
$[20] = rest;
|
|
120
|
+
$[21] = selected;
|
|
121
|
+
$[22] = t10;
|
|
122
|
+
$[23] = t5;
|
|
123
|
+
$[24] = t6;
|
|
124
|
+
$[25] = t11;
|
|
125
|
+
} else {
|
|
126
|
+
t11 = $[25];
|
|
127
|
+
}
|
|
128
|
+
let t12;
|
|
129
|
+
if ($[26] !== t11 || $[27] !== t3 || $[28] !== t4 || $[29] !== tooltipDirection) {
|
|
130
|
+
t12 = /*#__PURE__*/jsx(Tooltip, {
|
|
131
|
+
type: t3,
|
|
132
|
+
text: t4,
|
|
133
|
+
direction: tooltipDirection,
|
|
134
|
+
children: t11
|
|
135
|
+
});
|
|
136
|
+
$[26] = t11;
|
|
137
|
+
$[27] = t3;
|
|
138
|
+
$[28] = t4;
|
|
139
|
+
$[29] = tooltipDirection;
|
|
140
|
+
$[30] = t12;
|
|
141
|
+
} else {
|
|
142
|
+
t12 = $[30];
|
|
44
143
|
}
|
|
45
|
-
|
|
46
|
-
if (
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
const t3 = description ? undefined : "label";
|
|
57
|
-
const t4 = description ? description : ariaLabel;
|
|
58
|
-
const t5 = description ? ariaLabel : undefined;
|
|
59
|
-
let t6;
|
|
60
|
-
if ($[10] === Symbol.for("react.memo_cache_sentinel")) {
|
|
61
|
-
t6 = clsx(classes.Button, classes.IconButton);
|
|
62
|
-
$[10] = t6;
|
|
63
|
-
} else {
|
|
64
|
-
t6 = $[10];
|
|
65
|
-
}
|
|
66
|
-
let t7;
|
|
67
|
-
if ($[11] === Symbol.for("react.memo_cache_sentinel")) {
|
|
68
|
-
t7 = clsx(classes.Content, "segmentedControl-content");
|
|
69
|
-
$[11] = t7;
|
|
70
|
-
} else {
|
|
71
|
-
t7 = $[11];
|
|
72
|
-
}
|
|
73
|
-
let t8;
|
|
74
|
-
if ($[12] !== Icon) {
|
|
75
|
-
t8 = isElement(Icon) ? Icon : /*#__PURE__*/jsx(Icon, {});
|
|
76
|
-
$[12] = Icon;
|
|
77
|
-
$[13] = t8;
|
|
78
|
-
} else {
|
|
79
|
-
t8 = $[13];
|
|
80
|
-
}
|
|
81
|
-
let t9;
|
|
82
|
-
if ($[14] !== t8) {
|
|
83
|
-
t9 = /*#__PURE__*/jsx("span", {
|
|
84
|
-
className: t7,
|
|
85
|
-
children: t8
|
|
86
|
-
});
|
|
87
|
-
$[14] = t8;
|
|
88
|
-
$[15] = t9;
|
|
89
|
-
} else {
|
|
90
|
-
t9 = $[15];
|
|
91
|
-
}
|
|
92
|
-
let t10;
|
|
93
|
-
if ($[16] !== rest || $[17] !== selected || $[18] !== t5 || $[19] !== t9) {
|
|
94
|
-
t10 = /*#__PURE__*/jsx("button", {
|
|
95
|
-
type: "button",
|
|
96
|
-
"aria-current": selected,
|
|
97
|
-
"aria-label": t5,
|
|
98
|
-
className: t6,
|
|
99
|
-
...rest,
|
|
100
|
-
children: t9
|
|
101
|
-
});
|
|
102
|
-
$[16] = rest;
|
|
103
|
-
$[17] = selected;
|
|
104
|
-
$[18] = t5;
|
|
105
|
-
$[19] = t9;
|
|
106
|
-
$[20] = t10;
|
|
107
|
-
} else {
|
|
108
|
-
t10 = $[20];
|
|
109
|
-
}
|
|
110
|
-
let t11;
|
|
111
|
-
if ($[21] !== t10 || $[22] !== t3 || $[23] !== t4 || $[24] !== tooltipDirection) {
|
|
112
|
-
t11 = /*#__PURE__*/jsx(Tooltip, {
|
|
113
|
-
type: t3,
|
|
114
|
-
text: t4,
|
|
115
|
-
direction: tooltipDirection,
|
|
116
|
-
children: t10
|
|
117
|
-
});
|
|
118
|
-
$[21] = t10;
|
|
119
|
-
$[22] = t3;
|
|
120
|
-
$[23] = t4;
|
|
121
|
-
$[24] = tooltipDirection;
|
|
122
|
-
$[25] = t11;
|
|
123
|
-
} else {
|
|
124
|
-
t11 = $[25];
|
|
125
|
-
}
|
|
126
|
-
let t12;
|
|
127
|
-
if ($[26] !== t1 || $[27] !== t11 || $[28] !== t2) {
|
|
128
|
-
t12 = /*#__PURE__*/jsx("li", {
|
|
129
|
-
className: t1,
|
|
130
|
-
"data-selected": t2,
|
|
131
|
-
children: t11
|
|
132
|
-
});
|
|
133
|
-
$[26] = t1;
|
|
134
|
-
$[27] = t11;
|
|
135
|
-
$[28] = t2;
|
|
136
|
-
$[29] = t12;
|
|
137
|
-
} else {
|
|
138
|
-
t12 = $[29];
|
|
139
|
-
}
|
|
140
|
-
return t12;
|
|
144
|
+
let t13;
|
|
145
|
+
if ($[31] !== t1 || $[32] !== t12 || $[33] !== t2) {
|
|
146
|
+
t13 = /*#__PURE__*/jsx("li", {
|
|
147
|
+
className: t1,
|
|
148
|
+
"data-selected": t2,
|
|
149
|
+
children: t12
|
|
150
|
+
});
|
|
151
|
+
$[31] = t1;
|
|
152
|
+
$[32] = t12;
|
|
153
|
+
$[33] = t2;
|
|
154
|
+
$[34] = t13;
|
|
141
155
|
} else {
|
|
142
|
-
|
|
143
|
-
if ($[30] !== className) {
|
|
144
|
-
t1 = clsx(classes.Item, className);
|
|
145
|
-
$[30] = className;
|
|
146
|
-
$[31] = t1;
|
|
147
|
-
} else {
|
|
148
|
-
t1 = $[31];
|
|
149
|
-
}
|
|
150
|
-
const t2 = selected || undefined;
|
|
151
|
-
let t3;
|
|
152
|
-
if ($[32] === Symbol.for("react.memo_cache_sentinel")) {
|
|
153
|
-
t3 = clsx(classes.Button, classes.IconButton);
|
|
154
|
-
$[32] = t3;
|
|
155
|
-
} else {
|
|
156
|
-
t3 = $[32];
|
|
157
|
-
}
|
|
158
|
-
let t4;
|
|
159
|
-
if ($[33] === Symbol.for("react.memo_cache_sentinel")) {
|
|
160
|
-
t4 = clsx(classes.Content, "segmentedControl-content");
|
|
161
|
-
$[33] = t4;
|
|
162
|
-
} else {
|
|
163
|
-
t4 = $[33];
|
|
164
|
-
}
|
|
165
|
-
let t5;
|
|
166
|
-
if ($[34] !== Icon) {
|
|
167
|
-
t5 = isElement(Icon) ? Icon : /*#__PURE__*/jsx(Icon, {});
|
|
168
|
-
$[34] = Icon;
|
|
169
|
-
$[35] = t5;
|
|
170
|
-
} else {
|
|
171
|
-
t5 = $[35];
|
|
172
|
-
}
|
|
173
|
-
let t6;
|
|
174
|
-
if ($[36] !== t5) {
|
|
175
|
-
t6 = /*#__PURE__*/jsx("span", {
|
|
176
|
-
className: t4,
|
|
177
|
-
children: t5
|
|
178
|
-
});
|
|
179
|
-
$[36] = t5;
|
|
180
|
-
$[37] = t6;
|
|
181
|
-
} else {
|
|
182
|
-
t6 = $[37];
|
|
183
|
-
}
|
|
184
|
-
let t7;
|
|
185
|
-
if ($[38] !== ariaLabel || $[39] !== rest || $[40] !== selected || $[41] !== t6) {
|
|
186
|
-
t7 = /*#__PURE__*/jsx("button", {
|
|
187
|
-
type: "button",
|
|
188
|
-
"aria-label": ariaLabel,
|
|
189
|
-
"aria-current": selected,
|
|
190
|
-
className: t3,
|
|
191
|
-
...rest,
|
|
192
|
-
children: t6
|
|
193
|
-
});
|
|
194
|
-
$[38] = ariaLabel;
|
|
195
|
-
$[39] = rest;
|
|
196
|
-
$[40] = selected;
|
|
197
|
-
$[41] = t6;
|
|
198
|
-
$[42] = t7;
|
|
199
|
-
} else {
|
|
200
|
-
t7 = $[42];
|
|
201
|
-
}
|
|
202
|
-
let t8;
|
|
203
|
-
if ($[43] !== t1 || $[44] !== t2 || $[45] !== t7) {
|
|
204
|
-
t8 = /*#__PURE__*/jsx("li", {
|
|
205
|
-
className: t1,
|
|
206
|
-
"data-selected": t2,
|
|
207
|
-
children: t7
|
|
208
|
-
});
|
|
209
|
-
$[43] = t1;
|
|
210
|
-
$[44] = t2;
|
|
211
|
-
$[45] = t7;
|
|
212
|
-
$[46] = t8;
|
|
213
|
-
} else {
|
|
214
|
-
t8 = $[46];
|
|
215
|
-
}
|
|
216
|
-
return t8;
|
|
156
|
+
t13 = $[34];
|
|
217
157
|
}
|
|
158
|
+
return t13;
|
|
218
159
|
};
|
|
219
160
|
SegmentedControlIconButton.__SLOT__ = Symbol('SegmentedControl.IconButton');
|
|
220
161
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TreeView.d.ts","sourceRoot":"","sources":["../../src/TreeView/TreeView.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,KAAK,IAAI,EACV,MAAM,wBAAwB,CAAA;AAE/B,OAAO,KAA+B,MAAM,OAAO,CAAA;AAsBnD,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,gBAAgB,CAAA;
|
|
1
|
+
{"version":3,"file":"TreeView.d.ts","sourceRoot":"","sources":["../../src/TreeView/TreeView.tsx"],"names":[],"mappings":"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"}
|
|
@@ -19,6 +19,7 @@ import { ActionList } from '../ActionList/index.js';
|
|
|
19
19
|
import { isSlot } from '../utils/is-slot.js';
|
|
20
20
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
21
21
|
import { useIsMacOS } from '../hooks/useIsMacOS.js';
|
|
22
|
+
import { AriaStatus } from '../live-region/AriaStatus.js';
|
|
22
23
|
import Spinner from '../Spinner/Spinner.js';
|
|
23
24
|
import { Tooltip } from '../TooltipV2/Tooltip.js';
|
|
24
25
|
import Text from '../Text/Text.js';
|
|
@@ -26,9 +27,6 @@ import { SkeletonAvatar } from '../SkeletonAvatar/SkeletonAvatar.js';
|
|
|
26
27
|
import { SkeletonText } from '../SkeletonText/SkeletonText.js';
|
|
27
28
|
import { getAccessibleKeybindingHintString } from '../KeybindingHint/KeybindingHint.js';
|
|
28
29
|
|
|
29
|
-
// ----------------------------------------------------------------------------
|
|
30
|
-
// Context
|
|
31
|
-
|
|
32
30
|
const RootContext = /*#__PURE__*/React.createContext({
|
|
33
31
|
announceUpdate: () => {},
|
|
34
32
|
expandedStateCache: {
|
|
@@ -153,10 +151,10 @@ const Root = t0 => {
|
|
|
153
151
|
let t9;
|
|
154
152
|
if ($[8] !== ariaLiveMessage) {
|
|
155
153
|
t9 = /*#__PURE__*/jsx(VisuallyHidden, {
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
154
|
+
children: /*#__PURE__*/jsx(AriaStatus, {
|
|
155
|
+
announceOnShow: true,
|
|
156
|
+
children: ariaLiveMessage
|
|
157
|
+
})
|
|
160
158
|
});
|
|
161
159
|
$[8] = ariaLiveMessage;
|
|
162
160
|
$[9] = t9;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectPanel.d.ts","sourceRoot":"","sources":["../../../src/experimental/SelectPanel2/SelectPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAA;AAGvE,OAAO,KAAK,EAAC,WAAW,EAAE,cAAc,EAAmB,SAAS,EAAE,aAAa,EAAC,MAAM,aAAa,CAAA;AAevG,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,uBAAuB,CAAA;AAMvD,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,gCAAgC,CAAA;AAInE,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,mBAAmB,CAAA;AACvD,OAAO,KAAK,EAAC,gBAAgB,EAAE,cAAc,EAAC,MAAM,mBAAmB,CAAA;AA2BvE,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,OAAO,CAAC,EAAE,UAAU,GAAG,OAAO,GAAG,eAAe,CAAC,UAAU,GAAG,OAAO,EAAE,aAAa,GAAG,cAAc,CAAC,CAAA;IACtG,gBAAgB,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,SAAS,CAAA;IACpD,EAAE,CAAC,EAAE,MAAM,CAAA;IAEX,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAA;IACrD,wBAAwB,CAAC,EAAE,OAAO,CAAC,gBAAgB,CAAC,CAAA;IAEpD,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,gBAAgB,CAAC,EAAE,SAAS,GAAG,CAAC,MAAM,IAAI,CAAC,CAAA;IAC3C,QAAQ,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,eAAe,CAAC,KAAK,IAAI,CAAA;IAG7D,KAAK,CAAC,EAAE,YAAY,CAAC,OAAO,CAAC,CAAA;IAC7B,MAAM,CAAC,EAAE,aAAa,CAAA;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,WAAW,CAAC,EAAE,QAAQ,CAAC,CAAA;IAExD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAudD,MAAM,MAAM,+BAA+B,GAAG;IAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAC,GAAG,CACxE,CAAC;IAAC,OAAO,EAAE,QAAQ,CAAA;CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC,CAAC,GAC7D,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAC,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC,GACxC,CAAC;IAAC,OAAO,EAAE,UAAU,CAAC;IAAC,EAAE,CAAC,EAAE,MAAM,CAAA;CAAC,GAAG,aAAa,CAAC,CACvD,CAAA;AAwBD,MAAM,MAAM,uBAAuB,GAAG;IAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAC,GAAG,CAChE;IACE,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,SAAS,GAAG,OAAO,GAAG,OAAO,CAAA;CACvC,GACD;IACE,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,KAAK,CAAC,EAAE,KAAK,CAAA;IACb,OAAO,EAAE,SAAS,GAAG,OAAO,CAAA;CAC7B,CACJ,CAAA;
|
|
1
|
+
{"version":3,"file":"SelectPanel.d.ts","sourceRoot":"","sources":["../../../src/experimental/SelectPanel2/SelectPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAA;AAGvE,OAAO,KAAK,EAAC,WAAW,EAAE,cAAc,EAAmB,SAAS,EAAE,aAAa,EAAC,MAAM,aAAa,CAAA;AAevG,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,uBAAuB,CAAA;AAMvD,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,gCAAgC,CAAA;AAInE,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,mBAAmB,CAAA;AACvD,OAAO,KAAK,EAAC,gBAAgB,EAAE,cAAc,EAAC,MAAM,mBAAmB,CAAA;AA2BvE,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,OAAO,CAAC,EAAE,UAAU,GAAG,OAAO,GAAG,eAAe,CAAC,UAAU,GAAG,OAAO,EAAE,aAAa,GAAG,cAAc,CAAC,CAAA;IACtG,gBAAgB,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,SAAS,CAAA;IACpD,EAAE,CAAC,EAAE,MAAM,CAAA;IAEX,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAA;IACrD,wBAAwB,CAAC,EAAE,OAAO,CAAC,gBAAgB,CAAC,CAAA;IAEpD,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,gBAAgB,CAAC,EAAE,SAAS,GAAG,CAAC,MAAM,IAAI,CAAC,CAAA;IAC3C,QAAQ,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,eAAe,CAAC,KAAK,IAAI,CAAA;IAG7D,KAAK,CAAC,EAAE,YAAY,CAAC,OAAO,CAAC,CAAA;IAC7B,MAAM,CAAC,EAAE,aAAa,CAAA;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,WAAW,CAAC,EAAE,QAAQ,CAAC,CAAA;IAExD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAudD,MAAM,MAAM,+BAA+B,GAAG;IAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAC,GAAG,CACxE,CAAC;IAAC,OAAO,EAAE,QAAQ,CAAA;CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC,CAAC,GAC7D,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAC,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC,GACxC,CAAC;IAAC,OAAO,EAAE,UAAU,CAAC;IAAC,EAAE,CAAC,EAAE,MAAM,CAAA;CAAC,GAAG,aAAa,CAAC,CACvD,CAAA;AAwBD,MAAM,MAAM,uBAAuB,GAAG;IAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAC,GAAG,CAChE;IACE,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,SAAS,GAAG,OAAO,GAAG,OAAO,CAAA;CACvC,GACD;IACE,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,KAAK,CAAC,EAAE,KAAK,CAAA;IACb,OAAO,EAAE,SAAS,GAAG,OAAO,CAAA;CAC7B,CACJ,CAAA;AAqCD,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;iBAtRoE,MAAM,IAAI;;;;;;;;;4BA6NxC,KAAK,CAAC,iBAAiB;;;CAiEnF,CAAA"}
|
|
@@ -14,6 +14,7 @@ import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
|
|
|
14
14
|
import { useProvidedRefOrCreate } from '../../hooks/useProvidedRefOrCreate.js';
|
|
15
15
|
import { useId } from '../../hooks/useId.js';
|
|
16
16
|
import { useAnchoredPosition } from '../../hooks/useAnchoredPosition.js';
|
|
17
|
+
import { AriaStatus } from '../../live-region/AriaStatus.js';
|
|
17
18
|
import Octicon from '../../Octicon/Octicon.js';
|
|
18
19
|
import TextInput from '../../TextInput/TextInput.js';
|
|
19
20
|
import { useFormControlForwardedProps } from '../../FormControl/_FormControlContext.js';
|
|
@@ -23,7 +24,6 @@ import Checkbox from '../../Checkbox/Checkbox.js';
|
|
|
23
24
|
import { IconButton } from '../../Button/IconButton.js';
|
|
24
25
|
import Heading from '../../Heading/Heading.js';
|
|
25
26
|
import Spinner from '../../Spinner/Spinner.js';
|
|
26
|
-
import { AriaStatus } from '../../live-region/AriaStatus.js';
|
|
27
27
|
|
|
28
28
|
const SelectPanelContext = /*#__PURE__*/React.createContext({
|
|
29
29
|
title: '',
|
|
@@ -932,9 +932,9 @@ const SelectPanelMessage = ({
|
|
|
932
932
|
title,
|
|
933
933
|
children
|
|
934
934
|
}) => {
|
|
935
|
+
const MessageWrapper = variant === 'empty' ? 'div' : AriaStatus;
|
|
935
936
|
if (size === 'full') {
|
|
936
|
-
return /*#__PURE__*/jsxs(
|
|
937
|
-
"aria-live": variant === 'empty' ? undefined : 'polite',
|
|
937
|
+
return /*#__PURE__*/jsxs(MessageWrapper, {
|
|
938
938
|
className: classes.MessageFull,
|
|
939
939
|
children: [variant !== 'empty' ? /*#__PURE__*/jsx(Octicon, {
|
|
940
940
|
icon: AlertIcon,
|
|
@@ -948,8 +948,7 @@ const SelectPanelMessage = ({
|
|
|
948
948
|
})]
|
|
949
949
|
});
|
|
950
950
|
} else {
|
|
951
|
-
return /*#__PURE__*/jsxs(
|
|
952
|
-
"aria-live": variant === 'empty' ? undefined : 'polite',
|
|
951
|
+
return /*#__PURE__*/jsxs(MessageWrapper, {
|
|
953
952
|
className: classes.MessageInline,
|
|
954
953
|
"data-variant": variant,
|
|
955
954
|
children: [/*#__PURE__*/jsx(AlertIcon, {
|