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