@primer/react 38.0.0-rc.4 → 38.0.0-rc.6
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 +64 -0
- package/dist/ActionList/Item.d.ts +47 -4
- package/dist/ActionList/Item.d.ts.map +1 -1
- package/dist/ActionList/Item.js +11 -3
- package/dist/ActionList/List.d.ts +23 -3
- package/dist/ActionList/List.d.ts.map +1 -1
- package/dist/ActionList/List.js +20 -13
- package/dist/ActionList/index.d.ts +67 -2
- package/dist/ActionList/index.d.ts.map +1 -1
- package/dist/ActionList/shared.d.ts +12 -6
- package/dist/ActionList/shared.d.ts.map +1 -1
- package/dist/ActionList/shared.js +3 -0
- package/dist/Autocomplete/Autocomplete.d.ts +1 -1
- package/dist/Autocomplete/AutocompleteMenu.d.ts.map +1 -1
- package/dist/Autocomplete/AutocompleteMenu.js +2 -2
- package/dist/Avatar/Avatar.d.ts +2 -3
- package/dist/Avatar/Avatar.d.ts.map +1 -1
- package/dist/Avatar/Avatar.js +38 -46
- package/dist/Breadcrumbs/Breadcrumbs.d.ts +15 -12
- package/dist/Breadcrumbs/Breadcrumbs.d.ts.map +1 -1
- package/dist/Breadcrumbs/Breadcrumbs.js +35 -34
- package/dist/Button/ButtonBase.d.ts.map +1 -1
- package/dist/Button/ButtonBase.js +8 -4
- package/dist/CheckboxGroup/CheckboxGroup.d.ts +1 -1
- package/dist/CheckboxGroup/CheckboxGroup.d.ts.map +1 -1
- package/dist/CheckboxGroup/index.d.ts +1 -1
- package/dist/CheckboxGroup/index.d.ts.map +1 -1
- package/dist/CircleBadge/CircleBadge-87549d20.css +2 -0
- package/dist/CircleBadge/CircleBadge-87549d20.css.map +1 -0
- package/dist/CircleBadge/CircleBadge.d.ts +14 -14
- package/dist/CircleBadge/CircleBadge.d.ts.map +1 -1
- package/dist/CircleBadge/CircleBadge.js +69 -13
- package/dist/CircleBadge/CircleBadge.module.css.js +5 -0
- package/dist/DataTable/{Table-87f4043f.css → Table-7f5cb3e4.css} +2 -2
- package/dist/DataTable/Table-7f5cb3e4.css.map +1 -0
- package/dist/DataTable/Table.js +1 -1
- package/dist/DataTable/Table.module.css.js +2 -2
- package/dist/Dialog/{Dialog-8a809d11.css → Dialog-1a61e61a.css} +2 -2
- package/dist/Dialog/Dialog-1a61e61a.css.map +1 -0
- package/dist/Dialog/Dialog.d.ts +6 -12
- package/dist/Dialog/Dialog.d.ts.map +1 -1
- package/dist/Dialog/Dialog.js +11 -26
- package/dist/Dialog/Dialog.module.css.js +2 -2
- package/dist/DialogV1/Dialog.d.ts +13 -11
- package/dist/DialogV1/Dialog.d.ts.map +1 -1
- package/dist/DialogV1/Dialog.js +71 -63
- package/dist/FormControl/FormControl.d.ts +6 -1
- package/dist/FormControl/FormControl.d.ts.map +1 -1
- package/dist/FormControl/FormControl.js +4 -1
- package/dist/FormControl/FormControlCaption.d.ts +2 -1
- package/dist/FormControl/FormControlCaption.d.ts.map +1 -1
- package/dist/FormControl/FormControlCaption.js +12 -9
- package/dist/FormControl/FormControlLabel.d.ts +1 -0
- package/dist/FormControl/FormControlLabel.d.ts.map +1 -1
- package/dist/FormControl/FormControlLeadingVisual.d.ts +3 -1
- package/dist/FormControl/FormControlLeadingVisual.d.ts.map +1 -1
- package/dist/FormControl/FormControlLeadingVisual.js +11 -8
- package/dist/FormControl/_FormControlValidation.d.ts +1 -0
- package/dist/FormControl/_FormControlValidation.d.ts.map +1 -1
- package/dist/FormControl/_FormControlValidation.js +11 -8
- package/dist/Heading/Heading.d.ts +4 -4
- package/dist/Heading/Heading.d.ts.map +1 -1
- package/dist/Heading/Heading.js +0 -11
- package/dist/KeybindingHint/components/Chord-d4edcc89.css +2 -0
- package/dist/KeybindingHint/components/Chord-d4edcc89.css.map +1 -0
- package/dist/KeybindingHint/components/Chord.d.ts.map +1 -1
- package/dist/KeybindingHint/components/Chord.js +44 -68
- package/dist/KeybindingHint/components/Chord.module.css.js +5 -0
- package/dist/Label/Label.d.ts +1 -3
- package/dist/Label/Label.d.ts.map +1 -1
- package/dist/Label/Label.js +37 -69
- package/dist/Label/index.d.ts +0 -1
- package/dist/Label/index.d.ts.map +1 -1
- package/dist/LabelGroup/LabelGroup-eda75c0f.css +2 -0
- package/dist/LabelGroup/LabelGroup-eda75c0f.css.map +1 -0
- package/dist/LabelGroup/LabelGroup.d.ts.map +1 -1
- package/dist/LabelGroup/LabelGroup.js +4 -10
- package/dist/LabelGroup/LabelGroup.module.css.js +5 -0
- package/dist/Link/Link-e01bdaee.css +2 -0
- package/dist/Link/Link-e01bdaee.css.map +1 -0
- package/dist/Link/Link.d.ts +11 -5
- package/dist/Link/Link.d.ts.map +1 -1
- package/dist/Link/Link.js +21 -29
- package/dist/Link/Link.module.css.js +1 -1
- package/dist/NavList/NavList-5dc067e3.css +2 -0
- package/dist/NavList/NavList-5dc067e3.css.map +1 -0
- package/dist/NavList/NavList.d.ts +4 -5
- package/dist/NavList/NavList.d.ts.map +1 -1
- package/dist/NavList/NavList.js +214 -420
- package/dist/NavList/NavList.module.css.js +5 -0
- package/dist/Overlay/Overlay.d.ts +1 -2
- package/dist/Overlay/Overlay.d.ts.map +1 -1
- package/dist/Overlay/Overlay.js +2 -3
- package/dist/Pagination/{Pagination-e98833e8.css → Pagination-1845feaa.css} +2 -2
- package/dist/Pagination/Pagination-1845feaa.css.map +1 -0
- package/dist/Pagination/Pagination.d.ts +1 -2
- package/dist/Pagination/Pagination.d.ts.map +1 -1
- package/dist/Pagination/Pagination.js +5 -13
- package/dist/Pagination/Pagination.module.css.js +1 -1
- package/dist/Placeholder.d.ts.map +1 -1
- package/dist/Popover/Popover.d.ts +0 -3
- package/dist/Popover/Popover.d.ts.map +1 -1
- package/dist/ScrollableRegion/ScrollableRegion-c1018dbe.css +2 -0
- package/dist/ScrollableRegion/ScrollableRegion-c1018dbe.css.map +1 -0
- package/dist/ScrollableRegion/ScrollableRegion.d.ts +1 -1
- package/dist/ScrollableRegion/ScrollableRegion.d.ts.map +1 -1
- package/dist/ScrollableRegion/ScrollableRegion.js +37 -31
- package/dist/ScrollableRegion/ScrollableRegion.module.css.js +5 -0
- package/dist/SelectPanel/SelectPanel.d.ts.map +1 -1
- package/dist/SelectPanel/SelectPanel.js +20 -1
- package/dist/Skeleton/SkeletonBox.js +2 -2
- package/dist/SkeletonAvatar/SkeletonAvatar.js +2 -2
- package/dist/StateLabel/{StateLabel-50420ff5.css → StateLabel-aaa1d148.css} +2 -2
- package/dist/StateLabel/{StateLabel-50420ff5.css.map → StateLabel-aaa1d148.css.map} +1 -1
- package/dist/StateLabel/StateLabel.module.css.js +1 -1
- package/dist/TabNav/TabNav.d.ts +4 -6
- package/dist/TabNav/TabNav.d.ts.map +1 -1
- package/dist/TabNav/TabNav.js +5 -7
- package/dist/Text/Text.d.ts +1 -2
- package/dist/Text/Text.d.ts.map +1 -1
- package/dist/Text/Text.js +1 -3
- package/dist/TextInput/TextInput.d.ts +1 -1
- package/dist/TextInputWithTokens/{TextInputWithTokens-fb9b5109.css → TextInputWithTokens-946ead3e.css} +2 -2
- package/dist/TextInputWithTokens/TextInputWithTokens-946ead3e.css.map +1 -0
- package/dist/TextInputWithTokens/TextInputWithTokens.d.ts.map +1 -1
- package/dist/TextInputWithTokens/TextInputWithTokens.js +6 -7
- package/dist/TextInputWithTokens/TextInputWithTokens.module.css.js +2 -2
- package/dist/ThemeProvider.js +3 -3
- package/dist/Token/Token.d.ts +1 -2
- package/dist/Token/Token.d.ts.map +1 -1
- package/dist/Token/TokenBase.d.ts +1 -2
- package/dist/Token/TokenBase.d.ts.map +1 -1
- package/dist/Token/TokenBase.js +64 -63
- package/dist/Token/_RemoveTokenButton.d.ts +1 -2
- package/dist/Token/_RemoveTokenButton.d.ts.map +1 -1
- package/dist/Token/_RemoveTokenButton.js +38 -104
- package/dist/Token/_TokenTextContainer.d.ts +1 -1
- package/dist/Token/_TokenTextContainer.d.ts.map +1 -1
- package/dist/Token/_TokenTextContainer.js +40 -20
- package/dist/Tooltip/Tooltip.d.ts +1 -2
- package/dist/Tooltip/Tooltip.d.ts.map +1 -1
- package/dist/Tooltip/Tooltip.js +1 -2
- package/dist/TooltipV2/Tooltip.d.ts +16 -3
- package/dist/TooltipV2/Tooltip.d.ts.map +1 -1
- package/dist/TooltipV2/Tooltip.js +15 -5
- package/dist/UnderlineNav/UnderlineNav.js +2 -2
- package/dist/_VisuallyHidden.d.ts +5 -5
- package/dist/_VisuallyHidden.d.ts.map +1 -1
- package/dist/_VisuallyHidden.js +30 -32
- package/dist/experimental/UnderlinePanels/UnderlinePanels.d.ts +1 -2
- package/dist/experimental/UnderlinePanels/UnderlinePanels.d.ts.map +1 -1
- package/dist/experimental/UnderlinePanels/UnderlinePanels.js +28 -13
- package/dist/hooks/useMnemonics.d.ts +1 -0
- package/dist/hooks/useMnemonics.d.ts.map +1 -1
- package/dist/hooks/useMnemonics.js +99 -57
- package/dist/index.d.ts +2 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroupCaption.js +1 -3
- package/dist/internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroupLabel.d.ts +1 -2
- package/dist/internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroupLabel.d.ts.map +1 -1
- package/dist/internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroupLabel.js +1 -3
- package/dist/internal/components/ConditionalWrapper.d.ts +2 -3
- package/dist/internal/components/ConditionalWrapper.d.ts.map +1 -1
- package/dist/internal/components/ConditionalWrapper.js +21 -18
- package/dist/internal/components/{InputValidation-057236a4.css → InputValidation-dddeaafd.css} +2 -2
- package/dist/internal/components/{InputValidation-057236a4.css.map → InputValidation-dddeaafd.css.map} +1 -1
- package/dist/internal/components/InputValidation.d.ts +1 -0
- package/dist/internal/components/InputValidation.d.ts.map +1 -1
- package/dist/internal/components/InputValidation.js +4 -4
- package/dist/internal/components/InputValidation.module.css.js +1 -1
- package/dist/internal/components/TextInputInnerAction.d.ts +1 -1
- package/dist/internal/components/UnderlineTabbedInterface.d.ts +11 -12
- package/dist/internal/components/UnderlineTabbedInterface.d.ts.map +1 -1
- package/dist/internal/components/UnderlineTabbedInterface.js +68 -63
- package/dist/internal/components/ValidationAnimationContainer.d.ts.map +1 -1
- package/dist/internal/components/ValidationAnimationContainer.js +5 -4
- package/dist/live-region/Announce.d.ts +2 -2
- package/dist/live-region/Announce.d.ts.map +1 -1
- package/dist/live-region/AriaAlert.d.ts +3 -3
- package/dist/live-region/AriaAlert.d.ts.map +1 -1
- package/dist/live-region/AriaAlert.js +14 -33
- package/dist/live-region/AriaStatus.d.ts +3 -3
- package/dist/live-region/AriaStatus.d.ts.map +1 -1
- package/dist/live-region/AriaStatus.js +14 -33
- package/dist/utils/modern-polymorphic.d.ts +22 -0
- package/dist/utils/modern-polymorphic.d.ts.map +1 -0
- package/dist/utils/modern-polymorphic.js +26 -0
- package/generated/components.json +4 -98
- package/package.json +7 -7
- package/dist/DataTable/Table-87f4043f.css.map +0 -1
- package/dist/Dialog/Dialog-8a809d11.css.map +0 -1
- package/dist/Link/Link-948b910e.css +0 -2
- package/dist/Link/Link-948b910e.css.map +0 -1
- package/dist/Pagination/Pagination-e98833e8.css.map +0 -1
- package/dist/TextInputWithTokens/TextInputWithTokens-fb9b5109.css.map +0 -1
- package/dist/utils/polymorphic2.d.ts +0 -16
- package/dist/utils/polymorphic2.d.ts.map +0 -1
package/dist/Tooltip/Tooltip.js
CHANGED
|
@@ -3,14 +3,13 @@ import { clsx } from 'clsx';
|
|
|
3
3
|
import React from 'react';
|
|
4
4
|
import styled from 'styled-components';
|
|
5
5
|
import { get } from '../constants.js';
|
|
6
|
-
import sx from '../sx.js';
|
|
7
6
|
import { jsx } from 'react/jsx-runtime';
|
|
8
7
|
import { useId } from '../hooks/useId.js';
|
|
9
8
|
|
|
10
9
|
const TooltipBase = styled.span.withConfig({
|
|
11
10
|
displayName: "Tooltip__TooltipBase",
|
|
12
11
|
componentId: "sc-17tf59c-0"
|
|
13
|
-
})(["position:relative;display:inline-block;&::after{position:absolute;z-index:1000000;display:none;padding:0.5em 0.75em;font:normal normal 11px/1.5 ", ";-webkit-font-smoothing:subpixel-antialiased;color:var(--tooltip-fgColor,", ");text-align:center;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-wrap:break-word;white-space:pre;pointer-events:none;content:attr(aria-label);background:var(--tooltip-bgColor,", ");border-radius:", ";opacity:0;}@keyframes tooltip-appear{from{opacity:0;}to{opacity:1;}}&:hover,&:active,&:focus,&:focus-within{&::after{display:inline-block;text-decoration:none;animation-name:tooltip-appear;animation-duration:0.1s;animation-fill-mode:forwards;animation-timing-function:ease-in;animation-delay:0s;}}&.tooltipped-no-delay:hover,&.tooltipped-no-delay:active,&.tooltipped-no-delay:focus,&.tooltipped-no-delay:focus-within{&::after{animation-delay:0s;}}&.tooltipped-multiline:hover,&.tooltipped-multiline:active,&.tooltipped-multiline:focus,&.tooltipped-multiline:focus-within{&::after{display:table-cell;}}&.tooltipped-s,&.tooltipped-se,&.tooltipped-sw{&::after{top:100%;right:50%;margin-top:6px;}}&.tooltipped-se{&::after{right:auto;left:50%;margin-left:-", ";}}&.tooltipped-sw::after{margin-right:-", ";}&.tooltipped-n,&.tooltipped-ne,&.tooltipped-nw{&::after{right:50%;bottom:100%;margin-bottom:6px;}}&.tooltipped-ne{&::after{right:auto;left:50%;margin-left:-", ";}}&.tooltipped-nw::after{margin-right:-", ";}&.tooltipped-s::after,&.tooltipped-n::after{transform:translateX(50%);}&.tooltipped-w{&::after{right:100%;bottom:50%;margin-right:6px;transform:translateY(50%);}}&.tooltipped-e{&::after{bottom:50%;left:100%;margin-left:6px;transform:translateY(50%);}}&.tooltipped-multiline{&::after{width:max-content;max-width:250px;word-wrap:break-word;white-space:pre-line;border-collapse:separate;}&.tooltipped-s::after,&.tooltipped-n::after{right:auto;left:50%;transform:translateX(-50%);}&.tooltipped-w::after,&.tooltipped-e::after{right:100%;}}&.tooltipped-align-right-2::after{right:0;margin-right:0;}&.tooltipped-align-left-2::after{left:0;margin-left:0;}"
|
|
12
|
+
})(["position:relative;display:inline-block;&::after{position:absolute;z-index:1000000;display:none;padding:0.5em 0.75em;font:normal normal 11px/1.5 ", ";-webkit-font-smoothing:subpixel-antialiased;color:var(--tooltip-fgColor,", ");text-align:center;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-wrap:break-word;white-space:pre;pointer-events:none;content:attr(aria-label);background:var(--tooltip-bgColor,", ");border-radius:", ";opacity:0;}@keyframes tooltip-appear{from{opacity:0;}to{opacity:1;}}&:hover,&:active,&:focus,&:focus-within{&::after{display:inline-block;text-decoration:none;animation-name:tooltip-appear;animation-duration:0.1s;animation-fill-mode:forwards;animation-timing-function:ease-in;animation-delay:0s;}}&.tooltipped-no-delay:hover,&.tooltipped-no-delay:active,&.tooltipped-no-delay:focus,&.tooltipped-no-delay:focus-within{&::after{animation-delay:0s;}}&.tooltipped-multiline:hover,&.tooltipped-multiline:active,&.tooltipped-multiline:focus,&.tooltipped-multiline:focus-within{&::after{display:table-cell;}}&.tooltipped-s,&.tooltipped-se,&.tooltipped-sw{&::after{top:100%;right:50%;margin-top:6px;}}&.tooltipped-se{&::after{right:auto;left:50%;margin-left:-", ";}}&.tooltipped-sw::after{margin-right:-", ";}&.tooltipped-n,&.tooltipped-ne,&.tooltipped-nw{&::after{right:50%;bottom:100%;margin-bottom:6px;}}&.tooltipped-ne{&::after{right:auto;left:50%;margin-left:-", ";}}&.tooltipped-nw::after{margin-right:-", ";}&.tooltipped-s::after,&.tooltipped-n::after{transform:translateX(50%);}&.tooltipped-w{&::after{right:100%;bottom:50%;margin-right:6px;transform:translateY(50%);}}&.tooltipped-e{&::after{bottom:50%;left:100%;margin-left:6px;transform:translateY(50%);}}&.tooltipped-multiline{&::after{width:max-content;max-width:250px;word-wrap:break-word;white-space:pre-line;border-collapse:separate;}&.tooltipped-s::after,&.tooltipped-n::after{right:auto;left:50%;transform:translateX(-50%);}&.tooltipped-w::after,&.tooltipped-e::after{right:100%;}}&.tooltipped-align-right-2::after{right:0;margin-right:0;}&.tooltipped-align-left-2::after{left:0;margin-left:0;}"], get('fonts.normal'), get('colors.fg.onEmphasis'), get('colors.neutral.emphasisPlus'), get('radii.2'), get('space.3'), get('space.3'), get('space.3'), get('space.3'));
|
|
14
13
|
|
|
15
14
|
/**
|
|
16
15
|
* @deprecated
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import type { SxProp } from '../sx';
|
|
3
2
|
import { type KeybindingHintProps } from '../KeybindingHint';
|
|
4
3
|
export type TooltipDirection = 'nw' | 'n' | 'ne' | 'e' | 'se' | 's' | 'sw' | 'w';
|
|
5
4
|
export type TooltipProps = React.PropsWithChildren<{
|
|
@@ -7,7 +6,14 @@ export type TooltipProps = React.PropsWithChildren<{
|
|
|
7
6
|
text: string;
|
|
8
7
|
type?: 'label' | 'description';
|
|
9
8
|
keybindingHint?: KeybindingHintProps['keys'];
|
|
10
|
-
|
|
9
|
+
/**
|
|
10
|
+
* Delay in milliseconds before showing the tooltip
|
|
11
|
+
* @default short (50ms)
|
|
12
|
+
* medium (400ms)
|
|
13
|
+
* long (1200ms)
|
|
14
|
+
*/
|
|
15
|
+
delay?: 'short' | 'medium' | 'long';
|
|
16
|
+
}> & React.HTMLAttributes<HTMLElement>;
|
|
11
17
|
export declare const TooltipContext: React.Context<{
|
|
12
18
|
tooltipId?: string;
|
|
13
19
|
}>;
|
|
@@ -16,7 +22,14 @@ export declare const Tooltip: React.ForwardRefExoticComponent<{
|
|
|
16
22
|
text: string;
|
|
17
23
|
type?: "label" | "description";
|
|
18
24
|
keybindingHint?: KeybindingHintProps["keys"];
|
|
19
|
-
|
|
25
|
+
/**
|
|
26
|
+
* Delay in milliseconds before showing the tooltip
|
|
27
|
+
* @default short (50ms)
|
|
28
|
+
* medium (400ms)
|
|
29
|
+
* long (1200ms)
|
|
30
|
+
*/
|
|
31
|
+
delay?: "short" | "medium" | "long";
|
|
32
|
+
} & {
|
|
20
33
|
children?: React.ReactNode | undefined;
|
|
21
34
|
} & React.HTMLAttributes<HTMLElement> & React.RefAttributes<unknown>>;
|
|
22
35
|
//# sourceMappingURL=Tooltip.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../src/TooltipV2/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuD,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../src/TooltipV2/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuD,MAAM,OAAO,CAAA;AAS3E,OAAO,EAAoD,KAAK,mBAAmB,EAAC,MAAM,mBAAmB,CAAA;AAI7G,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;gBA/EN,gBAAgB;UACtB,MAAM;WACL,OAAO,GAAG,aAAa;qBACb,mBAAmB,CAAC,MAAM,CAAC;IAC5C;;;;;OAKG;YACK,OAAO,GAAG,QAAQ,GAAG,MAAM;;;qEAiVpC,CAAA"}
|
|
@@ -7,7 +7,6 @@ import { clsx } from 'clsx';
|
|
|
7
7
|
import classes from './Tooltip.module.css.js';
|
|
8
8
|
import VisuallyHidden from '../_VisuallyHidden.js';
|
|
9
9
|
import useSafeTimeout from '../hooks/useSafeTimeout.js';
|
|
10
|
-
import { BoxWithFallback } from '../internal/components/BoxWithFallback.js';
|
|
11
10
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
12
11
|
import { useId } from '../hooks/useId.js';
|
|
13
12
|
import { useProvidedRefOrCreate } from '../hooks/useProvidedRefOrCreate.js';
|
|
@@ -65,6 +64,14 @@ const positionToDirection = {
|
|
|
65
64
|
|
|
66
65
|
// The list is from GitHub's custom-axe-rules https://github.com/github/github/blob/master/app/assets/modules/github/axe-custom-rules.ts#L3
|
|
67
66
|
const interactiveElements = ['a[href]', 'button:not([disabled])', 'summary', 'select', 'input:not([type=hidden])', 'textarea'];
|
|
67
|
+
|
|
68
|
+
// Map delay prop to actual time in ms
|
|
69
|
+
// For context on delay times, see https://github.com/github/primer/issues/3313#issuecomment-3336696699
|
|
70
|
+
const delayTimeMap = {
|
|
71
|
+
short: 50,
|
|
72
|
+
medium: 400,
|
|
73
|
+
long: 1200
|
|
74
|
+
};
|
|
68
75
|
const isInteractive = element => {
|
|
69
76
|
return interactiveElements.some(selector => element.matches(selector)) || element.hasAttribute('role') && element.getAttribute('role') === 'button';
|
|
70
77
|
};
|
|
@@ -77,6 +84,7 @@ const Tooltip = /*#__PURE__*/React.forwardRef(({
|
|
|
77
84
|
id,
|
|
78
85
|
className,
|
|
79
86
|
keybindingHint,
|
|
87
|
+
delay = 'short',
|
|
80
88
|
...rest
|
|
81
89
|
}, forwardedRef) => {
|
|
82
90
|
const tooltipId = useId(id);
|
|
@@ -236,23 +244,25 @@ const Tooltip = /*#__PURE__*/React.forwardRef(({
|
|
|
236
244
|
(_child$props$onFocus = (_child$props3 = child.props).onFocus) === null || _child$props$onFocus === void 0 ? void 0 : _child$props$onFocus.call(_child$props3, event_2);
|
|
237
245
|
},
|
|
238
246
|
onMouseOverCapture: event_3 => {
|
|
247
|
+
const delayTime = delayTimeMap[delay] || 50;
|
|
239
248
|
// We use a `capture` event to ensure this is called first before
|
|
240
249
|
// events that might cancel the opening timeout (like `onTouchEnd`)
|
|
241
|
-
// show tooltip after mouse has been hovering for
|
|
250
|
+
// show tooltip after mouse has been hovering for the specified delay time
|
|
242
251
|
// (prevent showing tooltip when mouse is just passing through)
|
|
243
252
|
openTimeoutRef.current = safeSetTimeout(() => {
|
|
244
253
|
var _child$props$onMouseE, _child$props4;
|
|
254
|
+
// if the mouse is already moved out, do not show the tooltip
|
|
255
|
+
if (!openTimeoutRef.current) return;
|
|
245
256
|
openTooltip();
|
|
246
257
|
(_child$props$onMouseE = (_child$props4 = child.props).onMouseEnter) === null || _child$props$onMouseE === void 0 ? void 0 : _child$props$onMouseE.call(_child$props4, event_3);
|
|
247
|
-
},
|
|
258
|
+
}, delayTime);
|
|
248
259
|
},
|
|
249
260
|
onMouseLeave: event_4 => {
|
|
250
261
|
var _child$props$onMouseL, _child$props5;
|
|
251
262
|
closeTooltip();
|
|
252
263
|
(_child$props$onMouseL = (_child$props5 = child.props).onMouseLeave) === null || _child$props$onMouseL === void 0 ? void 0 : _child$props$onMouseL.call(_child$props5, event_4);
|
|
253
264
|
}
|
|
254
|
-
}), /*#__PURE__*/jsx(
|
|
255
|
-
as: "span",
|
|
265
|
+
}), /*#__PURE__*/jsx("span", {
|
|
256
266
|
className: clsx(className, classes.Tooltip),
|
|
257
267
|
ref: tooltipElRef,
|
|
258
268
|
"data-direction": calculatedDirection,
|
|
@@ -163,11 +163,11 @@ const UnderlineNav = /*#__PURE__*/forwardRef(({
|
|
|
163
163
|
return (_noIconChildWidthArra = (_noIconChildWidthArra2 = noIconChildWidthArray.find(item => item.text === itemText)) === null || _noIconChildWidthArra2 === void 0 ? void 0 : _noIconChildWidthArra2.width) !== null && _noIconChildWidthArra !== void 0 ? _noIconChildWidthArra : 0;
|
|
164
164
|
}
|
|
165
165
|
const swapMenuItemWithListItem = (prospectiveListItem, indexOfProspectiveListItem, event, callback) => {
|
|
166
|
-
var _listRef$current$getB, _listRef$current;
|
|
166
|
+
var _navRef$current$getBo, _navRef$current, _listRef$current$getB, _listRef$current;
|
|
167
167
|
// get the selected menu item's width
|
|
168
168
|
const widthToFitIntoList = getItemsWidth(prospectiveListItem.props.children);
|
|
169
169
|
// Check if there is any empty space on the right side of the list
|
|
170
|
-
const availableSpace = navRef.current.getBoundingClientRect().width - ((_listRef$current$getB = (_listRef$current = listRef.current) === null || _listRef$current === void 0 ? void 0 : _listRef$current.getBoundingClientRect().width) !== null && _listRef$current$getB !== void 0 ? _listRef$current$getB : 0);
|
|
170
|
+
const availableSpace = ((_navRef$current$getBo = (_navRef$current = navRef.current) === null || _navRef$current === void 0 ? void 0 : _navRef$current.getBoundingClientRect().width) !== null && _navRef$current$getBo !== void 0 ? _navRef$current$getBo : 0) - ((_listRef$current$getB = (_listRef$current = listRef.current) === null || _listRef$current === void 0 ? void 0 : _listRef$current.getBoundingClientRect().width) !== null && _listRef$current$getB !== void 0 ? _listRef$current$getB : 0);
|
|
171
171
|
|
|
172
172
|
// Calculate how many items need to be pulled in to the menu to make room for the selected menu item
|
|
173
173
|
// I.e. if we need to pull 2 items in (index 0 and index 1), breakpoint (index) will return 1.
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import type {
|
|
2
|
-
|
|
1
|
+
import type { PolymorphicProps } from './utils/modern-polymorphic';
|
|
2
|
+
import type { ElementType } from 'react';
|
|
3
|
+
type VisuallyHiddenProps<As extends ElementType = 'span'> = PolymorphicProps<As, 'span', {
|
|
3
4
|
isVisible?: boolean;
|
|
4
|
-
|
|
5
|
-
}
|
|
6
|
-
declare function VisuallyHidden({ isVisible, children, as, className, ...rest }: Props & SxProp): import("react").JSX.Element;
|
|
5
|
+
}>;
|
|
6
|
+
declare function VisuallyHidden<As extends ElementType = 'span'>({ isVisible, children, as, className, ...rest }: VisuallyHiddenProps<As>): import("react").JSX.Element;
|
|
7
7
|
export default VisuallyHidden;
|
|
8
8
|
//# sourceMappingURL=_VisuallyHidden.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"_VisuallyHidden.d.ts","sourceRoot":"","sources":["../src/_VisuallyHidden.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"_VisuallyHidden.d.ts","sourceRoot":"","sources":["../src/_VisuallyHidden.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,4BAA4B,CAAA;AAChE,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,OAAO,CAAA;AAEtC,KAAK,mBAAmB,CAAC,EAAE,SAAS,WAAW,GAAG,MAAM,IAAI,gBAAgB,CAC1E,EAAE,EACF,MAAM,EACN;IACE,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CACF,CAAA;AAED,iBAAS,cAAc,CAAC,EAAE,SAAS,WAAW,GAAG,MAAM,EAAE,EACvD,SAAS,EACT,QAAQ,EACR,EAAE,EACF,SAAS,EACT,GAAG,IAAI,EACR,EAAE,mBAAmB,CAAC,EAAE,CAAC,+BAOzB;AAED,eAAe,cAAc,CAAA"}
|
package/dist/_VisuallyHidden.js
CHANGED
|
@@ -1,67 +1,65 @@
|
|
|
1
1
|
import { c } from 'react-compiler-runtime';
|
|
2
2
|
import classes from './_VisuallyHidden.module.css.js';
|
|
3
3
|
import { clsx } from 'clsx';
|
|
4
|
-
import { BoxWithFallback } from './internal/components/BoxWithFallback.js';
|
|
5
4
|
import { jsx } from 'react/jsx-runtime';
|
|
6
5
|
|
|
7
6
|
function VisuallyHidden(t0) {
|
|
8
7
|
const $ = c(14);
|
|
8
|
+
let as;
|
|
9
9
|
let children;
|
|
10
10
|
let className;
|
|
11
11
|
let isVisible;
|
|
12
12
|
let rest;
|
|
13
|
-
let t1;
|
|
14
13
|
if ($[0] !== t0) {
|
|
15
14
|
({
|
|
16
15
|
isVisible,
|
|
17
16
|
children,
|
|
18
|
-
as
|
|
17
|
+
as,
|
|
19
18
|
className,
|
|
20
19
|
...rest
|
|
21
20
|
} = t0);
|
|
22
21
|
$[0] = t0;
|
|
23
|
-
$[1] =
|
|
24
|
-
$[2] =
|
|
25
|
-
$[3] =
|
|
26
|
-
$[4] =
|
|
27
|
-
$[5] =
|
|
22
|
+
$[1] = as;
|
|
23
|
+
$[2] = children;
|
|
24
|
+
$[3] = className;
|
|
25
|
+
$[4] = isVisible;
|
|
26
|
+
$[5] = rest;
|
|
28
27
|
} else {
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
28
|
+
as = $[1];
|
|
29
|
+
children = $[2];
|
|
30
|
+
className = $[3];
|
|
31
|
+
isVisible = $[4];
|
|
32
|
+
rest = $[5];
|
|
34
33
|
}
|
|
35
|
-
const
|
|
36
|
-
const
|
|
37
|
-
let
|
|
38
|
-
if ($[6] !== className || $[7] !==
|
|
39
|
-
|
|
40
|
-
[classes.InternalVisuallyHidden]:
|
|
34
|
+
const Component = as || "span";
|
|
35
|
+
const t1 = !isVisible;
|
|
36
|
+
let t2;
|
|
37
|
+
if ($[6] !== className || $[7] !== t1) {
|
|
38
|
+
t2 = clsx(className, {
|
|
39
|
+
[classes.InternalVisuallyHidden]: t1
|
|
41
40
|
});
|
|
42
41
|
$[6] = className;
|
|
43
|
-
$[7] =
|
|
44
|
-
$[8] =
|
|
42
|
+
$[7] = t1;
|
|
43
|
+
$[8] = t2;
|
|
45
44
|
} else {
|
|
46
|
-
|
|
45
|
+
t2 = $[8];
|
|
47
46
|
}
|
|
48
|
-
let
|
|
49
|
-
if ($[9] !==
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
className: t3,
|
|
47
|
+
let t3;
|
|
48
|
+
if ($[9] !== Component || $[10] !== children || $[11] !== rest || $[12] !== t2) {
|
|
49
|
+
t3 = /*#__PURE__*/jsx(Component, {
|
|
50
|
+
className: t2,
|
|
53
51
|
...rest,
|
|
54
52
|
children: children
|
|
55
53
|
});
|
|
56
|
-
$[9] =
|
|
54
|
+
$[9] = Component;
|
|
57
55
|
$[10] = children;
|
|
58
56
|
$[11] = rest;
|
|
59
|
-
$[12] =
|
|
60
|
-
$[13] =
|
|
57
|
+
$[12] = t2;
|
|
58
|
+
$[13] = t3;
|
|
61
59
|
} else {
|
|
62
|
-
|
|
60
|
+
t3 = $[13];
|
|
63
61
|
}
|
|
64
|
-
return
|
|
62
|
+
return t3;
|
|
65
63
|
}
|
|
66
64
|
|
|
67
65
|
export { VisuallyHidden as default };
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import React, { type FC, type PropsWithChildren } from 'react';
|
|
2
2
|
import type { IconProps } from '@primer/octicons-react';
|
|
3
|
-
import { type BoxProps } from '../../Box';
|
|
4
3
|
import { type SxProp } from '../../sx';
|
|
5
4
|
export type UnderlinePanelsProps = {
|
|
6
5
|
/**
|
|
@@ -46,7 +45,7 @@ export type TabProps = PropsWithChildren<{
|
|
|
46
45
|
*/
|
|
47
46
|
icon?: FC<IconProps>;
|
|
48
47
|
}> & SxProp;
|
|
49
|
-
export type PanelProps =
|
|
48
|
+
export type PanelProps = React.HTMLAttributes<HTMLDivElement>;
|
|
50
49
|
declare const _default: React.FC<UnderlinePanelsProps> & {
|
|
51
50
|
Panel: React.FC<PanelProps>;
|
|
52
51
|
Tab: React.FC<TabProps>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UnderlinePanels.d.ts","sourceRoot":"","sources":["../../../src/experimental/UnderlinePanels/UnderlinePanels.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAMZ,KAAK,EAAE,EACP,KAAK,iBAAiB,
|
|
1
|
+
{"version":3,"file":"UnderlinePanels.d.ts","sourceRoot":"","sources":["../../../src/experimental/UnderlinePanels/UnderlinePanels.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAMZ,KAAK,EAAE,EACP,KAAK,iBAAiB,EAGvB,MAAM,OAAO,CAAA;AAEd,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,wBAAwB,CAAA;AAUrD,OAAO,EAAC,KAAK,MAAM,EAAC,MAAM,UAAU,CAAA;AAMpC,MAAM,MAAM,oBAAoB,GAAG;IACjC;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,YAAY,CAAC,CAAA;IACjD;;OAEG;IACH,iBAAiB,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC,CAAA;IAC3D;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;IACX;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,GAAG,MAAM,CAAA;AAEV,MAAM,MAAM,QAAQ,GAAG,iBAAiB,CAAC;IACvC;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,GAAG,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAA;IACxG;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACzB;;OAEG;IACH,IAAI,CAAC,EAAE,EAAE,CAAC,SAAS,CAAC,CAAA;CACrB,CAAC,GACA,MAAM,CAAA;AAER,MAAM,MAAM,UAAU,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAA;;;;;AA8J7D,wBAA2D"}
|
|
@@ -8,7 +8,6 @@ import { useResizeObserver } from '../../hooks/useResizeObserver.js';
|
|
|
8
8
|
import useIsomorphicLayoutEffect from '../../utils/useIsomorphicLayoutEffect.js';
|
|
9
9
|
import classes from './UnderlinePanels.module.css.js';
|
|
10
10
|
import { clsx } from 'clsx';
|
|
11
|
-
import { BoxWithFallback } from '../../internal/components/BoxWithFallback.js';
|
|
12
11
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
13
12
|
import { useId } from '../../hooks/useId.js';
|
|
14
13
|
|
|
@@ -45,7 +44,8 @@ const UnderlinePanels = ({
|
|
|
45
44
|
});
|
|
46
45
|
}
|
|
47
46
|
if (/*#__PURE__*/isValidElement(child) && child.type === Panel) {
|
|
48
|
-
|
|
47
|
+
const childPanel = child;
|
|
48
|
+
return /*#__PURE__*/cloneElement(childPanel, {
|
|
49
49
|
'aria-labelledby': `${parentId}-tab-${panelIndex++}`
|
|
50
50
|
});
|
|
51
51
|
}
|
|
@@ -176,21 +176,36 @@ const Tab = t0 => {
|
|
|
176
176
|
return t4;
|
|
177
177
|
};
|
|
178
178
|
Tab.displayName = 'UnderlinePanels.Tab';
|
|
179
|
-
const Panel =
|
|
180
|
-
const $ = c(
|
|
181
|
-
let
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
179
|
+
const Panel = t0 => {
|
|
180
|
+
const $ = c(6);
|
|
181
|
+
let children;
|
|
182
|
+
let rest;
|
|
183
|
+
if ($[0] !== t0) {
|
|
184
|
+
({
|
|
185
|
+
children,
|
|
186
|
+
...rest
|
|
187
|
+
} = t0);
|
|
188
|
+
$[0] = t0;
|
|
189
|
+
$[1] = children;
|
|
190
|
+
$[2] = rest;
|
|
191
|
+
} else {
|
|
192
|
+
children = $[1];
|
|
193
|
+
rest = $[2];
|
|
194
|
+
}
|
|
195
|
+
let t1;
|
|
196
|
+
if ($[3] !== children || $[4] !== rest) {
|
|
197
|
+
t1 = /*#__PURE__*/jsx("div", {
|
|
185
198
|
role: "tabpanel",
|
|
186
|
-
...
|
|
199
|
+
...rest,
|
|
200
|
+
children: children
|
|
187
201
|
});
|
|
188
|
-
$[
|
|
189
|
-
$[
|
|
202
|
+
$[3] = children;
|
|
203
|
+
$[4] = rest;
|
|
204
|
+
$[5] = t1;
|
|
190
205
|
} else {
|
|
191
|
-
|
|
206
|
+
t1 = $[5];
|
|
192
207
|
}
|
|
193
|
-
return
|
|
208
|
+
return t1;
|
|
194
209
|
};
|
|
195
210
|
Panel.displayName = 'UnderlinePanels.Panel';
|
|
196
211
|
var UnderlinePanels$1 = Object.assign(UnderlinePanels, {
|
|
@@ -2,4 +2,5 @@ import React from 'react';
|
|
|
2
2
|
export declare const useMnemonics: (open: boolean, providedRef?: React.RefObject<HTMLElement>) => {
|
|
3
3
|
containerRef: React.RefObject<HTMLElement>;
|
|
4
4
|
};
|
|
5
|
+
export declare const isAlphabetKey: (event: KeyboardEvent) => boolean;
|
|
5
6
|
//# sourceMappingURL=useMnemonics.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useMnemonics.d.ts","sourceRoot":"","sources":["../../src/hooks/useMnemonics.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAUzB,eAAO,MAAM,YAAY,GAAI,MAAM,OAAO,EAAE,cAAc,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC;;
|
|
1
|
+
{"version":3,"file":"useMnemonics.d.ts","sourceRoot":"","sources":["../../src/hooks/useMnemonics.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAUzB,eAAO,MAAM,YAAY,GAAI,MAAM,OAAO,EAAE,cAAc,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC;;CA2ErF,CAAA;AAED,eAAO,MAAM,aAAa,GAAI,OAAO,aAAa,YAEjD,CAAA"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { c } from 'react-compiler-runtime';
|
|
1
2
|
import React from 'react';
|
|
2
3
|
import { iterateFocusableElements } from '@primer/behaviors/utils';
|
|
3
4
|
import { useProvidedRefOrCreate } from './useProvidedRefOrCreate.js';
|
|
@@ -9,65 +10,106 @@ import { useProvidedRefOrCreate } from './useProvidedRefOrCreate.js';
|
|
|
9
10
|
*/
|
|
10
11
|
|
|
11
12
|
const useMnemonics = (open, providedRef) => {
|
|
13
|
+
const $ = c(10);
|
|
12
14
|
const containerRef = useProvidedRefOrCreate(providedRef);
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
if (item.getAttribute('aria-keyshortcuts')) return;
|
|
20
|
-
const firstLetter = item.textContent.toLowerCase()[0];
|
|
21
|
-
if (firstLetter) item.setAttribute('aria-keyshortcuts', firstLetter);
|
|
22
|
-
});
|
|
23
|
-
}, [open, containerRef]);
|
|
24
|
-
React.useEffect(function handleKeyDown() {
|
|
25
|
-
if (!open || !containerRef.current) return;
|
|
26
|
-
const container_0 = containerRef.current;
|
|
27
|
-
const handler = event => {
|
|
28
|
-
var _elementToFocus;
|
|
29
|
-
// skip if a TextInput has focus
|
|
30
|
-
const activeElement = document.activeElement;
|
|
31
|
-
if (activeElement.tagName === 'INPUT' || activeElement.tagName === 'TEXTAREA') return;
|
|
32
|
-
|
|
33
|
-
// skip if used with modifier to preserve shortcuts like ⌘ + F
|
|
34
|
-
const hasModifier = event.ctrlKey || event.altKey || event.metaKey;
|
|
35
|
-
if (hasModifier) return;
|
|
36
|
-
|
|
37
|
-
// skip if it's not a alphabet key
|
|
38
|
-
if (!isAlphabetKey(event)) return;
|
|
39
|
-
|
|
40
|
-
// if this is a typeahead event, don't propagate outside of menu
|
|
41
|
-
event.stopPropagation();
|
|
42
|
-
const query = event.key.toLowerCase();
|
|
43
|
-
let elementToFocus;
|
|
44
|
-
const focusableItems_0 = [...iterateFocusableElements(container_0)];
|
|
45
|
-
const itemsMatchingKey = focusableItems_0.filter(item_0 => {
|
|
46
|
-
var _item_0$getAttribute;
|
|
47
|
-
const keyshortcuts = (_item_0$getAttribute = item_0.getAttribute('aria-keyshortcuts')) === null || _item_0$getAttribute === void 0 ? void 0 : _item_0$getAttribute.split(' ').map(shortcut => shortcut.toLowerCase());
|
|
48
|
-
return keyshortcuts && keyshortcuts.includes(query);
|
|
49
|
-
});
|
|
50
|
-
const currentActiveIndex = itemsMatchingKey.indexOf(activeElement);
|
|
51
|
-
|
|
52
|
-
// If the last element is already selected, cycle through the list
|
|
53
|
-
if (currentActiveIndex === itemsMatchingKey.length - 1) {
|
|
54
|
-
elementToFocus = itemsMatchingKey[0];
|
|
55
|
-
} else {
|
|
56
|
-
elementToFocus = itemsMatchingKey.find((item_1, index) => {
|
|
57
|
-
return index > currentActiveIndex;
|
|
58
|
-
});
|
|
15
|
+
let t0;
|
|
16
|
+
let t1;
|
|
17
|
+
if ($[0] !== containerRef || $[1] !== open) {
|
|
18
|
+
t0 = function addAriaKeyshortcuts() {
|
|
19
|
+
if (!open || !containerRef.current) {
|
|
20
|
+
return;
|
|
59
21
|
}
|
|
60
|
-
|
|
22
|
+
const container = containerRef.current;
|
|
23
|
+
const focusableItems = [...iterateFocusableElements(container)];
|
|
24
|
+
focusableItems.map(_temp);
|
|
61
25
|
};
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
}
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
}
|
|
26
|
+
t1 = [open, containerRef];
|
|
27
|
+
$[0] = containerRef;
|
|
28
|
+
$[1] = open;
|
|
29
|
+
$[2] = t0;
|
|
30
|
+
$[3] = t1;
|
|
31
|
+
} else {
|
|
32
|
+
t0 = $[2];
|
|
33
|
+
t1 = $[3];
|
|
34
|
+
}
|
|
35
|
+
React.useEffect(t0, t1);
|
|
36
|
+
let t2;
|
|
37
|
+
let t3;
|
|
38
|
+
if ($[4] !== containerRef || $[5] !== open) {
|
|
39
|
+
t2 = function handleKeyDown() {
|
|
40
|
+
if (!open || !containerRef.current) {
|
|
41
|
+
return;
|
|
42
|
+
}
|
|
43
|
+
const container_0 = containerRef.current;
|
|
44
|
+
const handler = event => {
|
|
45
|
+
var _elementToFocus;
|
|
46
|
+
const activeElement = document.activeElement;
|
|
47
|
+
if (activeElement.tagName === "INPUT" || activeElement.tagName === "TEXTAREA") {
|
|
48
|
+
return;
|
|
49
|
+
}
|
|
50
|
+
const hasModifier = event.ctrlKey || event.altKey || event.metaKey;
|
|
51
|
+
if (hasModifier) {
|
|
52
|
+
return;
|
|
53
|
+
}
|
|
54
|
+
if (!isAlphabetKey(event)) {
|
|
55
|
+
return;
|
|
56
|
+
}
|
|
57
|
+
event.stopPropagation();
|
|
58
|
+
const query = event.key.toLowerCase();
|
|
59
|
+
let elementToFocus;
|
|
60
|
+
const focusableItems_0 = [...iterateFocusableElements(container_0)];
|
|
61
|
+
const itemsMatchingKey = focusableItems_0.filter(item_0 => {
|
|
62
|
+
var _item_0$getAttribute;
|
|
63
|
+
const keyshortcuts = (_item_0$getAttribute = item_0.getAttribute("aria-keyshortcuts")) === null || _item_0$getAttribute === void 0 ? void 0 : _item_0$getAttribute.split(" ").map(_temp2);
|
|
64
|
+
return keyshortcuts && keyshortcuts.includes(query);
|
|
65
|
+
});
|
|
66
|
+
const currentActiveIndex = itemsMatchingKey.indexOf(activeElement);
|
|
67
|
+
if (currentActiveIndex === itemsMatchingKey.length - 1) {
|
|
68
|
+
elementToFocus = itemsMatchingKey[0];
|
|
69
|
+
} else {
|
|
70
|
+
elementToFocus = itemsMatchingKey.find((item_1, index) => index > currentActiveIndex);
|
|
71
|
+
}
|
|
72
|
+
(_elementToFocus = elementToFocus) === null || _elementToFocus === void 0 ? void 0 : _elementToFocus.focus();
|
|
73
|
+
};
|
|
74
|
+
container_0.addEventListener("keydown", handler);
|
|
75
|
+
return () => container_0.removeEventListener("keydown", handler);
|
|
76
|
+
};
|
|
77
|
+
t3 = [open, containerRef];
|
|
78
|
+
$[4] = containerRef;
|
|
79
|
+
$[5] = open;
|
|
80
|
+
$[6] = t2;
|
|
81
|
+
$[7] = t3;
|
|
82
|
+
} else {
|
|
83
|
+
t2 = $[6];
|
|
84
|
+
t3 = $[7];
|
|
85
|
+
}
|
|
86
|
+
React.useEffect(t2, t3);
|
|
87
|
+
let t4;
|
|
88
|
+
if ($[8] !== containerRef) {
|
|
89
|
+
t4 = {
|
|
90
|
+
containerRef
|
|
91
|
+
};
|
|
92
|
+
$[8] = containerRef;
|
|
93
|
+
$[9] = t4;
|
|
94
|
+
} else {
|
|
95
|
+
t4 = $[9];
|
|
96
|
+
}
|
|
97
|
+
return t4;
|
|
98
|
+
};
|
|
99
|
+
const isAlphabetKey = event => {
|
|
100
|
+
return event.key.length === 1 && /[a-z\d]/i.test(event.key);
|
|
71
101
|
};
|
|
102
|
+
function _temp(item) {
|
|
103
|
+
if (item.getAttribute("aria-keyshortcuts")) {
|
|
104
|
+
return;
|
|
105
|
+
}
|
|
106
|
+
const firstLetter = item.textContent.toLowerCase()[0];
|
|
107
|
+
if (firstLetter) {
|
|
108
|
+
item.setAttribute("aria-keyshortcuts", firstLetter);
|
|
109
|
+
}
|
|
110
|
+
}
|
|
111
|
+
function _temp2(shortcut) {
|
|
112
|
+
return shortcut.toLowerCase();
|
|
113
|
+
}
|
|
72
114
|
|
|
73
|
-
export { useMnemonics };
|
|
115
|
+
export { isAlphabetKey, useMnemonics };
|
package/dist/index.d.ts
CHANGED
|
@@ -53,6 +53,7 @@ export { default as ButtonGroup } from './ButtonGroup';
|
|
|
53
53
|
export type { ButtonGroupProps } from './ButtonGroup';
|
|
54
54
|
export type { CircleBadgeProps, CircleBadgeIconProps } from './CircleBadge';
|
|
55
55
|
export { default as CheckboxGroup } from './CheckboxGroup';
|
|
56
|
+
export type { CheckboxGroupProps } from './CheckboxGroup';
|
|
56
57
|
export { default as CircleBadge } from './CircleBadge';
|
|
57
58
|
export { default as CounterLabel } from './CounterLabel';
|
|
58
59
|
export type { CounterLabelProps } from './CounterLabel';
|
|
@@ -77,7 +78,7 @@ export type { LabelGroupProps } from './LabelGroup';
|
|
|
77
78
|
export { default as Link } from './Link';
|
|
78
79
|
export type { LinkProps } from './Link';
|
|
79
80
|
export { NavList } from './NavList';
|
|
80
|
-
export type { NavListProps, NavListItemProps, NavListSubNavProps, NavListGroupProps, NavListLeadingVisualProps, NavListTrailingVisualProps, NavListDividerProps, } from './NavList';
|
|
81
|
+
export type { NavListProps, NavListItemProps, NavListSubNavProps, NavListGroupProps, NavListLeadingVisualProps, NavListTrailingVisualProps, NavListDividerProps, NavListGroupHeadingProps, } from './NavList';
|
|
81
82
|
export { default as Overlay } from './Overlay';
|
|
82
83
|
export type { OverlayProps } from './Overlay';
|
|
83
84
|
export { default as Pagination } from './Pagination';
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAC,OAAO,IAAI,KAAK,EAAC,MAAM,SAAS,CAAA;AACxC,OAAO,EAAC,GAAG,IAAI,QAAQ,EAAC,MAAM,aAAa,CAAA;AAC3C,OAAO,EAAC,OAAO,IAAI,UAAU,EAAC,MAAM,cAAc,CAAA;AAClD,YAAY,EAAC,eAAe,EAAC,MAAM,cAAc,CAAA;AACjD,OAAO,EAAC,OAAO,IAAI,aAAa,EAAE,QAAQ,EAAE,iBAAiB,EAAC,MAAM,iBAAiB,CAAA;AACrF,YAAY,EAAC,kBAAkB,EAAC,MAAM,iBAAiB,CAAA;AAGvD,OAAO,EAAC,OAAO,IAAI,GAAG,EAAC,MAAM,OAAO,CAAA;AACpC,YAAY,EAAC,QAAQ,EAAC,MAAM,OAAO,CAAA;AACnC,cAAc,UAAU,CAAA;AACxB,OAAO,EAAC,UAAU,EAAC,MAAM,cAAc,CAAA;AACvC,YAAY,EACV,eAAe,EACf,qBAAqB,EACrB,sBAAsB,EACtB,mBAAmB,EACnB,qBAAqB,GACtB,MAAM,cAAc,CAAA;AACrB,OAAO,EAAC,eAAe,EAAC,MAAM,mBAAmB,CAAA;AACjD,YAAY,EACV,oBAAoB,EACpB,0BAA0B,EAC1B,2BAA2B,EAC3B,wBAAwB,EACxB,0BAA0B,GAC3B,MAAM,mBAAmB,CAAA;AAG1B,OAAO,EAAC,OAAO,IAAI,UAAU,EAAC,MAAM,oBAAoB,CAAA;AACxD,OAAO,EAAC,OAAO,IAAI,cAAc,EAAC,MAAM,wBAAwB,CAAA;AAChE,OAAO,EAAC,iBAAiB,EAAC,MAAM,2BAA2B,CAAA;AAC3D,YAAY,EAAC,iBAAiB,EAAC,MAAM,2BAA2B,CAAA;AAChE,OAAO,EAAC,oBAAoB,EAAC,MAAM,8BAA8B,CAAA;AACjE,OAAO,EAAC,gBAAgB,EAAC,MAAM,0BAA0B,CAAA;AACzD,OAAO,EAAC,UAAU,EAAC,MAAM,oBAAoB,CAAA;AAC7C,OAAO,EAAC,UAAU,EAAC,MAAM,yCAAyC,CAAA;AAClE,OAAO,EAAC,YAAY,EAAC,MAAM,sBAAsB,CAAA;AACjD,YAAY,EAAC,qBAAqB,EAAC,MAAM,sBAAsB,CAAA;AAC/D,OAAO,EAAC,YAAY,EAAC,MAAM,sBAAsB,CAAA;AACjD,YAAY,EAAC,qBAAqB,EAAC,MAAM,sBAAsB,CAAA;AAC/D,OAAO,EAAC,0BAA0B,EAAC,MAAM,oCAAoC,CAAA;AAC7E,OAAO,EAAC,iBAAiB,EAAC,MAAM,2BAA2B,CAAA;AAC3D,OAAO,EAAC,kBAAkB,EAAE,KAAK,eAAe,EAAC,MAAM,4BAA4B,CAAA;AACnF,OAAO,EAAC,OAAO,IAAI,yBAAyB,EAAC,MAAM,mCAAmC,CAAA;AACtF,OAAO,EAAC,sBAAsB,EAAC,MAAM,gCAAgC,CAAA;AAGrE,OAAO,EAAC,eAAe,EAAC,MAAM,0BAA0B,CAAA;AAGxD,OAAO,EAAC,OAAO,IAAI,KAAK,EAAC,MAAM,SAAS,CAAA;AACxC,YAAY,EAAC,UAAU,EAAC,MAAM,SAAS,CAAA;AACvC,OAAO,EAAC,UAAU,EAAC,MAAM,cAAc,CAAA;AACvC,YAAY,EACV,eAAe,EACf,oBAAoB,EACpB,mBAAmB,EACnB,uBAAuB,EACvB,sBAAsB,EACtB,0BAA0B,EAC1B,4BAA4B,EAC5B,6BAA6B,GAC9B,MAAM,cAAc,CAAA;AACrB,OAAO,EAAC,UAAU,EAAC,MAAM,cAAc,CAAA;AACvC,YAAY,EAAC,eAAe,EAAE,qBAAqB,EAAE,qBAAqB,EAAC,MAAM,cAAc,CAAA;AAC/F,OAAO,EAAC,eAAe,EAAC,MAAM,mBAAmB,CAAA;AACjD,YAAY,EAAC,oBAAoB,EAAC,MAAM,mBAAmB,CAAA;AAC3D,OAAO,EAAC,OAAO,IAAI,YAAY,EAAC,MAAM,gBAAgB,CAAA;AACtD,YAAY,EAAC,qBAAqB,EAAE,sBAAsB,EAAE,wBAAwB,EAAC,MAAM,gBAAgB,CAAA;AAC3G,OAAO,EAAC,OAAO,IAAI,MAAM,EAAC,MAAM,UAAU,CAAA;AAC1C,YAAY,EAAC,WAAW,EAAC,MAAM,UAAU,CAAA;AACzC,OAAO,EAAC,OAAO,IAAI,WAAW,EAAC,MAAM,eAAe,CAAA;AACpD,YAAY,EAAC,gBAAgB,EAAC,MAAM,eAAe,CAAA;AACnD,OAAO,EAAC,MAAM,EAAC,MAAM,UAAU,CAAA;AAC/B,YAAY,EAAC,WAAW,EAAC,MAAM,UAAU,CAAA;AAEzC,OAAO,EAAC,OAAO,IAAI,UAAU,EAAC,MAAM,cAAc,CAAA;AAClD,YAAY,EAAC,eAAe,EAAC,MAAM,cAAc,CAAA;AACjD,OAAO,EAAC,OAAO,IAAI,WAAW,EAAE,UAAU,EAAC,MAAM,eAAe,CAAA;AAChE,YAAY,EAAC,gBAAgB,EAAE,oBAAoB,EAAE,eAAe,EAAE,mBAAmB,EAAC,MAAM,eAAe,CAAA;AAC/G,OAAO,EAAC,OAAO,IAAI,WAAW,EAAC,MAAM,eAAe,CAAA;AACpD,YAAY,EAAC,gBAAgB,EAAC,MAAM,eAAe,CAAA;AACnD,YAAY,EAAC,gBAAgB,EAAE,oBAAoB,EAAC,MAAM,eAAe,CAAA;AACzE,OAAO,EAAC,OAAO,IAAI,aAAa,EAAC,MAAM,iBAAiB,CAAA;AACxD,OAAO,EAAC,OAAO,IAAI,WAAW,EAAC,MAAM,eAAe,CAAA;AACpD,OAAO,EAAC,OAAO,IAAI,YAAY,EAAC,MAAM,gBAAgB,CAAA;AACtD,YAAY,EAAC,iBAAiB,EAAC,MAAM,gBAAgB,CAAA;AACrD,OAAO,EAAC,OAAO,IAAI,OAAO,EAAC,MAAM,WAAW,CAAA;AAC5C,YAAY,EAAC,YAAY,EAAC,MAAM,WAAW,CAAA;AAC3C,OAAO,EAAC,MAAM,EAAC,MAAM,iBAAiB,CAAA;AACtC,YAAY,EAAC,WAAW,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,WAAW,EAAE,YAAY,EAAC,MAAM,iBAAiB,CAAA;AACjH,YAAY,EAAC,uBAAuB,EAAC,MAAM,yCAAyC,CAAA;AACpF,OAAO,EAAC,kBAAkB,EAAC,MAAM,yCAAyC,CAAA;AAC1E,OAAO,EAAC,OAAO,IAAI,KAAK,EAAC,MAAM,SAAS,CAAA;AACxC,YAAY,EAAC,UAAU,EAAC,MAAM,SAAS,CAAA;AACvC,OAAO,EAAC,OAAO,IAAI,WAAW,EAAC,MAAM,eAAe,CAAA;AACpD,OAAO,EAAC,4BAA4B,EAAC,MAAM,eAAe,CAAA;AAC1D,OAAO,EAAC,OAAO,IAAI,MAAM,EAAC,MAAM,UAAU,CAAA;AAC1C,YAAY,EAAC,WAAW,EAAE,eAAe,EAAE,eAAe,EAAC,MAAM,UAAU,CAAA;AAC3E,OAAO,EAAC,OAAO,IAAI,OAAO,EAAC,MAAM,WAAW,CAAA;AAC5C,YAAY,EAAC,YAAY,EAAC,MAAM,WAAW,CAAA;AAC3C,OAAO,EAAC,OAAO,IAAI,KAAK,EAAC,MAAM,SAAS,CAAA;AACxC,YAAY,EAAC,UAAU,EAAE,iBAAiB,EAAC,MAAM,SAAS,CAAA;AAC1D,OAAO,EAAC,OAAO,IAAI,UAAU,EAAC,MAAM,cAAc,CAAA;AAClD,YAAY,EAAC,eAAe,EAAC,MAAM,cAAc,CAAA;AACjD,OAAO,EAAC,OAAO,IAAI,IAAI,EAAC,MAAM,QAAQ,CAAA;AACtC,YAAY,EAAC,SAAS,EAAC,MAAM,QAAQ,CAAA;AACrC,OAAO,EAAC,OAAO,EAAC,MAAM,WAAW,CAAA;AACjC,YAAY,EACV,YAAY,EACZ,gBAAgB,EAChB,kBAAkB,EAClB,iBAAiB,EACjB,yBAAyB,EACzB,0BAA0B,EAC1B,mBAAmB,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -7,8 +7,7 @@ import Text from '../../../Text/Text.js';
|
|
|
7
7
|
|
|
8
8
|
const CheckboxOrRadioGroupCaption = ({
|
|
9
9
|
className,
|
|
10
|
-
children
|
|
11
|
-
sx
|
|
10
|
+
children
|
|
12
11
|
}) => {
|
|
13
12
|
const {
|
|
14
13
|
captionId
|
|
@@ -16,7 +15,6 @@ const CheckboxOrRadioGroupCaption = ({
|
|
|
16
15
|
return /*#__PURE__*/jsx(Text, {
|
|
17
16
|
className: clsx(className, classes.CheckboxOrRadioGroupCaption),
|
|
18
17
|
id: captionId,
|
|
19
|
-
sx: sx,
|
|
20
18
|
children: children
|
|
21
19
|
});
|
|
22
20
|
};
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import type { SxProp } from '../../../sx';
|
|
3
2
|
export type CheckboxOrRadioGroupLabelProps = {
|
|
4
3
|
/** Class name for custom styling */
|
|
5
4
|
className?: string;
|
|
@@ -7,7 +6,7 @@ export type CheckboxOrRadioGroupLabelProps = {
|
|
|
7
6
|
* Whether to visually hide the fieldset legend
|
|
8
7
|
*/
|
|
9
8
|
visuallyHidden?: boolean;
|
|
10
|
-
}
|
|
9
|
+
};
|
|
11
10
|
declare const CheckboxOrRadioGroupLabel: React.FC<React.PropsWithChildren<CheckboxOrRadioGroupLabelProps>>;
|
|
12
11
|
export default CheckboxOrRadioGroupLabel;
|
|
13
12
|
//# sourceMappingURL=CheckboxOrRadioGroupLabel.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckboxOrRadioGroupLabel.d.ts","sourceRoot":"","sources":["../../../../src/internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroupLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"CheckboxOrRadioGroupLabel.d.ts","sourceRoot":"","sources":["../../../../src/internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroupLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,MAAM,MAAM,8BAA8B,GAAG;IAC3C,oCAAoC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAA;CACzB,CAAA;AAED,QAAA,MAAM,yBAAyB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,8BAA8B,CAAC,CAwBhG,CAAA;AAED,eAAe,yBAAyB,CAAA"}
|