@primer/react 38.1.0-rc.b5ef6a423 → 38.1.0-rc.c5ea35a01
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +16 -11
- package/dist/ActionBar/ActionBar.js +308 -148
- package/dist/ActionMenu/ActionMenu.js +1 -1
- package/dist/Autocomplete/AutocompleteInput.d.ts.map +1 -1
- package/dist/Autocomplete/AutocompleteInput.js +0 -1
- package/dist/Autocomplete/AutocompleteMenu.js +334 -124
- package/dist/Avatar/Avatar.js +31 -23
- package/dist/Banner/Banner.d.ts.map +1 -1
- package/dist/Banner/Banner.js +0 -1
- package/dist/Breadcrumbs/Breadcrumbs.d.ts.map +1 -1
- package/dist/Breadcrumbs/Breadcrumbs.js +1 -0
- package/dist/Button/ButtonBase.d.ts.map +1 -1
- package/dist/Button/ButtonBase.js +0 -1
- package/dist/Checkbox/Checkbox.d.ts.map +1 -1
- package/dist/DataTable/Pagination.js +296 -87
- package/dist/Dialog/Dialog.js +1 -1
- package/dist/FilteredActionList/useAnnouncements.d.ts.map +1 -1
- package/dist/FilteredActionList/useAnnouncements.js +1 -0
- package/dist/Heading/Heading.d.ts.map +1 -1
- package/dist/Heading/Heading.js +0 -1
- package/dist/LabelGroup/LabelGroup.d.ts.map +1 -1
- package/dist/LabelGroup/LabelGroup.js +1 -0
- package/dist/Link/Link.d.ts.map +1 -1
- package/dist/Link/Link.js +0 -1
- package/dist/Portal/Portal.d.ts.map +1 -1
- package/dist/Portal/Portal.js +0 -1
- package/dist/SelectPanel/SelectPanel.d.ts.map +1 -1
- package/dist/SelectPanel/SelectPanel.js +0 -1
- package/dist/SkeletonAvatar/SkeletonAvatar.js +31 -23
- package/dist/ThemeProvider.d.ts.map +1 -1
- package/dist/ThemeProvider.js +1 -0
- package/dist/ToggleSwitch/ToggleSwitch.d.ts.map +1 -1
- package/dist/Token/IssueLabelToken.js +280 -57
- package/dist/Token/_RemoveTokenButton.d.ts +1 -1
- package/dist/Token/_RemoveTokenButton.d.ts.map +1 -1
- package/dist/Token/_RemoveTokenButton.js +4 -3
- package/dist/TooltipV2/Tooltip.d.ts.map +1 -1
- package/dist/TooltipV2/Tooltip.js +28 -25
- package/dist/TreeView/TreeView.d.ts.map +1 -1
- package/dist/TreeView/TreeView.js +5 -1
- package/dist/UnderlineNav/UnderlineNav.d.ts.map +1 -1
- package/dist/UnderlineNav/UnderlineNav.js +0 -1
- package/dist/deprecated/utils/create-slots.d.ts.map +1 -1
- package/dist/experimental/SelectPanel2/SelectPanel.d.ts.map +1 -1
- package/dist/experimental/SelectPanel2/SelectPanel.js +4 -2
- package/dist/hooks/useAnchoredPosition.d.ts.map +1 -1
- package/dist/hooks/useAnchoredPosition.js +0 -1
- package/dist/hooks/useControllableState.d.ts.map +1 -1
- package/dist/hooks/useControllableState.js +2 -0
- package/dist/hooks/useFocusTrap.d.ts.map +1 -1
- package/dist/hooks/useFocusTrap.js +0 -1
- package/dist/hooks/useFocusZone.d.ts.map +1 -1
- package/dist/hooks/useFocusZone.js +0 -1
- package/dist/hooks/useIsMacOS.d.ts.map +1 -1
- package/dist/hooks/useIsMacOS.js +3 -1
- package/dist/hooks/useMedia.d.ts.map +1 -1
- package/dist/hooks/useMedia.js +12 -27
- package/dist/hooks/useMenuInitialFocus.d.ts.map +1 -1
- package/dist/hooks/useMenuInitialFocus.js +0 -1
- package/dist/hooks/useOnEscapePress.d.ts.map +1 -1
- package/dist/hooks/useOnEscapePress.js +0 -1
- package/dist/hooks/useRenderForcingRef.d.ts.map +1 -1
- package/dist/hooks/useRenderForcingRef.js +37 -7
- package/dist/hooks/useResizeObserver.d.ts.map +1 -1
- package/dist/hooks/useResizeObserver.js +0 -1
- package/dist/hooks/useSafeTimeout.d.ts.map +1 -1
- package/dist/hooks/useSafeTimeout.js +0 -1
- package/dist/hooks/useScrollFlash.d.ts.map +1 -1
- package/dist/internal/components/ValidationAnimationContainer.d.ts.map +1 -1
- package/dist/internal/hooks/useFocus.d.ts.map +1 -1
- package/dist/internal/hooks/useMergedRefs.d.ts.map +1 -1
- package/dist/internal/hooks/useMergedRefs.js +0 -1
- package/generated/components.json +2 -2
- package/package.json +3 -3
package/dist/ThemeProvider.js
CHANGED
|
@@ -54,6 +54,7 @@ const ThemeProvider = ({
|
|
|
54
54
|
const [dayScheme, setDayScheme] = useSyncedState((_ref2 = (_props$dayScheme = props.dayScheme) !== null && _props$dayScheme !== void 0 ? _props$dayScheme : fallbackDayScheme) !== null && _ref2 !== void 0 ? _ref2 : defaultDayScheme);
|
|
55
55
|
const [nightScheme, setNightScheme] = useSyncedState((_ref3 = (_props$nightScheme = props.nightScheme) !== null && _props$nightScheme !== void 0 ? _props$nightScheme : fallbackNightScheme) !== null && _ref3 !== void 0 ? _ref3 : defaultNightScheme);
|
|
56
56
|
const systemColorMode = useSystemColorMode();
|
|
57
|
+
// eslint-disable-next-line react-hooks/refs
|
|
57
58
|
const resolvedColorMode = resolvedColorModePassthrough.current || resolveColorMode(colorMode, systemColorMode);
|
|
58
59
|
const colorScheme = chooseColorScheme(resolvedColorMode, dayScheme, nightScheme);
|
|
59
60
|
const {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToggleSwitch.d.ts","sourceRoot":"","sources":["../../src/ToggleSwitch/ToggleSwitch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,OAAO,CAAA;AAC5C,OAAO,KAA+B,MAAM,OAAO,CAAA;AAKnD,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,qBAAqB,CAAA;AAKtD,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IAC/F,oDAAoD;IACpD,CAAC,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC3B,qDAAqD;IACrD,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,iDAAiD;IACjD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,qDAAqD;IACrD,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,sCAAsC;IACtC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,uEAAuE;IACvE,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,6DAA6D;IAC7D,OAAO,CAAC,EAAE,iBAAiB,CAAA;IAC3B,yBAAyB;IACzB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;IACzB;;OAEG;IACH,mBAAmB,CAAC,EAAE,aAAa,CAAA;IACnC;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,iEAAiE;IACjE,UAAU,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAA;IAC1C,wOAAwO;IACxO,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,0OAA0O;IAC1O,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB;AA8BD,QAAA,MAAM,YAAY,
|
|
1
|
+
{"version":3,"file":"ToggleSwitch.d.ts","sourceRoot":"","sources":["../../src/ToggleSwitch/ToggleSwitch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,OAAO,CAAA;AAC5C,OAAO,KAA+B,MAAM,OAAO,CAAA;AAKnD,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,qBAAqB,CAAA;AAKtD,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IAC/F,oDAAoD;IACpD,CAAC,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC3B,qDAAqD;IACrD,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,iDAAiD;IACjD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,qDAAqD;IACrD,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,sCAAsC;IACtC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,uEAAuE;IACvE,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,6DAA6D;IAC7D,OAAO,CAAC,EAAE,iBAAiB,CAAA;IAC3B,yBAAyB;IACzB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;IACzB;;OAEG;IACH,mBAAmB,CAAC,EAAE,aAAa,CAAA;IACnC;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,iEAAiE;IACjE,UAAU,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAA;IAC1C,wOAAwO;IACxO,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,0OAA0O;IAC1O,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB;AA8BD,QAAA,MAAM,YAAY,6FAiIhB,CAAA;AAMF,eAAe,YAAY,CAAA"}
|
|
@@ -1,75 +1,298 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import
|
|
1
|
+
import { c } from 'react-compiler-runtime';
|
|
2
|
+
import { forwardRef } from 'react';
|
|
3
|
+
import TokenBase, { isTokenInteractive, defaultTokenSize } from './TokenBase.js';
|
|
3
4
|
import RemoveTokenButton from './_RemoveTokenButton.js';
|
|
4
5
|
import { parseToRgba, parseToHsla } from 'color2k';
|
|
5
6
|
import TokenTextContainer from './_TokenTextContainer.js';
|
|
6
7
|
import classes from './IssueLabelToken.module.css.js';
|
|
7
8
|
import { clsx } from 'clsx';
|
|
8
|
-
import {
|
|
9
|
+
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
9
10
|
|
|
10
11
|
const IssueLabelToken = /*#__PURE__*/forwardRef((props, forwardedRef) => {
|
|
11
|
-
const
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
12
|
+
const $ = c(81);
|
|
13
|
+
let as;
|
|
14
|
+
let className;
|
|
15
|
+
let hideRemoveButton;
|
|
16
|
+
let href;
|
|
17
|
+
let id;
|
|
18
|
+
let isSelected;
|
|
19
|
+
let onClick;
|
|
20
|
+
let onRemove;
|
|
21
|
+
let rest;
|
|
22
|
+
let t0;
|
|
23
|
+
let t1;
|
|
24
|
+
let text;
|
|
25
|
+
if ($[0] !== props) {
|
|
26
|
+
({
|
|
27
|
+
as,
|
|
28
|
+
fillColor: t0,
|
|
29
|
+
onRemove,
|
|
30
|
+
id,
|
|
31
|
+
isSelected,
|
|
32
|
+
text,
|
|
33
|
+
size: t1,
|
|
34
|
+
hideRemoveButton,
|
|
35
|
+
href,
|
|
36
|
+
onClick,
|
|
37
|
+
className,
|
|
38
|
+
...rest
|
|
39
|
+
} = props);
|
|
40
|
+
$[0] = props;
|
|
41
|
+
$[1] = as;
|
|
42
|
+
$[2] = className;
|
|
43
|
+
$[3] = hideRemoveButton;
|
|
44
|
+
$[4] = href;
|
|
45
|
+
$[5] = id;
|
|
46
|
+
$[6] = isSelected;
|
|
47
|
+
$[7] = onClick;
|
|
48
|
+
$[8] = onRemove;
|
|
49
|
+
$[9] = rest;
|
|
50
|
+
$[10] = t0;
|
|
51
|
+
$[11] = t1;
|
|
52
|
+
$[12] = text;
|
|
53
|
+
} else {
|
|
54
|
+
as = $[1];
|
|
55
|
+
className = $[2];
|
|
56
|
+
hideRemoveButton = $[3];
|
|
57
|
+
href = $[4];
|
|
58
|
+
id = $[5];
|
|
59
|
+
isSelected = $[6];
|
|
60
|
+
onClick = $[7];
|
|
61
|
+
onRemove = $[8];
|
|
62
|
+
rest = $[9];
|
|
63
|
+
t0 = $[10];
|
|
64
|
+
t1 = $[11];
|
|
65
|
+
text = $[12];
|
|
66
|
+
}
|
|
67
|
+
const fillColor = t0 === undefined ? "#999" : t0;
|
|
68
|
+
const size = t1 === undefined ? defaultTokenSize : t1;
|
|
69
|
+
let t2;
|
|
70
|
+
if ($[13] !== as || $[14] !== href || $[15] !== onClick) {
|
|
71
|
+
t2 = {
|
|
72
|
+
as,
|
|
73
|
+
href,
|
|
74
|
+
onClick
|
|
45
75
|
};
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
76
|
+
$[13] = as;
|
|
77
|
+
$[14] = href;
|
|
78
|
+
$[15] = onClick;
|
|
79
|
+
$[16] = t2;
|
|
80
|
+
} else {
|
|
81
|
+
t2 = $[16];
|
|
82
|
+
}
|
|
83
|
+
const interactiveTokenProps = t2;
|
|
84
|
+
let t3;
|
|
85
|
+
if ($[17] !== hideRemoveButton || $[18] !== onRemove || $[19] !== props) {
|
|
86
|
+
t3 = isTokenInteractive(props) && Boolean(onRemove) && !hideRemoveButton;
|
|
87
|
+
$[17] = hideRemoveButton;
|
|
88
|
+
$[18] = onRemove;
|
|
89
|
+
$[19] = props;
|
|
90
|
+
$[20] = t3;
|
|
91
|
+
} else {
|
|
92
|
+
t3 = $[20];
|
|
93
|
+
}
|
|
94
|
+
const hasMultipleActionTargets = t3;
|
|
95
|
+
let t4;
|
|
96
|
+
if ($[21] !== onRemove) {
|
|
97
|
+
t4 = e => {
|
|
98
|
+
e.stopPropagation();
|
|
99
|
+
onRemove && onRemove();
|
|
100
|
+
};
|
|
101
|
+
$[21] = onRemove;
|
|
102
|
+
$[22] = t4;
|
|
103
|
+
} else {
|
|
104
|
+
t4 = $[22];
|
|
105
|
+
}
|
|
106
|
+
const onRemoveClick = t4;
|
|
107
|
+
let t5;
|
|
108
|
+
if ($[23] !== fillColor) {
|
|
109
|
+
t5 = parseToRgba(fillColor);
|
|
110
|
+
$[23] = fillColor;
|
|
111
|
+
$[24] = t5;
|
|
112
|
+
} else {
|
|
113
|
+
t5 = $[24];
|
|
114
|
+
}
|
|
115
|
+
const [r, g, b] = t5;
|
|
116
|
+
let l;
|
|
117
|
+
let s;
|
|
118
|
+
let t10;
|
|
119
|
+
let t6;
|
|
120
|
+
let t7;
|
|
121
|
+
let t8;
|
|
122
|
+
let t9;
|
|
123
|
+
if ($[25] !== b || $[26] !== fillColor || $[27] !== g || $[28] !== r) {
|
|
124
|
+
const [h, t11, t12] = parseToHsla(fillColor);
|
|
125
|
+
s = t11;
|
|
126
|
+
l = t12;
|
|
127
|
+
t8 = String(r);
|
|
128
|
+
t9 = String(g);
|
|
129
|
+
t10 = String(b);
|
|
130
|
+
t6 = String;
|
|
131
|
+
t7 = Math.round(h);
|
|
132
|
+
$[25] = b;
|
|
133
|
+
$[26] = fillColor;
|
|
134
|
+
$[27] = g;
|
|
135
|
+
$[28] = r;
|
|
136
|
+
$[29] = l;
|
|
137
|
+
$[30] = s;
|
|
138
|
+
$[31] = t10;
|
|
139
|
+
$[32] = t6;
|
|
140
|
+
$[33] = t7;
|
|
141
|
+
$[34] = t8;
|
|
142
|
+
$[35] = t9;
|
|
143
|
+
} else {
|
|
144
|
+
l = $[29];
|
|
145
|
+
s = $[30];
|
|
146
|
+
t10 = $[31];
|
|
147
|
+
t6 = $[32];
|
|
148
|
+
t7 = $[33];
|
|
149
|
+
t8 = $[34];
|
|
150
|
+
t9 = $[35];
|
|
151
|
+
}
|
|
152
|
+
const t11 = t6(t7);
|
|
153
|
+
let t12;
|
|
154
|
+
if ($[36] !== s) {
|
|
155
|
+
t12 = Math.round(s * 100);
|
|
156
|
+
$[36] = s;
|
|
157
|
+
$[37] = t12;
|
|
158
|
+
} else {
|
|
159
|
+
t12 = $[37];
|
|
160
|
+
}
|
|
161
|
+
const t13 = String(t12);
|
|
162
|
+
let t14;
|
|
163
|
+
if ($[38] !== l) {
|
|
164
|
+
t14 = Math.round(l * 100);
|
|
165
|
+
$[38] = l;
|
|
166
|
+
$[39] = t14;
|
|
167
|
+
} else {
|
|
168
|
+
t14 = $[39];
|
|
169
|
+
}
|
|
170
|
+
const t15 = String(t14);
|
|
171
|
+
let t16;
|
|
172
|
+
if ($[40] !== t10 || $[41] !== t11 || $[42] !== t13 || $[43] !== t15 || $[44] !== t8 || $[45] !== t9) {
|
|
173
|
+
t16 = {
|
|
174
|
+
"--label-r": t8,
|
|
175
|
+
"--label-g": t9,
|
|
176
|
+
"--label-b": t10,
|
|
177
|
+
"--label-h": t11,
|
|
178
|
+
"--label-s": t13,
|
|
179
|
+
"--label-l": t15
|
|
180
|
+
};
|
|
181
|
+
$[40] = t10;
|
|
182
|
+
$[41] = t11;
|
|
183
|
+
$[42] = t13;
|
|
184
|
+
$[43] = t15;
|
|
185
|
+
$[44] = t8;
|
|
186
|
+
$[45] = t9;
|
|
187
|
+
$[46] = t16;
|
|
188
|
+
} else {
|
|
189
|
+
t16 = $[46];
|
|
190
|
+
}
|
|
191
|
+
const customProperties = t16;
|
|
192
|
+
let t17;
|
|
193
|
+
if ($[47] !== id) {
|
|
194
|
+
var _id;
|
|
195
|
+
t17 = (_id = id) === null || _id === void 0 ? void 0 : _id.toString();
|
|
196
|
+
$[47] = id;
|
|
197
|
+
$[48] = t17;
|
|
198
|
+
} else {
|
|
199
|
+
t17 = $[48];
|
|
200
|
+
}
|
|
201
|
+
let t18;
|
|
202
|
+
if ($[49] !== className) {
|
|
203
|
+
t18 = clsx(classes.IssueLabel, className);
|
|
204
|
+
$[49] = className;
|
|
205
|
+
$[50] = t18;
|
|
206
|
+
} else {
|
|
207
|
+
t18 = $[50];
|
|
208
|
+
}
|
|
209
|
+
const t19 = !hideRemoveButton && !!onRemove;
|
|
210
|
+
let t20;
|
|
211
|
+
if ($[51] !== hasMultipleActionTargets || $[52] !== interactiveTokenProps) {
|
|
212
|
+
t20 = !hasMultipleActionTargets ? interactiveTokenProps : {};
|
|
213
|
+
$[51] = hasMultipleActionTargets;
|
|
214
|
+
$[52] = interactiveTokenProps;
|
|
215
|
+
$[53] = t20;
|
|
216
|
+
} else {
|
|
217
|
+
t20 = $[53];
|
|
218
|
+
}
|
|
219
|
+
let t21;
|
|
220
|
+
if ($[54] !== hasMultipleActionTargets || $[55] !== interactiveTokenProps) {
|
|
221
|
+
t21 = hasMultipleActionTargets ? interactiveTokenProps : {};
|
|
222
|
+
$[54] = hasMultipleActionTargets;
|
|
223
|
+
$[55] = interactiveTokenProps;
|
|
224
|
+
$[56] = t21;
|
|
225
|
+
} else {
|
|
226
|
+
t21 = $[56];
|
|
227
|
+
}
|
|
228
|
+
let t22;
|
|
229
|
+
if ($[57] !== t21 || $[58] !== text) {
|
|
230
|
+
t22 = /*#__PURE__*/jsx(TokenTextContainer, {
|
|
231
|
+
...t21,
|
|
62
232
|
children: text
|
|
63
|
-
})
|
|
233
|
+
});
|
|
234
|
+
$[57] = t21;
|
|
235
|
+
$[58] = text;
|
|
236
|
+
$[59] = t22;
|
|
237
|
+
} else {
|
|
238
|
+
t22 = $[59];
|
|
239
|
+
}
|
|
240
|
+
let t23;
|
|
241
|
+
if ($[60] !== hasMultipleActionTargets || $[61] !== hideRemoveButton || $[62] !== onRemove || $[63] !== onRemoveClick || $[64] !== props || $[65] !== size) {
|
|
242
|
+
t23 = !hideRemoveButton && onRemove ? /*#__PURE__*/jsx(RemoveTokenButton, {
|
|
64
243
|
borderOffset: 1,
|
|
65
244
|
onClick: onRemoveClick,
|
|
66
245
|
size: size,
|
|
67
|
-
"aria-hidden": hasMultipleActionTargets ?
|
|
246
|
+
"aria-hidden": hasMultipleActionTargets ? "true" : "false",
|
|
68
247
|
isParentInteractive: isTokenInteractive(props),
|
|
69
248
|
"data-has-multiple-action-targets": hasMultipleActionTargets,
|
|
70
249
|
className: classes.RemoveButton
|
|
71
|
-
}) : null
|
|
72
|
-
|
|
250
|
+
}) : null;
|
|
251
|
+
$[60] = hasMultipleActionTargets;
|
|
252
|
+
$[61] = hideRemoveButton;
|
|
253
|
+
$[62] = onRemove;
|
|
254
|
+
$[63] = onRemoveClick;
|
|
255
|
+
$[64] = props;
|
|
256
|
+
$[65] = size;
|
|
257
|
+
$[66] = t23;
|
|
258
|
+
} else {
|
|
259
|
+
t23 = $[66];
|
|
260
|
+
}
|
|
261
|
+
let t24;
|
|
262
|
+
if ($[67] !== customProperties || $[68] !== forwardedRef || $[69] !== isSelected || $[70] !== onRemove || $[71] !== rest || $[72] !== size || $[73] !== t17 || $[74] !== t18 || $[75] !== t19 || $[76] !== t20 || $[77] !== t22 || $[78] !== t23 || $[79] !== text) {
|
|
263
|
+
t24 = /*#__PURE__*/jsxs(TokenBase, {
|
|
264
|
+
onRemove: onRemove,
|
|
265
|
+
id: t17,
|
|
266
|
+
isSelected: isSelected,
|
|
267
|
+
className: t18,
|
|
268
|
+
text: text,
|
|
269
|
+
size: size,
|
|
270
|
+
style: customProperties,
|
|
271
|
+
"data-has-remove-button": t19,
|
|
272
|
+
"data-selected": isSelected,
|
|
273
|
+
...t20,
|
|
274
|
+
...rest,
|
|
275
|
+
ref: forwardedRef,
|
|
276
|
+
children: [t22, t23]
|
|
277
|
+
});
|
|
278
|
+
$[67] = customProperties;
|
|
279
|
+
$[68] = forwardedRef;
|
|
280
|
+
$[69] = isSelected;
|
|
281
|
+
$[70] = onRemove;
|
|
282
|
+
$[71] = rest;
|
|
283
|
+
$[72] = size;
|
|
284
|
+
$[73] = t17;
|
|
285
|
+
$[74] = t18;
|
|
286
|
+
$[75] = t19;
|
|
287
|
+
$[76] = t20;
|
|
288
|
+
$[77] = t22;
|
|
289
|
+
$[78] = t23;
|
|
290
|
+
$[79] = text;
|
|
291
|
+
$[80] = t24;
|
|
292
|
+
} else {
|
|
293
|
+
t24 = $[80];
|
|
294
|
+
}
|
|
295
|
+
return t24;
|
|
73
296
|
});
|
|
74
297
|
IssueLabelToken.displayName = 'IssueLabelToken';
|
|
75
298
|
|
|
@@ -6,7 +6,7 @@ interface TokenButtonProps {
|
|
|
6
6
|
isParentInteractive?: boolean;
|
|
7
7
|
}
|
|
8
8
|
type RemoveTokenButtonProps = TokenButtonProps & Omit<React.HTMLProps<HTMLSpanElement | HTMLButtonElement>, 'size'>;
|
|
9
|
-
declare const RemoveTokenButton: ({ "aria-label": ariaLabel, isParentInteractive, size, className, borderOffset, as: _as, ...rest }: React.PropsWithChildren<RemoveTokenButtonProps & {
|
|
9
|
+
declare const RemoveTokenButton: ({ "aria-label": ariaLabel, isParentInteractive, size, className, borderOffset, as: _as, children: _children, ...rest }: React.PropsWithChildren<RemoveTokenButtonProps & {
|
|
10
10
|
as?: React.ElementType;
|
|
11
11
|
}>) => React.JSX.Element;
|
|
12
12
|
export default RemoveTokenButton;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"_RemoveTokenButton.d.ts","sourceRoot":"","sources":["../../src/Token/_RemoveTokenButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,aAAa,CAAA;AAK9C,UAAU,gBAAgB;IACxB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,IAAI,CAAC,EAAE,aAAa,CAAA;IACpB,mBAAmB,CAAC,EAAE,OAAO,CAAA;CAC9B;AAED,KAAK,sBAAsB,GAAG,gBAAgB,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,eAAe,GAAG,iBAAiB,CAAC,EAAE,MAAM,CAAC,CAAA;AAEnH,QAAA,MAAM,iBAAiB,GAAI,
|
|
1
|
+
{"version":3,"file":"_RemoveTokenButton.d.ts","sourceRoot":"","sources":["../../src/Token/_RemoveTokenButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,aAAa,CAAA;AAK9C,UAAU,gBAAgB;IACxB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,IAAI,CAAC,EAAE,aAAa,CAAA;IACpB,mBAAmB,CAAC,EAAE,OAAO,CAAA;CAC9B;AAED,KAAK,sBAAsB,GAAG,gBAAgB,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,eAAe,GAAG,iBAAiB,CAAC,EAAE,MAAM,CAAC,CAAA;AAEnH,QAAA,MAAM,iBAAiB,GAAI,wHASxB,KAAK,CAAC,iBAAiB,CAAC,sBAAsB,GAAG;IAAC,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;CAAC,CAAC,sBAmC5E,CAAA;AAED,eAAe,iBAAiB,CAAA"}
|
|
@@ -11,10 +11,9 @@ const RemoveTokenButton = ({
|
|
|
11
11
|
className,
|
|
12
12
|
borderOffset = 0,
|
|
13
13
|
as: _as,
|
|
14
|
+
children: _children,
|
|
14
15
|
...rest
|
|
15
16
|
}) => {
|
|
16
|
-
// eslint-disable-next-line react-compiler/react-compiler
|
|
17
|
-
delete rest.children;
|
|
18
17
|
if (isParentInteractive) {
|
|
19
18
|
return /*#__PURE__*/jsx("span", {
|
|
20
19
|
...rest,
|
|
@@ -37,7 +36,9 @@ const RemoveTokenButton = ({
|
|
|
37
36
|
className: clsx(classes.TokenButton, className),
|
|
38
37
|
style: {
|
|
39
38
|
transform: `translate(${borderOffset}px, -${borderOffset}px)`
|
|
40
|
-
}
|
|
39
|
+
}
|
|
40
|
+
// eslint-disable-next-line react-hooks/refs
|
|
41
|
+
,
|
|
41
42
|
ref: rest.ref,
|
|
42
43
|
type: "button",
|
|
43
44
|
children: /*#__PURE__*/jsx(XIcon, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../src/TooltipV2/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAiD,KAAK,yBAAyB,EAAC,MAAM,OAAO,CAAA;AAS3G,OAAO,EAAoD,KAAK,mBAAmB,EAAC,MAAM,mBAAmB,CAAA;AAG7G,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,gBAAgB,CAAA;AAE9C,MAAM,MAAM,gBAAgB,GAAG,IAAI,GAAG,GAAG,GAAG,IAAI,GAAG,GAAG,GAAG,IAAI,GAAG,GAAG,GAAG,IAAI,GAAG,GAAG,CAAA;AAChF,MAAM,MAAM,YAAY,GAAG,KAAK,CAAC,iBAAiB,CAAC;IACjD,SAAS,CAAC,EAAE,gBAAgB,CAAA;IAC5B,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,OAAO,GAAG,aAAa,CAAA;IAC9B,cAAc,CAAC,EAAE,mBAAmB,CAAC,MAAM,CAAC,CAAA;IAC5C;;;;;OAKG;IACH,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAA;CACpC,CAAC,GACA,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,CAAA;AAiEnC,eAAO,MAAM,cAAc;gBAAoC,MAAM;EAAM,CAAA;AAE3E,eAAO,MAAM,OAAO,EAAE,yBAAyB,CAC7C,KAAK,CAAC,eAAe,CAAC,YAAY,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CACvE,GACC,
|
|
1
|
+
{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../src/TooltipV2/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAiD,KAAK,yBAAyB,EAAC,MAAM,OAAO,CAAA;AAS3G,OAAO,EAAoD,KAAK,mBAAmB,EAAC,MAAM,mBAAmB,CAAA;AAG7G,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,gBAAgB,CAAA;AAE9C,MAAM,MAAM,gBAAgB,GAAG,IAAI,GAAG,GAAG,GAAG,IAAI,GAAG,GAAG,GAAG,IAAI,GAAG,GAAG,GAAG,IAAI,GAAG,GAAG,CAAA;AAChF,MAAM,MAAM,YAAY,GAAG,KAAK,CAAC,iBAAiB,CAAC;IACjD,SAAS,CAAC,EAAE,gBAAgB,CAAA;IAC5B,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,OAAO,GAAG,aAAa,CAAA;IAC9B,cAAc,CAAC,EAAE,mBAAmB,CAAC,MAAM,CAAC,CAAA;IAC5C;;;;;OAKG;IACH,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAA;CACpC,CAAC,GACA,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,CAAA;AAiEnC,eAAO,MAAM,cAAc;gBAAoC,MAAM;EAAM,CAAA;AAE3E,eAAO,MAAM,OAAO,EAAE,yBAAyB,CAC7C,KAAK,CAAC,eAAe,CAAC,YAAY,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CACvE,GACC,UA6QD,CAAA"}
|
|
@@ -119,8 +119,8 @@ const Tooltip = /*#__PURE__*/React.forwardRef(({
|
|
|
119
119
|
anchorSide
|
|
120
120
|
} = getAnchoredPosition(tooltip, trigger, settings);
|
|
121
121
|
// This is required to make sure the popover is positioned correctly i.e. when there is not enough space on the specified direction, we set a new direction to position the ::after
|
|
122
|
-
const
|
|
123
|
-
setCalculatedDirection(
|
|
122
|
+
const calculatedDirection = positionToDirection[`${anchorSide}-${anchorAlign}`];
|
|
123
|
+
setCalculatedDirection(calculatedDirection);
|
|
124
124
|
tooltip.style.top = `${top}px`;
|
|
125
125
|
tooltip.style.left = `${left}px`;
|
|
126
126
|
}
|
|
@@ -144,11 +144,11 @@ const Tooltip = /*#__PURE__*/React.forwardRef(({
|
|
|
144
144
|
} else {
|
|
145
145
|
setIsPopoverOpen(false);
|
|
146
146
|
}
|
|
147
|
-
} catch (
|
|
147
|
+
} catch (error) {
|
|
148
148
|
// older browsers don't support the :popover-open selector and will throw, even though we use a polyfill
|
|
149
149
|
// see https://github.com/github/issues/issues/12468
|
|
150
|
-
if (
|
|
151
|
-
throw
|
|
150
|
+
if (error && typeof error === 'object' && 'message' in error && typeof error.message === 'string' && error.message.includes('not a valid selector')) ; else {
|
|
151
|
+
throw error;
|
|
152
152
|
}
|
|
153
153
|
}
|
|
154
154
|
};
|
|
@@ -166,14 +166,14 @@ const Tooltip = /*#__PURE__*/React.forwardRef(({
|
|
|
166
166
|
const isTriggerInteractive = isInteractive(triggerRef.current);
|
|
167
167
|
const triggerChildren = triggerRef.current.childNodes;
|
|
168
168
|
// two levels deep
|
|
169
|
-
const hasInteractiveDescendant = Array.from(triggerChildren).some(
|
|
170
|
-
return
|
|
169
|
+
const hasInteractiveDescendant = Array.from(triggerChildren).some(child => {
|
|
170
|
+
return child instanceof HTMLElement && isInteractive(child) || Array.from(child.childNodes).some(grandChild => grandChild instanceof HTMLElement && isInteractive(grandChild));
|
|
171
171
|
});
|
|
172
172
|
!(isTriggerInteractive || hasInteractiveDescendant) ? process.env.NODE_ENV !== "production" ? invariant(false, 'The `Tooltip` component expects a single React element that contains interactive content. Consider using a `<button>` or equivalent interactive element instead.') : invariant(false) : void 0;
|
|
173
173
|
// If the tooltip is used for labelling the interactive element, the trigger element or any of its children should not have aria-label
|
|
174
174
|
if (type === 'label') {
|
|
175
175
|
const hasAriaLabel = triggerRef.current.hasAttribute('aria-label');
|
|
176
|
-
const hasAriaLabelInChildren = Array.from(triggerRef.current.childNodes).some(
|
|
176
|
+
const hasAriaLabelInChildren = Array.from(triggerRef.current.childNodes).some(child => child instanceof HTMLElement && child.hasAttribute('aria-label'));
|
|
177
177
|
process.env.NODE_ENV !== "production" ? warning(hasAriaLabel || hasAriaLabelInChildren, 'The label type `Tooltip` is going to be used here to label the trigger element. Please remove the aria-label from the trigger element.') : void 0;
|
|
178
178
|
}
|
|
179
179
|
|
|
@@ -183,8 +183,8 @@ const Tooltip = /*#__PURE__*/React.forwardRef(({
|
|
|
183
183
|
apply();
|
|
184
184
|
}
|
|
185
185
|
}
|
|
186
|
-
const
|
|
187
|
-
|
|
186
|
+
const tooltip = tooltipElRef.current;
|
|
187
|
+
tooltip.setAttribute('popover', 'auto');
|
|
188
188
|
}, [tooltipElRef, triggerRef, direction, type]);
|
|
189
189
|
useOnEscapePress(event => {
|
|
190
190
|
if (isPopoverOpen) {
|
|
@@ -194,11 +194,14 @@ const Tooltip = /*#__PURE__*/React.forwardRef(({
|
|
|
194
194
|
}
|
|
195
195
|
}, [isPopoverOpen]);
|
|
196
196
|
const isMacOS = useIsMacOS();
|
|
197
|
-
const
|
|
197
|
+
const hasAriaLabel = 'aria-label' in rest;
|
|
198
198
|
return /*#__PURE__*/jsx(TooltipContext.Provider, {
|
|
199
199
|
value: value,
|
|
200
200
|
children: /*#__PURE__*/jsxs(Fragment, {
|
|
201
|
-
children: [/*#__PURE__*/React.isValidElement(child) &&
|
|
201
|
+
children: [/*#__PURE__*/React.isValidElement(child) &&
|
|
202
|
+
/*#__PURE__*/
|
|
203
|
+
// eslint-disable-next-line react-hooks/refs
|
|
204
|
+
React.cloneElement(child, {
|
|
202
205
|
ref: triggerRef,
|
|
203
206
|
// If it is a type description, we use tooltip to describe the trigger
|
|
204
207
|
'aria-describedby': (() => {
|
|
@@ -218,32 +221,32 @@ const Tooltip = /*#__PURE__*/React.forwardRef(({
|
|
|
218
221
|
})(),
|
|
219
222
|
// If it is a label type, we use tooltip to label the trigger
|
|
220
223
|
'aria-labelledby': type === 'label' ? tooltipId : child.props['aria-labelledby'],
|
|
221
|
-
onBlur:
|
|
224
|
+
onBlur: event => {
|
|
222
225
|
var _child$props$onBlur, _child$props;
|
|
223
226
|
closeTooltip();
|
|
224
|
-
(_child$props$onBlur = (_child$props = child.props).onBlur) === null || _child$props$onBlur === void 0 ? void 0 : _child$props$onBlur.call(_child$props,
|
|
227
|
+
(_child$props$onBlur = (_child$props = child.props).onBlur) === null || _child$props$onBlur === void 0 ? void 0 : _child$props$onBlur.call(_child$props, event);
|
|
225
228
|
},
|
|
226
|
-
onTouchEnd:
|
|
229
|
+
onTouchEnd: event => {
|
|
227
230
|
var _child$props$onTouchE, _child$props2;
|
|
228
|
-
(_child$props$onTouchE = (_child$props2 = child.props).onTouchEnd) === null || _child$props$onTouchE === void 0 ? void 0 : _child$props$onTouchE.call(_child$props2,
|
|
231
|
+
(_child$props$onTouchE = (_child$props2 = child.props).onTouchEnd) === null || _child$props$onTouchE === void 0 ? void 0 : _child$props$onTouchE.call(_child$props2, event);
|
|
229
232
|
|
|
230
233
|
// Hide tooltips on tap to essentially disable them on touch devices;
|
|
231
234
|
// this still allows viewing the tooltip on tap-and-hold
|
|
232
235
|
safeSetTimeout(() => closeTooltip(), 10);
|
|
233
236
|
},
|
|
234
|
-
onFocus:
|
|
237
|
+
onFocus: event => {
|
|
235
238
|
var _child$props$onFocus, _child$props3;
|
|
236
239
|
// only show tooltip on :focus-visible, not on :focus
|
|
237
240
|
try {
|
|
238
|
-
if (!
|
|
241
|
+
if (!event.target.matches(':focus-visible')) return;
|
|
239
242
|
} catch (_error) {
|
|
240
243
|
// jsdom (jest) does not support `:focus-visible` yet and would throw an error
|
|
241
244
|
// https://github.com/jsdom/jsdom/issues/3426
|
|
242
245
|
}
|
|
243
246
|
openTooltip();
|
|
244
|
-
(_child$props$onFocus = (_child$props3 = child.props).onFocus) === null || _child$props$onFocus === void 0 ? void 0 : _child$props$onFocus.call(_child$props3,
|
|
247
|
+
(_child$props$onFocus = (_child$props3 = child.props).onFocus) === null || _child$props$onFocus === void 0 ? void 0 : _child$props$onFocus.call(_child$props3, event);
|
|
245
248
|
},
|
|
246
|
-
onMouseOverCapture:
|
|
249
|
+
onMouseOverCapture: event => {
|
|
247
250
|
const delayTime = delayTimeMap[delay] || 50;
|
|
248
251
|
// We use a `capture` event to ensure this is called first before
|
|
249
252
|
// events that might cancel the opening timeout (like `onTouchEnd`)
|
|
@@ -254,13 +257,13 @@ const Tooltip = /*#__PURE__*/React.forwardRef(({
|
|
|
254
257
|
// if the mouse is already moved out, do not show the tooltip
|
|
255
258
|
if (!openTimeoutRef.current) return;
|
|
256
259
|
openTooltip();
|
|
257
|
-
(_child$props$onMouseE = (_child$props4 = child.props).onMouseEnter) === null || _child$props$onMouseE === void 0 ? void 0 : _child$props$onMouseE.call(_child$props4,
|
|
260
|
+
(_child$props$onMouseE = (_child$props4 = child.props).onMouseEnter) === null || _child$props$onMouseE === void 0 ? void 0 : _child$props$onMouseE.call(_child$props4, event);
|
|
258
261
|
}, delayTime);
|
|
259
262
|
},
|
|
260
|
-
onMouseLeave:
|
|
263
|
+
onMouseLeave: event => {
|
|
261
264
|
var _child$props$onMouseL, _child$props5;
|
|
262
265
|
closeTooltip();
|
|
263
|
-
(_child$props$onMouseL = (_child$props5 = child.props).onMouseLeave) === null || _child$props$onMouseL === void 0 ? void 0 : _child$props$onMouseL.call(_child$props5,
|
|
266
|
+
(_child$props$onMouseL = (_child$props5 = child.props).onMouseLeave) === null || _child$props$onMouseL === void 0 ? void 0 : _child$props$onMouseL.call(_child$props5, event);
|
|
264
267
|
}
|
|
265
268
|
}), /*#__PURE__*/jsx("span", {
|
|
266
269
|
className: clsx(className, classes.Tooltip),
|
|
@@ -278,10 +281,10 @@ const Tooltip = /*#__PURE__*/React.forwardRef(({
|
|
|
278
281
|
onMouseLeave: closeTooltip
|
|
279
282
|
// If there is an aria-label prop, always assign the ID to the parent so the accessible label can be overridden
|
|
280
283
|
,
|
|
281
|
-
id:
|
|
284
|
+
id: hasAriaLabel || !keybindingHint ? tooltipId : undefined,
|
|
282
285
|
children: keybindingHint ? /*#__PURE__*/jsxs(Fragment, {
|
|
283
286
|
children: [/*#__PURE__*/jsxs("span", {
|
|
284
|
-
id:
|
|
287
|
+
id: hasAriaLabel ? undefined : tooltipId,
|
|
285
288
|
children: [text, /*#__PURE__*/jsxs(VisuallyHidden, {
|
|
286
289
|
children: ["(", getAccessibleKeybindingHintString(keybindingHint, isMacOS), ")"]
|
|
287
290
|
})]
|
|
@@ -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;AAyCpD,MAAM,MAAM,aAAa,GAAG;IAC1B,YAAY,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,YAAY,CAAC,CAAA;IACjD,iBAAiB,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC,CAAA;IAC3D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;CAC5B,CAAA;AAED,MAAM,MAAM,wBAAwB,GAAG;IACrC,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,IAAI,EAAE,IAAI,CAAA;IACV,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAqFD,MAAM,MAAM,iBAAiB,GAAG;IAC9B,YAAY,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,YAAY,CAAC,CAAA;IACjD,iBAAiB,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC,CAAA;IAC3D,EAAE,EAAE,MAAM,CAAA;IACV,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,oBAAoB,CAAC,EAAE,MAAM,CAAA;IAC7B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,QAAQ,CAAC,EAAE,OAAO,GAAG,IAAI,CAAA;IACzB,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAA;IAC9C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,KAAK,IAAI,CAAA;IAC5F,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,gBAAgB,CAAC,EAAE,wBAAwB,EAAE,CAAA;CAC9C,CAAA;
|
|
1
|
+
{"version":3,"file":"TreeView.d.ts","sourceRoot":"","sources":["../../src/TreeView/TreeView.tsx"],"names":[],"mappings":"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"}
|
|
@@ -271,7 +271,9 @@ const Item = /*#__PURE__*/React.forwardRef(({
|
|
|
271
271
|
const isMacOS = useIsMacOS();
|
|
272
272
|
|
|
273
273
|
// Set the expanded state and cache it
|
|
274
|
-
const setIsExpandedWithCache = React.useCallback(
|
|
274
|
+
const setIsExpandedWithCache = React.useCallback(
|
|
275
|
+
// eslint-disable-next-line react-hooks/preserve-manual-memoization
|
|
276
|
+
newIsExpanded => {
|
|
275
277
|
var _expandedStateCache$c3;
|
|
276
278
|
setIsExpanded(newIsExpanded);
|
|
277
279
|
(_expandedStateCache$c3 = expandedStateCache.current) === null || _expandedStateCache$c3 === void 0 ? void 0 : _expandedStateCache$c3.set(itemId, newIsExpanded);
|
|
@@ -676,6 +678,8 @@ function usePreviousValue(value) {
|
|
|
676
678
|
React.useEffect(() => {
|
|
677
679
|
ref.current = value;
|
|
678
680
|
}, [value]);
|
|
681
|
+
|
|
682
|
+
// eslint-disable-next-line react-hooks/refs
|
|
679
683
|
return ref.current;
|
|
680
684
|
}
|
|
681
685
|
const SkeletonItem = () => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UnderlineNav.d.ts","sourceRoot":"","sources":["../../src/UnderlineNav/UnderlineNav.tsx"],"names":[],"mappings":"AACA,OAAO,KAA6D,MAAM,OAAO,CAAA;AAmBjF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,YAAY,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,YAAY,CAAC,CAAA;IACjD,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,OAAO,CAAA;CAC5B,CAAA;AAGD,eAAO,MAAM,cAAc,KAAK,CAAA;AAoEhC,eAAO,MAAM,gBAAgB,GAAI,UAAU,KAAK,CAAC,SAAS,KACgC,KAAK,CAAC,YAAY,EAC3G,CAAA;AAgCD,eAAO,MAAM,YAAY,
|
|
1
|
+
{"version":3,"file":"UnderlineNav.d.ts","sourceRoot":"","sources":["../../src/UnderlineNav/UnderlineNav.tsx"],"names":[],"mappings":"AACA,OAAO,KAA6D,MAAM,OAAO,CAAA;AAmBjF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,YAAY,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,YAAY,CAAC,CAAA;IACjD,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,OAAO,CAAA;CAC5B,CAAA;AAGD,eAAO,MAAM,cAAc,KAAK,CAAA;AAoEhC,eAAO,MAAM,gBAAgB,GAAI,UAAU,KAAK,CAAC,SAAS,KACgC,KAAK,CAAC,YAAY,EAC3G,CAAA;AAgCD,eAAO,MAAM,YAAY,mFA6RxB,CAAA"}
|
|
@@ -153,7 +153,6 @@ const UnderlineNav = /*#__PURE__*/forwardRef(({
|
|
|
153
153
|
const onlyMenuVisible = responsiveProps.items.length === 0;
|
|
154
154
|
if (process.env.NODE_ENV !== "production") {
|
|
155
155
|
// Practically, this is not a conditional hook, it is just making sure this hook runs only on DEV not PROD.
|
|
156
|
-
// eslint-disable-next-line react-compiler/react-compiler
|
|
157
156
|
// eslint-disable-next-line react-hooks/rules-of-hooks
|
|
158
157
|
useEffect(() => {
|
|
159
158
|
// Address illegal state where there are multiple items that have `aria-current='page'` attribute
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"create-slots.d.ts","sourceRoot":"","sources":["../../../src/deprecated/utils/create-slots.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB;;;;;;;GAOG;AACH,QAAA,MAAM,WAAW,GAAI,SAAS,SAAS,MAAM,EAAE,WAAW,SAAS,EAAE;;;kBA0BvD,CAAC,KAAK,KAxBf,GAAG,mCAwBmB,KAAK,KAAK,CAAC,SAAS;;
|
|
1
|
+
{"version":3,"file":"create-slots.d.ts","sourceRoot":"","sources":["../../../src/deprecated/utils/create-slots.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB;;;;;;;GAOG;AACH,QAAA,MAAM,WAAW,GAAI,SAAS,SAAS,MAAM,EAAE,WAAW,SAAS,EAAE;;;kBA0BvD,CAAC,KAAK,KAxBf,GAAG,mCAwBmB,KAAK,KAAK,CAAC,SAAS;;WAgD/B,CAAC,SAAS;QAAC,IAAI,EAAE,SAAS,CAAC;QAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,OAAO,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC,CAAA;KAAC;CAazG,CAAA;AAED,eAAe,WAAW,CAAA"}
|
|
@@ -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,CAAC,CAAA;IAC9C,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;
|
|
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,CAAC,CAAA;IAC9C,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;AAsdD,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;AAuCD,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;iBAxRoE,MAAM,IAAI;;;;;;;;;4BA6NxC,KAAK,CAAC,iBAAiB;;;CAmEnF,CAAA"}
|
|
@@ -85,7 +85,7 @@ const Panel = ({
|
|
|
85
85
|
};
|
|
86
86
|
const contents = React.Children.map(props.children, child => {
|
|
87
87
|
if (/*#__PURE__*/React.isValidElement(child) && (child.type === SelectPanelButton || isSlot(child, SelectPanelButton))) {
|
|
88
|
-
// eslint-disable-next-line react-
|
|
88
|
+
// eslint-disable-next-line react-hooks/immutability
|
|
89
89
|
Anchor = /*#__PURE__*/React.cloneElement(child, {
|
|
90
90
|
// @ts-ignore TODO
|
|
91
91
|
ref: anchorRef,
|
|
@@ -272,7 +272,9 @@ const SelectPanelButton = /*#__PURE__*/React.forwardRef((props, anchorRef) => {
|
|
|
272
272
|
}, [inputProps.id]);
|
|
273
273
|
if (labelText) {
|
|
274
274
|
return /*#__PURE__*/jsx(ButtonComponent, {
|
|
275
|
-
ref: anchorRef
|
|
275
|
+
ref: anchorRef
|
|
276
|
+
// eslint-disable-next-line react-hooks/refs
|
|
277
|
+
,
|
|
276
278
|
"aria-label": `${anchorRef.current.textContent}, ${labelText}`,
|
|
277
279
|
...inputProps
|
|
278
280
|
});
|