@react-spectrum/actiongroup 3.4.1 → 3.4.2-nightly.3113
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/main.js +231 -231
- package/dist/module.js +230 -230
- package/package.json +21 -21
package/dist/module.js
CHANGED
|
@@ -1,18 +1,18 @@
|
|
|
1
1
|
import "./main.css";
|
|
2
|
-
import {Item as $
|
|
3
|
-
import {ActionButton as $
|
|
4
|
-
import $
|
|
5
|
-
import {useSlotProps as $
|
|
6
|
-
import {useValueEffect as $
|
|
7
|
-
import {MenuTrigger as $
|
|
8
|
-
import {useListState as $
|
|
9
|
-
import $
|
|
10
|
-
import {useHover as $
|
|
11
|
-
import {useProviderProps as $
|
|
12
|
-
import $
|
|
13
|
-
import {Text as $
|
|
14
|
-
import {TooltipTrigger as $
|
|
15
|
-
import {useActionGroup as $
|
|
2
|
+
import {Item as $d15e9ac28055143d$re_export$Item} from "@react-stately/collections";
|
|
3
|
+
import {ActionButton as $8i8bG$ActionButton} from "@react-spectrum/button";
|
|
4
|
+
import $8i8bG$spectrumiconsuiChevronDownMedium from "@spectrum-icons/ui/ChevronDownMedium";
|
|
5
|
+
import {useSlotProps as $8i8bG$useSlotProps, useDOMRef as $8i8bG$useDOMRef, useStyleProps as $8i8bG$useStyleProps, classNames as $8i8bG$classNames, ClearSlots as $8i8bG$ClearSlots, SlotProvider as $8i8bG$SlotProvider} from "@react-spectrum/utils";
|
|
6
|
+
import {useValueEffect as $8i8bG$useValueEffect, useResizeObserver as $8i8bG$useResizeObserver, useLayoutEffect as $8i8bG$useLayoutEffect, filterDOMProps as $8i8bG$filterDOMProps, mergeProps as $8i8bG$mergeProps, useId as $8i8bG$useId} from "@react-aria/utils";
|
|
7
|
+
import {MenuTrigger as $8i8bG$MenuTrigger, Menu as $8i8bG$Menu, Item as $8i8bG$Item} from "@react-spectrum/menu";
|
|
8
|
+
import {useListState as $8i8bG$useListState} from "@react-stately/list";
|
|
9
|
+
import $8i8bG$spectrumiconsworkflowMore from "@spectrum-icons/workflow/More";
|
|
10
|
+
import {useHover as $8i8bG$useHover, PressResponder as $8i8bG$PressResponder} from "@react-aria/interactions";
|
|
11
|
+
import {useProviderProps as $8i8bG$useProviderProps, Provider as $8i8bG$Provider} from "@react-spectrum/provider";
|
|
12
|
+
import $8i8bG$react, {useRef as $8i8bG$useRef, useMemo as $8i8bG$useMemo, useCallback as $8i8bG$useCallback, forwardRef as $8i8bG$forwardRef, useState as $8i8bG$useState} from "react";
|
|
13
|
+
import {Text as $8i8bG$Text} from "@react-spectrum/text";
|
|
14
|
+
import {TooltipTrigger as $8i8bG$TooltipTrigger, Tooltip as $8i8bG$Tooltip} from "@react-spectrum/tooltip";
|
|
15
|
+
import {useActionGroup as $8i8bG$useActionGroup, useActionGroupItem as $8i8bG$useActionGroupItem} from "@react-aria/actiongroup";
|
|
16
16
|
|
|
17
17
|
function $parcel$interopDefault(a) {
|
|
18
18
|
return a && a.__esModule ? a.default : a;
|
|
@@ -20,114 +20,114 @@ function $parcel$interopDefault(a) {
|
|
|
20
20
|
function $parcel$export(e, n, v, s) {
|
|
21
21
|
Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
|
|
22
22
|
}
|
|
23
|
-
var $
|
|
23
|
+
var $a04ee251ffcc2690$exports = {};
|
|
24
24
|
|
|
25
|
-
$parcel$export($
|
|
25
|
+
$parcel$export($a04ee251ffcc2690$exports, "ActionGroup", () => $a04ee251ffcc2690$export$c21a5597f732a168);
|
|
26
26
|
|
|
27
|
-
var $
|
|
27
|
+
var $086e93d2352a4536$exports = {};
|
|
28
28
|
|
|
29
|
-
$parcel$export($
|
|
30
|
-
$parcel$export($
|
|
31
|
-
$parcel$export($
|
|
32
|
-
$parcel$export($
|
|
33
|
-
$parcel$export($
|
|
34
|
-
$parcel$export($
|
|
35
|
-
$parcel$export($
|
|
36
|
-
$parcel$export($
|
|
37
|
-
$parcel$export($
|
|
38
|
-
$parcel$export($
|
|
39
|
-
$parcel$export($
|
|
40
|
-
$parcel$export($
|
|
41
|
-
$parcel$export($
|
|
42
|
-
$parcel$export($
|
|
43
|
-
$parcel$export($
|
|
44
|
-
$parcel$export($
|
|
45
|
-
$parcel$export($
|
|
46
|
-
$parcel$export($
|
|
47
|
-
$parcel$export($
|
|
48
|
-
$parcel$export($
|
|
49
|
-
$parcel$export($
|
|
50
|
-
$parcel$export($
|
|
51
|
-
$parcel$export($
|
|
52
|
-
$parcel$export($
|
|
53
|
-
$parcel$export($
|
|
54
|
-
$parcel$export($
|
|
55
|
-
$parcel$export($
|
|
56
|
-
$parcel$export($
|
|
57
|
-
$parcel$export($
|
|
58
|
-
$parcel$export($
|
|
59
|
-
$parcel$export($
|
|
60
|
-
$parcel$export($
|
|
61
|
-
$parcel$export($
|
|
62
|
-
$parcel$export($
|
|
63
|
-
var $
|
|
64
|
-
var $
|
|
65
|
-
var $
|
|
66
|
-
var $
|
|
67
|
-
var $
|
|
68
|
-
var $
|
|
69
|
-
var $
|
|
70
|
-
var $
|
|
71
|
-
var $
|
|
72
|
-
var $
|
|
73
|
-
var $
|
|
74
|
-
var $
|
|
75
|
-
var $
|
|
76
|
-
var $
|
|
77
|
-
var $
|
|
78
|
-
var $
|
|
79
|
-
var $
|
|
80
|
-
var $
|
|
81
|
-
var $
|
|
82
|
-
var $
|
|
83
|
-
var $
|
|
84
|
-
var $
|
|
85
|
-
var $
|
|
86
|
-
var $
|
|
87
|
-
var $
|
|
88
|
-
var $
|
|
89
|
-
var $
|
|
90
|
-
var $
|
|
91
|
-
var $
|
|
92
|
-
var $
|
|
93
|
-
var $
|
|
94
|
-
var $
|
|
95
|
-
var $
|
|
96
|
-
var $
|
|
97
|
-
$
|
|
98
|
-
$
|
|
99
|
-
$
|
|
100
|
-
$
|
|
101
|
-
$
|
|
102
|
-
$
|
|
103
|
-
$
|
|
104
|
-
$
|
|
105
|
-
$
|
|
106
|
-
$
|
|
107
|
-
$
|
|
108
|
-
$
|
|
109
|
-
$
|
|
110
|
-
$
|
|
111
|
-
$
|
|
112
|
-
$
|
|
113
|
-
$
|
|
114
|
-
$
|
|
115
|
-
$
|
|
116
|
-
$
|
|
117
|
-
$
|
|
118
|
-
$
|
|
119
|
-
$
|
|
120
|
-
$
|
|
121
|
-
$
|
|
122
|
-
$
|
|
123
|
-
$
|
|
124
|
-
$
|
|
125
|
-
$
|
|
126
|
-
$
|
|
127
|
-
$
|
|
128
|
-
$
|
|
129
|
-
$
|
|
130
|
-
$
|
|
29
|
+
$parcel$export($086e93d2352a4536$exports, "spectrum-Button", () => $086e93d2352a4536$export$1db4cca5b4ade39a, (v) => $086e93d2352a4536$export$1db4cca5b4ade39a = v);
|
|
30
|
+
$parcel$export($086e93d2352a4536$exports, "spectrum-ActionButton", () => $086e93d2352a4536$export$53da69f51b770d3, (v) => $086e93d2352a4536$export$53da69f51b770d3 = v);
|
|
31
|
+
$parcel$export($086e93d2352a4536$exports, "spectrum-LogicButton", () => $086e93d2352a4536$export$36ae67a131730482, (v) => $086e93d2352a4536$export$36ae67a131730482 = v);
|
|
32
|
+
$parcel$export($086e93d2352a4536$exports, "spectrum-FieldButton", () => $086e93d2352a4536$export$a024c99ecf6b5741, (v) => $086e93d2352a4536$export$a024c99ecf6b5741 = v);
|
|
33
|
+
$parcel$export($086e93d2352a4536$exports, "spectrum-ClearButton", () => $086e93d2352a4536$export$b752ce409e5660c, (v) => $086e93d2352a4536$export$b752ce409e5660c = v);
|
|
34
|
+
$parcel$export($086e93d2352a4536$exports, "focus-ring", () => $086e93d2352a4536$export$f39a09f249340e2a, (v) => $086e93d2352a4536$export$f39a09f249340e2a = v);
|
|
35
|
+
$parcel$export($086e93d2352a4536$exports, "spectrum-Icon", () => $086e93d2352a4536$export$d374b04f30360026, (v) => $086e93d2352a4536$export$d374b04f30360026 = v);
|
|
36
|
+
$parcel$export($086e93d2352a4536$exports, "spectrum-ActionButton--emphasized", () => $086e93d2352a4536$export$5aabb61a966e266f, (v) => $086e93d2352a4536$export$5aabb61a966e266f = v);
|
|
37
|
+
$parcel$export($086e93d2352a4536$exports, "spectrum-ActionButton--staticColor", () => $086e93d2352a4536$export$29b7b5d6a5a497c5, (v) => $086e93d2352a4536$export$29b7b5d6a5a497c5 = v);
|
|
38
|
+
$parcel$export($086e93d2352a4536$exports, "is-hovered", () => $086e93d2352a4536$export$b8813cd5d7824ce7, (v) => $086e93d2352a4536$export$b8813cd5d7824ce7 = v);
|
|
39
|
+
$parcel$export($086e93d2352a4536$exports, "spectrum-Button-label", () => $086e93d2352a4536$export$c081ba562e204942, (v) => $086e93d2352a4536$export$c081ba562e204942 = v);
|
|
40
|
+
$parcel$export($086e93d2352a4536$exports, "spectrum-ActionButton-label", () => $086e93d2352a4536$export$ebb4635c66bacdb9, (v) => $086e93d2352a4536$export$ebb4635c66bacdb9 = v);
|
|
41
|
+
$parcel$export($086e93d2352a4536$exports, "spectrum-ActionButton-hold", () => $086e93d2352a4536$export$4a4f01c443eff992, (v) => $086e93d2352a4536$export$4a4f01c443eff992 = v);
|
|
42
|
+
$parcel$export($086e93d2352a4536$exports, "spectrum-ActionButton--quiet", () => $086e93d2352a4536$export$40e1f009544bacf3, (v) => $086e93d2352a4536$export$40e1f009544bacf3 = v);
|
|
43
|
+
$parcel$export($086e93d2352a4536$exports, "is-disabled", () => $086e93d2352a4536$export$d35bc1e505d1ebbf, (v) => $086e93d2352a4536$export$d35bc1e505d1ebbf = v);
|
|
44
|
+
$parcel$export($086e93d2352a4536$exports, "is-open", () => $086e93d2352a4536$export$a9781837241c946d, (v) => $086e93d2352a4536$export$a9781837241c946d = v);
|
|
45
|
+
$parcel$export($086e93d2352a4536$exports, "spectrum-FieldButton--quiet", () => $086e93d2352a4536$export$5ca7b274e4fff9fc, (v) => $086e93d2352a4536$export$5ca7b274e4fff9fc = v);
|
|
46
|
+
$parcel$export($086e93d2352a4536$exports, "spectrum-ClearButton--overBackground", () => $086e93d2352a4536$export$116f2fccf941d34d, (v) => $086e93d2352a4536$export$116f2fccf941d34d = v);
|
|
47
|
+
$parcel$export($086e93d2352a4536$exports, "spectrum-ClearButton--small", () => $086e93d2352a4536$export$49280ffa5236ba8b, (v) => $086e93d2352a4536$export$49280ffa5236ba8b = v);
|
|
48
|
+
$parcel$export($086e93d2352a4536$exports, "is-focused", () => $086e93d2352a4536$export$e7dc768d35940237, (v) => $086e93d2352a4536$export$e7dc768d35940237 = v);
|
|
49
|
+
$parcel$export($086e93d2352a4536$exports, "is-active", () => $086e93d2352a4536$export$20fd0f7cd4e6112f, (v) => $086e93d2352a4536$export$20fd0f7cd4e6112f = v);
|
|
50
|
+
$parcel$export($086e93d2352a4536$exports, "spectrum-Button--cta", () => $086e93d2352a4536$export$b818fdf0052a2cab, (v) => $086e93d2352a4536$export$b818fdf0052a2cab = v);
|
|
51
|
+
$parcel$export($086e93d2352a4536$exports, "spectrum-Button--primary", () => $086e93d2352a4536$export$c1c3511f5e96e926, (v) => $086e93d2352a4536$export$c1c3511f5e96e926 = v);
|
|
52
|
+
$parcel$export($086e93d2352a4536$exports, "spectrum-Button--secondary", () => $086e93d2352a4536$export$4f1b75526afd8ff3, (v) => $086e93d2352a4536$export$4f1b75526afd8ff3 = v);
|
|
53
|
+
$parcel$export($086e93d2352a4536$exports, "spectrum-Button--warning", () => $086e93d2352a4536$export$6f97cef817ff1cac, (v) => $086e93d2352a4536$export$6f97cef817ff1cac = v);
|
|
54
|
+
$parcel$export($086e93d2352a4536$exports, "spectrum-Button--overBackground", () => $086e93d2352a4536$export$5cda1128f9112d2e, (v) => $086e93d2352a4536$export$5cda1128f9112d2e = v);
|
|
55
|
+
$parcel$export($086e93d2352a4536$exports, "spectrum-Button--quiet", () => $086e93d2352a4536$export$25f049c049371040, (v) => $086e93d2352a4536$export$25f049c049371040 = v);
|
|
56
|
+
$parcel$export($086e93d2352a4536$exports, "is-selected", () => $086e93d2352a4536$export$1e0fb04f31d3c22a, (v) => $086e93d2352a4536$export$1e0fb04f31d3c22a = v);
|
|
57
|
+
$parcel$export($086e93d2352a4536$exports, "spectrum-ActionButton--staticWhite", () => $086e93d2352a4536$export$ccc536e1adbdc059, (v) => $086e93d2352a4536$export$ccc536e1adbdc059 = v);
|
|
58
|
+
$parcel$export($086e93d2352a4536$exports, "spectrum-ActionButton--staticBlack", () => $086e93d2352a4536$export$8f7c9db66978d20f, (v) => $086e93d2352a4536$export$8f7c9db66978d20f = v);
|
|
59
|
+
$parcel$export($086e93d2352a4536$exports, "spectrum-LogicButton--and", () => $086e93d2352a4536$export$e52daab43a62c528, (v) => $086e93d2352a4536$export$e52daab43a62c528 = v);
|
|
60
|
+
$parcel$export($086e93d2352a4536$exports, "spectrum-LogicButton--or", () => $086e93d2352a4536$export$da76be6126aaa633, (v) => $086e93d2352a4536$export$da76be6126aaa633 = v);
|
|
61
|
+
$parcel$export($086e93d2352a4536$exports, "is-placeholder", () => $086e93d2352a4536$export$e5b2f5233e4e5194, (v) => $086e93d2352a4536$export$e5b2f5233e4e5194 = v);
|
|
62
|
+
$parcel$export($086e93d2352a4536$exports, "spectrum-FieldButton--invalid", () => $086e93d2352a4536$export$c9f503f672e8a3c1, (v) => $086e93d2352a4536$export$c9f503f672e8a3c1 = v);
|
|
63
|
+
var $086e93d2352a4536$export$1db4cca5b4ade39a;
|
|
64
|
+
var $086e93d2352a4536$export$53da69f51b770d3;
|
|
65
|
+
var $086e93d2352a4536$export$36ae67a131730482;
|
|
66
|
+
var $086e93d2352a4536$export$a024c99ecf6b5741;
|
|
67
|
+
var $086e93d2352a4536$export$b752ce409e5660c;
|
|
68
|
+
var $086e93d2352a4536$export$f39a09f249340e2a;
|
|
69
|
+
var $086e93d2352a4536$export$d374b04f30360026;
|
|
70
|
+
var $086e93d2352a4536$export$5aabb61a966e266f;
|
|
71
|
+
var $086e93d2352a4536$export$29b7b5d6a5a497c5;
|
|
72
|
+
var $086e93d2352a4536$export$b8813cd5d7824ce7;
|
|
73
|
+
var $086e93d2352a4536$export$c081ba562e204942;
|
|
74
|
+
var $086e93d2352a4536$export$ebb4635c66bacdb9;
|
|
75
|
+
var $086e93d2352a4536$export$4a4f01c443eff992;
|
|
76
|
+
var $086e93d2352a4536$export$40e1f009544bacf3;
|
|
77
|
+
var $086e93d2352a4536$export$d35bc1e505d1ebbf;
|
|
78
|
+
var $086e93d2352a4536$export$a9781837241c946d;
|
|
79
|
+
var $086e93d2352a4536$export$5ca7b274e4fff9fc;
|
|
80
|
+
var $086e93d2352a4536$export$116f2fccf941d34d;
|
|
81
|
+
var $086e93d2352a4536$export$49280ffa5236ba8b;
|
|
82
|
+
var $086e93d2352a4536$export$e7dc768d35940237;
|
|
83
|
+
var $086e93d2352a4536$export$20fd0f7cd4e6112f;
|
|
84
|
+
var $086e93d2352a4536$export$b818fdf0052a2cab;
|
|
85
|
+
var $086e93d2352a4536$export$c1c3511f5e96e926;
|
|
86
|
+
var $086e93d2352a4536$export$4f1b75526afd8ff3;
|
|
87
|
+
var $086e93d2352a4536$export$6f97cef817ff1cac;
|
|
88
|
+
var $086e93d2352a4536$export$5cda1128f9112d2e;
|
|
89
|
+
var $086e93d2352a4536$export$25f049c049371040;
|
|
90
|
+
var $086e93d2352a4536$export$1e0fb04f31d3c22a;
|
|
91
|
+
var $086e93d2352a4536$export$ccc536e1adbdc059;
|
|
92
|
+
var $086e93d2352a4536$export$8f7c9db66978d20f;
|
|
93
|
+
var $086e93d2352a4536$export$e52daab43a62c528;
|
|
94
|
+
var $086e93d2352a4536$export$da76be6126aaa633;
|
|
95
|
+
var $086e93d2352a4536$export$e5b2f5233e4e5194;
|
|
96
|
+
var $086e93d2352a4536$export$c9f503f672e8a3c1;
|
|
97
|
+
$086e93d2352a4536$export$1db4cca5b4ade39a = "spectrum-Button_e2d99e";
|
|
98
|
+
$086e93d2352a4536$export$53da69f51b770d3 = "spectrum-ActionButton_e2d99e";
|
|
99
|
+
$086e93d2352a4536$export$36ae67a131730482 = "spectrum-LogicButton_e2d99e";
|
|
100
|
+
$086e93d2352a4536$export$a024c99ecf6b5741 = "spectrum-FieldButton_e2d99e";
|
|
101
|
+
$086e93d2352a4536$export$b752ce409e5660c = "spectrum-ClearButton_e2d99e";
|
|
102
|
+
$086e93d2352a4536$export$f39a09f249340e2a = "focus-ring_e2d99e";
|
|
103
|
+
$086e93d2352a4536$export$d374b04f30360026 = "spectrum-Icon_e2d99e";
|
|
104
|
+
$086e93d2352a4536$export$5aabb61a966e266f = "spectrum-ActionButton--emphasized_e2d99e";
|
|
105
|
+
$086e93d2352a4536$export$29b7b5d6a5a497c5 = "spectrum-ActionButton--staticColor_e2d99e";
|
|
106
|
+
$086e93d2352a4536$export$b8813cd5d7824ce7 = "is-hovered_e2d99e";
|
|
107
|
+
$086e93d2352a4536$export$c081ba562e204942 = "spectrum-Button-label_e2d99e";
|
|
108
|
+
$086e93d2352a4536$export$ebb4635c66bacdb9 = "spectrum-ActionButton-label_e2d99e";
|
|
109
|
+
$086e93d2352a4536$export$4a4f01c443eff992 = "spectrum-ActionButton-hold_e2d99e";
|
|
110
|
+
$086e93d2352a4536$export$40e1f009544bacf3 = "spectrum-ActionButton--quiet_e2d99e";
|
|
111
|
+
$086e93d2352a4536$export$d35bc1e505d1ebbf = "is-disabled_e2d99e";
|
|
112
|
+
$086e93d2352a4536$export$a9781837241c946d = "is-open_e2d99e";
|
|
113
|
+
$086e93d2352a4536$export$5ca7b274e4fff9fc = "spectrum-FieldButton--quiet_e2d99e";
|
|
114
|
+
$086e93d2352a4536$export$116f2fccf941d34d = "spectrum-ClearButton--overBackground_e2d99e";
|
|
115
|
+
$086e93d2352a4536$export$49280ffa5236ba8b = "spectrum-ClearButton--small_e2d99e";
|
|
116
|
+
$086e93d2352a4536$export$e7dc768d35940237 = "is-focused_e2d99e";
|
|
117
|
+
$086e93d2352a4536$export$20fd0f7cd4e6112f = "is-active_e2d99e";
|
|
118
|
+
$086e93d2352a4536$export$b818fdf0052a2cab = "spectrum-Button--cta_e2d99e";
|
|
119
|
+
$086e93d2352a4536$export$c1c3511f5e96e926 = "spectrum-Button--primary_e2d99e";
|
|
120
|
+
$086e93d2352a4536$export$4f1b75526afd8ff3 = "spectrum-Button--secondary_e2d99e";
|
|
121
|
+
$086e93d2352a4536$export$6f97cef817ff1cac = "spectrum-Button--warning_e2d99e";
|
|
122
|
+
$086e93d2352a4536$export$5cda1128f9112d2e = "spectrum-Button--overBackground_e2d99e";
|
|
123
|
+
$086e93d2352a4536$export$25f049c049371040 = "spectrum-Button--quiet_e2d99e";
|
|
124
|
+
$086e93d2352a4536$export$1e0fb04f31d3c22a = "is-selected_e2d99e";
|
|
125
|
+
$086e93d2352a4536$export$ccc536e1adbdc059 = "spectrum-ActionButton--staticWhite_e2d99e";
|
|
126
|
+
$086e93d2352a4536$export$8f7c9db66978d20f = "spectrum-ActionButton--staticBlack_e2d99e";
|
|
127
|
+
$086e93d2352a4536$export$e52daab43a62c528 = "spectrum-LogicButton--and_e2d99e";
|
|
128
|
+
$086e93d2352a4536$export$da76be6126aaa633 = "spectrum-LogicButton--or_e2d99e";
|
|
129
|
+
$086e93d2352a4536$export$e5b2f5233e4e5194 = "is-placeholder_e2d99e";
|
|
130
|
+
$086e93d2352a4536$export$c9f503f672e8a3c1 = "spectrum-FieldButton--invalid_e2d99e";
|
|
131
131
|
|
|
132
132
|
|
|
133
133
|
|
|
@@ -139,56 +139,56 @@ $8682ec7d9494680f$export$c9f503f672e8a3c1 = "spectrum-FieldButton--invalid_e2d99
|
|
|
139
139
|
|
|
140
140
|
|
|
141
141
|
|
|
142
|
-
var $
|
|
142
|
+
var $331477f4233fd1ae$exports = {};
|
|
143
143
|
|
|
144
|
-
$parcel$export($
|
|
145
|
-
$parcel$export($
|
|
146
|
-
$parcel$export($
|
|
147
|
-
$parcel$export($
|
|
148
|
-
$parcel$export($
|
|
149
|
-
$parcel$export($
|
|
150
|
-
$parcel$export($
|
|
151
|
-
$parcel$export($
|
|
152
|
-
$parcel$export($
|
|
153
|
-
$parcel$export($
|
|
154
|
-
$parcel$export($
|
|
155
|
-
$parcel$export($
|
|
156
|
-
$parcel$export($
|
|
157
|
-
$parcel$export($
|
|
158
|
-
$parcel$export($
|
|
159
|
-
$parcel$export($
|
|
160
|
-
var $
|
|
161
|
-
var $
|
|
162
|
-
var $
|
|
163
|
-
var $
|
|
164
|
-
var $
|
|
165
|
-
var $
|
|
166
|
-
var $
|
|
167
|
-
var $
|
|
168
|
-
var $
|
|
169
|
-
var $
|
|
170
|
-
var $
|
|
171
|
-
var $
|
|
172
|
-
var $
|
|
173
|
-
var $
|
|
174
|
-
var $
|
|
175
|
-
var $
|
|
176
|
-
$
|
|
177
|
-
$
|
|
178
|
-
$
|
|
179
|
-
$
|
|
180
|
-
$
|
|
181
|
-
$
|
|
182
|
-
$
|
|
183
|
-
$
|
|
184
|
-
$
|
|
185
|
-
$
|
|
186
|
-
$
|
|
187
|
-
$
|
|
188
|
-
$
|
|
189
|
-
$
|
|
190
|
-
$
|
|
191
|
-
$
|
|
144
|
+
$parcel$export($331477f4233fd1ae$exports, "flex-container", () => $331477f4233fd1ae$export$69d7a39fa31a000b, (v) => $331477f4233fd1ae$export$69d7a39fa31a000b = v);
|
|
145
|
+
$parcel$export($331477f4233fd1ae$exports, "flex-gap", () => $331477f4233fd1ae$export$31a9da8b58047a44, (v) => $331477f4233fd1ae$export$31a9da8b58047a44 = v);
|
|
146
|
+
$parcel$export($331477f4233fd1ae$exports, "spectrum-ActionGroup", () => $331477f4233fd1ae$export$cd2a778fcee9ca5c, (v) => $331477f4233fd1ae$export$cd2a778fcee9ca5c = v);
|
|
147
|
+
$parcel$export($331477f4233fd1ae$exports, "spectrum-ActionGroup-item", () => $331477f4233fd1ae$export$94ffe66966d2f53b, (v) => $331477f4233fd1ae$export$94ffe66966d2f53b = v);
|
|
148
|
+
$parcel$export($331477f4233fd1ae$exports, "spectrum-ActionGroup--vertical", () => $331477f4233fd1ae$export$b76f0727b879d41c, (v) => $331477f4233fd1ae$export$b76f0727b879d41c = v);
|
|
149
|
+
$parcel$export($331477f4233fd1ae$exports, "spectrum-ActionGroup--quiet", () => $331477f4233fd1ae$export$72623314301ff89b, (v) => $331477f4233fd1ae$export$72623314301ff89b = v);
|
|
150
|
+
$parcel$export($331477f4233fd1ae$exports, "spectrum-ActionGroup--justified", () => $331477f4233fd1ae$export$565332043c1dc688, (v) => $331477f4233fd1ae$export$565332043c1dc688 = v);
|
|
151
|
+
$parcel$export($331477f4233fd1ae$exports, "spectrum-ActionGroup--compact", () => $331477f4233fd1ae$export$a8ccf3eb925252bd, (v) => $331477f4233fd1ae$export$a8ccf3eb925252bd = v);
|
|
152
|
+
$parcel$export($331477f4233fd1ae$exports, "spectrum-ActionGroup-item--isDisabled", () => $331477f4233fd1ae$export$e5274b4bc2184bc9, (v) => $331477f4233fd1ae$export$e5274b4bc2184bc9 = v);
|
|
153
|
+
$parcel$export($331477f4233fd1ae$exports, "is-selected", () => $331477f4233fd1ae$export$1e0fb04f31d3c22a, (v) => $331477f4233fd1ae$export$1e0fb04f31d3c22a = v);
|
|
154
|
+
$parcel$export($331477f4233fd1ae$exports, "is-hovered", () => $331477f4233fd1ae$export$b8813cd5d7824ce7, (v) => $331477f4233fd1ae$export$b8813cd5d7824ce7 = v);
|
|
155
|
+
$parcel$export($331477f4233fd1ae$exports, "spectrum-ActionGroup--overflowCollapse", () => $331477f4233fd1ae$export$8e862a39302377c1, (v) => $331477f4233fd1ae$export$8e862a39302377c1 = v);
|
|
156
|
+
$parcel$export($331477f4233fd1ae$exports, "spectrum-ActionGroup-menu", () => $331477f4233fd1ae$export$a56eb57dbecb1bdd, (v) => $331477f4233fd1ae$export$a56eb57dbecb1bdd = v);
|
|
157
|
+
$parcel$export($331477f4233fd1ae$exports, "spectrum-ActionGroup-menu-chevron", () => $331477f4233fd1ae$export$96da682f48d2c62a, (v) => $331477f4233fd1ae$export$96da682f48d2c62a = v);
|
|
158
|
+
$parcel$export($331477f4233fd1ae$exports, "spectrum-ActionGroup-menu-contents", () => $331477f4233fd1ae$export$1733ee5cd2fc5d66, (v) => $331477f4233fd1ae$export$1733ee5cd2fc5d66 = v);
|
|
159
|
+
$parcel$export($331477f4233fd1ae$exports, "spectrum-ActionGroup-item--iconOnly", () => $331477f4233fd1ae$export$db27a979adeba484, (v) => $331477f4233fd1ae$export$db27a979adeba484 = v);
|
|
160
|
+
var $331477f4233fd1ae$export$69d7a39fa31a000b;
|
|
161
|
+
var $331477f4233fd1ae$export$31a9da8b58047a44;
|
|
162
|
+
var $331477f4233fd1ae$export$cd2a778fcee9ca5c;
|
|
163
|
+
var $331477f4233fd1ae$export$94ffe66966d2f53b;
|
|
164
|
+
var $331477f4233fd1ae$export$b76f0727b879d41c;
|
|
165
|
+
var $331477f4233fd1ae$export$72623314301ff89b;
|
|
166
|
+
var $331477f4233fd1ae$export$565332043c1dc688;
|
|
167
|
+
var $331477f4233fd1ae$export$a8ccf3eb925252bd;
|
|
168
|
+
var $331477f4233fd1ae$export$e5274b4bc2184bc9;
|
|
169
|
+
var $331477f4233fd1ae$export$1e0fb04f31d3c22a;
|
|
170
|
+
var $331477f4233fd1ae$export$b8813cd5d7824ce7;
|
|
171
|
+
var $331477f4233fd1ae$export$8e862a39302377c1;
|
|
172
|
+
var $331477f4233fd1ae$export$a56eb57dbecb1bdd;
|
|
173
|
+
var $331477f4233fd1ae$export$96da682f48d2c62a;
|
|
174
|
+
var $331477f4233fd1ae$export$1733ee5cd2fc5d66;
|
|
175
|
+
var $331477f4233fd1ae$export$db27a979adeba484;
|
|
176
|
+
$331477f4233fd1ae$export$69d7a39fa31a000b = "flex-container_7684cb";
|
|
177
|
+
$331477f4233fd1ae$export$31a9da8b58047a44 = "flex-gap_7684cb";
|
|
178
|
+
$331477f4233fd1ae$export$cd2a778fcee9ca5c = "spectrum-ActionGroup_7684cb";
|
|
179
|
+
$331477f4233fd1ae$export$94ffe66966d2f53b = "spectrum-ActionGroup-item_7684cb";
|
|
180
|
+
$331477f4233fd1ae$export$b76f0727b879d41c = "spectrum-ActionGroup--vertical_7684cb";
|
|
181
|
+
$331477f4233fd1ae$export$72623314301ff89b = "spectrum-ActionGroup--quiet_7684cb";
|
|
182
|
+
$331477f4233fd1ae$export$565332043c1dc688 = "spectrum-ActionGroup--justified_7684cb";
|
|
183
|
+
$331477f4233fd1ae$export$a8ccf3eb925252bd = "spectrum-ActionGroup--compact_7684cb";
|
|
184
|
+
$331477f4233fd1ae$export$e5274b4bc2184bc9 = "spectrum-ActionGroup-item--isDisabled_7684cb";
|
|
185
|
+
$331477f4233fd1ae$export$1e0fb04f31d3c22a = "is-selected_7684cb";
|
|
186
|
+
$331477f4233fd1ae$export$b8813cd5d7824ce7 = "is-hovered_7684cb";
|
|
187
|
+
$331477f4233fd1ae$export$8e862a39302377c1 = "spectrum-ActionGroup--overflowCollapse_7684cb";
|
|
188
|
+
$331477f4233fd1ae$export$a56eb57dbecb1bdd = "spectrum-ActionGroup-menu_7684cb";
|
|
189
|
+
$331477f4233fd1ae$export$96da682f48d2c62a = "spectrum-ActionGroup-menu-chevron_7684cb";
|
|
190
|
+
$331477f4233fd1ae$export$1733ee5cd2fc5d66 = "spectrum-ActionGroup-menu-contents_7684cb";
|
|
191
|
+
$331477f4233fd1ae$export$db27a979adeba484 = "spectrum-ActionGroup-item--iconOnly_7684cb";
|
|
192
192
|
|
|
193
193
|
|
|
194
194
|
|
|
@@ -196,39 +196,39 @@ $d6b91cc4198181d4$export$db27a979adeba484 = "spectrum-ActionGroup-item--iconOnly
|
|
|
196
196
|
|
|
197
197
|
|
|
198
198
|
|
|
199
|
-
function $
|
|
200
|
-
props = $
|
|
201
|
-
props = $
|
|
199
|
+
function $a04ee251ffcc2690$var$ActionGroup(props, ref) {
|
|
200
|
+
props = $8i8bG$useProviderProps(props);
|
|
201
|
+
props = $8i8bG$useSlotProps(props, 'actionGroup');
|
|
202
202
|
let { isEmphasized: isEmphasized , density: density , isJustified: isJustified , isDisabled: isDisabled , orientation: orientation = 'horizontal' , isQuiet: isQuiet , staticColor: staticColor , overflowMode: overflowMode = 'wrap' , onAction: onAction , buttonLabelBehavior: buttonLabelBehavior , summaryIcon: summaryIcon , ...otherProps } = props;
|
|
203
|
-
let domRef = $
|
|
204
|
-
let wrapperRef = $
|
|
205
|
-
let state = $
|
|
203
|
+
let domRef = $8i8bG$useDOMRef(ref);
|
|
204
|
+
let wrapperRef = $8i8bG$useRef(null);
|
|
205
|
+
let state = $8i8bG$useListState({
|
|
206
206
|
...props,
|
|
207
207
|
suppressTextValueWarning: true
|
|
208
208
|
});
|
|
209
|
-
let { actionGroupProps: actionGroupProps } = $
|
|
209
|
+
let { actionGroupProps: actionGroupProps } = $8i8bG$useActionGroup(props, state, domRef);
|
|
210
210
|
let isVertical = orientation === 'vertical';
|
|
211
211
|
let providerProps = {
|
|
212
212
|
isEmphasized: isEmphasized,
|
|
213
213
|
isDisabled: isDisabled,
|
|
214
214
|
isQuiet: isQuiet
|
|
215
215
|
};
|
|
216
|
-
let { styleProps: styleProps } = $
|
|
216
|
+
let { styleProps: styleProps } = $8i8bG$useStyleProps(props);
|
|
217
217
|
// Only hide button text if every item contains more than just plain text (we assume an icon).
|
|
218
|
-
let isIconCollapsible = $
|
|
218
|
+
let isIconCollapsible = $8i8bG$useMemo(()=>[
|
|
219
219
|
...state.collection
|
|
220
220
|
].every((item)=>typeof item.rendered !== 'string'
|
|
221
221
|
)
|
|
222
222
|
, [
|
|
223
223
|
state.collection
|
|
224
224
|
]);
|
|
225
|
-
let [{ visibleItems: visibleItems1 , hideButtonText: hideButtonText1 , isMeasuring: isMeasuring1 }, setVisibleItems] = $
|
|
225
|
+
let [{ visibleItems: visibleItems1 , hideButtonText: hideButtonText1 , isMeasuring: isMeasuring1 }, setVisibleItems] = $8i8bG$useValueEffect({
|
|
226
226
|
visibleItems: state.collection.size,
|
|
227
227
|
hideButtonText: buttonLabelBehavior === 'hide' && isIconCollapsible,
|
|
228
228
|
isMeasuring: false
|
|
229
229
|
});
|
|
230
230
|
let selectionMode = state.selectionManager.selectionMode;
|
|
231
|
-
let updateOverflow = $
|
|
231
|
+
let updateOverflow = $8i8bG$useCallback(()=>{
|
|
232
232
|
if (overflowMode === 'wrap') return;
|
|
233
233
|
if (orientation === 'vertical' && selectionMode !== 'none') // Collapsing vertical action groups with selection is currently unsupported by Spectrum.
|
|
234
234
|
return;
|
|
@@ -238,9 +238,9 @@ function $092fae2a3c3dd9ff$var$ActionGroup(props, ref) {
|
|
|
238
238
|
let isShowingMenu = visibleItems < state.collection.size;
|
|
239
239
|
let calculatedSize = 0;
|
|
240
240
|
let newVisibleItems = 0;
|
|
241
|
-
if (isShowingMenu) calculatedSize += orientation === 'horizontal' ? $
|
|
241
|
+
if (isShowingMenu) calculatedSize += orientation === 'horizontal' ? $a04ee251ffcc2690$var$outerWidth(listItems.pop(), false, true) : $a04ee251ffcc2690$var$outerHeight(listItems.pop(), false, true);
|
|
242
242
|
for (let [i, item] of listItems.entries()){
|
|
243
|
-
calculatedSize += orientation === 'horizontal' ? $
|
|
243
|
+
calculatedSize += orientation === 'horizontal' ? $a04ee251ffcc2690$var$outerWidth(item, i === 0, i === listItems.length - 1) : $a04ee251ffcc2690$var$outerHeight(item, i === 0, i === listItems.length - 1);
|
|
244
244
|
if (calculatedSize <= containerSize) newVisibleItems++;
|
|
245
245
|
else break;
|
|
246
246
|
}
|
|
@@ -297,7 +297,7 @@ function $092fae2a3c3dd9ff$var$ActionGroup(props, ref) {
|
|
|
297
297
|
]);
|
|
298
298
|
// Watch the parent element for size changes. Watching only the action group itself may not work
|
|
299
299
|
// in all scenarios because it may not shrink when available space is reduced.
|
|
300
|
-
let parentRef = $
|
|
300
|
+
let parentRef = $8i8bG$useMemo(()=>({
|
|
301
301
|
get current () {
|
|
302
302
|
return wrapperRef.current.parentElement;
|
|
303
303
|
}
|
|
@@ -305,11 +305,11 @@ function $092fae2a3c3dd9ff$var$ActionGroup(props, ref) {
|
|
|
305
305
|
, [
|
|
306
306
|
wrapperRef
|
|
307
307
|
]);
|
|
308
|
-
$
|
|
308
|
+
$8i8bG$useResizeObserver({
|
|
309
309
|
ref: overflowMode !== 'wrap' ? parentRef : null,
|
|
310
310
|
onResize: updateOverflow
|
|
311
311
|
});
|
|
312
|
-
$
|
|
312
|
+
$8i8bG$useLayoutEffect(updateOverflow, [
|
|
313
313
|
updateOverflow,
|
|
314
314
|
state.collection
|
|
315
315
|
]);
|
|
@@ -322,7 +322,7 @@ function $092fae2a3c3dd9ff$var$ActionGroup(props, ref) {
|
|
|
322
322
|
// If there are no visible items, don't apply any props to the action group container
|
|
323
323
|
// and pass all aria labeling props through to the menu button.
|
|
324
324
|
if (overflowMode === 'collapse' && visibleItems1 === 0) {
|
|
325
|
-
menuProps = $
|
|
325
|
+
menuProps = $8i8bG$filterDOMProps(props, {
|
|
326
326
|
labelable: true
|
|
327
327
|
});
|
|
328
328
|
actionGroupProps = {
|
|
@@ -331,7 +331,7 @@ function $092fae2a3c3dd9ff$var$ActionGroup(props, ref) {
|
|
|
331
331
|
if (overflowMode === 'collapse' && visibleItems1 < state.collection.size) {
|
|
332
332
|
let menuChildren = children.slice(visibleItems1);
|
|
333
333
|
children = children.slice(0, visibleItems1);
|
|
334
|
-
menuItem = /*#__PURE__*/ $
|
|
334
|
+
menuItem = /*#__PURE__*/ $8i8bG$react.createElement($a04ee251ffcc2690$var$ActionGroupMenu, {
|
|
335
335
|
...menuProps,
|
|
336
336
|
items: menuChildren,
|
|
337
337
|
onAction: onAction,
|
|
@@ -350,22 +350,22 @@ function $092fae2a3c3dd9ff$var$ActionGroup(props, ref) {
|
|
|
350
350
|
// While measuring, take up as much space as possible.
|
|
351
351
|
flexBasis: isMeasuring1 ? '100%' : undefined
|
|
352
352
|
};
|
|
353
|
-
return(/*#__PURE__*/ $
|
|
353
|
+
return(/*#__PURE__*/ $8i8bG$react.createElement("div", {
|
|
354
354
|
...styleProps,
|
|
355
355
|
style: style,
|
|
356
|
-
className: $
|
|
356
|
+
className: $8i8bG$classNames((/*@__PURE__*/$parcel$interopDefault($331477f4233fd1ae$exports)), 'flex-container', styleProps.className),
|
|
357
357
|
ref: wrapperRef
|
|
358
|
-
}, /*#__PURE__*/ $
|
|
358
|
+
}, /*#__PURE__*/ $8i8bG$react.createElement("div", {
|
|
359
359
|
...actionGroupProps,
|
|
360
360
|
ref: domRef,
|
|
361
|
-
className: $
|
|
361
|
+
className: $8i8bG$classNames((/*@__PURE__*/$parcel$interopDefault($331477f4233fd1ae$exports)), 'flex-gap', 'spectrum-ActionGroup', {
|
|
362
362
|
'spectrum-ActionGroup--quiet': isQuiet,
|
|
363
363
|
'spectrum-ActionGroup--vertical': isVertical,
|
|
364
364
|
'spectrum-ActionGroup--compact': density === 'compact',
|
|
365
365
|
'spectrum-ActionGroup--justified': isJustified && !isMeasuring1,
|
|
366
366
|
'spectrum-ActionGroup--overflowCollapse': overflowMode === 'collapse'
|
|
367
367
|
}, otherProps.UNSAFE_className)
|
|
368
|
-
}, /*#__PURE__*/ $
|
|
368
|
+
}, /*#__PURE__*/ $8i8bG$react.createElement($8i8bG$Provider, providerProps, children.map((item)=>/*#__PURE__*/ $8i8bG$react.createElement($a04ee251ffcc2690$var$ActionGroupItem, {
|
|
369
369
|
key: item.key,
|
|
370
370
|
onAction: onAction,
|
|
371
371
|
isDisabled: isDisabled,
|
|
@@ -380,25 +380,25 @@ function $092fae2a3c3dd9ff$var$ActionGroup(props, ref) {
|
|
|
380
380
|
}
|
|
381
381
|
/**
|
|
382
382
|
* An ActionGroup is a grouping of ActionButtons that are related to one another.
|
|
383
|
-
*/ const $
|
|
384
|
-
function $
|
|
385
|
-
let ref1 = $
|
|
386
|
-
let { buttonProps: buttonProps } = $
|
|
383
|
+
*/ const $a04ee251ffcc2690$export$c21a5597f732a168 = /*#__PURE__*/ $8i8bG$forwardRef($a04ee251ffcc2690$var$ActionGroup);
|
|
384
|
+
function $a04ee251ffcc2690$var$ActionGroupItem({ item: item , state: state , isDisabled: isDisabled , isEmphasized: isEmphasized , staticColor: staticColor , onAction: onAction , hideButtonText: hideButtonText , orientation: orientation }) {
|
|
385
|
+
let ref1 = $8i8bG$useRef();
|
|
386
|
+
let { buttonProps: buttonProps } = $8i8bG$useActionGroupItem({
|
|
387
387
|
key: item.key
|
|
388
388
|
}, state);
|
|
389
389
|
isDisabled = isDisabled || state.disabledKeys.has(item.key);
|
|
390
390
|
let isSelected = state.selectionManager.isSelected(item.key);
|
|
391
|
-
let { hoverProps: hoverProps , isHovered: isHovered } = $
|
|
391
|
+
let { hoverProps: hoverProps , isHovered: isHovered } = $8i8bG$useHover({
|
|
392
392
|
isDisabled: isDisabled
|
|
393
393
|
});
|
|
394
|
-
if (onAction && !isDisabled) buttonProps = $
|
|
394
|
+
if (onAction && !isDisabled) buttonProps = $8i8bG$mergeProps(buttonProps, {
|
|
395
395
|
onPress: ()=>onAction(item.key)
|
|
396
396
|
});
|
|
397
397
|
// If button text is hidden, we need to show it as a tooltip instead, so
|
|
398
398
|
// go find the text element in the DOM after rendering.
|
|
399
|
-
let textId = $
|
|
400
|
-
let [textContent, setTextContent] = $
|
|
401
|
-
$
|
|
399
|
+
let textId = $8i8bG$useId();
|
|
400
|
+
let [textContent, setTextContent] = $8i8bG$useState('');
|
|
401
|
+
$8i8bG$useLayoutEffect(()=>{
|
|
402
402
|
var ref;
|
|
403
403
|
if (hideButtonText) setTextContent((ref = document.getElementById(textId)) === null || ref === void 0 ? void 0 : ref.textContent);
|
|
404
404
|
}, [
|
|
@@ -408,21 +408,21 @@ function $092fae2a3c3dd9ff$var$ActionGroupItem({ item: item , state: state , isD
|
|
|
408
408
|
]);
|
|
409
409
|
let button = // Use a PressResponder to send DOM props through.
|
|
410
410
|
// ActionButton doesn't allow overriding the role by default.
|
|
411
|
-
/*#__PURE__*/ $
|
|
411
|
+
/*#__PURE__*/ $8i8bG$react.createElement($8i8bG$PressResponder, $8i8bG$mergeProps(buttonProps, hoverProps), /*#__PURE__*/ $8i8bG$react.createElement($8i8bG$ClearSlots, null, /*#__PURE__*/ $8i8bG$react.createElement($8i8bG$SlotProvider, {
|
|
412
412
|
slots: {
|
|
413
413
|
text: {
|
|
414
414
|
id: hideButtonText ? textId : null,
|
|
415
415
|
isHidden: hideButtonText
|
|
416
416
|
}
|
|
417
417
|
}
|
|
418
|
-
}, /*#__PURE__*/ $
|
|
418
|
+
}, /*#__PURE__*/ $8i8bG$react.createElement($8i8bG$ActionButton, {
|
|
419
419
|
ref: ref1,
|
|
420
|
-
UNSAFE_className: $
|
|
420
|
+
UNSAFE_className: $8i8bG$classNames((/*@__PURE__*/$parcel$interopDefault($331477f4233fd1ae$exports)), 'spectrum-ActionGroup-item', {
|
|
421
421
|
'is-selected': isSelected,
|
|
422
422
|
'is-hovered': isHovered,
|
|
423
423
|
'spectrum-ActionGroup-item--iconOnly': hideButtonText,
|
|
424
424
|
'spectrum-ActionGroup-item--isDisabled': isDisabled
|
|
425
|
-
}, $
|
|
425
|
+
}, $8i8bG$classNames((/*@__PURE__*/$parcel$interopDefault($086e93d2352a4536$exports)), {
|
|
426
426
|
'spectrum-ActionButton--emphasized': isEmphasized,
|
|
427
427
|
'is-selected': isSelected
|
|
428
428
|
})),
|
|
@@ -431,31 +431,31 @@ function $092fae2a3c3dd9ff$var$ActionGroupItem({ item: item , state: state , isD
|
|
|
431
431
|
"aria-label": item['aria-label'],
|
|
432
432
|
"aria-labelledby": item['aria-label'] == null && hideButtonText ? textId : undefined
|
|
433
433
|
}, item.rendered))));
|
|
434
|
-
if (hideButtonText && textContent) button = /*#__PURE__*/ $
|
|
434
|
+
if (hideButtonText && textContent) button = /*#__PURE__*/ $8i8bG$react.createElement($8i8bG$TooltipTrigger, {
|
|
435
435
|
placement: orientation === 'vertical' ? 'end' : 'top'
|
|
436
|
-
}, button, /*#__PURE__*/ $
|
|
436
|
+
}, button, /*#__PURE__*/ $8i8bG$react.createElement($8i8bG$Tooltip, null, textContent));
|
|
437
437
|
if (item.wrapper) button = item.wrapper(button);
|
|
438
438
|
return button;
|
|
439
439
|
}
|
|
440
|
-
function $
|
|
440
|
+
function $a04ee251ffcc2690$var$ActionGroupMenu({ state: state , isDisabled: isDisabled , isEmphasized: isEmphasized , staticColor: staticColor , items: items , onAction: onAction , summaryIcon: summaryIcon , hideButtonText: hideButtonText , isOnlyItem: isOnlyItem , orientation: orientation , ...otherProps }) {
|
|
441
441
|
// Use the key of the first item within the menu as the key of the button.
|
|
442
442
|
// The key must actually exist in the collection for focus to work correctly.
|
|
443
443
|
let key = items[0].key;
|
|
444
|
-
let { buttonProps: buttonProps } = $
|
|
444
|
+
let { buttonProps: buttonProps } = $8i8bG$useActionGroupItem({
|
|
445
445
|
key: key
|
|
446
446
|
}, state);
|
|
447
447
|
// The menu button shouldn't act like an actual action group item.
|
|
448
448
|
delete buttonProps.onPress;
|
|
449
449
|
delete buttonProps.role;
|
|
450
450
|
delete buttonProps['aria-checked'];
|
|
451
|
-
let { hoverProps: hoverProps , isHovered: isHovered } = $
|
|
451
|
+
let { hoverProps: hoverProps , isHovered: isHovered } = $8i8bG$useHover({
|
|
452
452
|
isDisabled: isDisabled
|
|
453
453
|
});
|
|
454
454
|
// If no aria-label or aria-labelledby is given, provide a default one.
|
|
455
455
|
let ariaLabel = otherProps['aria-label'] || (otherProps['aria-labelledby'] ? null : '…');
|
|
456
456
|
let ariaLabelledby = otherProps['aria-labelledby'];
|
|
457
|
-
let textId = $
|
|
458
|
-
let id = $
|
|
457
|
+
let textId = $8i8bG$useId();
|
|
458
|
+
let id = $8i8bG$useId();
|
|
459
459
|
// Summary icon only applies when selection is enabled.
|
|
460
460
|
if (state.selectionManager.selectionMode === 'none') summaryIcon = null;
|
|
461
461
|
let iconOnly = false;
|
|
@@ -466,46 +466,46 @@ function $092fae2a3c3dd9ff$var$ActionGroupMenu({ state: state , isDisabled: isDi
|
|
|
466
466
|
let selectedItem = state.collection.getItem(state.selectionManager.firstSelectedKey);
|
|
467
467
|
if (selectedItem) {
|
|
468
468
|
summaryIcon = selectedItem.rendered;
|
|
469
|
-
if (typeof summaryIcon === 'string') summaryIcon = /*#__PURE__*/ $
|
|
469
|
+
if (typeof summaryIcon === 'string') summaryIcon = /*#__PURE__*/ $8i8bG$react.createElement($8i8bG$Text, null, summaryIcon);
|
|
470
470
|
iconOnly = hideButtonText;
|
|
471
471
|
ariaLabelledby = `${ariaLabelledby !== null && ariaLabelledby !== void 0 ? ariaLabelledby : id} ${textId}`;
|
|
472
472
|
}
|
|
473
473
|
}
|
|
474
474
|
if (summaryIcon) // If there's a custom summary icon, also add a chevron.
|
|
475
|
-
summaryIcon = /*#__PURE__*/ $
|
|
476
|
-
UNSAFE_className: $
|
|
477
|
-
}), /*#__PURE__*/ $
|
|
478
|
-
className: $
|
|
475
|
+
summaryIcon = /*#__PURE__*/ $8i8bG$react.createElement($8i8bG$react.Fragment, null, /*#__PURE__*/ $8i8bG$react.createElement($8i8bG$spectrumiconsuiChevronDownMedium, {
|
|
476
|
+
UNSAFE_className: $8i8bG$classNames((/*@__PURE__*/$parcel$interopDefault($331477f4233fd1ae$exports)), 'spectrum-ActionGroup-menu-chevron')
|
|
477
|
+
}), /*#__PURE__*/ $8i8bG$react.createElement("span", {
|
|
478
|
+
className: $8i8bG$classNames((/*@__PURE__*/$parcel$interopDefault($331477f4233fd1ae$exports)), 'spectrum-ActionGroup-menu-contents', {
|
|
479
479
|
'spectrum-ActionGroup-item--iconOnly': iconOnly
|
|
480
480
|
})
|
|
481
481
|
}, summaryIcon));
|
|
482
482
|
return(// Use a PressResponder to send DOM props through.
|
|
483
|
-
/*#__PURE__*/ $
|
|
483
|
+
/*#__PURE__*/ $8i8bG$react.createElement($8i8bG$MenuTrigger, {
|
|
484
484
|
align: isOnlyItem ? 'start' : 'end',
|
|
485
485
|
direction: orientation === 'vertical' ? 'end' : 'bottom'
|
|
486
|
-
}, /*#__PURE__*/ $
|
|
486
|
+
}, /*#__PURE__*/ $8i8bG$react.createElement($8i8bG$SlotProvider, {
|
|
487
487
|
slots: {
|
|
488
488
|
text: {
|
|
489
489
|
id: hideButtonText ? textId : null,
|
|
490
490
|
isHidden: hideButtonText,
|
|
491
|
-
UNSAFE_className: $
|
|
491
|
+
UNSAFE_className: $8i8bG$classNames((/*@__PURE__*/$parcel$interopDefault($331477f4233fd1ae$exports)), 'spectrum-ActionGroup-menu-text')
|
|
492
492
|
}
|
|
493
493
|
}
|
|
494
|
-
}, /*#__PURE__*/ $
|
|
494
|
+
}, /*#__PURE__*/ $8i8bG$react.createElement($8i8bG$PressResponder, $8i8bG$mergeProps(buttonProps, hoverProps), /*#__PURE__*/ $8i8bG$react.createElement($8i8bG$ActionButton, {
|
|
495
495
|
...otherProps,
|
|
496
496
|
id: id,
|
|
497
497
|
"aria-label": ariaLabel,
|
|
498
498
|
"aria-labelledby": ariaLabelledby,
|
|
499
|
-
UNSAFE_className: $
|
|
499
|
+
UNSAFE_className: $8i8bG$classNames((/*@__PURE__*/$parcel$interopDefault($331477f4233fd1ae$exports)), 'spectrum-ActionGroup-item', 'spectrum-ActionGroup-menu', {
|
|
500
500
|
'is-hovered': isHovered,
|
|
501
501
|
'is-selected': isSelected
|
|
502
|
-
}, $
|
|
502
|
+
}, $8i8bG$classNames((/*@__PURE__*/$parcel$interopDefault($086e93d2352a4536$exports)), {
|
|
503
503
|
'is-selected': isSelected,
|
|
504
504
|
'spectrum-ActionButton--emphasized': isEmphasized
|
|
505
505
|
})),
|
|
506
506
|
isDisabled: isDisabled,
|
|
507
507
|
staticColor: staticColor
|
|
508
|
-
}, summaryIcon || /*#__PURE__*/ $
|
|
508
|
+
}, summaryIcon || /*#__PURE__*/ $8i8bG$react.createElement($8i8bG$spectrumiconsworkflowMore, null)))), /*#__PURE__*/ $8i8bG$react.createElement($8i8bG$Menu, {
|
|
509
509
|
items: items,
|
|
510
510
|
disabledKeys: state.disabledKeys,
|
|
511
511
|
selectionMode: state.selectionManager.selectionMode,
|
|
@@ -514,20 +514,20 @@ function $092fae2a3c3dd9ff$var$ActionGroupMenu({ state: state , isDisabled: isDi
|
|
|
514
514
|
onSelectionChange: (keys)=>state.selectionManager.setSelectedKeys(keys)
|
|
515
515
|
,
|
|
516
516
|
onAction: onAction
|
|
517
|
-
}, (node)=>/*#__PURE__*/ $
|
|
517
|
+
}, (node)=>/*#__PURE__*/ $8i8bG$react.createElement($8i8bG$Item, {
|
|
518
518
|
textValue: node.textValue
|
|
519
519
|
}, node.rendered)
|
|
520
520
|
)));
|
|
521
521
|
}
|
|
522
|
-
function $
|
|
522
|
+
function $a04ee251ffcc2690$var$outerWidth(element, ignoreLeftMargin, ignoreRightMargin) {
|
|
523
523
|
let style = window.getComputedStyle(element);
|
|
524
|
-
return element.offsetWidth + (ignoreLeftMargin ? 0 : $
|
|
524
|
+
return element.offsetWidth + (ignoreLeftMargin ? 0 : $a04ee251ffcc2690$var$toNumber(style.marginLeft)) + (ignoreRightMargin ? 0 : $a04ee251ffcc2690$var$toNumber(style.marginRight));
|
|
525
525
|
}
|
|
526
|
-
function $
|
|
526
|
+
function $a04ee251ffcc2690$var$outerHeight(element, ignoreTopMargin, ignoreBottomMargin) {
|
|
527
527
|
let style = window.getComputedStyle(element);
|
|
528
|
-
return element.offsetHeight + (ignoreTopMargin ? 0 : $
|
|
528
|
+
return element.offsetHeight + (ignoreTopMargin ? 0 : $a04ee251ffcc2690$var$toNumber(style.marginTop)) + (ignoreBottomMargin ? 0 : $a04ee251ffcc2690$var$toNumber(style.marginBottom));
|
|
529
529
|
}
|
|
530
|
-
function $
|
|
530
|
+
function $a04ee251ffcc2690$var$toNumber(value) {
|
|
531
531
|
let parsed = parseInt(value, 10);
|
|
532
532
|
return isNaN(parsed) ? 0 : parsed;
|
|
533
533
|
}
|
|
@@ -536,5 +536,5 @@ function $092fae2a3c3dd9ff$var$toNumber(value) {
|
|
|
536
536
|
|
|
537
537
|
|
|
538
538
|
|
|
539
|
-
export {$
|
|
539
|
+
export {$d15e9ac28055143d$re_export$Item as Item, $a04ee251ffcc2690$export$c21a5597f732a168 as ActionGroup};
|
|
540
540
|
//# sourceMappingURL=module.js.map
|