@primer/react 38.28.0-rc.1c2334f8e → 38.28.0-rc.81f5a98bd
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/CHANGELOG.md +4 -0
- package/dist/Autocomplete/AutocompleteInput.d.ts.map +1 -1
- package/dist/Autocomplete/AutocompleteInput.js +14 -2
- package/dist/PageHeader/PageHeader.d.ts.map +1 -1
- package/dist/PageHeader/PageHeader.js +6 -0
- package/dist/PageLayout/PageLayout.d.ts.map +1 -1
- package/dist/PageLayout/PageLayout.js +9 -0
- package/dist/Pagehead/Pagehead.js +1 -0
- package/dist/Popover/Popover.d.ts.map +1 -1
- package/dist/Popover/Popover.js +2 -0
- package/dist/Portal/Portal.d.ts.map +1 -1
- package/dist/Portal/Portal.js +1 -0
- package/dist/ProgressBar/ProgressBar.d.ts.map +1 -1
- package/dist/ProgressBar/ProgressBar.js +2 -0
- package/package.json +8 -8
package/CHANGELOG.md
CHANGED
|
@@ -6,8 +6,12 @@
|
|
|
6
6
|
|
|
7
7
|
- [#7922](https://github.com/primer/react/pull/7922) [`55b7b04`](https://github.com/primer/react/commit/55b7b04647af9d7812e9ff77605524048358039c) Thanks [@dylanatsmith](https://github.com/dylanatsmith)! - InlineMessage: Make `variant` prop optional, defaulting to the standard foreground color with an info icon
|
|
8
8
|
|
|
9
|
+
- [#7889](https://github.com/primer/react/pull/7889) [`3af5edc`](https://github.com/primer/react/commit/3af5edc56dd21aaa16c7c1676c4627c4ecd6f0f2) Thanks [@llastflowers](https://github.com/llastflowers)! - Add data-component attributes and associated tests for PageHeader, PageLayout, Pagehead, Popover, Portal, and ProgressBar
|
|
10
|
+
|
|
9
11
|
### Patch Changes
|
|
10
12
|
|
|
13
|
+
- [#7918](https://github.com/primer/react/pull/7918) [`95986ce`](https://github.com/primer/react/commit/95986ce22eaca6f4cb2122a00d51ec93d72f2dfe) Thanks [@jonrohan](https://github.com/jonrohan)! - Autocomplete: Keep the typed text instead of restoring the full inline suggestion when the input loses focus, matching the behavior of pressing Escape
|
|
14
|
+
|
|
11
15
|
- [#7910](https://github.com/primer/react/pull/7910) [`0c38cfa`](https://github.com/primer/react/commit/0c38cfaeabab347e48d4e34c200739e32efa73a2) Thanks [@janmaarten-a11y](https://github.com/janmaarten-a11y)! - Timeline: Add `primer_react_timeline_list_semantics` feature flag to opt into list semantics
|
|
12
16
|
|
|
13
17
|
When the `primer_react_timeline_list_semantics` feature flag is enabled, `Timeline` renders as `<ol role="list">` and `Timeline.Item` / `Timeline.Break` render as `<li>` so screen reader users get list navigation (total item count, position in sequence). The default behavior is unchanged — `Timeline` and its subcomponents still render as `<div>` until the flag is opted into.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AutocompleteInput.d.ts","sourceRoot":"","sources":["../../src/Autocomplete/AutocompleteInput.tsx"],"names":[],"mappings":"AACA,OAAO,KAAqD,MAAM,OAAO,CAAA;AACzE,OAAO,KAAK,EAAC,mBAAmB,IAAI,8BAA8B,EAAC,MAAM,sBAAsB,CAAA;AAE/F,OAAO,SAAS,MAAM,cAAc,CAAA;AAEpC,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,gBAAgB,CAAA;AAGlD,KAAK,8BAA8B,GAAG;IAEpC,EAAE,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAC,CAAA;IAEtD;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB,CAAA;AAID,QAAA,MAAM,iBAAiB,
|
|
1
|
+
{"version":3,"file":"AutocompleteInput.d.ts","sourceRoot":"","sources":["../../src/Autocomplete/AutocompleteInput.tsx"],"names":[],"mappings":"AACA,OAAO,KAAqD,MAAM,OAAO,CAAA;AACzE,OAAO,KAAK,EAAC,mBAAmB,IAAI,8BAA8B,EAAC,MAAM,sBAAsB,CAAA;AAE/F,OAAO,SAAS,MAAM,cAAc,CAAA;AAEpC,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,gBAAgB,CAAA;AAGlD,KAAK,8BAA8B,GAAG;IAEpC,EAAE,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAC,CAAA;IAEtD;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB,CAAA;AAID,QAAA,MAAM,iBAAiB,EA2KlB,8BAA8B,CAAC,OAAO,SAAS,EAAE,8BAA8B,CAAC,CAAA;AAIrF,MAAM,MAAM,sBAAsB,GAAG,cAAc,CAAC,OAAO,iBAAiB,CAAC,CAAA;AAC7E,eAAe,iBAAiB,CAAA"}
|
|
@@ -56,9 +56,17 @@ const AutocompleteInput = /*#__PURE__*/React.forwardRef(({
|
|
|
56
56
|
safeSetTimeout(() => {
|
|
57
57
|
if (document.activeElement !== inputRef.current) {
|
|
58
58
|
setShowMenu(false);
|
|
59
|
+
|
|
60
|
+
// Reset the input's value to the text the user actually typed rather than leaving the
|
|
61
|
+
// inline autocomplete suggestion in place. This keeps the blur behavior consistent with
|
|
62
|
+
// pressing Escape, so deleting characters off a selection and then clicking away does not
|
|
63
|
+
// silently restore the full suggestion. See https://github.com/primer/react/issues/4275
|
|
64
|
+
if (inputRef.current && autocompleteSuggestion && inputRef.current.value !== inputValue) {
|
|
65
|
+
inputRef.current.value = inputValue;
|
|
66
|
+
}
|
|
59
67
|
}
|
|
60
68
|
}, 0);
|
|
61
|
-
}, [onBlur, setShowMenu, inputRef, safeSetTimeout]);
|
|
69
|
+
}, [onBlur, setShowMenu, inputRef, safeSetTimeout, autocompleteSuggestion, inputValue]);
|
|
62
70
|
const handleInputChange = event => {
|
|
63
71
|
onChange && onChange(event);
|
|
64
72
|
setInputValue(event.currentTarget.value);
|
|
@@ -110,7 +118,11 @@ const AutocompleteInput = /*#__PURE__*/React.forwardRef(({
|
|
|
110
118
|
// TODO: fix bug where this function prevents `onChange` from being triggered if the highlighted item text
|
|
111
119
|
// is the same as what I'm typing
|
|
112
120
|
// e.g.: typing 'tw' highlights 'two', but when I 'two', the text input change does not get triggered
|
|
113
|
-
|
|
121
|
+
// Only apply the inline autocomplete suggestion while the input is focused. Without this guard,
|
|
122
|
+
// the suggestion can be re-applied to the DOM after the input is blurred, which would restore
|
|
123
|
+
// the full suggestion the user was editing away from. See https://github.com/primer/react/issues/4275
|
|
124
|
+
const isInputFocused = document.activeElement === inputRef.current;
|
|
125
|
+
if (isInputFocused && highlightRemainingText && autocompleteSuggestion && (inputValue || isMenuDirectlyActivated)) {
|
|
114
126
|
inputRef.current.value = autocompleteSuggestion;
|
|
115
127
|
if (autocompleteSuggestion.toLowerCase().indexOf(inputValue.toLowerCase()) === 0) {
|
|
116
128
|
inputRef.current.setSelectionRange(inputValue.length, autocompleteSuggestion.length);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageHeader.d.ts","sourceRoot":"","sources":["../../src/PageHeader/PageHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAA;AACtC,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,6BAA6B,CAAA;AAIhE,OAAO,KAAK,EAAC,SAAS,IAAI,aAAa,EAAC,MAAM,SAAS,CAAA;AAIvD,OAAO,KAAK,EAAC,mBAAmB,IAAI,8BAA8B,EAAC,MAAM,sBAAsB,CAAA;AAI/F,OAAO,KAAK,EAAC,QAAQ,EAAE,gBAAgB,EAAC,MAAM,gBAAgB,CAAA;AAO9D,MAAM,MAAM,iBAAiB,GAAG;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,MAAM,CAAC,EAAE,OAAO,GAAG,eAAe,CAAC,OAAO,CAAC,CAAA;CAC5C,CAAA;AAkBD,MAAM,MAAM,eAAe,GAAG;IAC5B,YAAY,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,YAAY,CAAC,CAAA;IACjD,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,GAAG,QAAQ,GAAG,KAAK,CAAA;IACzC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CAAA;
|
|
1
|
+
{"version":3,"file":"PageHeader.d.ts","sourceRoot":"","sources":["../../src/PageHeader/PageHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAA;AACtC,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,6BAA6B,CAAA;AAIhE,OAAO,KAAK,EAAC,SAAS,IAAI,aAAa,EAAC,MAAM,SAAS,CAAA;AAIvD,OAAO,KAAK,EAAC,mBAAmB,IAAI,8BAA8B,EAAC,MAAM,sBAAsB,CAAA;AAI/F,OAAO,KAAK,EAAC,QAAQ,EAAE,gBAAgB,EAAC,MAAM,gBAAgB,CAAA;AAO9D,MAAM,MAAM,iBAAiB,GAAG;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,MAAM,CAAC,EAAE,OAAO,GAAG,eAAe,CAAC,OAAO,CAAC,CAAA;CAC5C,CAAA;AAkBD,MAAM,MAAM,eAAe,GAAG;IAC5B,YAAY,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,YAAY,CAAC,CAAA;IACjD,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,GAAG,QAAQ,GAAG,KAAK,CAAA;IACzC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CAAA;AA+FD,KAAK,SAAS,GAAG,IAAI,CACnB,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,GAAG,aAAa,EAC7D,UAAU,GAAG,MAAM,GAAG,UAAU,GAAG,OAAO,GAAG,MAAM,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,gBAAgB,GAAG,IAAI,CAC1G,GAAG;IACF,YAAY,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,YAAY,CAAC,CAAA;CAClD,CAAA;AACD,MAAM,MAAM,eAAe,GAAG,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,GAAG,SAAS,CAAC,CAAA;AAgEpF,MAAM,MAAM,cAAc,GAAG;IAC3B,OAAO,CAAC,EAAE,UAAU,GAAG,QAAQ,GAAG,OAAO,GAAG,eAAe,CAAC,UAAU,GAAG,QAAQ,GAAG,OAAO,CAAC,CAAA;CAC7F,GAAG,iBAAiB,CAAA;AAsErB,MAAM,MAAM,UAAU,GAAG;IACvB,EAAE,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;CAC7C,GAAG,iBAAiB,CAAA;AAiDrB,MAAM,MAAM,YAAY,GAAG,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAA;AAuBrE,MAAM,MAAM,eAAe,GAAG;IAC5B,EAAE,CAAC,EAAE,KAAK,GAAG,KAAK,CAAA;IAClB,YAAY,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,YAAY,CAAC,CAAA;IACjD,iBAAiB,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC,CAAA;CAC5D,GAAG,iBAAiB,CAAA;AAsFrB,eAAO,MAAM,UAAU;;;;;;;;;;;;+CA/GiC,YAAY;;;CA8HlE,CAAA"}
|
|
@@ -94,6 +94,7 @@ const Root = /*#__PURE__*/React.forwardRef((t0, forwardedRef) => {
|
|
|
94
94
|
t6 = /*#__PURE__*/jsx(BaseComponent, {
|
|
95
95
|
ref: rootRef,
|
|
96
96
|
className: t4,
|
|
97
|
+
"data-component": "PageHeader",
|
|
97
98
|
"data-has-border": t5,
|
|
98
99
|
"aria-label": ariaLabel,
|
|
99
100
|
role: role,
|
|
@@ -145,6 +146,7 @@ const ContextArea = t0 => {
|
|
|
145
146
|
if ($[4] !== children || $[5] !== t2 || $[6] !== t3) {
|
|
146
147
|
t4 = /*#__PURE__*/jsx("div", {
|
|
147
148
|
className: t2,
|
|
149
|
+
"data-component": "PageHeader.ContextArea",
|
|
148
150
|
...t3,
|
|
149
151
|
children: children
|
|
150
152
|
});
|
|
@@ -213,6 +215,7 @@ const ParentLink = /*#__PURE__*/React.forwardRef((t0, ref) => {
|
|
|
213
215
|
"aria-label": ariaLabel,
|
|
214
216
|
muted: true,
|
|
215
217
|
className: t3,
|
|
218
|
+
"data-component": "PageHeader.ParentLink",
|
|
216
219
|
...t4,
|
|
217
220
|
href: href,
|
|
218
221
|
children: [t5, t6]
|
|
@@ -265,6 +268,7 @@ const ContextBar = t0 => {
|
|
|
265
268
|
if ($[4] !== children || $[5] !== t2 || $[6] !== t3) {
|
|
266
269
|
t4 = /*#__PURE__*/jsx("div", {
|
|
267
270
|
className: t2,
|
|
271
|
+
"data-component": "PageHeader.ContextBar",
|
|
268
272
|
...t3,
|
|
269
273
|
children: children
|
|
270
274
|
});
|
|
@@ -308,6 +312,7 @@ const ContextAreaActions = t0 => {
|
|
|
308
312
|
if ($[4] !== children || $[5] !== t2 || $[6] !== t3) {
|
|
309
313
|
t4 = /*#__PURE__*/jsx("div", {
|
|
310
314
|
className: t2,
|
|
315
|
+
"data-component": "PageHeader.ContextAreaActions",
|
|
311
316
|
...t3,
|
|
312
317
|
children: children
|
|
313
318
|
});
|
|
@@ -714,6 +719,7 @@ const Description = t0 => {
|
|
|
714
719
|
if ($[4] !== children || $[5] !== t2 || $[6] !== t3) {
|
|
715
720
|
t4 = /*#__PURE__*/jsx("div", {
|
|
716
721
|
className: t2,
|
|
722
|
+
"data-component": "PageHeader.Description",
|
|
717
723
|
...t3,
|
|
718
724
|
children: children
|
|
719
725
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageLayout.d.ts","sourceRoot":"","sources":["../../src/PageLayout/PageLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAA;AAIzC,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,6BAA6B,CAAA;AAQhE,OAAO,KAAK,EAAC,gBAAgB,EAAE,cAAc,EAAC,MAAM,gBAAgB,CAAA;AACpE,OAAO,EAML,KAAK,cAAc,EACnB,KAAK,SAAS,EACd,KAAK,kBAAkB,EACxB,MAAM,gBAAgB,CAAA;AAQvB,QAAA,MAAM,WAAW;;;;CAIhB,CAAA;AAuBD,MAAM,MAAM,eAAe,GAAG;IAC5B,8CAA8C;IAC9C,cAAc,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAA;IACvD,iFAAiF;IACjF,OAAO,CAAC,EAAE,MAAM,OAAO,WAAW,CAAA;IAClC,MAAM,CAAC,EAAE,MAAM,OAAO,WAAW,CAAA;IACjC,SAAS,CAAC,EAAE,MAAM,OAAO,WAAW,CAAA;IAEpC,yEAAyE;IACzE,YAAY,CAAC,EAAE,MAAM,CAAC,QAAQ,GAAG,QAAQ,GAAG,SAAS,EAAE,KAAK,CAAC,WAAW,CAAC,CAAA;IACzE,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;CAC5B,CAAA;
|
|
1
|
+
{"version":3,"file":"PageLayout.d.ts","sourceRoot":"","sources":["../../src/PageLayout/PageLayout.tsx"],"names":[],"mappings":"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"}
|
|
@@ -99,6 +99,7 @@ const RootWrapper = /*#__PURE__*/memo(({
|
|
|
99
99
|
...style
|
|
100
100
|
},
|
|
101
101
|
className: clsx(classes.PageLayoutRoot, className),
|
|
102
|
+
"data-component": "PageLayout",
|
|
102
103
|
"data-has-sidebar": hasSidebar || undefined,
|
|
103
104
|
children: children
|
|
104
105
|
});
|
|
@@ -119,6 +120,7 @@ const HorizontalDivider = /*#__PURE__*/memo(({
|
|
|
119
120
|
} = React.useContext(PageLayoutContext);
|
|
120
121
|
return /*#__PURE__*/jsx("div", {
|
|
121
122
|
className: clsx(classes.HorizontalDivider, className),
|
|
123
|
+
"data-component": "PageLayout.HorizontalDivider",
|
|
122
124
|
...getResponsiveAttributes('variant', variant),
|
|
123
125
|
...getResponsiveAttributes('position', position),
|
|
124
126
|
style: {
|
|
@@ -137,6 +139,7 @@ const VerticalDivider = /*#__PURE__*/memo(({
|
|
|
137
139
|
}) => {
|
|
138
140
|
return /*#__PURE__*/jsx("div", {
|
|
139
141
|
className: clsx(classes.VerticalDivider, className),
|
|
142
|
+
"data-component": "PageLayout.VerticalDivider",
|
|
140
143
|
...getResponsiveAttributes('variant', variant),
|
|
141
144
|
...getResponsiveAttributes('position', position),
|
|
142
145
|
style: style,
|
|
@@ -396,6 +399,7 @@ const DragHandle = /*#__PURE__*/memo(function DragHandle({
|
|
|
396
399
|
return /*#__PURE__*/jsx("div", {
|
|
397
400
|
ref: handleRef,
|
|
398
401
|
className: classes.DraggableHandle,
|
|
402
|
+
"data-component": "PageLayout.DragHandle",
|
|
399
403
|
role: "slider",
|
|
400
404
|
"aria-label": "Draggable pane splitter",
|
|
401
405
|
"aria-valuemin": ariaValueMin,
|
|
@@ -438,6 +442,7 @@ const Header = ({
|
|
|
438
442
|
return /*#__PURE__*/jsxs("header", {
|
|
439
443
|
"aria-label": label,
|
|
440
444
|
"aria-labelledby": labelledBy,
|
|
445
|
+
"data-component": "PageLayout.Header",
|
|
441
446
|
...getResponsiveAttributes('hidden', hidden),
|
|
442
447
|
className: clsx(classes.Header, className),
|
|
443
448
|
style: {
|
|
@@ -485,6 +490,7 @@ const Content = ({
|
|
|
485
490
|
ref: contentWrapperRef,
|
|
486
491
|
"aria-label": label,
|
|
487
492
|
"aria-labelledby": labelledBy,
|
|
493
|
+
"data-component": "PageLayout.Content",
|
|
488
494
|
style: style,
|
|
489
495
|
className: clsx(classes.ContentWrapper, className),
|
|
490
496
|
...getResponsiveAttributes('is-hidden', hidden),
|
|
@@ -627,6 +633,7 @@ const Pane = /*#__PURE__*/React.forwardRef(({
|
|
|
627
633
|
id: paneId
|
|
628
634
|
}),
|
|
629
635
|
className: classes.Pane,
|
|
636
|
+
"data-component": "PageLayout.Pane",
|
|
630
637
|
"data-resizable": resizable || undefined,
|
|
631
638
|
style: {
|
|
632
639
|
'--spacing': `var(--spacing-${padding})`,
|
|
@@ -840,6 +847,7 @@ const Sidebar = /*#__PURE__*/React.forwardRef(({
|
|
|
840
847
|
id: sidebarId
|
|
841
848
|
}),
|
|
842
849
|
className: classes.Sidebar,
|
|
850
|
+
"data-component": "PageLayout.Sidebar",
|
|
843
851
|
"data-resizable": resizable || undefined,
|
|
844
852
|
style: {
|
|
845
853
|
'--spacing': `var(--spacing-${padding})`,
|
|
@@ -896,6 +904,7 @@ const Footer = ({
|
|
|
896
904
|
return /*#__PURE__*/jsxs("footer", {
|
|
897
905
|
"aria-label": label,
|
|
898
906
|
"aria-labelledby": labelledBy,
|
|
907
|
+
"data-component": "PageLayout.Footer",
|
|
899
908
|
...getResponsiveAttributes('hidden', hidden),
|
|
900
909
|
className: clsx(classes.FooterWrapper, className),
|
|
901
910
|
style: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../src/Popover/Popover.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,OAAO,CAAA;AACpC,OAAO,KAAe,MAAM,OAAO,CAAA;AAMnC,KAAK,aAAa,GACd,KAAK,GACL,QAAQ,GACR,MAAM,GACN,OAAO,GACP,aAAa,GACb,cAAc,GACd,UAAU,GACV,WAAW,GACX,aAAa,GACb,UAAU,GACV,cAAc,GACd,WAAW,CAAA;AAEf,KAAK,kBAAkB,GAAG;IACxB,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,OAAO,CAAA;CACf,CAAA;AAED,MAAM,MAAM,YAAY,GAAG;IACzB,oCAAoC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,GAAG,kBAAkB,GACpB,SAAS,CAAC,cAAc,CAAC,CAAA;
|
|
1
|
+
{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../src/Popover/Popover.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,OAAO,CAAA;AACpC,OAAO,KAAe,MAAM,OAAO,CAAA;AAMnC,KAAK,aAAa,GACd,KAAK,GACL,QAAQ,GACR,MAAM,GACN,OAAO,GACP,aAAa,GACb,cAAc,GACd,UAAU,GACV,WAAW,GACX,aAAa,GACb,UAAU,GACV,cAAc,GACd,WAAW,CAAA;AAEf,KAAK,kBAAkB,GAAG;IACxB,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,OAAO,CAAA;CACf,CAAA;AAED,MAAM,MAAM,YAAY,GAAG;IACzB,oCAAoC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,GAAG,kBAAkB,GACpB,SAAS,CAAC,cAAc,CAAC,CAAA;AAoB3B,MAAM,MAAM,mBAAmB,GAAG;IAChC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,GAAG,QAAQ,CAAA;IACnE,MAAM,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,GAAG,QAAQ,GAAG,aAAa,CAAA;IACzE,QAAQ,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,SAAS,CAAA;IAInD,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,GAAG,UAAU,KAAK,IAAI,CAAA;IAIzD,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,EAAE,CAAA;CACjD,GAAG,SAAS,CAAC,cAAc,CAAC,CAAA;;;;AAkC7B,wBAAgE"}
|
package/dist/Popover/Popover.js
CHANGED
|
@@ -50,6 +50,7 @@ const Popover = /*#__PURE__*/React.forwardRef(function Popover(t0, forwardRef) {
|
|
|
50
50
|
t5 = /*#__PURE__*/jsx("div", {
|
|
51
51
|
...props,
|
|
52
52
|
ref: forwardRef,
|
|
53
|
+
"data-component": "Popover",
|
|
53
54
|
"data-open": t2,
|
|
54
55
|
"data-relative": t3,
|
|
55
56
|
"data-caret": caret,
|
|
@@ -132,6 +133,7 @@ const PopoverContent = t0 => {
|
|
|
132
133
|
if ($[12] !== height || $[13] !== props || $[14] !== t5 || $[15] !== width) {
|
|
133
134
|
t6 = /*#__PURE__*/jsx("div", {
|
|
134
135
|
ref: divRef,
|
|
136
|
+
"data-component": "Popover.Content",
|
|
135
137
|
"data-width": width,
|
|
136
138
|
"data-height": height,
|
|
137
139
|
className: t5,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Portal.d.ts","sourceRoot":"","sources":["../../src/Portal/Portal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AASvC;;;;;GAKG;AACH,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,SAAgC,GAAG,IAAI,CAE5F;AA4BD;;;GAGG;AACH,eAAO,MAAM,aAAa;0BACF,MAAM;EACxB,CAAA;AAEN,MAAM,WAAW,WAAW;IAC1B;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IAEpB;;;;OAIG;IACH,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB;AAED;;;GAGG;AACH,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,
|
|
1
|
+
{"version":3,"file":"Portal.d.ts","sourceRoot":"","sources":["../../src/Portal/Portal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AASvC;;;;;GAKG;AACH,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,SAAgC,GAAG,IAAI,CAE5F;AA4BD;;;GAGG;AACH,eAAO,MAAM,aAAa;0BACF,MAAM;EACxB,CAAA;AAEN,MAAM,WAAW,WAAW;IAC1B;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IAEpB;;;;OAIG;IACH,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB;AAED;;;GAGG;AACH,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,CA6CjE,CAAA"}
|
package/dist/Portal/Portal.js
CHANGED
|
@@ -62,6 +62,7 @@ const Portal = ({
|
|
|
62
62
|
// eslint-disable-next-line react-hooks/refs
|
|
63
63
|
if (!elementRef.current) {
|
|
64
64
|
const div = document.createElement('div');
|
|
65
|
+
div.setAttribute('data-component', 'Portal');
|
|
65
66
|
// Portaled content should get their own stacking context so they don't interfere
|
|
66
67
|
// with each other in unexpected ways. One should never find themselves tempted
|
|
67
68
|
// to change the zIndex to a value other than "1".
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProgressBar.d.ts","sourceRoot":"","sources":["../../src/ProgressBar/ProgressBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAIvC,KAAK,YAAY,GAAG;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC1B,EAAE,CAAC,EAAE,MAAM,CAAA;CACZ,CAAA;AAED,KAAK,4BAA4B,GAAG;IAClC,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,OAAO,CAAA;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,MAAM,MAAM,oBAAoB,GAAG,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,GAAG;IACzE,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,GAAG,YAAY,CAAA;AAEhB,eAAO,MAAM,IAAI;mBAJA,MAAM;gBACT,MAAM;
|
|
1
|
+
{"version":3,"file":"ProgressBar.d.ts","sourceRoot":"","sources":["../../src/ProgressBar/ProgressBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAIvC,KAAK,YAAY,GAAG;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC1B,EAAE,CAAC,EAAE,MAAM,CAAA;CACZ,CAAA;AAED,KAAK,4BAA4B,GAAG;IAClC,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,OAAO,CAAA;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,MAAM,MAAM,oBAAoB,GAAG,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,GAAG;IACzE,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,GAAG,YAAY,CAAA;AAEhB,eAAO,MAAM,IAAI;mBAJA,MAAM;gBACT,MAAM;wDAiDnB,CAAA;AAID,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,GAAG;IACrE,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,GAAG,4BAA4B,GAC9B,YAAY,CAAA;AAEd,eAAO,MAAM,WAAW;SALjB,MAAM;gBACC,MAAM;uFAqDnB,CAAA"}
|
|
@@ -113,6 +113,7 @@ const Item = /*#__PURE__*/forwardRef((t0, forwardRef) => {
|
|
|
113
113
|
let t5;
|
|
114
114
|
if ($[25] !== ariaAttributes || $[26] !== ariaLabel || $[27] !== forwardRef || $[28] !== rest || $[29] !== t3 || $[30] !== t4) {
|
|
115
115
|
t5 = /*#__PURE__*/jsx("span", {
|
|
116
|
+
"data-component": "ProgressBar.Item",
|
|
116
117
|
className: t3,
|
|
117
118
|
...rest,
|
|
118
119
|
role: "progressbar",
|
|
@@ -235,6 +236,7 @@ const ProgressBar = /*#__PURE__*/forwardRef((t0, forwardRef) => {
|
|
|
235
236
|
if ($[25] !== barSize || $[26] !== forwardRef || $[27] !== rest || $[28] !== t4 || $[29] !== t5 || $[30] !== t6) {
|
|
236
237
|
t7 = /*#__PURE__*/jsx("span", {
|
|
237
238
|
ref: forwardRef,
|
|
239
|
+
"data-component": "ProgressBar",
|
|
238
240
|
className: t4,
|
|
239
241
|
"data-progress-display": t5,
|
|
240
242
|
"data-progress-bar-size": barSize,
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@primer/react",
|
|
3
3
|
"type": "module",
|
|
4
|
-
"version": "38.28.0-rc.
|
|
4
|
+
"version": "38.28.0-rc.81f5a98bd",
|
|
5
5
|
"description": "An implementation of GitHub's Primer Design System using React",
|
|
6
6
|
"main": "./dist/index.js",
|
|
7
7
|
"module": "./dist/index.js",
|
|
@@ -114,12 +114,12 @@
|
|
|
114
114
|
"@rollup/plugin-node-resolve": "16.0.3",
|
|
115
115
|
"@rollup/plugin-typescript": "12.3.0",
|
|
116
116
|
"@rollup/plugin-virtual": "3.0.2",
|
|
117
|
-
"@storybook/addon-a11y": "^10.
|
|
118
|
-
"@storybook/addon-docs": "^10.
|
|
119
|
-
"@storybook/addon-links": "^10.
|
|
120
|
-
"@storybook/addon-mcp": "^0.
|
|
121
|
-
"@storybook/icons": "^2.0.
|
|
122
|
-
"@storybook/react-vite": "^10.
|
|
117
|
+
"@storybook/addon-a11y": "^10.4.2",
|
|
118
|
+
"@storybook/addon-docs": "^10.4.2",
|
|
119
|
+
"@storybook/addon-links": "^10.4.2",
|
|
120
|
+
"@storybook/addon-mcp": "^0.6.0",
|
|
121
|
+
"@storybook/icons": "^2.0.2",
|
|
122
|
+
"@storybook/react-vite": "^10.4.2",
|
|
123
123
|
"@testing-library/dom": "^10.4.0",
|
|
124
124
|
"@testing-library/jest-dom": "^6.4.5",
|
|
125
125
|
"@testing-library/react": "^16.3.0",
|
|
@@ -173,7 +173,7 @@
|
|
|
173
173
|
"rimraf": "5.0.5",
|
|
174
174
|
"rollup": "4.59.0",
|
|
175
175
|
"rollup-plugin-import-css": "^0.0.0",
|
|
176
|
-
"storybook": "^10.
|
|
176
|
+
"storybook": "^10.4.2",
|
|
177
177
|
"terser": "5.36.0",
|
|
178
178
|
"ts-toolbelt": "9.6.0",
|
|
179
179
|
"tsx": "4.20.3",
|