@primer/react 38.1.0-rc.66c2f85bd → 38.1.0-rc.689063e18
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 +21 -1
- package/README.md +16 -11
- package/dist/ActionBar/ActionBar.d.ts +70 -0
- package/dist/ActionBar/ActionBar.d.ts.map +1 -1
- package/dist/ActionBar/ActionBar.js +536 -160
- package/dist/ActionBar/index.d.ts +17 -1
- package/dist/ActionBar/index.d.ts.map +1 -1
- package/dist/ActionBar/index.js +3 -2
- package/dist/ActionList/{ActionList-167cf6c7.css → ActionList-46e9c2db.css} +2 -2
- package/dist/ActionList/ActionList-46e9c2db.css.map +1 -0
- package/dist/ActionList/ActionList.module.css.js +1 -1
- package/dist/ActionList/Item.d.ts.map +1 -1
- package/dist/ActionList/Item.js +3 -1
- package/dist/ActionList/List.d.ts.map +1 -1
- package/dist/ActionMenu/ActionMenu.js +1 -1
- package/dist/AnchoredOverlay/AnchoredOverlay.d.ts +1 -0
- package/dist/AnchoredOverlay/AnchoredOverlay.d.ts.map +1 -1
- package/dist/AnchoredOverlay/AnchoredOverlay.js +13 -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/BaseStyles.d.ts +2 -2
- package/dist/BaseStyles.d.ts.map +1 -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/DataTable/Table.d.ts +13 -13
- package/dist/DataTable/Table.d.ts.map +1 -1
- package/dist/Dialog/Dialog.js +1 -1
- package/dist/FilteredActionList/FilteredActionList.d.ts +1 -0
- package/dist/FilteredActionList/FilteredActionList.d.ts.map +1 -1
- package/dist/FilteredActionList/FilteredActionListLoaders.d.ts +1 -0
- package/dist/FilteredActionList/FilteredActionListLoaders.d.ts.map +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-968346ff.css +2 -0
- package/dist/Link/Link-968346ff.css.map +1 -0
- package/dist/Link/Link.d.ts +0 -2
- package/dist/Link/Link.d.ts.map +1 -1
- package/dist/Link/Link.js +0 -3
- package/dist/Link/Link.module.css.js +1 -1
- package/dist/PageHeader/PageHeader-9f4a690a.css +2 -0
- package/dist/PageHeader/PageHeader-9f4a690a.css.map +1 -0
- package/dist/PageHeader/PageHeader.d.ts.map +1 -1
- package/dist/PageHeader/PageHeader.js +24 -16
- package/dist/PageHeader/PageHeader.module.css.js +1 -1
- package/dist/PageLayout/PageLayout-28a244f7.css +2 -0
- package/dist/PageLayout/PageLayout-28a244f7.css.map +1 -0
- package/dist/PageLayout/PageLayout.d.ts.map +1 -1
- package/dist/PageLayout/PageLayout.js +535 -448
- package/dist/PageLayout/PageLayout.module.css.js +1 -1
- package/dist/Portal/Portal.d.ts.map +1 -1
- package/dist/Portal/Portal.js +0 -1
- package/dist/SelectPanel/SelectPanel.d.ts +1 -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/Timeline/Timeline-116393ee.css +2 -0
- package/dist/Timeline/Timeline-116393ee.css.map +1 -0
- package/dist/Timeline/Timeline.module.css.js +1 -1
- 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/ActionList/Divider.d.ts +1 -0
- package/dist/deprecated/ActionList/Divider.d.ts.map +1 -1
- package/dist/deprecated/ActionList/Group.d.ts +1 -0
- package/dist/deprecated/ActionList/Group.d.ts.map +1 -1
- package/dist/deprecated/ActionList/Header.d.ts +1 -0
- package/dist/deprecated/ActionList/Header.d.ts.map +1 -1
- package/dist/deprecated/ActionList/List.d.ts.map +1 -1
- package/dist/deprecated/ActionMenu.d.ts +2 -1
- package/dist/deprecated/ActionMenu.d.ts.map +1 -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/experimental/Tabs/Tabs.d.ts +127 -0
- package/dist/experimental/Tabs/Tabs.d.ts.map +1 -0
- package/dist/experimental/Tabs/Tabs.js +317 -0
- package/dist/experimental/Tabs/index.d.ts +3 -0
- package/dist/experimental/Tabs/index.d.ts.map +1 -0
- package/dist/experimental/index.d.ts +1 -0
- package/dist/experimental/index.d.ts.map +1 -1
- package/dist/experimental/index.js +1 -0
- 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/{useMediaUnsafeSSR.d.ts → useMedia.d.ts} +6 -9
- package/dist/hooks/useMedia.d.ts.map +1 -0
- package/dist/hooks/{useMediaUnsafeSSR.js → useMedia.js} +14 -29
- 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/useResponsiveValue.d.ts +0 -2
- package/dist/hooks/useResponsiveValue.d.ts.map +1 -1
- package/dist/hooks/useResponsiveValue.js +5 -9
- 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/dist/utils/polymorphic.d.ts +1 -0
- package/dist/utils/polymorphic.d.ts.map +1 -1
- package/generated/components.json +32 -7
- package/package.json +7 -7
- package/dist/ActionList/ActionList-167cf6c7.css.map +0 -1
- package/dist/Link/Link-e01bdaee.css +0 -2
- package/dist/Link/Link-e01bdaee.css.map +0 -1
- package/dist/PageHeader/PageHeader-4e1d8fee.css +0 -2
- package/dist/PageHeader/PageHeader-4e1d8fee.css.map +0 -1
- package/dist/PageLayout/PageLayout-1849f083.css +0 -2
- package/dist/PageLayout/PageLayout-1849f083.css.map +0 -1
- package/dist/Timeline/Timeline-e8e88a13.css +0 -2
- package/dist/Timeline/Timeline-e8e88a13.css.map +0 -1
- package/dist/hooks/useMediaUnsafeSSR.d.ts.map +0 -1
|
@@ -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":"Divider.d.ts","sourceRoot":"","sources":["../../../src/deprecated/ActionList/Divider.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Divider.d.ts","sourceRoot":"","sources":["../../../src/deprecated/ActionList/Divider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,GAAG,EAAC,MAAM,OAAO,CAAA;AAG9B;;GAEG;AACH,wBAAgB,OAAO,IAAI,GAAG,CAAC,OAAO,CAErC;yBAFe,OAAO"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Group.d.ts","sourceRoot":"","sources":["../../../src/deprecated/ActionList/Group.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,UAAU,CAAA;AAGzC;;GAEG;AACH,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IACvE;;OAEG;IACH,MAAM,CAAC,EAAE,WAAW,CAAA;IAEpB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;IAEhB;;OAEG;IACH,KAAK,CAAC,EAAE,GAAG,CAAC,OAAO,EAAE,CAAA;IAErB;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAA;CAC3B;AAED;;GAEG;AACH,wBAAgB,KAAK,CAAC,EAAC,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,EAAC,EAAE,UAAU,GAAG,GAAG,CAAC,OAAO,CAOxE"}
|
|
1
|
+
{"version":3,"file":"Group.d.ts","sourceRoot":"","sources":["../../../src/deprecated/ActionList/Group.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,UAAU,CAAA;AAGzC,OAAO,KAAK,EAAC,GAAG,EAAC,MAAM,OAAO,CAAA;AAE9B;;GAEG;AACH,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IACvE;;OAEG;IACH,MAAM,CAAC,EAAE,WAAW,CAAA;IAEpB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;IAEhB;;OAEG;IACH,KAAK,CAAC,EAAE,GAAG,CAAC,OAAO,EAAE,CAAA;IAErB;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAA;CAC3B;AAED;;GAEG;AACH,wBAAgB,KAAK,CAAC,EAAC,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,EAAC,EAAE,UAAU,GAAG,GAAG,CAAC,OAAO,CAOxE"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../src/deprecated/ActionList/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B;;GAEG;AACH,MAAM,WAAW,WAAY,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IACxE;;;;;OAKG;IACH,OAAO,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAA;IAE7B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAA;IAEb;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB;AAED;;GAEG;AACH,wBAAgB,MAAM,CAAC,EACrB,OAAkB,EAClB,KAAK,EACL,aAAa,EACb,QAAQ,EAAE,SAAS,EACnB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,WAAW,GAAG,GAAG,CAAC,OAAO,CAa3B"}
|
|
1
|
+
{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../src/deprecated/ActionList/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,OAAO,KAAK,EAAC,GAAG,EAAC,MAAM,OAAO,CAAA;AAE9B;;GAEG;AACH,MAAM,WAAW,WAAY,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IACxE;;;;;OAKG;IACH,OAAO,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAA;IAE7B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAA;IAEb;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB;AAED;;GAEG;AACH,wBAAgB,MAAM,CAAC,EACrB,OAAkB,EAClB,KAAK,EACL,aAAa,EACb,QAAQ,EAAE,SAAS,EACnB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,WAAW,GAAG,GAAG,CAAC,OAAO,CAa3B"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../../src/deprecated/ActionList/List.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,GAAG,
|
|
1
|
+
{"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../../src/deprecated/ActionList/List.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,GAAG,EAAM,MAAM,OAAO,CAAA;AACnC,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,mBAAmB,CAAA;AAC/C,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,SAAS,CAAA;AACvC,OAAO,EAAC,KAAK,EAAC,MAAM,SAAS,CAAA;AAC7B,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,QAAQ,CAAA;AAIrC,OAAO,KAAK,EAAC,KAAK,EAAC,MAAM,yBAAyB,CAAA;AAGlD,MAAM,MAAM,YAAY,GAAG,CAAC,KAAK,EAAE,SAAS,KAAK,KAAK,CAAC,YAAY,CAAA;AAEnE,MAAM,MAAM,SAAS,GACjB,KAAK,CAAC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC,GACvD,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,GAAG;IAAC,UAAU,EAAE,YAAY,CAAA;CAAC,CAAC,GAAG;IAAC,GAAG,CAAC,EAAE,GAAG,CAAA;CAAC,CAAC,CAAA;AAErE;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B;;OAEG;IACH,KAAK,EAAE,SAAS,EAAE,CAAA;IAElB;;OAEG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAA;IAEf;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;IAEX;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;IAErB;;;;OAIG;IACH,UAAU,CAAC,EAAE,YAAY,CAAA;IAEzB;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,KAAK,CAAA;IAE1B;;;;;OAKG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,kBAAkB,GAAG,MAAM,CAAA;IAE/C;;OAEG;IACH,gBAAgB,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,OAAO,CAAA;IAElD;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAE1B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;GAEG;AACH,MAAM,WAAW,gBAAiB,SAAQ,aAAa;IACrD;;;OAGG;IACH,aAAa,EAAE,CAAC,CACZ,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC,GACzB,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,GAAG;QAAC,UAAU,CAAC,EAAE,YAAY,CAAC;QAAC,WAAW,CAAC,EAAE,OAAO,KAAK,CAAA;KAAC,EAAE,OAAO,CAAC,CAC/F,GAAG;QAAC,OAAO,EAAE,MAAM,CAAA;KAAC,CAAC,EAAE,CAAA;IAExB;;;OAGG;IACH,KAAK,EAAE,CAAC,CAAC,SAAS,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC,GAAG;QAAC,UAAU,EAAE,YAAY,CAAA;KAAC,CAAC,CAAC,GAAG;QAAC,OAAO,EAAE,MAAM,CAAA;KAAC,CAAC,EAAE,CAAA;CAC/F;AAUD;;GAEG;AACH,MAAM,MAAM,SAAS,GAAG,aAAa,GAAG,gBAAgB,CAAA;AAmCxD;;GAEG;AACH,eAAO,MAAM,IAAI,kFAwHf,CAAA"}
|
|
@@ -2,6 +2,7 @@ import type { GroupedListProps, ListPropsBase } from './ActionList/List';
|
|
|
2
2
|
import type { ItemProps } from './ActionList/Item';
|
|
3
3
|
import { Divider } from './ActionList/Divider';
|
|
4
4
|
import type React from 'react';
|
|
5
|
+
import { type JSX } from 'react';
|
|
5
6
|
import type { OverlayProps } from '../Overlay';
|
|
6
7
|
import type { AnchoredOverlayWrapperAnchorProps } from '../AnchoredOverlay/AnchoredOverlay';
|
|
7
8
|
interface ActionMenuBaseProps extends Partial<Omit<GroupedListProps, keyof ListPropsBase>>, ListPropsBase {
|
|
@@ -36,7 +37,7 @@ export declare const ActionMenu: {
|
|
|
36
37
|
} & {
|
|
37
38
|
Divider: typeof Divider;
|
|
38
39
|
Item: {
|
|
39
|
-
(props: ItemProps):
|
|
40
|
+
(props: ItemProps): JSX.Element;
|
|
40
41
|
displayName: string;
|
|
41
42
|
};
|
|
42
43
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ActionMenu.d.ts","sourceRoot":"","sources":["../../src/deprecated/ActionMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,gBAAgB,EAAE,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEtE,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,mBAAmB,CAAA;AAEhD,OAAO,EAAC,OAAO,EAAC,MAAM,sBAAsB,CAAA;AAG5C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"ActionMenu.d.ts","sourceRoot":"","sources":["../../src/deprecated/ActionMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,gBAAgB,EAAE,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEtE,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,mBAAmB,CAAA;AAEhD,OAAO,EAAC,OAAO,EAAC,MAAM,sBAAsB,CAAA;AAG5C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAuB,KAAK,GAAG,EAAC,MAAM,OAAO,CAAA;AAGpD,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,YAAY,CAAA;AAE5C,OAAO,KAAK,EAAC,iCAAiC,EAAC,MAAM,oCAAoC,CAAA;AAEzF,UAAU,mBAAoB,SAAQ,OAAO,CAAC,IAAI,CAAC,gBAAgB,EAAE,MAAM,aAAa,CAAC,CAAC,EAAE,aAAa;IACvG;;OAEG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAE/B;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,EAAE,KAAK,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,KAAK,IAAI,CAAA;IAErH;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAA;IAEd;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,CAAA;IAE9B;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAA;CACrC;AAED,MAAM,MAAM,eAAe,GAAG,mBAAmB,GAAG,iCAAiC,CAAA;AAqErF;;GAEG;AACH,eAAO,MAAM,UAAU;gIAtDpB,eAAe,GAAG,GAAG,CAAC,OAAO;;;;;gBAhBD,SAAS;;;CAsEgD,CAAA"}
|
|
@@ -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
|
});
|
|
@@ -0,0 +1,127 @@
|
|
|
1
|
+
import React, { type AriaAttributes, type PropsWithChildren } from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* Props to be used when the Tabs component's state is controlled by the parent
|
|
4
|
+
*/
|
|
5
|
+
type ControlledTabsProps = {
|
|
6
|
+
/**
|
|
7
|
+
* Specify the selected tab
|
|
8
|
+
*/
|
|
9
|
+
value: string;
|
|
10
|
+
/**
|
|
11
|
+
* `defaultValue` can only be used in the uncontrolled variant of the component
|
|
12
|
+
* If you need to use `defaultValue`, please switch to the uncontrolled variant by removing the `value` prop.
|
|
13
|
+
*/
|
|
14
|
+
defaultValue?: never;
|
|
15
|
+
/**
|
|
16
|
+
* Provide an optional callback that is called when the selected tab changes
|
|
17
|
+
*/
|
|
18
|
+
onValueChange: ({ value }: {
|
|
19
|
+
value: string;
|
|
20
|
+
}) => void;
|
|
21
|
+
};
|
|
22
|
+
/**
|
|
23
|
+
* Props to be used when the Tabs component is managing its own state
|
|
24
|
+
*/
|
|
25
|
+
type UncontrolledTabsProps = {
|
|
26
|
+
/**
|
|
27
|
+
* Specify the default selected tab
|
|
28
|
+
*/
|
|
29
|
+
defaultValue: string;
|
|
30
|
+
/**
|
|
31
|
+
* `value` can only be used in the controlled variant of the component
|
|
32
|
+
* If you need to use `value`, please switch to the controlled variant by removing the `defaultValue` prop.
|
|
33
|
+
*/
|
|
34
|
+
value?: never;
|
|
35
|
+
/**
|
|
36
|
+
* Provide an optional callback that is called when the selected tab changes
|
|
37
|
+
*/
|
|
38
|
+
onValueChange?: ({ value }: {
|
|
39
|
+
value: string;
|
|
40
|
+
}) => void;
|
|
41
|
+
};
|
|
42
|
+
type TabsProps = PropsWithChildren<ControlledTabsProps | UncontrolledTabsProps>;
|
|
43
|
+
/**
|
|
44
|
+
* The Tabs component provides the base structure for a tabbed interface, without providing any formal requirement on DOM structure or styling.
|
|
45
|
+
* It manages the state of the selected tab, handles tab ordering/selection and provides context to its child components to ensure an accessible experience.
|
|
46
|
+
*
|
|
47
|
+
* This is intended to be used in conjunction with the `useTab`, `useTabList`, and `useTabPanel` hooks to build a fully accessible tabs component.
|
|
48
|
+
* The `Tab`, `TabList`, and `TabPanel` components are provided for convenience to showcase the API & implementation.
|
|
49
|
+
*/
|
|
50
|
+
declare function Tabs(props: TabsProps): React.JSX.Element;
|
|
51
|
+
type Label = {
|
|
52
|
+
'aria-label': string;
|
|
53
|
+
};
|
|
54
|
+
type LabelledBy = {
|
|
55
|
+
'aria-labelledby': string;
|
|
56
|
+
};
|
|
57
|
+
type Labelled = Label | LabelledBy;
|
|
58
|
+
type TabListProps = Labelled & React.HTMLAttributes<HTMLElement>;
|
|
59
|
+
declare function useTabList<T extends HTMLElement>(props: TabListProps & {
|
|
60
|
+
/** Optional ref to use for the tablist. If none is provided, one will be generated automatically */
|
|
61
|
+
ref?: React.RefObject<T>;
|
|
62
|
+
}): {
|
|
63
|
+
/** Props to be spread onto the tablist element */
|
|
64
|
+
tabListProps: {
|
|
65
|
+
onKeyDown: React.KeyboardEventHandler<T>;
|
|
66
|
+
'aria-orientation': AriaAttributes['aria-orientation'];
|
|
67
|
+
'aria-label': AriaAttributes['aria-label'];
|
|
68
|
+
'aria-labelledby': AriaAttributes['aria-labelledby'];
|
|
69
|
+
ref: React.RefObject<T>;
|
|
70
|
+
role: 'tablist';
|
|
71
|
+
};
|
|
72
|
+
};
|
|
73
|
+
declare function TabList({ children, ...rest }: TabListProps): React.JSX.Element;
|
|
74
|
+
type TabProps = React.ComponentPropsWithoutRef<'button'> & {
|
|
75
|
+
/**
|
|
76
|
+
* Specify whether the tab is disabled
|
|
77
|
+
*/
|
|
78
|
+
disabled?: boolean;
|
|
79
|
+
/**
|
|
80
|
+
* Provide a value that uniquely identifies the tab. This should mirror the
|
|
81
|
+
* value provided to the corresponding TabPanel
|
|
82
|
+
*/
|
|
83
|
+
value: string;
|
|
84
|
+
};
|
|
85
|
+
/**
|
|
86
|
+
* A custom hook that provides the props needed for a tab component.
|
|
87
|
+
* The props returned should be spread onto the component (typically a button) with the `role=tab`, under a `tablist`.
|
|
88
|
+
*/
|
|
89
|
+
declare function useTab<T extends HTMLElement>(props: Pick<TabProps, 'disabled' | 'value'>): {
|
|
90
|
+
/** Props to be spread onto the tab component */
|
|
91
|
+
tabProps: Pick<React.HTMLProps<T>, 'aria-controls' | 'aria-disabled' | 'aria-selected' | 'id' | 'tabIndex' | 'onKeyDown' | 'onMouseDown' | 'onFocus'> & {
|
|
92
|
+
role: 'tab';
|
|
93
|
+
};
|
|
94
|
+
};
|
|
95
|
+
declare const Tab: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
|
|
96
|
+
/**
|
|
97
|
+
* Specify whether the tab is disabled
|
|
98
|
+
*/
|
|
99
|
+
disabled?: boolean;
|
|
100
|
+
/**
|
|
101
|
+
* Provide a value that uniquely identifies the tab. This should mirror the
|
|
102
|
+
* value provided to the corresponding TabPanel
|
|
103
|
+
*/
|
|
104
|
+
value: string;
|
|
105
|
+
} & React.RefAttributes<HTMLButtonElement>>;
|
|
106
|
+
type TabPanelProps = {
|
|
107
|
+
/**
|
|
108
|
+
* Provide a value that uniquely identifies the tab panel. This should mirror
|
|
109
|
+
* the value set for the corresponding tab
|
|
110
|
+
*/
|
|
111
|
+
value: string;
|
|
112
|
+
};
|
|
113
|
+
/** Utility hook for tab panels */
|
|
114
|
+
declare function useTabPanel<T extends HTMLElement>(props: TabPanelProps): {
|
|
115
|
+
/** Props to be spread onto the tabpanel component */
|
|
116
|
+
tabPanelProps: Pick<React.HTMLProps<T>, 'aria-labelledby' | 'id' | 'hidden'> & {
|
|
117
|
+
/**
|
|
118
|
+
* An identifier to aid in styling when this panel is selected & active
|
|
119
|
+
*/
|
|
120
|
+
'data-selected': string | undefined;
|
|
121
|
+
role: 'tabpanel';
|
|
122
|
+
};
|
|
123
|
+
};
|
|
124
|
+
declare function TabPanel({ children, value, ...rest }: React.HTMLAttributes<HTMLDivElement> & TabPanelProps): React.JSX.Element;
|
|
125
|
+
export { Tabs, TabList, Tab, TabPanel, useTab, useTabList, useTabPanel };
|
|
126
|
+
export type { TabsProps, TabListProps, TabProps, TabPanelProps };
|
|
127
|
+
//# sourceMappingURL=Tabs.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../src/experimental/Tabs/Tabs.tsx"],"names":[],"mappings":"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"}
|