@primer/react 38.29.0-rc.d35810c2f → 38.29.0-rc.dc2cb3e06
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/dist/ActionList/Group.d.ts +0 -5
- package/dist/ActionList/Group.d.ts.map +1 -1
- package/dist/ActionList/Group.js +2 -5
- package/dist/ActionList/GroupContext.d.ts +8 -0
- package/dist/ActionList/GroupContext.d.ts.map +1 -0
- package/dist/ActionList/GroupContext.js +8 -0
- package/dist/ActionList/Item.js +3 -2
- package/dist/ActionList/Selection.js +1 -1
- package/dist/ActionList/index.d.ts.map +1 -1
- package/dist/ActionList/index.js +2 -1
- package/dist/ActionMenu/ActionMenu.js +1 -1
- package/dist/AnchoredOverlay/AnchoredOverlay.js +2 -1
- package/dist/Button/IconButton.d.ts.map +1 -1
- package/dist/Button/IconButton.js +3 -2
- package/dist/ConfirmationDialog/ConfirmationDialog.d.ts +0 -9
- package/dist/ConfirmationDialog/ConfirmationDialog.d.ts.map +1 -1
- package/dist/ConfirmationDialog/ConfirmationDialog.js +1 -42
- package/dist/ConfirmationDialog/useConfirm.d.ts +12 -0
- package/dist/ConfirmationDialog/useConfirm.d.ts.map +1 -0
- package/dist/ConfirmationDialog/useConfirm.js +44 -0
- package/dist/Dialog/Dialog.d.ts +0 -1
- package/dist/Dialog/Dialog.d.ts.map +1 -1
- package/dist/Dialog/Dialog.js +2 -4
- package/dist/Dialog/DialogContext.d.ts +3 -0
- package/dist/Dialog/DialogContext.d.ts.map +1 -0
- package/dist/Dialog/DialogContext.js +5 -0
- package/dist/FilteredActionList/FilteredActionList.js +2 -1
- package/dist/FilteredActionList/FilteredActionListLoaders.d.ts +2 -10
- package/dist/FilteredActionList/FilteredActionListLoaders.d.ts.map +1 -1
- package/dist/FilteredActionList/FilteredActionListLoaders.js +3 -12
- package/dist/FilteredActionList/constants.d.ts +11 -0
- package/dist/FilteredActionList/constants.d.ts.map +1 -0
- package/dist/FilteredActionList/constants.js +13 -0
- package/dist/FilteredActionList/index.js +0 -1
- package/dist/KeybindingHint/KeybindingHint.d.ts +0 -14
- package/dist/KeybindingHint/KeybindingHint.d.ts.map +1 -1
- package/dist/KeybindingHint/KeybindingHint.js +2 -16
- package/dist/KeybindingHint/components/Chord.d.ts +0 -3
- package/dist/KeybindingHint/components/Chord.d.ts.map +1 -1
- package/dist/KeybindingHint/components/Chord.js +2 -21
- package/dist/KeybindingHint/components/Sequence.d.ts +0 -3
- package/dist/KeybindingHint/components/Sequence.d.ts.map +1 -1
- package/dist/KeybindingHint/components/Sequence.js +2 -5
- package/dist/KeybindingHint/components/utils.d.ts +8 -0
- package/dist/KeybindingHint/components/utils.d.ts.map +1 -0
- package/dist/KeybindingHint/components/utils.js +32 -0
- package/dist/KeybindingHint/index.d.ts +2 -1
- package/dist/KeybindingHint/index.d.ts.map +1 -1
- package/dist/KeybindingHint/utils.d.ts +15 -0
- package/dist/KeybindingHint/utils.d.ts.map +1 -0
- package/dist/KeybindingHint/utils.js +17 -0
- package/dist/Overlay/Overlay.d.ts +1 -18
- package/dist/Overlay/Overlay.d.ts.map +1 -1
- package/dist/Overlay/Overlay.js +1 -20
- package/dist/Overlay/constants.d.ts +19 -0
- package/dist/Overlay/constants.d.ts.map +1 -0
- package/dist/Overlay/constants.js +20 -0
- package/dist/Portal/Portal.d.ts +0 -14
- package/dist/Portal/Portal.d.ts.map +1 -1
- package/dist/Portal/Portal.js +4 -46
- package/dist/Portal/PortalContext.d.ts +5 -0
- package/dist/Portal/PortalContext.d.ts.map +1 -0
- package/dist/Portal/PortalContext.js +5 -0
- package/dist/Portal/index.d.ts +3 -1
- package/dist/Portal/index.d.ts.map +1 -1
- package/dist/Portal/index.js +0 -1
- package/dist/Portal/portalRoot.d.ts +11 -0
- package/dist/Portal/portalRoot.d.ts.map +1 -0
- package/dist/Portal/portalRoot.js +39 -0
- package/dist/Radio/Radio.js +1 -1
- package/dist/RadioGroup/RadioGroup.d.ts +1 -6
- package/dist/RadioGroup/RadioGroup.d.ts.map +1 -1
- package/dist/RadioGroup/RadioGroup.js +2 -3
- package/dist/RadioGroup/RadioGroupContext.d.ts +7 -0
- package/dist/RadioGroup/RadioGroupContext.d.ts.map +1 -0
- package/dist/RadioGroup/RadioGroupContext.js +5 -0
- package/dist/RadioGroup/index.d.ts +2 -1
- package/dist/RadioGroup/index.d.ts.map +1 -1
- package/dist/SelectPanel/SelectPanel.js +2 -1
- package/dist/ThemeContext.d.ts +15 -0
- package/dist/ThemeContext.d.ts.map +1 -0
- package/dist/ThemeContext.js +9 -0
- package/dist/ThemeProvider.d.ts +1 -14
- package/dist/ThemeProvider.d.ts.map +1 -1
- package/dist/ThemeProvider.js +3 -18
- package/dist/Timeline/Timeline.d.ts +1 -1
- package/dist/Timeline/Timeline.d.ts.map +1 -1
- package/dist/Timeline/constants.d.ts +2 -0
- package/dist/Timeline/constants.d.ts.map +1 -0
- package/dist/Token/IssueLabelToken.d.ts.map +1 -1
- package/dist/Token/IssueLabelToken.js +3 -1
- package/dist/Token/Token.d.ts.map +1 -1
- package/dist/Token/Token.js +3 -1
- package/dist/Token/TokenBase.d.ts +2 -5
- package/dist/Token/TokenBase.d.ts.map +1 -1
- package/dist/Token/TokenBase.js +3 -14
- package/dist/Token/_RemoveTokenButton.js +1 -1
- package/dist/Token/constants.d.ts +4 -0
- package/dist/Token/constants.d.ts.map +1 -0
- package/dist/Token/constants.js +3 -0
- package/dist/Token/utils.d.ts +3 -0
- package/dist/Token/utils.d.ts.map +1 -0
- package/dist/Token/utils.js +14 -0
- package/dist/Tooltip/Tooltip.d.ts +0 -3
- package/dist/Tooltip/Tooltip.d.ts.map +1 -1
- package/dist/Tooltip/Tooltip.js +2 -3
- package/dist/Tooltip/TooltipContext.d.ts +5 -0
- package/dist/Tooltip/TooltipContext.d.ts.map +1 -0
- package/dist/Tooltip/TooltipContext.js +5 -0
- package/dist/TooltipV2/Tooltip.d.ts +0 -3
- package/dist/TooltipV2/Tooltip.d.ts.map +1 -1
- package/dist/TooltipV2/Tooltip.js +4 -3
- package/dist/TooltipV2/TooltipContext.d.ts +5 -0
- package/dist/TooltipV2/TooltipContext.d.ts.map +1 -0
- package/dist/TooltipV2/TooltipContext.js +5 -0
- package/dist/TreeView/TreeView.js +1 -1
- package/dist/UnderlineNav/UnderlineNav.d.ts +0 -1
- package/dist/UnderlineNav/UnderlineNav.d.ts.map +1 -1
- package/dist/UnderlineNav/UnderlineNav.js +2 -5
- package/dist/UnderlineNav/utils.d.ts +3 -0
- package/dist/UnderlineNav/utils.d.ts.map +1 -0
- package/dist/UnderlineNav/utils.js +8 -0
- package/dist/experimental/SelectPanel2/SelectPanel.d.ts.map +1 -1
- package/dist/experimental/SelectPanel2/SelectPanel.js +2 -1
- package/dist/experimental/SelectPanel2/index.d.ts +2 -1
- package/dist/experimental/SelectPanel2/index.d.ts.map +1 -1
- package/dist/experimental/Tabs/Tabs.d.ts +3 -111
- package/dist/experimental/Tabs/Tabs.d.ts.map +1 -1
- package/dist/experimental/Tabs/Tabs.js +3 -237
- package/dist/experimental/Tabs/TabsContext.d.ts +3 -0
- package/dist/experimental/Tabs/TabsContext.d.ts.map +1 -0
- package/dist/experimental/Tabs/TabsContext.js +5 -0
- package/dist/experimental/Tabs/index.d.ts +5 -2
- package/dist/experimental/Tabs/index.d.ts.map +1 -1
- package/dist/experimental/Tabs/types.d.ts +107 -0
- package/dist/experimental/Tabs/types.d.ts.map +1 -0
- package/dist/experimental/Tabs/useTab.d.ts +7 -0
- package/dist/experimental/Tabs/useTab.d.ts.map +1 -0
- package/dist/experimental/Tabs/useTab.js +97 -0
- package/dist/experimental/Tabs/useTabList.d.ts +3 -0
- package/dist/experimental/Tabs/useTabList.d.ts.map +1 -0
- package/dist/experimental/Tabs/useTabList.js +100 -0
- package/dist/experimental/Tabs/useTabPanel.d.ts +4 -0
- package/dist/experimental/Tabs/useTabPanel.d.ts.map +1 -0
- package/dist/experimental/Tabs/useTabPanel.js +37 -0
- package/dist/experimental/Tabs/useTabs.d.ts +3 -0
- package/dist/experimental/Tabs/useTabs.d.ts.map +1 -0
- package/dist/experimental/Tabs/useTabs.js +12 -0
- package/dist/experimental/index.js +7 -3
- package/dist/hooks/MatchMedia.d.ts +23 -0
- package/dist/hooks/MatchMedia.d.ts.map +1 -0
- package/dist/hooks/MatchMediaContext.d.ts +5 -0
- package/dist/hooks/MatchMediaContext.d.ts.map +1 -0
- package/dist/hooks/MatchMediaContext.js +8 -0
- package/dist/hooks/useMedia.d.ts +1 -24
- package/dist/hooks/useMedia.d.ts.map +1 -1
- package/dist/hooks/useMedia.js +15 -6
- package/dist/index.d.ts +3 -2
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +7 -3
- package/dist/useTheme.d.ts +15 -0
- package/dist/useTheme.d.ts.map +1 -0
- package/dist/useTheme.js +16 -0
- package/dist/utils/story-helpers.d.ts +70 -0
- package/dist/utils/story-helpers.d.ts.map +1 -0
- package/package.json +1 -1
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
+
import type { TimelineBadgeVariants } from './constants';
|
|
2
3
|
type StyledTimelineProps = {
|
|
3
4
|
clipSidebar?: boolean | 'start' | 'end' | 'both';
|
|
4
5
|
className?: string;
|
|
@@ -13,7 +14,6 @@ type StyledTimelineItemProps = {
|
|
|
13
14
|
*/
|
|
14
15
|
export type TimelineItemsProps = StyledTimelineItemProps & React.ComponentPropsWithoutRef<'li'>;
|
|
15
16
|
export type TimelineItemProps = StyledTimelineItemProps & React.ComponentPropsWithoutRef<'li'>;
|
|
16
|
-
export declare const TimelineBadgeVariants: readonly ["accent", "success", "attention", "severe", "danger", "done", "open", "closed", "sponsors"];
|
|
17
17
|
export type TimelineBadgeVariant = (typeof TimelineBadgeVariants)[number];
|
|
18
18
|
export type TimelineBadgeProps = {
|
|
19
19
|
children?: React.ReactNode;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Timeline.d.ts","sourceRoot":"","sources":["../../src/Timeline/Timeline.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"Timeline.d.ts","sourceRoot":"","sources":["../../src/Timeline/Timeline.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EAAC,qBAAqB,EAAC,MAAM,aAAa,CAAA;AAEtD,KAAK,mBAAmB,GAAG;IAAC,WAAW,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,KAAK,GAAG,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAC,CAAA;AAEjG,MAAM,MAAM,aAAa,GAAG,mBAAmB,GAAG,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC,CAAA;AAyCpG,KAAK,uBAAuB,GAAG;IAAC,SAAS,CAAC,EAAE,OAAO,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAC,CAAA;AAExE;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAAG,uBAAuB,GAAG,KAAK,CAAC,wBAAwB,CAAC,IAAI,CAAC,CAAA;AAE/F,MAAM,MAAM,iBAAiB,GAAG,uBAAuB,GAAG,KAAK,CAAC,wBAAwB,CAAC,IAAI,CAAC,CAAA;AA8B9F,MAAM,MAAM,oBAAoB,GAAG,CAAC,OAAO,qBAAqB,CAAC,CAAC,MAAM,CAAC,CAAA;AAEzE,MAAM,MAAM,kBAAkB,GAAG;IAC/B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,qCAAqC;IACrC,OAAO,CAAC,EAAE,oBAAoB,CAAA;CAC/B,GAAG,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAA;AAYzC,MAAM,MAAM,iBAAiB,GAAG;IAC9B,oCAAoC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,GAAG,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAA;AAQzC,MAAM,MAAM,kBAAkB,GAAG;IAC/B,oCAAoC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,GAAG,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC,CAAA;AA6BtD,MAAM,MAAM,oBAAoB,GAAG;IACjC,oCAAoC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,GAAG,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAA;AAQzC,MAAM,MAAM,mBAAmB,GAAG;IAChC,oCAAoC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,GAAG,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAA;;;;QAFvC,oCAAoC;oBACxB,MAAM;;;2CAlEmC,kBAAkB;;;;QAWvE,oCAAoC;oBACxB,MAAM;;;QAUlB,oCAAoC;oBACxB,MAAM;;;QA+BlB,oCAAoC;oBACxB,MAAM;;;AAoBpB,wBAOE"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/Timeline/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,qBAAqB,uGAUxB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IssueLabelToken.d.ts","sourceRoot":"","sources":["../../src/Token/IssueLabelToken.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,aAAa,CAAA;
|
|
1
|
+
{"version":3,"file":"IssueLabelToken.d.ts","sourceRoot":"","sources":["../../src/Token/IssueLabelToken.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,aAAa,CAAA;AAO/C,OAAO,KAAK,EAAC,mBAAmB,IAAI,8BAA8B,EAAC,MAAM,sBAAsB,CAAA;AAI/F,MAAM,WAAW,oBAAqB,SAAQ,cAAc;IAC1D;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,QAAA,MAAM,eAAe,EAsEf,8BAA8B,CAAC,MAAM,GAAG,GAAG,GAAG,QAAQ,EAAE,oBAAoB,CAAC,CAAA;AAEnF,eAAe,eAAe,CAAA"}
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
import { c } from 'react-compiler-runtime';
|
|
2
2
|
import { forwardRef } from 'react';
|
|
3
|
-
import TokenBase
|
|
3
|
+
import TokenBase from './TokenBase.js';
|
|
4
|
+
import { defaultTokenSize } from './constants.js';
|
|
5
|
+
import { isTokenInteractive } from './utils.js';
|
|
4
6
|
import RemoveTokenButton from './_RemoveTokenButton.js';
|
|
5
7
|
import { parseToRgba, parseToHsla } from 'color2k';
|
|
6
8
|
import TokenTextContainer from './_TokenTextContainer.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Token.d.ts","sourceRoot":"","sources":["../../src/Token/Token.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,aAAa,CAAA;
|
|
1
|
+
{"version":3,"file":"Token.d.ts","sourceRoot":"","sources":["../../src/Token/Token.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,aAAa,CAAA;AAM/C,OAAO,KAAK,EAAC,mBAAmB,IAAI,8BAA8B,EAAC,MAAM,sBAAsB,CAAA;AAQ/F,MAAM,WAAW,UAAW,SAAQ,cAAc;IAChD;;;OAGG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;CAClC;AAcD,QAAA,MAAM,KAAK,EA4DL,8BAA8B,CAAC,GAAG,GAAG,QAAQ,GAAG,MAAM,EAAE,UAAU,CAAC,CAAA;AAEzE,eAAe,KAAK,CAAA"}
|
package/dist/Token/Token.js
CHANGED
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
import { c } from 'react-compiler-runtime';
|
|
2
2
|
import { forwardRef } from 'react';
|
|
3
|
-
import TokenBase
|
|
3
|
+
import TokenBase from './TokenBase.js';
|
|
4
|
+
import { defaultTokenSize } from './constants.js';
|
|
5
|
+
import { isTokenInteractive } from './utils.js';
|
|
4
6
|
import RemoveTokenButton from './_RemoveTokenButton.js';
|
|
5
7
|
import TokenTextContainer from './_TokenTextContainer.js';
|
|
6
8
|
import VisuallyHidden from '../_VisuallyHidden.js';
|
|
@@ -1,9 +1,7 @@
|
|
|
1
|
-
import type { ComponentProps } from 'react';
|
|
2
1
|
import React from 'react';
|
|
3
2
|
import type { ForwardRefComponent as PolymorphicForwardRefComponent } from '../utils/polymorphic';
|
|
4
|
-
|
|
5
|
-
export
|
|
6
|
-
export declare const defaultTokenSize: TokenSizeKeys;
|
|
3
|
+
import { type TokenSizeKeys } from './constants';
|
|
4
|
+
export type { TokenSizeKeys };
|
|
7
5
|
export interface TokenBaseProps extends Omit<React.HTMLProps<HTMLSpanElement | HTMLButtonElement | HTMLAnchorElement>, 'size' | 'id'> {
|
|
8
6
|
as?: 'button' | 'a' | 'span';
|
|
9
7
|
/**
|
|
@@ -35,7 +33,6 @@ export interface TokenBaseProps extends Omit<React.HTMLProps<HTMLSpanElement | H
|
|
|
35
33
|
*/
|
|
36
34
|
disabled?: boolean;
|
|
37
35
|
}
|
|
38
|
-
export declare const isTokenInteractive: ({ as, onClick, onFocus, tabIndex, disabled, }: Pick<ComponentProps<typeof TokenBase>, "disabled" | "as" | "onClick" | "onFocus" | "tabIndex">) => boolean;
|
|
39
36
|
declare const TokenBase: PolymorphicForwardRefComponent<"span" | "a" | "button", TokenBaseProps>;
|
|
40
37
|
export default TokenBase;
|
|
41
38
|
//# sourceMappingURL=TokenBase.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TokenBase.d.ts","sourceRoot":"","sources":["../../src/Token/TokenBase.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"TokenBase.d.ts","sourceRoot":"","sources":["../../src/Token/TokenBase.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAC,mBAAmB,IAAI,8BAA8B,EAAC,MAAM,sBAAsB,CAAA;AAE/F,OAAO,EAAmB,KAAK,aAAa,EAAC,MAAM,aAAa,CAAA;AAGhE,YAAY,EAAC,aAAa,EAAC,CAAA;AAE3B,MAAM,WAAW,cACf,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,eAAe,GAAG,iBAAiB,GAAG,iBAAiB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrG,EAAE,CAAC,EAAE,QAAQ,GAAG,GAAG,GAAG,MAAM,CAAA;IAC5B;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB;;OAEG;IACH,IAAI,EAAE,KAAK,CAAC,SAAS,CAAA;IACrB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACpB;;OAEG;IACH,IAAI,CAAC,EAAE,aAAa,CAAA;IACpB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,QAAA,MAAM,SAAS,EA6CV,8BAA8B,CAAC,MAAM,GAAG,GAAG,GAAG,QAAQ,EAAE,cAAc,CAAC,CAAA;AAE5E,eAAe,SAAS,CAAA"}
|
package/dist/Token/TokenBase.js
CHANGED
|
@@ -2,21 +2,10 @@ import { c } from 'react-compiler-runtime';
|
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { clsx } from 'clsx';
|
|
4
4
|
import classes from './TokenBase.module.css.js';
|
|
5
|
+
import { defaultTokenSize } from './constants.js';
|
|
6
|
+
import { isTokenInteractive } from './utils.js';
|
|
5
7
|
import { jsx } from 'react/jsx-runtime';
|
|
6
8
|
|
|
7
|
-
const defaultTokenSize = 'medium';
|
|
8
|
-
const isTokenInteractive = ({
|
|
9
|
-
as = 'span',
|
|
10
|
-
onClick,
|
|
11
|
-
onFocus,
|
|
12
|
-
tabIndex = -1,
|
|
13
|
-
disabled
|
|
14
|
-
}) => {
|
|
15
|
-
if (disabled) {
|
|
16
|
-
return false;
|
|
17
|
-
}
|
|
18
|
-
return Boolean(onFocus || onClick || tabIndex > -1 || ['a', 'button'].includes(as));
|
|
19
|
-
};
|
|
20
9
|
const TokenBase = /*#__PURE__*/React.forwardRef((t0, forwardedRef) => {
|
|
21
10
|
const $ = c(25);
|
|
22
11
|
let Component;
|
|
@@ -126,4 +115,4 @@ const TokenBase = /*#__PURE__*/React.forwardRef((t0, forwardedRef) => {
|
|
|
126
115
|
return t7;
|
|
127
116
|
});
|
|
128
117
|
|
|
129
|
-
export { TokenBase as default
|
|
118
|
+
export { TokenBase as default };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { XIcon } from '@primer/octicons-react';
|
|
2
2
|
import { clsx } from 'clsx';
|
|
3
|
-
import { defaultTokenSize } from './
|
|
3
|
+
import { defaultTokenSize } from './constants.js';
|
|
4
4
|
import classes from './_RemoveTokenButton.module.css.js';
|
|
5
5
|
import { jsx } from 'react/jsx-runtime';
|
|
6
6
|
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/Token/constants.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAA;AAEnE,eAAO,MAAM,UAAU,EAAE,MAAM,CAAC,aAAa,EAAE,MAAM,CAKpD,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,aAAwB,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/Token/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,aAAa,CAAA;AAE/C,eAAO,MAAM,kBAAkB,GAAI,+CAMhC,IAAI,CAAC,cAAc,EAAE,UAAU,GAAG,IAAI,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC,YAK9E,CAAA"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
const isTokenInteractive = ({
|
|
2
|
+
as = 'span',
|
|
3
|
+
onClick,
|
|
4
|
+
onFocus,
|
|
5
|
+
tabIndex = -1,
|
|
6
|
+
disabled
|
|
7
|
+
}) => {
|
|
8
|
+
if (disabled) {
|
|
9
|
+
return false;
|
|
10
|
+
}
|
|
11
|
+
return Boolean(onFocus || onClick || tabIndex > -1 || ['a', 'button'].includes(as));
|
|
12
|
+
};
|
|
13
|
+
|
|
14
|
+
export { isTokenInteractive };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../src/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AACA,OAAO,KAAgB,MAAM,OAAO,CAAA;AAGpC,OAAO,KAAK,EAAC,mBAAmB,IAAI,8BAA8B,EAAC,MAAM,sBAAsB,CAAA;
|
|
1
|
+
{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../src/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AACA,OAAO,KAAgB,MAAM,OAAO,CAAA;AAGpC,OAAO,KAAK,EAAC,mBAAmB,IAAI,8BAA8B,EAAC,MAAM,sBAAsB,CAAA;AAK/F;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG;IACzB,SAAS,CAAC,EAAE,GAAG,GAAG,IAAI,GAAG,GAAG,GAAG,IAAI,GAAG,GAAG,GAAG,IAAI,GAAG,GAAG,GAAG,IAAI,CAAA;IAC7D,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IACxB,IAAI,CAAC,EAAE,OAAO,CAAA;CACf,GAAG,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAA;AAEhC;;GAEG;AACH,QAAA,MAAM,OAAO,EAyBP,8BAA8B,CAAC,MAAM,EAAE,YAAY,CAAC,GAAG;IAC3D,UAAU,EAAE,MAAM,EAAE,CAAA;IACpB,UAAU,EAAE,MAAM,EAAE,CAAA;CACrB,CAAA;AAQD,eAAe,OAAO,CAAA"}
|
package/dist/Tooltip/Tooltip.js
CHANGED
|
@@ -1,11 +1,10 @@
|
|
|
1
1
|
import { clsx } from 'clsx';
|
|
2
2
|
import React, { useMemo } from 'react';
|
|
3
3
|
import classes from './Tooltip.module.css.js';
|
|
4
|
+
import { TooltipContext } from './TooltipContext.js';
|
|
4
5
|
import { jsx } from 'react/jsx-runtime';
|
|
5
6
|
import { useId } from '../hooks/useId.js';
|
|
6
7
|
|
|
7
|
-
const TooltipContext = /*#__PURE__*/React.createContext({});
|
|
8
|
-
|
|
9
8
|
/**
|
|
10
9
|
* @deprecated
|
|
11
10
|
*/
|
|
@@ -56,4 +55,4 @@ Tooltip.alignments = ['left', 'right'];
|
|
|
56
55
|
Tooltip.directions = ['n', 'ne', 'e', 'se', 's', 'sw', 'w', 'nw'];
|
|
57
56
|
Tooltip.__SLOT__ = Symbol('Tooltip');
|
|
58
57
|
|
|
59
|
-
export {
|
|
58
|
+
export { Tooltip as default };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TooltipContext.d.ts","sourceRoot":"","sources":["../../src/Tooltip/TooltipContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,eAAO,MAAM,cAAc;gBAAoC,MAAM;EAAM,CAAA"}
|
|
@@ -25,8 +25,5 @@ export type TooltipProps = React.PropsWithChildren<{
|
|
|
25
25
|
*/
|
|
26
26
|
_privateDisableTooltip?: boolean;
|
|
27
27
|
}> & React.HTMLAttributes<HTMLElement>;
|
|
28
|
-
export declare const TooltipContext: React.Context<{
|
|
29
|
-
tooltipId?: string;
|
|
30
|
-
}>;
|
|
31
28
|
export declare const Tooltip: ForwardRefExoticComponent<React.PropsWithoutRef<TooltipProps> & React.RefAttributes<HTMLElement>> & SlotMarker;
|
|
32
29
|
//# sourceMappingURL=Tooltip.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../src/TooltipV2/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAiD,KAAK,yBAAyB,EAAC,MAAM,OAAO,CAAA;AAS3G,OAAO,EAAoD,KAAK,mBAAmB,EAAC,MAAM,mBAAmB,CAAA;AAI7G,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,gBAAgB,CAAA;
|
|
1
|
+
{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../src/TooltipV2/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAiD,KAAK,yBAAyB,EAAC,MAAM,OAAO,CAAA;AAS3G,OAAO,EAAoD,KAAK,mBAAmB,EAAC,MAAM,mBAAmB,CAAA;AAI7G,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,gBAAgB,CAAA;AAG9C,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,GAAG,KAAK,CAAC,mBAAmB,CAAC,MAAM,CAAC,CAAC,CAAA;IACjF;;;;;OAKG;IACH,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAA;IACnC;;;;;;;;OAQG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAA;CACjC,CAAC,GACA,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,CAAA;AAmEnC,eAAO,MAAM,OAAO,EAAE,yBAAyB,CAC7C,KAAK,CAAC,eAAe,CAAC,YAAY,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CACvE,GACC,UAkSD,CAAA"}
|
|
@@ -8,11 +8,13 @@ import classes from './Tooltip.module.css.js';
|
|
|
8
8
|
import { usePlatform } from '../KeybindingHint/platform.js';
|
|
9
9
|
import VisuallyHidden from '../_VisuallyHidden.js';
|
|
10
10
|
import useSafeTimeout from '../hooks/useSafeTimeout.js';
|
|
11
|
+
import { TooltipContext } from './TooltipContext.js';
|
|
11
12
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
12
13
|
import { useId } from '../hooks/useId.js';
|
|
13
14
|
import { useProvidedRefOrCreate } from '../hooks/useProvidedRefOrCreate.js';
|
|
14
15
|
import { useOnEscapePress } from '../hooks/useOnEscapePress.js';
|
|
15
|
-
import { getAccessibleKeybindingHintString
|
|
16
|
+
import { getAccessibleKeybindingHintString } from '../KeybindingHint/utils.js';
|
|
17
|
+
import { KeybindingHint } from '../KeybindingHint/KeybindingHint.js';
|
|
16
18
|
|
|
17
19
|
// map tooltip direction to anchoredPosition props
|
|
18
20
|
const directionToPosition = {
|
|
@@ -75,7 +77,6 @@ const delayTimeMap = {
|
|
|
75
77
|
const isInteractive = element => {
|
|
76
78
|
return interactiveElements.some(selector => element.matches(selector)) || element.hasAttribute('role') && element.getAttribute('role') === 'button';
|
|
77
79
|
};
|
|
78
|
-
const TooltipContext = /*#__PURE__*/React.createContext({});
|
|
79
80
|
const emptyKeybindingHints = [];
|
|
80
81
|
const Tooltip = /*#__PURE__*/React.forwardRef(({
|
|
81
82
|
direction = 's',
|
|
@@ -312,4 +313,4 @@ const Tooltip = /*#__PURE__*/React.forwardRef(({
|
|
|
312
313
|
});
|
|
313
314
|
Tooltip.__SLOT__ = Symbol('Tooltip');
|
|
314
315
|
|
|
315
|
-
export { Tooltip
|
|
316
|
+
export { Tooltip };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TooltipContext.d.ts","sourceRoot":"","sources":["../../src/TooltipV2/TooltipContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,eAAO,MAAM,cAAc;gBAAoC,MAAM;EAAM,CAAA"}
|
|
@@ -18,6 +18,7 @@ import { ActionList } from '../ActionList/index.js';
|
|
|
18
18
|
import { usePlatform } from '../KeybindingHint/platform.js';
|
|
19
19
|
import { isSlot } from '../utils/is-slot.js';
|
|
20
20
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
21
|
+
import { getAccessibleKeybindingHintString } from '../KeybindingHint/utils.js';
|
|
21
22
|
import { AriaStatus } from '../live-region/AriaStatus.js';
|
|
22
23
|
import Spinner from '../Spinner/Spinner.js';
|
|
23
24
|
import { Tooltip } from '../TooltipV2/Tooltip.js';
|
|
@@ -25,7 +26,6 @@ import { Dialog } from '../Dialog/Dialog.js';
|
|
|
25
26
|
import Text from '../Text/Text.js';
|
|
26
27
|
import { SkeletonAvatar } from '../SkeletonAvatar/SkeletonAvatar.js';
|
|
27
28
|
import { SkeletonText } from '../SkeletonText/SkeletonText.js';
|
|
28
|
-
import { getAccessibleKeybindingHintString } from '../KeybindingHint/KeybindingHint.js';
|
|
29
29
|
|
|
30
30
|
const RootContext = /*#__PURE__*/React.createContext({
|
|
31
31
|
announceUpdate: () => {},
|
|
@@ -16,6 +16,5 @@ export type UnderlineNavProps = {
|
|
|
16
16
|
variant?: 'inset' | 'flush';
|
|
17
17
|
};
|
|
18
18
|
export declare const MORE_BTN_WIDTH = 86;
|
|
19
|
-
export declare const getValidChildren: (children: React.ReactNode) => React.ReactElement<any>[];
|
|
20
19
|
export declare const UnderlineNav: React.ForwardRefExoticComponent<UnderlineNavProps & React.RefAttributes<unknown>>;
|
|
21
20
|
//# sourceMappingURL=UnderlineNav.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UnderlineNav.d.ts","sourceRoot":"","sources":["../../src/UnderlineNav/UnderlineNav.tsx"],"names":[],"mappings":"AACA,OAAO,KAAkD,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"UnderlineNav.d.ts","sourceRoot":"","sources":["../../src/UnderlineNav/UnderlineNav.tsx"],"names":[],"mappings":"AACA,OAAO,KAAkD,MAAM,OAAO,CAAA;AAqBtE,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;AAsGhC,eAAO,MAAM,YAAY,mFA0SxB,CAAA"}
|
|
@@ -13,6 +13,7 @@ import { ActionList } from '../ActionList/index.js';
|
|
|
13
13
|
import { invariant } from '../utils/invariant.js';
|
|
14
14
|
import classes from './UnderlineNav.module.css.js';
|
|
15
15
|
import { getAnchoredPosition } from '@primer/behaviors';
|
|
16
|
+
import { getValidChildren } from './utils.js';
|
|
16
17
|
import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
|
|
17
18
|
import { ButtonComponent } from '../Button/Button.js';
|
|
18
19
|
import CounterLabel from '../CounterLabel/CounterLabel.js';
|
|
@@ -82,10 +83,6 @@ const overflowEffect = (navWidth, moreMenuWidth, childArray, childWidthArray, no
|
|
|
82
83
|
menuItems
|
|
83
84
|
}, iconsVisible, true);
|
|
84
85
|
};
|
|
85
|
-
const getValidChildren = children => {
|
|
86
|
-
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
87
|
-
return React.Children.toArray(children).filter(child => /*#__PURE__*/React.isValidElement(child));
|
|
88
|
-
};
|
|
89
86
|
const calculatePossibleItems = (childWidthArray, navWidth, moreMenuWidth = 0) => {
|
|
90
87
|
const widthToFit = navWidth - moreMenuWidth;
|
|
91
88
|
let breakpoint = childWidthArray.length; // assume all items will fit
|
|
@@ -378,4 +375,4 @@ const UnderlineNav = /*#__PURE__*/forwardRef(({
|
|
|
378
375
|
});
|
|
379
376
|
UnderlineNav.displayName = 'UnderlineNav';
|
|
380
377
|
|
|
381
|
-
export { MORE_BTN_WIDTH, UnderlineNav
|
|
378
|
+
export { MORE_BTN_WIDTH, UnderlineNav };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/UnderlineNav/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,eAAO,MAAM,gBAAgB,GAAI,UAAU,KAAK,CAAC,SAAS,KAEgC,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,EAChH,CAAA"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
|
|
3
|
+
const getValidChildren = children => {
|
|
4
|
+
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
5
|
+
return React.Children.toArray(children).filter(child => /*#__PURE__*/React.isValidElement(child));
|
|
6
|
+
};
|
|
7
|
+
|
|
8
|
+
export { getValidChildren };
|
|
@@ -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;
|
|
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;AAOvD,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,gCAAgC,CAAA;AAInE,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,mBAAmB,CAAA;AACvD,OAAO,KAAK,EAAC,gBAAgB,EAAE,cAAc,EAAC,MAAM,mBAAmB,CAAA;AA2BvE,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,OAAO,CAAC,EAAE,UAAU,GAAG,OAAO,GAAG,eAAe,CAAC,UAAU,GAAG,OAAO,EAAE,aAAa,GAAG,cAAc,CAAC,CAAA;IACtG,gBAAgB,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,SAAS,CAAA;IACpD,EAAE,CAAC,EAAE,MAAM,CAAA;IAEX,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAA;IACrD,wBAAwB,CAAC,EAAE,OAAO,CAAC,gBAAgB,CAAC,CAAA;IAEpD,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,gBAAgB,CAAC,EAAE,SAAS,GAAG,CAAC,MAAM,IAAI,CAAC,CAAA;IAC3C,QAAQ,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,eAAe,CAAC,KAAK,IAAI,CAAA;IAG7D,KAAK,CAAC,EAAE,YAAY,CAAC,OAAO,CAAC,CAAA;IAC7B,MAAM,CAAC,EAAE,aAAa,CAAA;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,WAAW,CAAC,EAAE,QAAQ,CAAC,CAAA;IAExD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAydD,MAAM,MAAM,+BAA+B,GAAG;IAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAC,GAAG,CACxE,CAAC;IAAC,OAAO,EAAE,QAAQ,CAAA;CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC,CAAC,GAC7D,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAC,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC,GACxC,CAAC;IAAC,OAAO,EAAE,UAAU,CAAC;IAAC,EAAE,CAAC,EAAE,MAAM,CAAA;CAAC,GAAG,aAAa,CAAC,CACvD,CAAA;AAwBD,MAAM,MAAM,uBAAuB,GAAG;IAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAC,GAAG,CAChE;IACE,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,SAAS,GAAG,OAAO,GAAG,OAAO,CAAA;CACvC,GACD;IACE,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,KAAK,CAAC,EAAE,KAAK,CAAA;IACb,OAAO,EAAE,SAAS,GAAG,OAAO,CAAA;CAC7B,CACJ,CAAA;AAqCD,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;iBAtRoE,MAAM,IAAI;;;;;;;;;4BA6NxC,KAAK,CAAC,iBAAiB;;;CAiEnF,CAAA"}
|
|
@@ -2,7 +2,8 @@ import React, { useState, useEffect } from 'react';
|
|
|
2
2
|
import { AlertIcon, SearchIcon, XCircleFillIcon, ArrowLeftIcon, FilterRemoveIcon, XIcon } from '@primer/octicons-react';
|
|
3
3
|
import { ActionListContainerContext } from '../../ActionList/ActionListContainerContext.js';
|
|
4
4
|
import { useSlots } from '../../hooks/useSlots.js';
|
|
5
|
-
import { BaseOverlay
|
|
5
|
+
import { BaseOverlay } from '../../Overlay/Overlay.js';
|
|
6
|
+
import { heightMap } from '../../Overlay/constants.js';
|
|
6
7
|
import { InputLabel } from '../../internal/components/InputLabel.js';
|
|
7
8
|
import { invariant } from '../../utils/invariant.js';
|
|
8
9
|
import { useResponsiveValue } from '../../hooks/useResponsiveValue.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/experimental/SelectPanel2/index.tsx"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/experimental/SelectPanel2/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,eAAe,CAAA;AACzC,YAAY,EAAC,uBAAuB,EAAE,gBAAgB,EAAE,+BAA+B,EAAC,MAAM,eAAe,CAAA"}
|
|
@@ -1,45 +1,5 @@
|
|
|
1
|
-
import 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>;
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { TabListProps, TabPanelProps, TabProps, TabsProps } from './types';
|
|
43
3
|
/**
|
|
44
4
|
* The Tabs component provides the base structure for a tabbed interface, without providing any formal requirement on DOM structure or styling.
|
|
45
5
|
* It manages the state of the selected tab, handles tab ordering/selection and provides context to its child components to ensure an accessible experience.
|
|
@@ -48,80 +8,12 @@ type TabsProps = PropsWithChildren<ControlledTabsProps | UncontrolledTabsProps>;
|
|
|
48
8
|
* The `Tab`, `TabList`, and `TabPanel` components are provided for convenience to showcase the API & implementation.
|
|
49
9
|
*/
|
|
50
10
|
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 | null>;
|
|
70
|
-
role: 'tablist';
|
|
71
|
-
};
|
|
72
|
-
};
|
|
73
11
|
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
12
|
declare const Tab: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
|
|
96
|
-
/**
|
|
97
|
-
* Specify whether the tab is disabled
|
|
98
|
-
*/
|
|
99
13
|
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
14
|
value: string;
|
|
105
15
|
} & 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
16
|
declare function TabPanel({ children, value, ...rest }: React.HTMLAttributes<HTMLDivElement> & TabPanelProps): React.JSX.Element;
|
|
125
|
-
export { Tabs, TabList, Tab, TabPanel
|
|
17
|
+
export { Tabs, TabList, Tab, TabPanel };
|
|
126
18
|
export type { TabsProps, TabListProps, TabProps, TabPanelProps };
|
|
127
19
|
//# sourceMappingURL=Tabs.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../src/experimental/Tabs/Tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../src/experimental/Tabs/Tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwC,MAAM,OAAO,CAAA;AAI5D,OAAO,KAAK,EAAC,YAAY,EAAE,aAAa,EAAE,QAAQ,EAAoB,SAAS,EAAC,MAAM,SAAS,CAAA;AAK/F;;;;;;GAMG;AACH,iBAAS,IAAI,CAAC,KAAK,EAAE,SAAS,qBA2B7B;AAED,iBAAS,OAAO,CAAC,EAAC,QAAQ,EAAE,GAAG,IAAI,EAAC,EAAE,YAAY,qBASjD;AAED,QAAA,MAAM,GAAG;;;2CAiBP,CAAA;AAEF,iBAAS,QAAQ,CAAC,EAAC,QAAQ,EAAE,KAAK,EAAE,GAAG,IAAI,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG,aAAa,qBAQjG;AAeD,OAAO,EAAC,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAC,CAAA;AACrC,YAAY,EAAC,SAAS,EAAE,YAAY,EAAE,QAAQ,EAAE,aAAa,EAAC,CAAA"}
|