@primer/react 38.40.2-rc.fdfbe71e5 → 38.41.0-rc.61d283273
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 +11 -1
- package/dist/ActionBar/ActionBar.js +30 -33
- package/dist/ActionList/{ActionList-1ff5220c.css → ActionList-64885d7a.css} +2 -2
- package/dist/ActionList/ActionList-64885d7a.css.map +1 -0
- package/dist/ActionList/ActionList.module.css.js +1 -1
- package/dist/ActionList/Description.js +2 -2
- package/dist/ActionList/Divider.js +1 -1
- package/dist/ActionList/Group.js +12 -12
- package/dist/ActionList/GroupHeadingTrailingAction.js +1 -10
- package/dist/ActionList/Heading.js +1 -1
- package/dist/ActionList/Item.js +19 -19
- package/dist/ActionList/LinkItem.js +4 -4
- package/dist/ActionList/List.js +2 -2
- package/dist/ActionList/Selection.js +6 -6
- package/dist/ActionList/TrailingAction.js +3 -3
- package/dist/ActionList/Visuals.js +9 -9
- package/dist/ActionList/index.d.ts +1 -1
- package/dist/ActionList/shared.d.ts +1 -1
- package/dist/ActionMenu/ActionMenu.js +8 -11
- package/dist/AnchoredOverlay/AnchoredOverlay.js +4 -4
- package/dist/Autocomplete/Autocomplete.js +3 -3
- package/dist/Autocomplete/AutocompleteInput.js +1 -1
- package/dist/Autocomplete/AutocompleteMenu.js +111 -106
- package/dist/Autocomplete/AutocompleteOverlay.js +2 -2
- package/dist/Avatar/Avatar.js +1 -1
- package/dist/AvatarStack/AvatarStack.js +3 -3
- package/dist/Banner/Banner.js +21 -21
- package/dist/BaseStyles.js +1 -1
- package/dist/Blankslate/Blankslate.js +10 -11
- package/dist/BranchName/BranchName.js +1 -1
- package/dist/Breadcrumbs/Breadcrumbs.js +20 -29
- package/dist/Button/Button.js +1 -1
- package/dist/Button/ButtonBase-c8dab214.css +2 -0
- package/dist/Button/ButtonBase-c8dab214.css.map +1 -0
- package/dist/Button/ButtonBase.js +12 -9
- package/dist/Button/ButtonBase.module.css.js +1 -1
- package/dist/Button/IconButton.js +3 -3
- package/dist/Button/LinkButton.js +1 -1
- package/dist/ButtonGroup/ButtonGroup.js +2 -3
- package/dist/Card/Card.js +16 -16
- package/dist/Checkbox/Checkbox.js +1 -1
- package/dist/CheckboxGroup/CheckboxGroup.js +2 -2
- package/dist/CircleBadge/CircleBadge.js +2 -2
- package/dist/ConfirmationDialog/ConfirmationDialog.js +1 -5
- package/dist/CounterLabel/CounterLabel.js +2 -2
- package/dist/DataTable/DataTable.js +7 -8
- package/dist/DataTable/ErrorDialog.js +1 -1
- package/dist/DataTable/Pagination.js +23 -23
- package/dist/DataTable/Table.js +25 -27
- package/dist/DataTable/TableGroup.js +10 -10
- package/dist/Details/Details.js +2 -2
- package/dist/Dialog/Dialog.js +20 -23
- package/dist/FeatureFlags/DefaultFeatureFlags.js +2 -1
- package/dist/FeatureFlags/FeatureFlags.js +1 -1
- package/dist/FilteredActionList/FilteredActionList.js +18 -19
- package/dist/FilteredActionList/FilteredActionListInput.js +2 -2
- package/dist/FilteredActionList/FilteredActionListLoaders.js +10 -11
- package/dist/Flash/Flash.js +1 -4
- package/dist/FormControl/FormControl.js +8 -8
- package/dist/FormControl/FormControlCaption.js +1 -1
- package/dist/FormControl/FormControlLabel.js +1 -1
- package/dist/FormControl/FormControlLeadingVisual.js +1 -1
- package/dist/FormControl/_FormControlValidation.js +1 -1
- package/dist/Header/Header.js +3 -3
- package/dist/Heading/Heading.js +1 -1
- package/dist/Hidden/Hidden.js +1 -1
- package/dist/InlineMessage/InlineMessage.js +11 -11
- package/dist/KeybindingHint/KeybindingHint.js +3 -3
- package/dist/KeybindingHint/components/Chord.js +3 -3
- package/dist/KeybindingHint/components/Key.js +3 -3
- package/dist/KeybindingHint/components/Sequence.js +1 -1
- package/dist/KeybindingHint/platform.js +0 -8
- package/dist/Label/Label.js +1 -1
- package/dist/LabelGroup/LabelGroup.js +18 -18
- package/dist/Link/Link.js +1 -1
- package/dist/NavList/NavList.js +24 -24
- package/dist/Octicon/Octicon.js +1 -4
- package/dist/Overlay/Overlay.js +3 -3
- package/dist/PageHeader/PageHeader.js +21 -21
- package/dist/PageLayout/DragHandle.js +1 -1
- package/dist/PageLayout/PageLayout.js +26 -26
- package/dist/PageLayout/usePaneWidth.js +0 -5
- package/dist/Pagehead/Pagehead.js +1 -1
- package/dist/Pagination/Pagination.js +9 -10
- package/dist/Popover/Popover.js +3 -3
- package/dist/ProgressBar/ProgressBar.js +3 -3
- package/dist/Radio/Radio.js +1 -1
- package/dist/RadioGroup/RadioGroup.js +2 -2
- package/dist/RelativeTime/RelativeTime.js +1 -1
- package/dist/ScrollableRegion/ScrollableRegion.js +1 -1
- package/dist/SegmentedControl/SegmentedControl.js +13 -13
- package/dist/SegmentedControl/SegmentedControlAction.js +6 -6
- package/dist/SegmentedControl/SegmentedControlButton.js +8 -8
- package/dist/SegmentedControl/SegmentedControlDivider.js +1 -1
- package/dist/SegmentedControl/SegmentedControlIconButton.js +5 -5
- package/dist/Select/Select.js +9 -9
- package/dist/SelectPanel/SelectPanel.js +24 -27
- package/dist/SelectPanel/SelectPanelMessage.js +5 -5
- package/dist/SideNav.js +2 -2
- package/dist/Skeleton/SkeletonBox.js +1 -1
- package/dist/SkeletonAvatar/SkeletonAvatar.js +1 -1
- package/dist/SkeletonText/SkeletonText.js +3 -3
- package/dist/Spinner/Spinner.js +5 -5
- package/dist/SplitPageLayout/SplitPageLayout.js +6 -6
- package/dist/Stack/Stack.js +2 -2
- package/dist/StateLabel/StateLabel.js +2 -2
- package/dist/SubNav/SubNav.js +5 -5
- package/dist/TabNav/TabNav.js +4 -10
- package/dist/Text/Text.js +1 -1
- package/dist/TextInput/TextInput.js +13 -13
- package/dist/TextInputWithTokens/TextInputWithTokens.js +12 -15
- package/dist/Textarea/Textarea.js +7 -7
- package/dist/ThemeProvider.js +1 -2
- package/dist/Timeline/Timeline.js +11 -14
- package/dist/ToggleSwitch/ToggleSwitch.js +18 -18
- package/dist/Token/IssueLabelToken.js +3 -3
- package/dist/Token/Token.js +7 -7
- package/dist/Token/TokenBase.js +1 -1
- package/dist/Token/_RemoveTokenButton.js +4 -5
- package/dist/Token/_TokenTextContainer.js +1 -1
- package/dist/Tooltip/Tooltip.js +2 -5
- package/dist/TooltipV2/Tooltip.js +7 -7
- package/dist/TopicTag/TopicTag.js +1 -1
- package/dist/TopicTag/TopicTagGroup.js +1 -1
- package/dist/TreeView/TreeView.js +52 -59
- package/dist/TreeView/useRovingTabIndex.js +1 -0
- package/dist/TreeView/useTypeahead.js +3 -3
- package/dist/Truncate/Truncate.js +1 -2
- package/dist/UnderlineNav/UnderlineNav.js +18 -18
- package/dist/UnderlineNav/UnderlineNavItem.js +2 -2
- package/dist/VisuallyHidden/VisuallyHidden.js +1 -1
- package/dist/_VisuallyHidden.js +1 -1
- package/dist/deprecated/ActionList/Divider.js +1 -1
- package/dist/deprecated/ActionList/Group.js +2 -5
- package/dist/deprecated/ActionList/Header.js +2 -5
- package/dist/deprecated/ActionList/Item.js +17 -20
- package/dist/deprecated/ActionList/List.js +4 -13
- package/dist/deprecated/ActionMenu.js +4 -6
- package/dist/deprecated/DialogV1/Dialog.js +5 -5
- package/dist/deprecated/FilteredSearch/FilteredSearch.js +1 -1
- package/dist/deprecated/UnderlineNav/UnderlineNav.js +4 -4
- package/dist/experimental/IssueLabel/IssueLabel.js +4 -4
- package/dist/experimental/SelectPanel2/SelectPanel.js +42 -49
- package/dist/experimental/Tabs/Tabs.js +1 -1
- package/dist/experimental/UnderlinePanels/UnderlinePanels.js +6 -9
- package/dist/experimental/index.js +1 -1
- package/dist/hooks/useMergedRefs.js +0 -12
- package/dist/hooks/useResponsiveValue.js +0 -5
- package/dist/hooks/useSlots.js +0 -48
- package/dist/internal/components/ButtonReset.js +1 -1
- package/dist/internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroup.js +9 -9
- package/dist/internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroupCaption.js +1 -1
- package/dist/internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroupLabel.js +4 -4
- package/dist/internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroupValidation.js +1 -1
- package/dist/internal/components/ConditionalWrapper.js +2 -2
- package/dist/internal/components/InputLabel.js +3 -3
- package/dist/internal/components/InputValidation.js +4 -4
- package/dist/internal/components/OverflowObserverProvider.js +1 -1
- package/dist/internal/components/TextInputInnerAction.js +6 -6
- package/dist/internal/components/TextInputInnerVisualSlot.js +5 -5
- package/dist/internal/components/TextInputWrapper.js +2 -2
- package/dist/internal/components/ThemeProviderBase.js +3 -3
- package/dist/internal/components/UnderlineTabbedInterface.js +11 -11
- package/dist/internal/components/UnstyledTextInput.js +1 -1
- package/dist/internal/components/ValidationAnimationContainer.js +2 -2
- package/dist/internal/hooks/useOverflowObserver.js +1 -2
- package/dist/live-region/Announce.js +1 -1
- package/dist/live-region/AriaAlert.js +1 -1
- package/dist/live-region/AriaStatus.js +1 -1
- package/dist/next/ThemeProvider.js +1 -1
- package/dist/utils/descendant-registry.js +1 -7
- package/dist/utils/modern-polymorphic.js +0 -10
- package/generated/components.json +13 -3
- package/generated/hooks.json +1 -1
- package/package.json +3 -3
- package/dist/ActionList/ActionList-1ff5220c.css.map +0 -1
- package/dist/Button/ButtonBase-014fae23.css +0 -2
- package/dist/Button/ButtonBase-014fae23.css.map +0 -1
package/dist/ActionList/Item.js
CHANGED
|
@@ -30,7 +30,7 @@ const ConditionalTooltip = /*#__PURE__*/ React.forwardRef(function ConditionalTo
|
|
|
30
30
|
const t1 = text || "";
|
|
31
31
|
let t2;
|
|
32
32
|
if ($[0] !== children || $[1] !== forwardedRef || $[2] !== t1) {
|
|
33
|
-
t2 =
|
|
33
|
+
t2 = /* @__PURE__ */ jsx(Tooltip, {
|
|
34
34
|
ref: forwardedRef,
|
|
35
35
|
text: t1,
|
|
36
36
|
direction: "e",
|
|
@@ -49,7 +49,7 @@ const SubItem = (t0) => {
|
|
|
49
49
|
const { children } = t0;
|
|
50
50
|
let t1;
|
|
51
51
|
if ($[0] !== children) {
|
|
52
|
-
t1 =
|
|
52
|
+
t1 = /* @__PURE__ */ jsx(Fragment$1, { children });
|
|
53
53
|
$[0] = children;
|
|
54
54
|
$[1] = t1;
|
|
55
55
|
} else t1 = $[1];
|
|
@@ -75,7 +75,7 @@ const ButtonItemContainer = /*#__PURE__*/ React.forwardRef((t0, forwardedRef) =>
|
|
|
75
75
|
const t1 = forwardedRef;
|
|
76
76
|
let t2;
|
|
77
77
|
if ($[4] !== children || $[5] !== props || $[6] !== style || $[7] !== t1) {
|
|
78
|
-
t2 =
|
|
78
|
+
t2 = /* @__PURE__ */ jsx("button", {
|
|
79
79
|
type: "button",
|
|
80
80
|
ref: t1,
|
|
81
81
|
style,
|
|
@@ -106,7 +106,7 @@ const DivItemContainer = /*#__PURE__*/ React.forwardRef((t0, forwardedRef) => {
|
|
|
106
106
|
const t1 = forwardedRef;
|
|
107
107
|
let t2;
|
|
108
108
|
if ($[3] !== children || $[4] !== props || $[5] !== t1) {
|
|
109
|
-
t2 =
|
|
109
|
+
t2 = /* @__PURE__ */ jsx("div", {
|
|
110
110
|
ref: t1,
|
|
111
111
|
...props,
|
|
112
112
|
children
|
|
@@ -220,7 +220,7 @@ const UnwrappedItem = (t0, forwardedRef) => {
|
|
|
220
220
|
const { container, afterSelect, selectionAttribute, defaultTrailingVisual } = React.useContext(ActionListContainerContext);
|
|
221
221
|
let t7;
|
|
222
222
|
if ($[17] !== defaultTrailingVisual) {
|
|
223
|
-
t7 = defaultTrailingVisual ?
|
|
223
|
+
t7 = defaultTrailingVisual ? /* @__PURE__ */ jsx(TrailingVisual, { children: defaultTrailingVisual }) : null;
|
|
224
224
|
$[17] = defaultTrailingVisual;
|
|
225
225
|
$[18] = t7;
|
|
226
226
|
} else t7 = $[18];
|
|
@@ -476,7 +476,7 @@ const UnwrappedItem = (t0, forwardedRef) => {
|
|
|
476
476
|
let t39;
|
|
477
477
|
if ($[93] === Symbol.for("react.memo_cache_sentinel")) {
|
|
478
478
|
t38 = {};
|
|
479
|
-
t39 =
|
|
479
|
+
t39 = /* @__PURE__ */ jsx("span", { className: ActionList_module_css_default.Spacer });
|
|
480
480
|
$[93] = t38;
|
|
481
481
|
$[94] = t39;
|
|
482
482
|
} else {
|
|
@@ -485,7 +485,7 @@ const UnwrappedItem = (t0, forwardedRef) => {
|
|
|
485
485
|
}
|
|
486
486
|
let t40;
|
|
487
487
|
if ($[95] !== selected) {
|
|
488
|
-
t40 =
|
|
488
|
+
t40 = /* @__PURE__ */ jsx(Selection, {
|
|
489
489
|
selected,
|
|
490
490
|
className: ActionList_module_css_default.LeadingAction
|
|
491
491
|
});
|
|
@@ -496,7 +496,7 @@ const UnwrappedItem = (t0, forwardedRef) => {
|
|
|
496
496
|
const t42 = Boolean(slots.leadingVisual);
|
|
497
497
|
let t43;
|
|
498
498
|
if ($[97] !== labelId || $[98] !== loading || $[99] !== slots.leadingVisual || $[100] !== t41 || $[101] !== t42) {
|
|
499
|
-
t43 =
|
|
499
|
+
t43 = /* @__PURE__ */ jsx(VisualOrIndicator, {
|
|
500
500
|
inactiveText: t41,
|
|
501
501
|
itemHasLeadingVisual: t42,
|
|
502
502
|
labelId,
|
|
@@ -514,14 +514,14 @@ const UnwrappedItem = (t0, forwardedRef) => {
|
|
|
514
514
|
const t44 = !!slots.description;
|
|
515
515
|
let t45;
|
|
516
516
|
if ($[103] !== inactive || $[104] !== loading) {
|
|
517
|
-
t45 = loading === true && !inactive &&
|
|
517
|
+
t45 = loading === true && !inactive && /* @__PURE__ */ jsx(VisuallyHidden, { children: "Loading" });
|
|
518
518
|
$[103] = inactive;
|
|
519
519
|
$[104] = loading;
|
|
520
520
|
$[105] = t45;
|
|
521
521
|
} else t45 = $[105];
|
|
522
522
|
let t46;
|
|
523
523
|
if ($[106] !== childrenWithoutSlots || $[107] !== labelId || $[108] !== t45) {
|
|
524
|
-
t46 =
|
|
524
|
+
t46 = /* @__PURE__ */ jsxs("span", {
|
|
525
525
|
id: labelId,
|
|
526
526
|
className: ActionList_module_css_default.ItemLabel,
|
|
527
527
|
"data-component": "ActionList.Item.Label",
|
|
@@ -534,7 +534,7 @@ const UnwrappedItem = (t0, forwardedRef) => {
|
|
|
534
534
|
} else t46 = $[109];
|
|
535
535
|
let t47;
|
|
536
536
|
if ($[110] !== descriptionVariant || $[111] !== slots.description || $[112] !== t44 || $[113] !== t46) {
|
|
537
|
-
t47 =
|
|
537
|
+
t47 = /* @__PURE__ */ jsxs(ConditionalWrapper, {
|
|
538
538
|
if: t44,
|
|
539
539
|
className: ActionList_module_css_default.ItemDescriptionWrap,
|
|
540
540
|
"data-description-variant": descriptionVariant,
|
|
@@ -550,7 +550,7 @@ const UnwrappedItem = (t0, forwardedRef) => {
|
|
|
550
550
|
const t49 = Boolean(slots.leadingVisual);
|
|
551
551
|
let t50;
|
|
552
552
|
if ($[115] !== labelId || $[116] !== loading || $[117] !== t48 || $[118] !== t49 || $[119] !== trailingVisual) {
|
|
553
|
-
t50 =
|
|
553
|
+
t50 = /* @__PURE__ */ jsx(VisualOrIndicator, {
|
|
554
554
|
inactiveText: t48,
|
|
555
555
|
itemHasLeadingVisual: t49,
|
|
556
556
|
labelId,
|
|
@@ -567,7 +567,7 @@ const UnwrappedItem = (t0, forwardedRef) => {
|
|
|
567
567
|
} else t50 = $[120];
|
|
568
568
|
let t51;
|
|
569
569
|
if ($[121] !== inactiveText || $[122] !== inactiveWarningId || $[123] !== showInactiveIndicator) {
|
|
570
|
-
t51 = !showInactiveIndicator && inactiveText ?
|
|
570
|
+
t51 = !showInactiveIndicator && inactiveText ? /* @__PURE__ */ jsx("span", {
|
|
571
571
|
className: ActionList_module_css_default.InactiveWarning,
|
|
572
572
|
id: inactiveWarningId,
|
|
573
573
|
children: inactiveText
|
|
@@ -579,7 +579,7 @@ const UnwrappedItem = (t0, forwardedRef) => {
|
|
|
579
579
|
} else t51 = $[124];
|
|
580
580
|
let t52;
|
|
581
581
|
if ($[125] !== t47 || $[126] !== t50 || $[127] !== t51) {
|
|
582
|
-
t52 =
|
|
582
|
+
t52 = /* @__PURE__ */ jsxs("span", {
|
|
583
583
|
className: ActionList_module_css_default.ActionListSubContent,
|
|
584
584
|
"data-component": "ActionList.Item--DividerContainer",
|
|
585
585
|
children: [
|
|
@@ -595,7 +595,7 @@ const UnwrappedItem = (t0, forwardedRef) => {
|
|
|
595
595
|
} else t52 = $[128];
|
|
596
596
|
let t53;
|
|
597
597
|
if ($[129] !== t40 || $[130] !== t43 || $[131] !== t52) {
|
|
598
|
-
t53 =
|
|
598
|
+
t53 = /* @__PURE__ */ jsxs(TooltipContext.Provider, {
|
|
599
599
|
value: t38,
|
|
600
600
|
children: [
|
|
601
601
|
t39,
|
|
@@ -611,7 +611,7 @@ const UnwrappedItem = (t0, forwardedRef) => {
|
|
|
611
611
|
} else t53 = $[132];
|
|
612
612
|
let t54;
|
|
613
613
|
if ($[133] !== ItemWrapper || $[134] !== size || $[135] !== t37 || $[136] !== t53 || $[137] !== wrapperProps) {
|
|
614
|
-
t54 =
|
|
614
|
+
t54 = /* @__PURE__ */ jsx(ItemWrapper, {
|
|
615
615
|
...wrapperProps,
|
|
616
616
|
className: ActionList_module_css_default.ActionListContent,
|
|
617
617
|
"data-size": size,
|
|
@@ -627,7 +627,7 @@ const UnwrappedItem = (t0, forwardedRef) => {
|
|
|
627
627
|
} else t54 = $[138];
|
|
628
628
|
let t55;
|
|
629
629
|
if ($[139] !== buttonSemantics || $[140] !== forwardedRef || $[141] !== t36 || $[142] !== t54) {
|
|
630
|
-
t55 =
|
|
630
|
+
t55 = /* @__PURE__ */ jsx(ConditionalTooltip, {
|
|
631
631
|
ref: forwardedRef,
|
|
632
632
|
text: t36,
|
|
633
633
|
enabled: buttonSemantics,
|
|
@@ -642,7 +642,7 @@ const UnwrappedItem = (t0, forwardedRef) => {
|
|
|
642
642
|
const t56 = !inactive && !loading && !menuContext && Boolean(slots.trailingAction) && slots.trailingAction;
|
|
643
643
|
let t57;
|
|
644
644
|
if ($[144] !== containerProps || $[145] !== slots.subItem || $[146] !== t26 || $[147] !== t27 || $[148] !== t28 || $[149] !== t29 || $[150] !== t30 || $[151] !== t31 || $[152] !== t32 || $[153] !== t33 || $[154] !== t34 || $[155] !== t35 || $[156] !== t55 || $[157] !== t56) {
|
|
645
|
-
t57 =
|
|
645
|
+
t57 = /* @__PURE__ */ jsxs("li", {
|
|
646
646
|
...containerProps,
|
|
647
647
|
ref: t26,
|
|
648
648
|
"data-component": "ActionList.Item",
|
|
@@ -679,7 +679,7 @@ const UnwrappedItem = (t0, forwardedRef) => {
|
|
|
679
679
|
} else t57 = $[158];
|
|
680
680
|
let t58;
|
|
681
681
|
if ($[159] !== itemContextValue || $[160] !== t57) {
|
|
682
|
-
t58 =
|
|
682
|
+
t58 = /* @__PURE__ */ jsx(ItemContext.Provider, {
|
|
683
683
|
value: itemContextValue,
|
|
684
684
|
children: t57
|
|
685
685
|
});
|
|
@@ -5,7 +5,7 @@ import Link from "../Link/Link.js";
|
|
|
5
5
|
import { jsx } from "react/jsx-runtime";
|
|
6
6
|
//#region src/ActionList/LinkItem.tsx
|
|
7
7
|
const LinkItemComponent = fixedForwardRef(({ active, inactiveText, variant, size, as: Component, className, _PrivateTooltipText, ...props }, forwardedRef) => {
|
|
8
|
-
return
|
|
8
|
+
return /* @__PURE__ */ jsx(Item, {
|
|
9
9
|
className,
|
|
10
10
|
active,
|
|
11
11
|
inactiveText,
|
|
@@ -17,11 +17,11 @@ const LinkItemComponent = fixedForwardRef(({ active, inactiveText, variant, size
|
|
|
17
17
|
onClick && onClick(event);
|
|
18
18
|
props.onClick && props.onClick(event);
|
|
19
19
|
};
|
|
20
|
-
if (inactiveText) return
|
|
20
|
+
if (inactiveText) return /* @__PURE__ */ jsx("span", {
|
|
21
21
|
...rest,
|
|
22
22
|
children
|
|
23
23
|
});
|
|
24
|
-
const link =
|
|
24
|
+
const link = /* @__PURE__ */ jsx(Link, {
|
|
25
25
|
as: Component,
|
|
26
26
|
...rest,
|
|
27
27
|
...props,
|
|
@@ -29,7 +29,7 @@ const LinkItemComponent = fixedForwardRef(({ active, inactiveText, variant, size
|
|
|
29
29
|
ref: _PrivateTooltipText ? void 0 : forwardedRef,
|
|
30
30
|
children
|
|
31
31
|
});
|
|
32
|
-
return _PrivateTooltipText ?
|
|
32
|
+
return _PrivateTooltipText ? /* @__PURE__ */ jsx(Tooltip, {
|
|
33
33
|
ref: forwardedRef,
|
|
34
34
|
text: _PrivateTooltipText,
|
|
35
35
|
direction: "e",
|
package/dist/ActionList/List.js
CHANGED
|
@@ -144,7 +144,7 @@ const UnwrappedList = (props, forwardedRef) => {
|
|
|
144
144
|
const t14 = itemGapEnabled ? "" : void 0;
|
|
145
145
|
let t15;
|
|
146
146
|
if ($[26] !== Component || $[27] !== appliedRef || $[28] !== ariaLabelledBy || $[29] !== childrenWithoutSlots || $[30] !== listRole || $[31] !== restProps || $[32] !== showDividers || $[33] !== t13 || $[34] !== t14 || $[35] !== variant) {
|
|
147
|
-
t15 =
|
|
147
|
+
t15 = /* @__PURE__ */ jsx(Component, {
|
|
148
148
|
className: t13,
|
|
149
149
|
role: listRole,
|
|
150
150
|
"aria-labelledby": ariaLabelledBy,
|
|
@@ -170,7 +170,7 @@ const UnwrappedList = (props, forwardedRef) => {
|
|
|
170
170
|
} else t15 = $[36];
|
|
171
171
|
let t16;
|
|
172
172
|
if ($[37] !== listContextValue || $[38] !== slots.heading || $[39] !== t15) {
|
|
173
|
-
t16 =
|
|
173
|
+
t16 = /* @__PURE__ */ jsxs(ListContext.Provider, {
|
|
174
174
|
value: listContextValue,
|
|
175
175
|
children: [t12, t15]
|
|
176
176
|
});
|
|
@@ -24,7 +24,7 @@ const Selection = (t0) => {
|
|
|
24
24
|
if (selectionVariant === "radio") {
|
|
25
25
|
let t1;
|
|
26
26
|
if ($[0] !== selected) {
|
|
27
|
-
t1 =
|
|
27
|
+
t1 = /* @__PURE__ */ jsx(Radio, {
|
|
28
28
|
value: "unused",
|
|
29
29
|
checked: selected,
|
|
30
30
|
"aria-hidden": true,
|
|
@@ -35,7 +35,7 @@ const Selection = (t0) => {
|
|
|
35
35
|
} else t1 = $[1];
|
|
36
36
|
let t2;
|
|
37
37
|
if ($[2] !== className || $[3] !== t1) {
|
|
38
|
-
t2 =
|
|
38
|
+
t2 = /* @__PURE__ */ jsx(VisualContainer, {
|
|
39
39
|
className,
|
|
40
40
|
"data-component": "ActionList.Selection",
|
|
41
41
|
children: t1
|
|
@@ -49,12 +49,12 @@ const Selection = (t0) => {
|
|
|
49
49
|
if (selectionVariant === "single" || listRole === "menu") {
|
|
50
50
|
let t1;
|
|
51
51
|
if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
|
|
52
|
-
t1 =
|
|
52
|
+
t1 = /* @__PURE__ */ jsx(CheckIcon, { className: ActionList_module_css_default.SingleSelectCheckmark });
|
|
53
53
|
$[5] = t1;
|
|
54
54
|
} else t1 = $[5];
|
|
55
55
|
let t2;
|
|
56
56
|
if ($[6] !== className) {
|
|
57
|
-
t2 =
|
|
57
|
+
t2 = /* @__PURE__ */ jsx(VisualContainer, {
|
|
58
58
|
className,
|
|
59
59
|
"data-component": "ActionList.Selection",
|
|
60
60
|
children: t1
|
|
@@ -66,12 +66,12 @@ const Selection = (t0) => {
|
|
|
66
66
|
}
|
|
67
67
|
let t1;
|
|
68
68
|
if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
|
|
69
|
-
t1 =
|
|
69
|
+
t1 = /* @__PURE__ */ jsx("div", { className: ActionList_module_css_default.MultiSelectCheckbox });
|
|
70
70
|
$[8] = t1;
|
|
71
71
|
} else t1 = $[8];
|
|
72
72
|
let t2;
|
|
73
73
|
if ($[9] !== className) {
|
|
74
|
-
t2 =
|
|
74
|
+
t2 = /* @__PURE__ */ jsx(VisualContainer, {
|
|
75
75
|
className,
|
|
76
76
|
"data-component": "ActionList.Selection",
|
|
77
77
|
children: t1
|
|
@@ -51,7 +51,7 @@ const TrailingAction = /*#__PURE__*/ forwardRef((t0, forwardedRef) => {
|
|
|
51
51
|
} else t4 = $[11];
|
|
52
52
|
let t5;
|
|
53
53
|
if ($[12] !== as || $[13] !== forwardedRef || $[14] !== href || $[15] !== icon || $[16] !== label || $[17] !== loading || $[18] !== props || $[19] !== tooltipDirection) {
|
|
54
|
-
t5 = icon ?
|
|
54
|
+
t5 = icon ? /* @__PURE__ */ jsx(IconButton, {
|
|
55
55
|
as,
|
|
56
56
|
"aria-label": label,
|
|
57
57
|
icon,
|
|
@@ -63,7 +63,7 @@ const TrailingAction = /*#__PURE__*/ forwardRef((t0, forwardedRef) => {
|
|
|
63
63
|
ref: forwardedRef,
|
|
64
64
|
className: ActionList_module_css_default.TrailingActionButton,
|
|
65
65
|
...props
|
|
66
|
-
}) :
|
|
66
|
+
}) : /* @__PURE__ */ jsx(ButtonComponent, {
|
|
67
67
|
variant: "invisible",
|
|
68
68
|
as,
|
|
69
69
|
href,
|
|
@@ -87,7 +87,7 @@ const TrailingAction = /*#__PURE__*/ forwardRef((t0, forwardedRef) => {
|
|
|
87
87
|
} else t5 = $[20];
|
|
88
88
|
let t6;
|
|
89
89
|
if ($[21] !== style || $[22] !== t4 || $[23] !== t5) {
|
|
90
|
-
t6 =
|
|
90
|
+
t6 = /* @__PURE__ */ jsx("span", {
|
|
91
91
|
className: t4,
|
|
92
92
|
"data-component": "ActionList.TrailingAction",
|
|
93
93
|
style,
|
|
@@ -29,7 +29,7 @@ const VisualContainer = (t0) => {
|
|
|
29
29
|
} else t1 = $[4];
|
|
30
30
|
let t2;
|
|
31
31
|
if ($[5] !== props || $[6] !== t1) {
|
|
32
|
-
t2 =
|
|
32
|
+
t2 = /* @__PURE__ */ jsx("span", {
|
|
33
33
|
className: t1,
|
|
34
34
|
...props
|
|
35
35
|
});
|
|
@@ -60,7 +60,7 @@ const LeadingVisual = (t0) => {
|
|
|
60
60
|
} else t1 = $[4];
|
|
61
61
|
let t2;
|
|
62
62
|
if ($[5] !== props || $[6] !== t1) {
|
|
63
|
-
t2 =
|
|
63
|
+
t2 = /* @__PURE__ */ jsx(VisualContainer, {
|
|
64
64
|
className: t1,
|
|
65
65
|
"data-component": "ActionList.LeadingVisual",
|
|
66
66
|
...props,
|
|
@@ -94,7 +94,7 @@ const TrailingVisual = (t0) => {
|
|
|
94
94
|
} else t1 = $[4];
|
|
95
95
|
let t2;
|
|
96
96
|
if ($[5] !== props || $[6] !== t1 || $[7] !== trailingVisualId) {
|
|
97
|
-
t2 =
|
|
97
|
+
t2 = /* @__PURE__ */ jsx(VisualContainer, {
|
|
98
98
|
className: t1,
|
|
99
99
|
"data-component": "ActionList.TrailingVisual",
|
|
100
100
|
id: trailingVisualId,
|
|
@@ -116,22 +116,22 @@ const VisualOrIndicator = (t0) => {
|
|
|
116
116
|
if (itemHasLeadingVisual && position === "trailing" || !itemHasLeadingVisual && position === "leading") return children;
|
|
117
117
|
let t1;
|
|
118
118
|
if ($[0] !== VisualComponent || $[1] !== className || $[2] !== inactiveText || $[3] !== labelId || $[4] !== position) {
|
|
119
|
-
t1 = inactiveText ?
|
|
119
|
+
t1 = inactiveText ? /* @__PURE__ */ jsx("span", {
|
|
120
120
|
className: ActionList_module_css_default.InactiveButtonWrap,
|
|
121
121
|
"data-position": position,
|
|
122
|
-
children:
|
|
122
|
+
children: /* @__PURE__ */ jsx(Tooltip, {
|
|
123
123
|
text: inactiveText,
|
|
124
124
|
type: "description",
|
|
125
|
-
children:
|
|
125
|
+
children: /* @__PURE__ */ jsx("button", {
|
|
126
126
|
type: "button",
|
|
127
127
|
className: ActionList_module_css_default.InactiveButtonReset,
|
|
128
128
|
"aria-labelledby": labelId,
|
|
129
|
-
children:
|
|
129
|
+
children: /* @__PURE__ */ jsx(VisualComponent, { children: /* @__PURE__ */ jsx(AlertIcon, {}) })
|
|
130
130
|
})
|
|
131
131
|
})
|
|
132
|
-
}) :
|
|
132
|
+
}) : /* @__PURE__ */ jsx(VisualComponent, {
|
|
133
133
|
className,
|
|
134
|
-
children:
|
|
134
|
+
children: /* @__PURE__ */ jsx(Spinner, { size: "small" })
|
|
135
135
|
});
|
|
136
136
|
$[0] = VisualComponent;
|
|
137
137
|
$[1] = className;
|
|
@@ -45,7 +45,7 @@ declare const ActionList: (<As extends React.ElementType = "ul">(props: Distribu
|
|
|
45
45
|
selected?: boolean;
|
|
46
46
|
active?: boolean;
|
|
47
47
|
variant?: "default" | "danger";
|
|
48
|
-
size?: "medium" | "large";
|
|
48
|
+
size?: "small" | "medium" | "large";
|
|
49
49
|
disabled?: boolean;
|
|
50
50
|
role?: AriaRole;
|
|
51
51
|
id?: string;
|
|
@@ -29,7 +29,7 @@ type ActionListItemProps<As extends React.ElementType = 'li'> = ExcludeSelectEve
|
|
|
29
29
|
* - `"danger"` - A destructive action `Item`.
|
|
30
30
|
*/
|
|
31
31
|
variant?: 'default' | 'danger';
|
|
32
|
-
size?: 'medium' | 'large';
|
|
32
|
+
size?: 'small' | 'medium' | 'large';
|
|
33
33
|
/**
|
|
34
34
|
* Items that are disabled can not be clicked, selected, or navigated through.
|
|
35
35
|
*/
|
|
@@ -118,12 +118,11 @@ const Menu = ({ anchorRef: externalAnchorRef, open, onOpenChange, children }) =>
|
|
|
118
118
|
onClose,
|
|
119
119
|
isSubmenu
|
|
120
120
|
]);
|
|
121
|
-
return
|
|
121
|
+
return /* @__PURE__ */ jsx(MenuContext.Provider, {
|
|
122
122
|
value: menuContextValue,
|
|
123
123
|
children: contents
|
|
124
124
|
});
|
|
125
125
|
};
|
|
126
|
-
Menu.displayName = "Menu";
|
|
127
126
|
const Anchor = /*#__PURE__*/ React.forwardRef(({ children: child, ...anchorProps }, anchorRef) => {
|
|
128
127
|
const { onOpen, isSubmenu } = React.useContext(MenuContext);
|
|
129
128
|
const openSubmenuOnRightArrow = useCallback((event) => {
|
|
@@ -143,14 +142,14 @@ const Anchor = /*#__PURE__*/ React.forwardRef(({ children: child, ...anchorProps
|
|
|
143
142
|
const parentActionListContext = useContext(ActionListContainerContext);
|
|
144
143
|
const thisActionListContext = useMemo(() => isSubmenu ? {
|
|
145
144
|
...parentActionListContext,
|
|
146
|
-
defaultTrailingVisual:
|
|
145
|
+
defaultTrailingVisual: /* @__PURE__ */ jsx(ChevronRightIcon, {}),
|
|
147
146
|
afterSelect: () => onOpen === null || onOpen === void 0 ? void 0 : onOpen("anchor-click")
|
|
148
147
|
} : parentActionListContext, [
|
|
149
148
|
isSubmenu,
|
|
150
149
|
onOpen,
|
|
151
150
|
parentActionListContext
|
|
152
151
|
]);
|
|
153
|
-
return
|
|
152
|
+
return /* @__PURE__ */ jsx(ActionListContainerContext.Provider, {
|
|
154
153
|
value: thisActionListContext,
|
|
155
154
|
children: /*#__PURE__*/ React.cloneElement(child, {
|
|
156
155
|
...anchorProps,
|
|
@@ -161,11 +160,10 @@ const Anchor = /*#__PURE__*/ React.forwardRef(({ children: child, ...anchorProps
|
|
|
161
160
|
})
|
|
162
161
|
});
|
|
163
162
|
});
|
|
164
|
-
/** this component is syntactical sugar 🍭 */
|
|
165
163
|
const MenuButton = /*#__PURE__*/ React.forwardRef(({ ...props }, anchorRef) => {
|
|
166
|
-
return
|
|
164
|
+
return /* @__PURE__ */ jsx(Anchor, {
|
|
167
165
|
ref: anchorRef,
|
|
168
|
-
children:
|
|
166
|
+
children: /* @__PURE__ */ jsx(ButtonComponent, {
|
|
169
167
|
"data-component": "ActionMenu.Button",
|
|
170
168
|
type: "button",
|
|
171
169
|
trailingAction: TriangleDownIcon,
|
|
@@ -213,7 +211,7 @@ const Overlay = ({ children, align = "start", side, onPositionChange, displayInV
|
|
|
213
211
|
isNarrowFullscreen
|
|
214
212
|
]);
|
|
215
213
|
const isInsideDialog = useContext(DialogContext) !== void 0;
|
|
216
|
-
return
|
|
214
|
+
return /* @__PURE__ */ jsx(AnchoredOverlay, {
|
|
217
215
|
anchorRef,
|
|
218
216
|
renderAnchor,
|
|
219
217
|
anchorId,
|
|
@@ -230,20 +228,19 @@ const Overlay = ({ children, align = "start", side, onPositionChange, displayInV
|
|
|
230
228
|
onPositionChange,
|
|
231
229
|
variant,
|
|
232
230
|
displayInViewport: displayInViewport !== void 0 ? displayInViewport : isInsideDialog,
|
|
233
|
-
children:
|
|
231
|
+
children: /* @__PURE__ */ jsx("div", {
|
|
234
232
|
ref: containerRef,
|
|
235
233
|
className: ActionMenu_module_css_default.ActionMenuContainer,
|
|
236
234
|
"data-variant": responsiveVariant,
|
|
237
235
|
...overlayProps.overflow ? { [`data-overflow-${overlayProps.overflow}`]: "" } : {},
|
|
238
236
|
...overlayProps.maxHeight ? { [`data-max-height-${overlayProps.maxHeight}`]: "" } : {},
|
|
239
|
-
children:
|
|
237
|
+
children: /* @__PURE__ */ jsx(ActionListContainerContext.Provider, {
|
|
240
238
|
value: overlayContextValue,
|
|
241
239
|
children
|
|
242
240
|
})
|
|
243
241
|
})
|
|
244
242
|
});
|
|
245
243
|
};
|
|
246
|
-
Overlay.displayName = "Overlay";
|
|
247
244
|
Menu.displayName = "ActionMenu";
|
|
248
245
|
MenuButton.__SLOT__ = Symbol("ActionMenu.Button");
|
|
249
246
|
Anchor.__SLOT__ = Symbol("ActionMenu.Anchor");
|
|
@@ -164,7 +164,7 @@ const AnchoredOverlay = ({ renderAnchor, anchorRef: externalAnchorRef, anchorId:
|
|
|
164
164
|
const XButtonAriaLabelledBy = closeButtonProps["aria-labelledby"];
|
|
165
165
|
const XButtonAriaLabel = closeButtonProps["aria-label"];
|
|
166
166
|
const { className: overlayClassName, _PrivateDisablePortal, ...restOverlayProps } = overlayProps || {};
|
|
167
|
-
return
|
|
167
|
+
return /* @__PURE__ */ jsxs(Fragment$1, { children: [renderAnchor && renderAnchor({
|
|
168
168
|
ref: anchorRef,
|
|
169
169
|
id: anchorId,
|
|
170
170
|
"aria-haspopup": "true",
|
|
@@ -173,7 +173,7 @@ const AnchoredOverlay = ({ renderAnchor, anchorRef: externalAnchorRef, anchorId:
|
|
|
173
173
|
onClick: onAnchorClick,
|
|
174
174
|
onKeyDown: onAnchorKeyDown,
|
|
175
175
|
...popoverTargetProps
|
|
176
|
-
}), open ?
|
|
176
|
+
}), open ? /* @__PURE__ */ jsxs(Overlay, {
|
|
177
177
|
returnFocusRef: anchorRef,
|
|
178
178
|
onClickOutside,
|
|
179
179
|
ignoreClickRefs: [anchorRef],
|
|
@@ -200,9 +200,9 @@ const AnchoredOverlay = ({ renderAnchor, anchorRef: externalAnchorRef, anchorId:
|
|
|
200
200
|
},
|
|
201
201
|
"data-anchor-position": cssAnchorPositioning,
|
|
202
202
|
"data-side": cssAnchorPositioning ? side : position === null || position === void 0 ? void 0 : position.anchorSide,
|
|
203
|
-
children: [showXIcon ?
|
|
203
|
+
children: [showXIcon ? /* @__PURE__ */ jsx("div", {
|
|
204
204
|
className: AnchoredOverlay_module_css_default.ResponsiveCloseButtonContainer,
|
|
205
|
-
children:
|
|
205
|
+
children: /* @__PURE__ */ jsx(IconButton, {
|
|
206
206
|
...closeButtonProps,
|
|
207
207
|
"data-component": "AnchoredOverlay.CloseButton",
|
|
208
208
|
type: "button",
|
|
@@ -148,7 +148,7 @@ const Autocomplete = (t0) => {
|
|
|
148
148
|
const autocompleteDeferredInputContextValue = t8;
|
|
149
149
|
let t9;
|
|
150
150
|
if ($[15] !== autocompleteDeferredInputContextValue || $[16] !== children) {
|
|
151
|
-
t9 =
|
|
151
|
+
t9 = /* @__PURE__ */ jsx(AutocompleteDeferredInputContext.Provider, {
|
|
152
152
|
value: autocompleteDeferredInputContextValue,
|
|
153
153
|
children
|
|
154
154
|
});
|
|
@@ -158,7 +158,7 @@ const Autocomplete = (t0) => {
|
|
|
158
158
|
} else t9 = $[17];
|
|
159
159
|
let t10;
|
|
160
160
|
if ($[18] !== autocompleteInputContextValue || $[19] !== t9) {
|
|
161
|
-
t10 =
|
|
161
|
+
t10 = /* @__PURE__ */ jsx(AutocompleteInputContext.Provider, {
|
|
162
162
|
value: autocompleteInputContextValue,
|
|
163
163
|
children: t9
|
|
164
164
|
});
|
|
@@ -168,7 +168,7 @@ const Autocomplete = (t0) => {
|
|
|
168
168
|
} else t10 = $[20];
|
|
169
169
|
let t11;
|
|
170
170
|
if ($[21] !== autocompleteContextValue || $[22] !== t10) {
|
|
171
|
-
t11 =
|
|
171
|
+
t11 = /* @__PURE__ */ jsx(AutocompleteContext.Provider, {
|
|
172
172
|
value: autocompleteContextValue,
|
|
173
173
|
children: t10
|
|
174
174
|
});
|
|
@@ -97,7 +97,7 @@ const AutocompleteInput = /*#__PURE__*/ React.forwardRef(({ as: Component = Text
|
|
|
97
97
|
useEffect(() => {
|
|
98
98
|
setInputValue(typeof value !== "undefined" ? value.toString() : "");
|
|
99
99
|
}, [value, setInputValue]);
|
|
100
|
-
return
|
|
100
|
+
return /* @__PURE__ */ jsx(Component, {
|
|
101
101
|
onFocus: handleInputFocus,
|
|
102
102
|
onBlur: handleInputBlur,
|
|
103
103
|
onChange: handleInputChange,
|