@react-spectrum/actiongroup 3.9.3-nightly.4153 → 3.9.3-nightly.4162
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/import.mjs +135 -120
- package/dist/main.css +1 -1
- package/dist/main.js +135 -120
- package/dist/main.js.map +1 -1
- package/dist/module.js +135 -120
- package/dist/module.js.map +1 -1
- package/package.json +22 -22
package/dist/main.js
CHANGED
|
@@ -48,102 +48,117 @@ $parcel$export(module.exports, "Item", () => $8vZTF$reactstatelycollections.Item
|
|
|
48
48
|
*/
|
|
49
49
|
var $afc5a4514aca2340$exports = {};
|
|
50
50
|
|
|
51
|
-
$parcel$export($afc5a4514aca2340$exports, "spectrum-Button", () => $afc5a4514aca2340$export$1db4cca5b4ade39a, (v) => $afc5a4514aca2340$export$1db4cca5b4ade39a = v);
|
|
52
|
-
$parcel$export($afc5a4514aca2340$exports, "spectrum-ActionButton", () => $afc5a4514aca2340$export$53da69f51b770d3, (v) => $afc5a4514aca2340$export$53da69f51b770d3 = v);
|
|
53
|
-
$parcel$export($afc5a4514aca2340$exports, "spectrum-LogicButton", () => $afc5a4514aca2340$export$36ae67a131730482, (v) => $afc5a4514aca2340$export$36ae67a131730482 = v);
|
|
54
|
-
$parcel$export($afc5a4514aca2340$exports, "spectrum-FieldButton", () => $afc5a4514aca2340$export$a024c99ecf6b5741, (v) => $afc5a4514aca2340$export$a024c99ecf6b5741 = v);
|
|
55
|
-
$parcel$export($afc5a4514aca2340$exports, "spectrum-ClearButton", () => $afc5a4514aca2340$export$b752ce409e5660c, (v) => $afc5a4514aca2340$export$b752ce409e5660c = v);
|
|
56
51
|
$parcel$export($afc5a4514aca2340$exports, "focus-ring", () => $afc5a4514aca2340$export$f39a09f249340e2a, (v) => $afc5a4514aca2340$export$f39a09f249340e2a = v);
|
|
57
|
-
$parcel$export($afc5a4514aca2340$exports, "
|
|
58
|
-
$parcel$export($afc5a4514aca2340$exports, "
|
|
59
|
-
$parcel$export($afc5a4514aca2340$exports, "is-hovered", () => $afc5a4514aca2340$export$b8813cd5d7824ce7, (v) => $afc5a4514aca2340$export$b8813cd5d7824ce7 = v);
|
|
60
|
-
$parcel$export($afc5a4514aca2340$exports, "spectrum-Button-label", () => $afc5a4514aca2340$export$c081ba562e204942, (v) => $afc5a4514aca2340$export$c081ba562e204942 = v);
|
|
61
|
-
$parcel$export($afc5a4514aca2340$exports, "spectrum-Button--iconOnly", () => $afc5a4514aca2340$export$c1d306ec0fae3838, (v) => $afc5a4514aca2340$export$c1d306ec0fae3838 = v);
|
|
62
|
-
$parcel$export($afc5a4514aca2340$exports, "spectrum-Button--pending", () => $afc5a4514aca2340$export$54592d0984f245d5, (v) => $afc5a4514aca2340$export$54592d0984f245d5 = v);
|
|
63
|
-
$parcel$export($afc5a4514aca2340$exports, "spectrum-Button-circleLoader", () => $afc5a4514aca2340$export$76d4531f0342bbe0, (v) => $afc5a4514aca2340$export$76d4531f0342bbe0 = v);
|
|
64
|
-
$parcel$export($afc5a4514aca2340$exports, "spectrum-ActionButton-label", () => $afc5a4514aca2340$export$ebb4635c66bacdb9, (v) => $afc5a4514aca2340$export$ebb4635c66bacdb9 = v);
|
|
65
|
-
$parcel$export($afc5a4514aca2340$exports, "spectrum-ActionButton-hold", () => $afc5a4514aca2340$export$4a4f01c443eff992, (v) => $afc5a4514aca2340$export$4a4f01c443eff992 = v);
|
|
66
|
-
$parcel$export($afc5a4514aca2340$exports, "spectrum-ActionButton--quiet", () => $afc5a4514aca2340$export$40e1f009544bacf3, (v) => $afc5a4514aca2340$export$40e1f009544bacf3 = v);
|
|
52
|
+
$parcel$export($afc5a4514aca2340$exports, "i18nFontFamily", () => $afc5a4514aca2340$export$8c4ee2c50c22c514, (v) => $afc5a4514aca2340$export$8c4ee2c50c22c514 = v);
|
|
53
|
+
$parcel$export($afc5a4514aca2340$exports, "is-active", () => $afc5a4514aca2340$export$20fd0f7cd4e6112f, (v) => $afc5a4514aca2340$export$20fd0f7cd4e6112f = v);
|
|
67
54
|
$parcel$export($afc5a4514aca2340$exports, "is-disabled", () => $afc5a4514aca2340$export$d35bc1e505d1ebbf, (v) => $afc5a4514aca2340$export$d35bc1e505d1ebbf = v);
|
|
55
|
+
$parcel$export($afc5a4514aca2340$exports, "is-focused", () => $afc5a4514aca2340$export$e7dc768d35940237, (v) => $afc5a4514aca2340$export$e7dc768d35940237 = v);
|
|
56
|
+
$parcel$export($afc5a4514aca2340$exports, "is-hovered", () => $afc5a4514aca2340$export$b8813cd5d7824ce7, (v) => $afc5a4514aca2340$export$b8813cd5d7824ce7 = v);
|
|
68
57
|
$parcel$export($afc5a4514aca2340$exports, "is-open", () => $afc5a4514aca2340$export$a9781837241c946d, (v) => $afc5a4514aca2340$export$a9781837241c946d = v);
|
|
69
|
-
$parcel$export($afc5a4514aca2340$exports, "
|
|
70
|
-
$parcel$export($afc5a4514aca2340$exports, "is-active", () => $afc5a4514aca2340$export$20fd0f7cd4e6112f, (v) => $afc5a4514aca2340$export$20fd0f7cd4e6112f = v);
|
|
71
|
-
$parcel$export($afc5a4514aca2340$exports, "spectrum-ClearButton--overBackground", () => $afc5a4514aca2340$export$116f2fccf941d34d, (v) => $afc5a4514aca2340$export$116f2fccf941d34d = v);
|
|
58
|
+
$parcel$export($afc5a4514aca2340$exports, "is-placeholder", () => $afc5a4514aca2340$export$e5b2f5233e4e5194, (v) => $afc5a4514aca2340$export$e5b2f5233e4e5194 = v);
|
|
72
59
|
$parcel$export($afc5a4514aca2340$exports, "is-selected", () => $afc5a4514aca2340$export$1e0fb04f31d3c22a, (v) => $afc5a4514aca2340$export$1e0fb04f31d3c22a = v);
|
|
60
|
+
$parcel$export($afc5a4514aca2340$exports, "spectrum-BaseButton", () => $afc5a4514aca2340$export$f7b415378ab4f839, (v) => $afc5a4514aca2340$export$f7b415378ab4f839 = v);
|
|
61
|
+
$parcel$export($afc5a4514aca2340$exports, "spectrum-FocusRing-ring", () => $afc5a4514aca2340$export$4109102f950813a6, (v) => $afc5a4514aca2340$export$4109102f950813a6 = v);
|
|
62
|
+
$parcel$export($afc5a4514aca2340$exports, "spectrum-FocusRing", () => $afc5a4514aca2340$export$24c7f46a6e3605dd, (v) => $afc5a4514aca2340$export$24c7f46a6e3605dd = v);
|
|
63
|
+
$parcel$export($afc5a4514aca2340$exports, "spectrum-ActionButton", () => $afc5a4514aca2340$export$53da69f51b770d3, (v) => $afc5a4514aca2340$export$53da69f51b770d3 = v);
|
|
73
64
|
$parcel$export($afc5a4514aca2340$exports, "spectrum-ActionButton--emphasized", () => $afc5a4514aca2340$export$5aabb61a966e266f, (v) => $afc5a4514aca2340$export$5aabb61a966e266f = v);
|
|
74
|
-
$parcel$export($afc5a4514aca2340$exports, "spectrum-ActionButton--
|
|
65
|
+
$parcel$export($afc5a4514aca2340$exports, "spectrum-ActionButton--quiet", () => $afc5a4514aca2340$export$40e1f009544bacf3, (v) => $afc5a4514aca2340$export$40e1f009544bacf3 = v);
|
|
75
66
|
$parcel$export($afc5a4514aca2340$exports, "spectrum-ActionButton--staticBlack", () => $afc5a4514aca2340$export$8f7c9db66978d20f, (v) => $afc5a4514aca2340$export$8f7c9db66978d20f = v);
|
|
76
67
|
$parcel$export($afc5a4514aca2340$exports, "spectrum-ActionButton--staticColor", () => $afc5a4514aca2340$export$29b7b5d6a5a497c5, (v) => $afc5a4514aca2340$export$29b7b5d6a5a497c5 = v);
|
|
68
|
+
$parcel$export($afc5a4514aca2340$exports, "spectrum-ActionButton--staticWhite", () => $afc5a4514aca2340$export$ccc536e1adbdc059, (v) => $afc5a4514aca2340$export$ccc536e1adbdc059 = v);
|
|
69
|
+
$parcel$export($afc5a4514aca2340$exports, "spectrum-ActionButton-hold", () => $afc5a4514aca2340$export$4a4f01c443eff992, (v) => $afc5a4514aca2340$export$4a4f01c443eff992 = v);
|
|
70
|
+
$parcel$export($afc5a4514aca2340$exports, "spectrum-ActionButton-label", () => $afc5a4514aca2340$export$ebb4635c66bacdb9, (v) => $afc5a4514aca2340$export$ebb4635c66bacdb9 = v);
|
|
71
|
+
$parcel$export($afc5a4514aca2340$exports, "spectrum-Button", () => $afc5a4514aca2340$export$1db4cca5b4ade39a, (v) => $afc5a4514aca2340$export$1db4cca5b4ade39a = v);
|
|
72
|
+
$parcel$export($afc5a4514aca2340$exports, "spectrum-Button--iconOnly", () => $afc5a4514aca2340$export$c1d306ec0fae3838, (v) => $afc5a4514aca2340$export$c1d306ec0fae3838 = v);
|
|
73
|
+
$parcel$export($afc5a4514aca2340$exports, "spectrum-Button--overBackground", () => $afc5a4514aca2340$export$5cda1128f9112d2e, (v) => $afc5a4514aca2340$export$5cda1128f9112d2e = v);
|
|
74
|
+
$parcel$export($afc5a4514aca2340$exports, "spectrum-Button--pending", () => $afc5a4514aca2340$export$54592d0984f245d5, (v) => $afc5a4514aca2340$export$54592d0984f245d5 = v);
|
|
75
|
+
$parcel$export($afc5a4514aca2340$exports, "spectrum-Button-circleLoader", () => $afc5a4514aca2340$export$76d4531f0342bbe0, (v) => $afc5a4514aca2340$export$76d4531f0342bbe0 = v);
|
|
76
|
+
$parcel$export($afc5a4514aca2340$exports, "spectrum-Button-label", () => $afc5a4514aca2340$export$c081ba562e204942, (v) => $afc5a4514aca2340$export$c081ba562e204942 = v);
|
|
77
|
+
$parcel$export($afc5a4514aca2340$exports, "spectrum-ClearButton", () => $afc5a4514aca2340$export$b752ce409e5660c, (v) => $afc5a4514aca2340$export$b752ce409e5660c = v);
|
|
78
|
+
$parcel$export($afc5a4514aca2340$exports, "spectrum-ClearButton--overBackground", () => $afc5a4514aca2340$export$116f2fccf941d34d, (v) => $afc5a4514aca2340$export$116f2fccf941d34d = v);
|
|
79
|
+
$parcel$export($afc5a4514aca2340$exports, "spectrum-ClearButton--small", () => $afc5a4514aca2340$export$49280ffa5236ba8b, (v) => $afc5a4514aca2340$export$49280ffa5236ba8b = v);
|
|
80
|
+
$parcel$export($afc5a4514aca2340$exports, "spectrum-FieldButton", () => $afc5a4514aca2340$export$a024c99ecf6b5741, (v) => $afc5a4514aca2340$export$a024c99ecf6b5741 = v);
|
|
81
|
+
$parcel$export($afc5a4514aca2340$exports, "spectrum-FieldButton--invalid", () => $afc5a4514aca2340$export$c9f503f672e8a3c1, (v) => $afc5a4514aca2340$export$c9f503f672e8a3c1 = v);
|
|
82
|
+
$parcel$export($afc5a4514aca2340$exports, "spectrum-FocusRing--quiet", () => $afc5a4514aca2340$export$2927016961429360, (v) => $afc5a4514aca2340$export$2927016961429360 = v);
|
|
83
|
+
$parcel$export($afc5a4514aca2340$exports, "spectrum-FieldButton--quiet", () => $afc5a4514aca2340$export$5ca7b274e4fff9fc, (v) => $afc5a4514aca2340$export$5ca7b274e4fff9fc = v);
|
|
84
|
+
$parcel$export($afc5a4514aca2340$exports, "spectrum-Icon", () => $afc5a4514aca2340$export$d374b04f30360026, (v) => $afc5a4514aca2340$export$d374b04f30360026 = v);
|
|
85
|
+
$parcel$export($afc5a4514aca2340$exports, "spectrum-LogicButton", () => $afc5a4514aca2340$export$36ae67a131730482, (v) => $afc5a4514aca2340$export$36ae67a131730482 = v);
|
|
77
86
|
$parcel$export($afc5a4514aca2340$exports, "spectrum-LogicButton--and", () => $afc5a4514aca2340$export$e52daab43a62c528, (v) => $afc5a4514aca2340$export$e52daab43a62c528 = v);
|
|
78
87
|
$parcel$export($afc5a4514aca2340$exports, "spectrum-LogicButton--or", () => $afc5a4514aca2340$export$da76be6126aaa633, (v) => $afc5a4514aca2340$export$da76be6126aaa633 = v);
|
|
79
|
-
$parcel$export($afc5a4514aca2340$exports, "is-focused", () => $afc5a4514aca2340$export$e7dc768d35940237, (v) => $afc5a4514aca2340$export$e7dc768d35940237 = v);
|
|
80
|
-
$parcel$export($afc5a4514aca2340$exports, "is-placeholder", () => $afc5a4514aca2340$export$e5b2f5233e4e5194, (v) => $afc5a4514aca2340$export$e5b2f5233e4e5194 = v);
|
|
81
|
-
$parcel$export($afc5a4514aca2340$exports, "spectrum-FieldButton--invalid", () => $afc5a4514aca2340$export$c9f503f672e8a3c1, (v) => $afc5a4514aca2340$export$c9f503f672e8a3c1 = v);
|
|
82
|
-
$parcel$export($afc5a4514aca2340$exports, "spectrum-Button--overBackground", () => $afc5a4514aca2340$export$5cda1128f9112d2e, (v) => $afc5a4514aca2340$export$5cda1128f9112d2e = v);
|
|
83
|
-
var $afc5a4514aca2340$export$1db4cca5b4ade39a;
|
|
84
|
-
var $afc5a4514aca2340$export$53da69f51b770d3;
|
|
85
|
-
var $afc5a4514aca2340$export$36ae67a131730482;
|
|
86
|
-
var $afc5a4514aca2340$export$a024c99ecf6b5741;
|
|
87
|
-
var $afc5a4514aca2340$export$b752ce409e5660c;
|
|
88
88
|
var $afc5a4514aca2340$export$f39a09f249340e2a;
|
|
89
|
-
var $afc5a4514aca2340$export$
|
|
90
|
-
var $afc5a4514aca2340$export$
|
|
91
|
-
var $afc5a4514aca2340$export$b8813cd5d7824ce7;
|
|
92
|
-
var $afc5a4514aca2340$export$c081ba562e204942;
|
|
93
|
-
var $afc5a4514aca2340$export$c1d306ec0fae3838;
|
|
94
|
-
var $afc5a4514aca2340$export$54592d0984f245d5;
|
|
95
|
-
var $afc5a4514aca2340$export$76d4531f0342bbe0;
|
|
96
|
-
var $afc5a4514aca2340$export$ebb4635c66bacdb9;
|
|
97
|
-
var $afc5a4514aca2340$export$4a4f01c443eff992;
|
|
98
|
-
var $afc5a4514aca2340$export$40e1f009544bacf3;
|
|
89
|
+
var $afc5a4514aca2340$export$8c4ee2c50c22c514;
|
|
90
|
+
var $afc5a4514aca2340$export$20fd0f7cd4e6112f;
|
|
99
91
|
var $afc5a4514aca2340$export$d35bc1e505d1ebbf;
|
|
92
|
+
var $afc5a4514aca2340$export$e7dc768d35940237;
|
|
93
|
+
var $afc5a4514aca2340$export$b8813cd5d7824ce7;
|
|
100
94
|
var $afc5a4514aca2340$export$a9781837241c946d;
|
|
101
|
-
var $afc5a4514aca2340$export$
|
|
102
|
-
var $afc5a4514aca2340$export$20fd0f7cd4e6112f;
|
|
103
|
-
var $afc5a4514aca2340$export$116f2fccf941d34d;
|
|
95
|
+
var $afc5a4514aca2340$export$e5b2f5233e4e5194;
|
|
104
96
|
var $afc5a4514aca2340$export$1e0fb04f31d3c22a;
|
|
97
|
+
var $afc5a4514aca2340$export$f7b415378ab4f839;
|
|
98
|
+
var $afc5a4514aca2340$export$4109102f950813a6;
|
|
99
|
+
var $afc5a4514aca2340$export$24c7f46a6e3605dd;
|
|
100
|
+
var $afc5a4514aca2340$export$53da69f51b770d3;
|
|
105
101
|
var $afc5a4514aca2340$export$5aabb61a966e266f;
|
|
106
|
-
var $afc5a4514aca2340$export$
|
|
102
|
+
var $afc5a4514aca2340$export$40e1f009544bacf3;
|
|
107
103
|
var $afc5a4514aca2340$export$8f7c9db66978d20f;
|
|
108
104
|
var $afc5a4514aca2340$export$29b7b5d6a5a497c5;
|
|
105
|
+
var $afc5a4514aca2340$export$ccc536e1adbdc059;
|
|
106
|
+
var $afc5a4514aca2340$export$4a4f01c443eff992;
|
|
107
|
+
var $afc5a4514aca2340$export$ebb4635c66bacdb9;
|
|
108
|
+
var $afc5a4514aca2340$export$1db4cca5b4ade39a;
|
|
109
|
+
var $afc5a4514aca2340$export$c1d306ec0fae3838;
|
|
110
|
+
var $afc5a4514aca2340$export$5cda1128f9112d2e;
|
|
111
|
+
var $afc5a4514aca2340$export$54592d0984f245d5;
|
|
112
|
+
var $afc5a4514aca2340$export$76d4531f0342bbe0;
|
|
113
|
+
var $afc5a4514aca2340$export$c081ba562e204942;
|
|
114
|
+
var $afc5a4514aca2340$export$b752ce409e5660c;
|
|
115
|
+
var $afc5a4514aca2340$export$116f2fccf941d34d;
|
|
116
|
+
var $afc5a4514aca2340$export$49280ffa5236ba8b;
|
|
117
|
+
var $afc5a4514aca2340$export$a024c99ecf6b5741;
|
|
118
|
+
var $afc5a4514aca2340$export$c9f503f672e8a3c1;
|
|
119
|
+
var $afc5a4514aca2340$export$2927016961429360;
|
|
120
|
+
var $afc5a4514aca2340$export$5ca7b274e4fff9fc;
|
|
121
|
+
var $afc5a4514aca2340$export$d374b04f30360026;
|
|
122
|
+
var $afc5a4514aca2340$export$36ae67a131730482;
|
|
109
123
|
var $afc5a4514aca2340$export$e52daab43a62c528;
|
|
110
124
|
var $afc5a4514aca2340$export$da76be6126aaa633;
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
$afc5a4514aca2340$export$
|
|
116
|
-
$afc5a4514aca2340$export$
|
|
117
|
-
$afc5a4514aca2340$export$
|
|
118
|
-
$afc5a4514aca2340$export$
|
|
119
|
-
$afc5a4514aca2340$export$
|
|
120
|
-
$afc5a4514aca2340$export$
|
|
121
|
-
$afc5a4514aca2340$export$
|
|
122
|
-
$afc5a4514aca2340$export$
|
|
123
|
-
$afc5a4514aca2340$export$
|
|
124
|
-
$afc5a4514aca2340$export$
|
|
125
|
-
$afc5a4514aca2340$export$
|
|
126
|
-
$afc5a4514aca2340$export$
|
|
127
|
-
$afc5a4514aca2340$export$
|
|
128
|
-
$afc5a4514aca2340$export$
|
|
129
|
-
$afc5a4514aca2340$export$4a4f01c443eff992 =
|
|
130
|
-
$afc5a4514aca2340$export$
|
|
131
|
-
$afc5a4514aca2340$export$
|
|
132
|
-
$afc5a4514aca2340$export$
|
|
133
|
-
$afc5a4514aca2340$export$
|
|
134
|
-
$afc5a4514aca2340$export$
|
|
135
|
-
$afc5a4514aca2340$export$
|
|
136
|
-
$afc5a4514aca2340$export$
|
|
137
|
-
$afc5a4514aca2340$export$
|
|
138
|
-
$afc5a4514aca2340$export$
|
|
139
|
-
$afc5a4514aca2340$export$
|
|
140
|
-
$afc5a4514aca2340$export$
|
|
141
|
-
$afc5a4514aca2340$export$
|
|
142
|
-
$afc5a4514aca2340$export$
|
|
143
|
-
$afc5a4514aca2340$export$
|
|
144
|
-
$afc5a4514aca2340$export$
|
|
145
|
-
$afc5a4514aca2340$export$
|
|
146
|
-
$afc5a4514aca2340$export$
|
|
125
|
+
$afc5a4514aca2340$export$f39a09f249340e2a = `Dniwja_focus-ring`;
|
|
126
|
+
$afc5a4514aca2340$export$8c4ee2c50c22c514 = `Dniwja_i18nFontFamily`;
|
|
127
|
+
$afc5a4514aca2340$export$20fd0f7cd4e6112f = `Dniwja_is-active`;
|
|
128
|
+
$afc5a4514aca2340$export$d35bc1e505d1ebbf = `Dniwja_is-disabled`;
|
|
129
|
+
$afc5a4514aca2340$export$e7dc768d35940237 = `Dniwja_is-focused`;
|
|
130
|
+
$afc5a4514aca2340$export$b8813cd5d7824ce7 = `Dniwja_is-hovered`;
|
|
131
|
+
$afc5a4514aca2340$export$a9781837241c946d = `Dniwja_is-open`;
|
|
132
|
+
$afc5a4514aca2340$export$e5b2f5233e4e5194 = `Dniwja_is-placeholder`;
|
|
133
|
+
$afc5a4514aca2340$export$1e0fb04f31d3c22a = `Dniwja_is-selected`;
|
|
134
|
+
$afc5a4514aca2340$export$f7b415378ab4f839 = `Dniwja_spectrum-BaseButton ${$afc5a4514aca2340$export$8c4ee2c50c22c514}`;
|
|
135
|
+
$afc5a4514aca2340$export$4109102f950813a6 = `Dniwja_spectrum-FocusRing-ring`;
|
|
136
|
+
$afc5a4514aca2340$export$24c7f46a6e3605dd = `Dniwja_spectrum-FocusRing ${$afc5a4514aca2340$export$4109102f950813a6}`;
|
|
137
|
+
$afc5a4514aca2340$export$53da69f51b770d3 = `Dniwja_spectrum-ActionButton ${$afc5a4514aca2340$export$f7b415378ab4f839} ${$afc5a4514aca2340$export$24c7f46a6e3605dd}`;
|
|
138
|
+
$afc5a4514aca2340$export$5aabb61a966e266f = `Dniwja_spectrum-ActionButton--emphasized`;
|
|
139
|
+
$afc5a4514aca2340$export$40e1f009544bacf3 = `Dniwja_spectrum-ActionButton--quiet`;
|
|
140
|
+
$afc5a4514aca2340$export$8f7c9db66978d20f = `Dniwja_spectrum-ActionButton--staticBlack`;
|
|
141
|
+
$afc5a4514aca2340$export$29b7b5d6a5a497c5 = `Dniwja_spectrum-ActionButton--staticColor`;
|
|
142
|
+
$afc5a4514aca2340$export$ccc536e1adbdc059 = `Dniwja_spectrum-ActionButton--staticWhite`;
|
|
143
|
+
$afc5a4514aca2340$export$4a4f01c443eff992 = `Dniwja_spectrum-ActionButton-hold`;
|
|
144
|
+
$afc5a4514aca2340$export$ebb4635c66bacdb9 = `Dniwja_spectrum-ActionButton-label`;
|
|
145
|
+
$afc5a4514aca2340$export$1db4cca5b4ade39a = `Dniwja_spectrum-Button ${$afc5a4514aca2340$export$f7b415378ab4f839} ${$afc5a4514aca2340$export$24c7f46a6e3605dd}`;
|
|
146
|
+
$afc5a4514aca2340$export$c1d306ec0fae3838 = `Dniwja_spectrum-Button--iconOnly`;
|
|
147
|
+
$afc5a4514aca2340$export$5cda1128f9112d2e = `Dniwja_spectrum-Button--overBackground`;
|
|
148
|
+
$afc5a4514aca2340$export$54592d0984f245d5 = `Dniwja_spectrum-Button--pending`;
|
|
149
|
+
$afc5a4514aca2340$export$76d4531f0342bbe0 = `Dniwja_spectrum-Button-circleLoader`;
|
|
150
|
+
$afc5a4514aca2340$export$c081ba562e204942 = `Dniwja_spectrum-Button-label`;
|
|
151
|
+
$afc5a4514aca2340$export$b752ce409e5660c = `Dniwja_spectrum-ClearButton ${$afc5a4514aca2340$export$f7b415378ab4f839} ${$afc5a4514aca2340$export$24c7f46a6e3605dd}`;
|
|
152
|
+
$afc5a4514aca2340$export$116f2fccf941d34d = `Dniwja_spectrum-ClearButton--overBackground`;
|
|
153
|
+
$afc5a4514aca2340$export$49280ffa5236ba8b = `Dniwja_spectrum-ClearButton--small`;
|
|
154
|
+
$afc5a4514aca2340$export$a024c99ecf6b5741 = `Dniwja_spectrum-FieldButton ${$afc5a4514aca2340$export$f7b415378ab4f839} ${$afc5a4514aca2340$export$24c7f46a6e3605dd}`;
|
|
155
|
+
$afc5a4514aca2340$export$c9f503f672e8a3c1 = `Dniwja_spectrum-FieldButton--invalid`;
|
|
156
|
+
$afc5a4514aca2340$export$2927016961429360 = `Dniwja_spectrum-FocusRing--quiet`;
|
|
157
|
+
$afc5a4514aca2340$export$5ca7b274e4fff9fc = `Dniwja_spectrum-FieldButton--quiet ${$afc5a4514aca2340$export$2927016961429360}`;
|
|
158
|
+
$afc5a4514aca2340$export$d374b04f30360026 = `Dniwja_spectrum-Icon`;
|
|
159
|
+
$afc5a4514aca2340$export$36ae67a131730482 = `Dniwja_spectrum-LogicButton ${$afc5a4514aca2340$export$f7b415378ab4f839} ${$afc5a4514aca2340$export$24c7f46a6e3605dd}`;
|
|
160
|
+
$afc5a4514aca2340$export$e52daab43a62c528 = `Dniwja_spectrum-LogicButton--and`;
|
|
161
|
+
$afc5a4514aca2340$export$da76be6126aaa633 = `Dniwja_spectrum-LogicButton--or`;
|
|
147
162
|
|
|
148
163
|
|
|
149
164
|
|
|
@@ -160,52 +175,52 @@ var $d9f76447f7a8d3f9$exports = {};
|
|
|
160
175
|
|
|
161
176
|
$parcel$export($d9f76447f7a8d3f9$exports, "flex-container", () => $d9f76447f7a8d3f9$export$69d7a39fa31a000b, (v) => $d9f76447f7a8d3f9$export$69d7a39fa31a000b = v);
|
|
162
177
|
$parcel$export($d9f76447f7a8d3f9$exports, "flex-gap", () => $d9f76447f7a8d3f9$export$31a9da8b58047a44, (v) => $d9f76447f7a8d3f9$export$31a9da8b58047a44 = v);
|
|
178
|
+
$parcel$export($d9f76447f7a8d3f9$exports, "is-hovered", () => $d9f76447f7a8d3f9$export$b8813cd5d7824ce7, (v) => $d9f76447f7a8d3f9$export$b8813cd5d7824ce7 = v);
|
|
179
|
+
$parcel$export($d9f76447f7a8d3f9$exports, "is-selected", () => $d9f76447f7a8d3f9$export$1e0fb04f31d3c22a, (v) => $d9f76447f7a8d3f9$export$1e0fb04f31d3c22a = v);
|
|
163
180
|
$parcel$export($d9f76447f7a8d3f9$exports, "spectrum-ActionGroup", () => $d9f76447f7a8d3f9$export$cd2a778fcee9ca5c, (v) => $d9f76447f7a8d3f9$export$cd2a778fcee9ca5c = v);
|
|
164
|
-
$parcel$export($d9f76447f7a8d3f9$exports, "spectrum-ActionGroup-item", () => $d9f76447f7a8d3f9$export$94ffe66966d2f53b, (v) => $d9f76447f7a8d3f9$export$94ffe66966d2f53b = v);
|
|
165
|
-
$parcel$export($d9f76447f7a8d3f9$exports, "spectrum-ActionGroup--vertical", () => $d9f76447f7a8d3f9$export$b76f0727b879d41c, (v) => $d9f76447f7a8d3f9$export$b76f0727b879d41c = v);
|
|
166
|
-
$parcel$export($d9f76447f7a8d3f9$exports, "spectrum-ActionGroup--quiet", () => $d9f76447f7a8d3f9$export$72623314301ff89b, (v) => $d9f76447f7a8d3f9$export$72623314301ff89b = v);
|
|
167
|
-
$parcel$export($d9f76447f7a8d3f9$exports, "spectrum-ActionGroup--justified", () => $d9f76447f7a8d3f9$export$565332043c1dc688, (v) => $d9f76447f7a8d3f9$export$565332043c1dc688 = v);
|
|
168
181
|
$parcel$export($d9f76447f7a8d3f9$exports, "spectrum-ActionGroup--compact", () => $d9f76447f7a8d3f9$export$a8ccf3eb925252bd, (v) => $d9f76447f7a8d3f9$export$a8ccf3eb925252bd = v);
|
|
169
|
-
$parcel$export($d9f76447f7a8d3f9$exports, "spectrum-ActionGroup
|
|
170
|
-
$parcel$export($d9f76447f7a8d3f9$exports, "is-selected", () => $d9f76447f7a8d3f9$export$1e0fb04f31d3c22a, (v) => $d9f76447f7a8d3f9$export$1e0fb04f31d3c22a = v);
|
|
171
|
-
$parcel$export($d9f76447f7a8d3f9$exports, "is-hovered", () => $d9f76447f7a8d3f9$export$b8813cd5d7824ce7, (v) => $d9f76447f7a8d3f9$export$b8813cd5d7824ce7 = v);
|
|
182
|
+
$parcel$export($d9f76447f7a8d3f9$exports, "spectrum-ActionGroup--justified", () => $d9f76447f7a8d3f9$export$565332043c1dc688, (v) => $d9f76447f7a8d3f9$export$565332043c1dc688 = v);
|
|
172
183
|
$parcel$export($d9f76447f7a8d3f9$exports, "spectrum-ActionGroup--overflowCollapse", () => $d9f76447f7a8d3f9$export$8e862a39302377c1, (v) => $d9f76447f7a8d3f9$export$8e862a39302377c1 = v);
|
|
184
|
+
$parcel$export($d9f76447f7a8d3f9$exports, "spectrum-ActionGroup--quiet", () => $d9f76447f7a8d3f9$export$72623314301ff89b, (v) => $d9f76447f7a8d3f9$export$72623314301ff89b = v);
|
|
185
|
+
$parcel$export($d9f76447f7a8d3f9$exports, "spectrum-ActionGroup--vertical", () => $d9f76447f7a8d3f9$export$b76f0727b879d41c, (v) => $d9f76447f7a8d3f9$export$b76f0727b879d41c = v);
|
|
186
|
+
$parcel$export($d9f76447f7a8d3f9$exports, "spectrum-ActionGroup-item", () => $d9f76447f7a8d3f9$export$94ffe66966d2f53b, (v) => $d9f76447f7a8d3f9$export$94ffe66966d2f53b = v);
|
|
187
|
+
$parcel$export($d9f76447f7a8d3f9$exports, "spectrum-ActionGroup-item--iconOnly", () => $d9f76447f7a8d3f9$export$db27a979adeba484, (v) => $d9f76447f7a8d3f9$export$db27a979adeba484 = v);
|
|
188
|
+
$parcel$export($d9f76447f7a8d3f9$exports, "spectrum-ActionGroup-item--isDisabled", () => $d9f76447f7a8d3f9$export$e5274b4bc2184bc9, (v) => $d9f76447f7a8d3f9$export$e5274b4bc2184bc9 = v);
|
|
173
189
|
$parcel$export($d9f76447f7a8d3f9$exports, "spectrum-ActionGroup-menu", () => $d9f76447f7a8d3f9$export$a56eb57dbecb1bdd, (v) => $d9f76447f7a8d3f9$export$a56eb57dbecb1bdd = v);
|
|
174
190
|
$parcel$export($d9f76447f7a8d3f9$exports, "spectrum-ActionGroup-menu-chevron", () => $d9f76447f7a8d3f9$export$96da682f48d2c62a, (v) => $d9f76447f7a8d3f9$export$96da682f48d2c62a = v);
|
|
175
191
|
$parcel$export($d9f76447f7a8d3f9$exports, "spectrum-ActionGroup-menu-contents", () => $d9f76447f7a8d3f9$export$1733ee5cd2fc5d66, (v) => $d9f76447f7a8d3f9$export$1733ee5cd2fc5d66 = v);
|
|
176
|
-
$parcel$export($d9f76447f7a8d3f9$exports, "spectrum-ActionGroup-item--iconOnly", () => $d9f76447f7a8d3f9$export$db27a979adeba484, (v) => $d9f76447f7a8d3f9$export$db27a979adeba484 = v);
|
|
177
192
|
var $d9f76447f7a8d3f9$export$69d7a39fa31a000b;
|
|
178
193
|
var $d9f76447f7a8d3f9$export$31a9da8b58047a44;
|
|
194
|
+
var $d9f76447f7a8d3f9$export$b8813cd5d7824ce7;
|
|
195
|
+
var $d9f76447f7a8d3f9$export$1e0fb04f31d3c22a;
|
|
179
196
|
var $d9f76447f7a8d3f9$export$cd2a778fcee9ca5c;
|
|
180
|
-
var $d9f76447f7a8d3f9$export$94ffe66966d2f53b;
|
|
181
|
-
var $d9f76447f7a8d3f9$export$b76f0727b879d41c;
|
|
182
|
-
var $d9f76447f7a8d3f9$export$72623314301ff89b;
|
|
183
|
-
var $d9f76447f7a8d3f9$export$565332043c1dc688;
|
|
184
197
|
var $d9f76447f7a8d3f9$export$a8ccf3eb925252bd;
|
|
185
|
-
var $d9f76447f7a8d3f9$export$
|
|
186
|
-
var $d9f76447f7a8d3f9$export$1e0fb04f31d3c22a;
|
|
187
|
-
var $d9f76447f7a8d3f9$export$b8813cd5d7824ce7;
|
|
198
|
+
var $d9f76447f7a8d3f9$export$565332043c1dc688;
|
|
188
199
|
var $d9f76447f7a8d3f9$export$8e862a39302377c1;
|
|
200
|
+
var $d9f76447f7a8d3f9$export$72623314301ff89b;
|
|
201
|
+
var $d9f76447f7a8d3f9$export$b76f0727b879d41c;
|
|
202
|
+
var $d9f76447f7a8d3f9$export$94ffe66966d2f53b;
|
|
203
|
+
var $d9f76447f7a8d3f9$export$db27a979adeba484;
|
|
204
|
+
var $d9f76447f7a8d3f9$export$e5274b4bc2184bc9;
|
|
189
205
|
var $d9f76447f7a8d3f9$export$a56eb57dbecb1bdd;
|
|
190
206
|
var $d9f76447f7a8d3f9$export$96da682f48d2c62a;
|
|
191
207
|
var $d9f76447f7a8d3f9$export$1733ee5cd2fc5d66;
|
|
192
|
-
|
|
193
|
-
$d9f76447f7a8d3f9$export$
|
|
194
|
-
$d9f76447f7a8d3f9$export$
|
|
195
|
-
$d9f76447f7a8d3f9$export$
|
|
196
|
-
$d9f76447f7a8d3f9$export$
|
|
197
|
-
$d9f76447f7a8d3f9$export$
|
|
198
|
-
$d9f76447f7a8d3f9$export$
|
|
199
|
-
$d9f76447f7a8d3f9$export$
|
|
200
|
-
$d9f76447f7a8d3f9$export$
|
|
201
|
-
$d9f76447f7a8d3f9$export$
|
|
202
|
-
$d9f76447f7a8d3f9$export$
|
|
203
|
-
$d9f76447f7a8d3f9$export$
|
|
204
|
-
$d9f76447f7a8d3f9$export$
|
|
205
|
-
$d9f76447f7a8d3f9$export$a56eb57dbecb1bdd =
|
|
206
|
-
$d9f76447f7a8d3f9$export$96da682f48d2c62a =
|
|
207
|
-
$d9f76447f7a8d3f9$export$1733ee5cd2fc5d66 =
|
|
208
|
-
$d9f76447f7a8d3f9$export$db27a979adeba484 = "spectrum-ActionGroup-item--iconOnly_7684cb";
|
|
208
|
+
$d9f76447f7a8d3f9$export$69d7a39fa31a000b = `OizFzW_flex-container`;
|
|
209
|
+
$d9f76447f7a8d3f9$export$31a9da8b58047a44 = `OizFzW_flex-gap`;
|
|
210
|
+
$d9f76447f7a8d3f9$export$b8813cd5d7824ce7 = `OizFzW_is-hovered`;
|
|
211
|
+
$d9f76447f7a8d3f9$export$1e0fb04f31d3c22a = `OizFzW_is-selected`;
|
|
212
|
+
$d9f76447f7a8d3f9$export$cd2a778fcee9ca5c = `OizFzW_spectrum-ActionGroup`;
|
|
213
|
+
$d9f76447f7a8d3f9$export$a8ccf3eb925252bd = `OizFzW_spectrum-ActionGroup--compact`;
|
|
214
|
+
$d9f76447f7a8d3f9$export$565332043c1dc688 = `OizFzW_spectrum-ActionGroup--justified`;
|
|
215
|
+
$d9f76447f7a8d3f9$export$8e862a39302377c1 = `OizFzW_spectrum-ActionGroup--overflowCollapse`;
|
|
216
|
+
$d9f76447f7a8d3f9$export$72623314301ff89b = `OizFzW_spectrum-ActionGroup--quiet`;
|
|
217
|
+
$d9f76447f7a8d3f9$export$b76f0727b879d41c = `OizFzW_spectrum-ActionGroup--vertical`;
|
|
218
|
+
$d9f76447f7a8d3f9$export$94ffe66966d2f53b = `OizFzW_spectrum-ActionGroup-item`;
|
|
219
|
+
$d9f76447f7a8d3f9$export$db27a979adeba484 = `OizFzW_spectrum-ActionGroup-item--iconOnly`;
|
|
220
|
+
$d9f76447f7a8d3f9$export$e5274b4bc2184bc9 = `OizFzW_spectrum-ActionGroup-item--isDisabled`;
|
|
221
|
+
$d9f76447f7a8d3f9$export$a56eb57dbecb1bdd = `OizFzW_spectrum-ActionGroup-menu`;
|
|
222
|
+
$d9f76447f7a8d3f9$export$96da682f48d2c62a = `OizFzW_spectrum-ActionGroup-menu-chevron`;
|
|
223
|
+
$d9f76447f7a8d3f9$export$1733ee5cd2fc5d66 = `OizFzW_spectrum-ActionGroup-menu-contents`;
|
|
209
224
|
|
|
210
225
|
|
|
211
226
|
|
|
@@ -214,28 +229,28 @@ $d9f76447f7a8d3f9$export$db27a979adeba484 = "spectrum-ActionGroup-item--iconOnly
|
|
|
214
229
|
function $9f46a6387592b67c$var$ActionGroup(props, ref) {
|
|
215
230
|
props = (0, $8vZTF$reactspectrumprovider.useProviderProps)(props);
|
|
216
231
|
props = (0, $8vZTF$reactspectrumutils.useSlotProps)(props, "actionGroup");
|
|
217
|
-
let { isEmphasized: isEmphasized
|
|
232
|
+
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;
|
|
218
233
|
let domRef = (0, $8vZTF$reactspectrumutils.useDOMRef)(ref);
|
|
219
234
|
let wrapperRef = (0, $8vZTF$react.useRef)(null);
|
|
220
235
|
let state = (0, $8vZTF$reactstatelylist.useListState)({
|
|
221
236
|
...props,
|
|
222
237
|
suppressTextValueWarning: true
|
|
223
238
|
});
|
|
224
|
-
let { actionGroupProps: actionGroupProps
|
|
239
|
+
let { actionGroupProps: actionGroupProps } = (0, $8vZTF$reactariaactiongroup.useActionGroup)(props, state, domRef);
|
|
225
240
|
let isVertical = orientation === "vertical";
|
|
226
241
|
let providerProps = {
|
|
227
242
|
isEmphasized: isEmphasized,
|
|
228
243
|
isDisabled: isDisabled,
|
|
229
244
|
isQuiet: isQuiet
|
|
230
245
|
};
|
|
231
|
-
let { styleProps: styleProps
|
|
246
|
+
let { styleProps: styleProps } = (0, $8vZTF$reactspectrumutils.useStyleProps)(props);
|
|
232
247
|
// Only hide button text if every item contains more than just plain text (we assume an icon).
|
|
233
248
|
let isIconCollapsible = (0, $8vZTF$react.useMemo)(()=>[
|
|
234
249
|
...state.collection
|
|
235
250
|
].every((item)=>typeof item.rendered !== "string"), [
|
|
236
251
|
state.collection
|
|
237
252
|
]);
|
|
238
|
-
let [{ visibleItems: visibleItems
|
|
253
|
+
let [{ visibleItems: visibleItems, hideButtonText: hideButtonText, isMeasuring: isMeasuring }, setVisibleItems] = (0, $8vZTF$reactariautils.useValueEffect)({
|
|
239
254
|
visibleItems: state.collection.size,
|
|
240
255
|
hideButtonText: buttonLabelBehavior === "hide" && isIconCollapsible,
|
|
241
256
|
isMeasuring: false
|
|
@@ -399,14 +414,14 @@ function $9f46a6387592b67c$var$ActionGroup(props, ref) {
|
|
|
399
414
|
/**
|
|
400
415
|
* An ActionGroup is a grouping of ActionButtons that are related to one another.
|
|
401
416
|
*/ const $9f46a6387592b67c$export$c21a5597f732a168 = /*#__PURE__*/ (0, $8vZTF$react.forwardRef)($9f46a6387592b67c$var$ActionGroup);
|
|
402
|
-
function $9f46a6387592b67c$var$ActionGroupItem({ item: item
|
|
417
|
+
function $9f46a6387592b67c$var$ActionGroupItem({ item: item, state: state, isDisabled: isDisabled, isEmphasized: isEmphasized, staticColor: staticColor, onAction: onAction, hideButtonText: hideButtonText, orientation: orientation }) {
|
|
403
418
|
let ref = (0, $8vZTF$react.useRef)(null);
|
|
404
|
-
let { buttonProps: buttonProps
|
|
419
|
+
let { buttonProps: buttonProps } = (0, $8vZTF$reactariaactiongroup.useActionGroupItem)({
|
|
405
420
|
key: item.key
|
|
406
421
|
}, state);
|
|
407
422
|
isDisabled = isDisabled || state.disabledKeys.has(item.key);
|
|
408
423
|
let isSelected = state.selectionManager.isSelected(item.key);
|
|
409
|
-
let { hoverProps: hoverProps
|
|
424
|
+
let { hoverProps: hoverProps, isHovered: isHovered } = (0, $8vZTF$reactariainteractions.useHover)({
|
|
410
425
|
isDisabled: isDisabled
|
|
411
426
|
});
|
|
412
427
|
let domProps = (0, $8vZTF$reactariautils.filterDOMProps)(item.props);
|
|
@@ -456,18 +471,18 @@ function $9f46a6387592b67c$var$ActionGroupItem({ item: item , state: state , isD
|
|
|
456
471
|
if (item.wrapper) button = item.wrapper(button);
|
|
457
472
|
return button;
|
|
458
473
|
}
|
|
459
|
-
function $9f46a6387592b67c$var$ActionGroupMenu({ state: state
|
|
474
|
+
function $9f46a6387592b67c$var$ActionGroupMenu({ state: state, isDisabled: isDisabled, isEmphasized: isEmphasized, staticColor: staticColor, items: items, onAction: onAction, summaryIcon: summaryIcon, hideButtonText: hideButtonText, isOnlyItem: isOnlyItem, orientation: orientation, ...otherProps }) {
|
|
460
475
|
// Use the key of the first item within the menu as the key of the button.
|
|
461
476
|
// The key must actually exist in the collection for focus to work correctly.
|
|
462
477
|
let key = items[0].key;
|
|
463
|
-
let { buttonProps: buttonProps
|
|
478
|
+
let { buttonProps: buttonProps } = (0, $8vZTF$reactariaactiongroup.useActionGroupItem)({
|
|
464
479
|
key: key
|
|
465
480
|
}, state);
|
|
466
481
|
// The menu button shouldn't act like an actual action group item.
|
|
467
482
|
delete buttonProps.onPress;
|
|
468
483
|
delete buttonProps.role;
|
|
469
484
|
delete buttonProps["aria-checked"];
|
|
470
|
-
let { hoverProps: hoverProps
|
|
485
|
+
let { hoverProps: hoverProps, isHovered: isHovered } = (0, $8vZTF$reactariainteractions.useHover)({
|
|
471
486
|
isDisabled: isDisabled
|
|
472
487
|
});
|
|
473
488
|
// If no aria-label or aria-labelledby is given, provide a default one.
|
package/dist/main.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"mappings":"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","sources":["packages/@react-spectrum/actiongroup/src/index.ts","packages/@react-spectrum/actiongroup/src/ActionGroup.tsx","packages/@adobe/spectrum-css-temp/components/button/vars.css","packages/@adobe/spectrum-css-temp/components/actiongroup/vars.css"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n/// <reference types=\"css-module-types\" />\nexport {ActionGroup} from './ActionGroup';\nexport {Item} from '@react-stately/collections';\nexport type {SpectrumActionGroupProps} from '@react-types/actiongroup';\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {ActionButton} from '@react-spectrum/button';\nimport {AriaLabelingProps, DOMProps, DOMRef, Node, StyleProps} from '@react-types/shared';\nimport buttonStyles from '@adobe/spectrum-css-temp/components/button/vars.css';\nimport ChevronDownMedium from '@spectrum-icons/ui/ChevronDownMedium';\nimport {\n classNames,\n ClearSlots,\n SlotProvider,\n useDOMRef,\n useSlotProps,\n useStyleProps\n} from '@react-spectrum/utils';\nimport {filterDOMProps, mergeProps, useId, useLayoutEffect, useResizeObserver, useValueEffect} from '@react-aria/utils';\nimport {FocusScope} from '@react-aria/focus';\nimport {Item, Menu, MenuTrigger} from '@react-spectrum/menu';\nimport {ListState, useListState} from '@react-stately/list';\nimport More from '@spectrum-icons/workflow/More';\nimport {PressResponder, useHover} from '@react-aria/interactions';\nimport {Provider, useProviderProps} from '@react-spectrum/provider';\nimport React, {forwardRef, Key, ReactElement, ReactNode, useCallback, useMemo, useRef, useState} from 'react';\nimport {SpectrumActionGroupProps} from '@react-types/actiongroup';\nimport styles from '@adobe/spectrum-css-temp/components/actiongroup/vars.css';\nimport {Text} from '@react-spectrum/text';\nimport {Tooltip, TooltipTrigger} from '@react-spectrum/tooltip';\nimport {useActionGroup, useActionGroupItem} from '@react-aria/actiongroup';\n\n\nfunction ActionGroup<T extends object>(props: SpectrumActionGroupProps<T>, ref: DOMRef<HTMLDivElement>) {\n props = useProviderProps(props);\n props = useSlotProps(props, 'actionGroup');\n\n let {\n isEmphasized,\n density,\n isJustified,\n isDisabled,\n orientation = 'horizontal',\n isQuiet,\n staticColor,\n overflowMode = 'wrap',\n onAction,\n buttonLabelBehavior,\n summaryIcon,\n ...otherProps\n } = props;\n\n let domRef = useDOMRef(ref);\n let wrapperRef = useRef<HTMLDivElement>(null);\n let state = useListState({...props, suppressTextValueWarning: true});\n let {actionGroupProps} = useActionGroup(props, state, domRef);\n let isVertical = orientation === 'vertical';\n let providerProps = {isEmphasized, isDisabled, isQuiet};\n let {styleProps} = useStyleProps(props);\n\n // Only hide button text if every item contains more than just plain text (we assume an icon).\n let isIconCollapsible = useMemo(() => [...state.collection].every(item => typeof item.rendered !== 'string'), [state.collection]);\n let [{visibleItems, hideButtonText, isMeasuring}, setVisibleItems] = useValueEffect({\n visibleItems: state.collection.size,\n hideButtonText: buttonLabelBehavior === 'hide' && isIconCollapsible,\n isMeasuring: false\n });\n\n let selectionMode = state.selectionManager.selectionMode;\n let updateOverflow = useCallback(() => {\n if (overflowMode === 'wrap') {\n return;\n }\n\n if (orientation === 'vertical' && selectionMode !== 'none') {\n // Collapsing vertical action groups with selection is currently unsupported by Spectrum.\n return;\n }\n\n let computeVisibleItems = (visibleItems: number) => {\n if (domRef.current && wrapperRef.current) {\n let listItems = Array.from(domRef.current.children) as HTMLLIElement[];\n let containerSize = orientation === 'horizontal' ? wrapperRef.current.offsetWidth : wrapperRef.current.offsetHeight;\n let isShowingMenu = visibleItems < state.collection.size;\n let calculatedSize = 0;\n let newVisibleItems = 0;\n\n if (isShowingMenu) {\n let item = listItems.pop();\n if (item) {\n calculatedSize += orientation === 'horizontal'\n ? outerWidth(item, false, true)\n : outerHeight(item, false, true);\n }\n }\n\n for (let [i, item] of listItems.entries()) {\n calculatedSize += orientation === 'horizontal'\n ? outerWidth(item, i === 0, i === listItems.length - 1)\n : outerHeight(item, i === 0, i === listItems.length - 1);\n if (calculatedSize <= containerSize) {\n newVisibleItems++;\n } else {\n break;\n }\n }\n\n // If selection is enabled, and not all of the items fit, collapse all of them into a dropdown\n // immediately rather than having some visible and some not.\n if (selectionMode !== 'none' && newVisibleItems < state.collection.size) {\n return 0;\n }\n\n return newVisibleItems;\n }\n return visibleItems;\n };\n\n setVisibleItems(function *() {\n let hideButtonText = buttonLabelBehavior === 'hide' && isIconCollapsible;\n\n // Update to show all items.\n yield {\n visibleItems: state.collection.size,\n hideButtonText,\n isMeasuring: true\n };\n\n // Measure, and update to show the items that fit.\n let newVisibleItems = computeVisibleItems(state.collection.size);\n let isMeasuring = newVisibleItems < state.collection.size && newVisibleItems > 0;\n\n // If not all of the buttons fit, and buttonLabelBehavior is 'collapse', then first try hiding\n // the button text and only showing icons. Only if that still doesn't fit collapse into a menu.\n if (newVisibleItems < state.collection.size && buttonLabelBehavior === 'collapse' && isIconCollapsible) {\n yield {\n visibleItems: state.collection.size,\n hideButtonText: true,\n isMeasuring: true\n };\n\n newVisibleItems = computeVisibleItems(state.collection.size);\n isMeasuring = newVisibleItems < state.collection.size && newVisibleItems > 0;\n hideButtonText = true;\n }\n\n yield {\n visibleItems: newVisibleItems,\n hideButtonText,\n isMeasuring\n };\n\n // If the number of items is less than the number of children,\n // then update again to ensure that the menu fits.\n if (isMeasuring) {\n yield {\n visibleItems: computeVisibleItems(newVisibleItems),\n hideButtonText,\n isMeasuring: false\n };\n }\n });\n }, [domRef, state.collection, setVisibleItems, overflowMode, selectionMode, buttonLabelBehavior, isIconCollapsible, orientation]);\n\n // Watch the parent element for size changes. Watching only the action group itself may not work\n // in all scenarios because it may not shrink when available space is reduced.\n let parentRef = useMemo(() => ({\n get current() {\n return wrapperRef.current?.parentElement;\n }\n }), [wrapperRef]);\n useResizeObserver({ref: overflowMode !== 'wrap' ? parentRef : undefined, onResize: updateOverflow});\n useLayoutEffect(updateOverflow, [updateOverflow, state.collection]);\n\n let children = [...state.collection];\n let menuItem: ReactElement | null = null;\n let menuProps = {};\n\n // If there are no visible items, don't apply any props to the action group container\n // and pass all aria labeling props through to the menu button.\n if (overflowMode === 'collapse' && visibleItems === 0) {\n menuProps = filterDOMProps(props, {labelable: true});\n actionGroupProps = {};\n }\n\n if (overflowMode === 'collapse' && visibleItems < state.collection.size) {\n let menuChildren = children.slice(visibleItems);\n children = children.slice(0, visibleItems);\n menuItem = (\n <ActionGroupMenu\n {...menuProps}\n items={menuChildren}\n onAction={onAction}\n isDisabled={isDisabled}\n isEmphasized={isEmphasized}\n staticColor={staticColor}\n state={state}\n summaryIcon={summaryIcon}\n hideButtonText={hideButtonText}\n isOnlyItem={visibleItems === 0}\n orientation={orientation} />\n );\n }\n\n let style = {\n ...styleProps.style,\n // While measuring, take up as much space as possible.\n flexBasis: isMeasuring ? '100%' : undefined\n };\n\n return (\n <FocusScope>\n <div {...styleProps} style={style} className={classNames(styles, 'flex-container', styleProps.className)} ref={wrapperRef}>\n <div\n {...actionGroupProps}\n ref={domRef}\n className={\n classNames(\n styles,\n 'flex-gap',\n 'spectrum-ActionGroup',\n {\n 'spectrum-ActionGroup--quiet': isQuiet,\n 'spectrum-ActionGroup--vertical': isVertical,\n 'spectrum-ActionGroup--compact': density === 'compact',\n 'spectrum-ActionGroup--justified': isJustified && !isMeasuring,\n 'spectrum-ActionGroup--overflowCollapse': overflowMode === 'collapse'\n },\n otherProps.UNSAFE_className\n )\n }>\n <Provider {...providerProps}>\n {children.map((item) => (\n <ActionGroupItem\n key={item.key}\n onAction={onAction}\n isDisabled={isDisabled}\n isEmphasized={isEmphasized}\n staticColor={staticColor}\n item={item}\n state={state}\n hideButtonText={hideButtonText}\n orientation={orientation} />\n ))}\n {menuItem}\n </Provider>\n </div>\n </div>\n </FocusScope>\n );\n}\n\n/**\n * An ActionGroup is a grouping of ActionButtons that are related to one another.\n */\nconst _ActionGroup = forwardRef(ActionGroup) as <T>(props: SpectrumActionGroupProps<T> & {ref?: DOMRef<HTMLDivElement>}) => ReactElement;\nexport {_ActionGroup as ActionGroup};\n\ninterface ActionGroupItemProps<T> extends DOMProps, StyleProps {\n item: Node<T>,\n state: ListState<T>,\n isDisabled?: boolean,\n isEmphasized?: boolean,\n staticColor?: 'white' | 'black',\n hideButtonText?: boolean,\n orientation?: 'horizontal' | 'vertical',\n onAction?: (key: Key) => void\n}\n\nfunction ActionGroupItem<T>({item, state, isDisabled, isEmphasized, staticColor, onAction, hideButtonText, orientation}: ActionGroupItemProps<T>) {\n let ref = useRef(null);\n let {buttonProps} = useActionGroupItem({key: item.key}, state);\n isDisabled = isDisabled || state.disabledKeys.has(item.key);\n let isSelected = state.selectionManager.isSelected(item.key);\n let {hoverProps, isHovered} = useHover({isDisabled});\n let domProps = filterDOMProps(item.props);\n\n if (onAction && !isDisabled) {\n buttonProps = mergeProps(buttonProps, {\n onPress: () => onAction(item.key)\n });\n }\n\n // If button text is hidden, we need to show it as a tooltip instead, so\n // go find the text element in the DOM after rendering.\n let textId = useId();\n let [textContent, setTextContent] = useState<string | null | undefined>('');\n useLayoutEffect(() => {\n if (hideButtonText) {\n setTextContent(document.getElementById(textId)?.textContent);\n }\n }, [hideButtonText, item.rendered, textId]);\n\n let button = (\n // Use a PressResponder to send DOM props through.\n // ActionButton doesn't allow overriding the role by default.\n <PressResponder {...mergeProps(buttonProps, hoverProps, domProps)}>\n <ClearSlots>\n <SlotProvider\n slots={{\n text: {\n id: hideButtonText ? textId : null,\n isHidden: hideButtonText\n }\n }}>\n <ActionButton\n ref={ref}\n UNSAFE_className={\n classNames(\n styles,\n 'spectrum-ActionGroup-item',\n {\n 'is-selected': isSelected,\n 'is-hovered': isHovered,\n 'spectrum-ActionGroup-item--iconOnly': hideButtonText,\n 'spectrum-ActionGroup-item--isDisabled': isDisabled\n },\n classNames(\n buttonStyles,\n {\n 'spectrum-ActionButton--emphasized': isEmphasized,\n 'is-selected': isSelected\n }\n )\n )\n }\n isDisabled={isDisabled}\n staticColor={staticColor}\n aria-label={item['aria-label']}\n aria-labelledby={item['aria-label'] == null && hideButtonText ? textId : undefined}>\n {item.rendered}\n </ActionButton>\n </SlotProvider>\n </ClearSlots>\n </PressResponder>\n );\n\n if (hideButtonText && textContent) {\n button = (\n <TooltipTrigger placement={orientation === 'vertical' ? 'end' : 'top'}>\n {button}\n <Tooltip>{textContent}</Tooltip>\n </TooltipTrigger>\n );\n }\n\n if (item.wrapper) {\n button = item.wrapper(button);\n }\n\n return button;\n}\n\ninterface ActionGroupMenuProps<T> extends AriaLabelingProps {\n state: ListState<T>,\n isDisabled?: boolean,\n isEmphasized?: boolean,\n staticColor?: 'white' | 'black',\n items: Node<T>[],\n hideButtonText?: boolean,\n summaryIcon?: ReactNode,\n isOnlyItem?: boolean,\n orientation?: 'horizontal' | 'vertical',\n onAction?: (key: Key) => void\n}\n\nfunction ActionGroupMenu<T>({state, isDisabled, isEmphasized, staticColor, items, onAction, summaryIcon, hideButtonText, isOnlyItem, orientation, ...otherProps}: ActionGroupMenuProps<T>) {\n // Use the key of the first item within the menu as the key of the button.\n // The key must actually exist in the collection for focus to work correctly.\n let key = items[0].key;\n let {buttonProps} = useActionGroupItem({key}, state);\n\n // The menu button shouldn't act like an actual action group item.\n delete buttonProps.onPress;\n delete buttonProps.role;\n delete buttonProps['aria-checked'];\n\n let {hoverProps, isHovered} = useHover({isDisabled});\n\n // If no aria-label or aria-labelledby is given, provide a default one.\n let ariaLabel = otherProps['aria-label'] || (otherProps['aria-labelledby'] ? undefined : '…');\n let ariaLabelledby = otherProps['aria-labelledby'];\n let textId = useId();\n let id = useId();\n\n // Summary icon only applies when selection is enabled.\n if (state.selectionManager.selectionMode === 'none') {\n summaryIcon = null;\n }\n\n let iconOnly = false;\n\n // If there is a selection, show the selected state on the menu button.\n let isSelected = state.selectionManager.selectionMode !== 'none' && !state.selectionManager.isEmpty;\n\n // If single selection and empty selection is not allowed, swap the contents of the button to the selected item (like a Picker).\n if (!summaryIcon && state.selectionManager.selectionMode === 'single' && state.selectionManager.disallowEmptySelection && state.selectionManager.firstSelectedKey != null) {\n let selectedItem = state.collection.getItem(state.selectionManager.firstSelectedKey);\n if (selectedItem) {\n summaryIcon = selectedItem.rendered;\n if (typeof summaryIcon === 'string') {\n summaryIcon = <Text>{summaryIcon}</Text>;\n }\n iconOnly = !!hideButtonText;\n ariaLabelledby = `${ariaLabelledby ?? id} ${textId}`;\n }\n }\n\n if (summaryIcon) {\n // If there's a custom summary icon, also add a chevron.\n summaryIcon = (\n <>\n <ChevronDownMedium UNSAFE_className={classNames(styles, 'spectrum-ActionGroup-menu-chevron')} />\n <span className={classNames(styles, 'spectrum-ActionGroup-menu-contents', {'spectrum-ActionGroup-item--iconOnly': iconOnly})}>\n {summaryIcon}\n </span>\n </>\n );\n }\n\n return (\n // Use a PressResponder to send DOM props through.\n <MenuTrigger align={isOnlyItem ? 'start' : 'end'} direction={orientation === 'vertical' ? 'end' : 'bottom'}>\n <SlotProvider\n slots={{\n text: {\n id: hideButtonText ? textId : null,\n isHidden: hideButtonText,\n UNSAFE_className: classNames(styles, 'spectrum-ActionGroup-menu-text')\n }\n }}>\n <PressResponder {...mergeProps(buttonProps, hoverProps)}>\n <ActionButton\n {...otherProps}\n id={id}\n aria-label={ariaLabel}\n aria-labelledby={ariaLabelledby}\n UNSAFE_className={\n classNames(\n styles,\n 'spectrum-ActionGroup-item',\n 'spectrum-ActionGroup-menu',\n {\n 'is-hovered': isHovered,\n 'is-selected': isSelected\n },\n classNames(\n buttonStyles,\n {\n 'is-selected': isSelected,\n 'spectrum-ActionButton--emphasized': isEmphasized\n }\n )\n )\n }\n isDisabled={isDisabled}\n staticColor={staticColor}>\n {summaryIcon || <More />}\n </ActionButton>\n </PressResponder>\n </SlotProvider>\n <Menu\n items={items}\n disabledKeys={state.disabledKeys}\n selectionMode={state.selectionManager.selectionMode}\n selectedKeys={state.selectionManager.selectedKeys}\n disallowEmptySelection={state.selectionManager.disallowEmptySelection}\n onSelectionChange={(keys) => state.selectionManager.setSelectedKeys(keys)}\n onAction={onAction}>\n {node => <Item textValue={node.textValue} {...filterDOMProps(node.props)}>{node.rendered}</Item>}\n </Menu>\n </MenuTrigger>\n );\n}\n\nfunction outerWidth(element: HTMLElement, ignoreLeftMargin: boolean, ignoreRightMargin: boolean) {\n let style = window.getComputedStyle(element);\n return element.offsetWidth + (ignoreLeftMargin ? 0 : toNumber(style.marginLeft)) + (ignoreRightMargin ? 0 : toNumber(style.marginRight));\n}\n\n\nfunction outerHeight(element: HTMLElement, ignoreTopMargin: boolean, ignoreBottomMargin: boolean) {\n let style = window.getComputedStyle(element);\n return element.offsetHeight + (ignoreTopMargin ? 0 : toNumber(style.marginTop)) + (ignoreBottomMargin ? 0 : toNumber(style.marginBottom));\n}\n\nfunction toNumber(value: string) {\n let parsed = parseInt(value, 10);\n return isNaN(parsed) ? 0 : parsed;\n}\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n@import './index.css';\n@import './skin.css';\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n@import './index.css';\n"],"names":[],"version":3,"file":"main.js.map"}
|
|
1
|
+
{"mappings":"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","sources":["packages/@react-spectrum/actiongroup/src/index.ts","packages/@react-spectrum/actiongroup/src/ActionGroup.tsx","packages/@adobe/spectrum-css-temp/components/button/vars.css","packages/@adobe/spectrum-css-temp/components/actiongroup/vars.css"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n/// <reference types=\"css-module-types\" />\nexport {ActionGroup} from './ActionGroup';\nexport {Item} from '@react-stately/collections';\nexport type {SpectrumActionGroupProps} from '@react-types/actiongroup';\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {ActionButton} from '@react-spectrum/button';\nimport {AriaLabelingProps, DOMProps, DOMRef, Node, StyleProps} from '@react-types/shared';\nimport buttonStyles from '@adobe/spectrum-css-temp/components/button/vars.css';\nimport ChevronDownMedium from '@spectrum-icons/ui/ChevronDownMedium';\nimport {\n classNames,\n ClearSlots,\n SlotProvider,\n useDOMRef,\n useSlotProps,\n useStyleProps\n} from '@react-spectrum/utils';\nimport {filterDOMProps, mergeProps, useId, useLayoutEffect, useResizeObserver, useValueEffect} from '@react-aria/utils';\nimport {FocusScope} from '@react-aria/focus';\nimport {Item, Menu, MenuTrigger} from '@react-spectrum/menu';\nimport {ListState, useListState} from '@react-stately/list';\nimport More from '@spectrum-icons/workflow/More';\nimport {PressResponder, useHover} from '@react-aria/interactions';\nimport {Provider, useProviderProps} from '@react-spectrum/provider';\nimport React, {forwardRef, Key, ReactElement, ReactNode, useCallback, useMemo, useRef, useState} from 'react';\nimport {SpectrumActionGroupProps} from '@react-types/actiongroup';\nimport styles from '@adobe/spectrum-css-temp/components/actiongroup/vars.css';\nimport {Text} from '@react-spectrum/text';\nimport {Tooltip, TooltipTrigger} from '@react-spectrum/tooltip';\nimport {useActionGroup, useActionGroupItem} from '@react-aria/actiongroup';\n\n\nfunction ActionGroup<T extends object>(props: SpectrumActionGroupProps<T>, ref: DOMRef<HTMLDivElement>) {\n props = useProviderProps(props);\n props = useSlotProps(props, 'actionGroup');\n\n let {\n isEmphasized,\n density,\n isJustified,\n isDisabled,\n orientation = 'horizontal',\n isQuiet,\n staticColor,\n overflowMode = 'wrap',\n onAction,\n buttonLabelBehavior,\n summaryIcon,\n ...otherProps\n } = props;\n\n let domRef = useDOMRef(ref);\n let wrapperRef = useRef<HTMLDivElement>(null);\n let state = useListState({...props, suppressTextValueWarning: true});\n let {actionGroupProps} = useActionGroup(props, state, domRef);\n let isVertical = orientation === 'vertical';\n let providerProps = {isEmphasized, isDisabled, isQuiet};\n let {styleProps} = useStyleProps(props);\n\n // Only hide button text if every item contains more than just plain text (we assume an icon).\n let isIconCollapsible = useMemo(() => [...state.collection].every(item => typeof item.rendered !== 'string'), [state.collection]);\n let [{visibleItems, hideButtonText, isMeasuring}, setVisibleItems] = useValueEffect({\n visibleItems: state.collection.size,\n hideButtonText: buttonLabelBehavior === 'hide' && isIconCollapsible,\n isMeasuring: false\n });\n\n let selectionMode = state.selectionManager.selectionMode;\n let updateOverflow = useCallback(() => {\n if (overflowMode === 'wrap') {\n return;\n }\n\n if (orientation === 'vertical' && selectionMode !== 'none') {\n // Collapsing vertical action groups with selection is currently unsupported by Spectrum.\n return;\n }\n\n let computeVisibleItems = (visibleItems: number) => {\n if (domRef.current && wrapperRef.current) {\n let listItems = Array.from(domRef.current.children) as HTMLLIElement[];\n let containerSize = orientation === 'horizontal' ? wrapperRef.current.offsetWidth : wrapperRef.current.offsetHeight;\n let isShowingMenu = visibleItems < state.collection.size;\n let calculatedSize = 0;\n let newVisibleItems = 0;\n\n if (isShowingMenu) {\n let item = listItems.pop();\n if (item) {\n calculatedSize += orientation === 'horizontal'\n ? outerWidth(item, false, true)\n : outerHeight(item, false, true);\n }\n }\n\n for (let [i, item] of listItems.entries()) {\n calculatedSize += orientation === 'horizontal'\n ? outerWidth(item, i === 0, i === listItems.length - 1)\n : outerHeight(item, i === 0, i === listItems.length - 1);\n if (calculatedSize <= containerSize) {\n newVisibleItems++;\n } else {\n break;\n }\n }\n\n // If selection is enabled, and not all of the items fit, collapse all of them into a dropdown\n // immediately rather than having some visible and some not.\n if (selectionMode !== 'none' && newVisibleItems < state.collection.size) {\n return 0;\n }\n\n return newVisibleItems;\n }\n return visibleItems;\n };\n\n setVisibleItems(function *() {\n let hideButtonText = buttonLabelBehavior === 'hide' && isIconCollapsible;\n\n // Update to show all items.\n yield {\n visibleItems: state.collection.size,\n hideButtonText,\n isMeasuring: true\n };\n\n // Measure, and update to show the items that fit.\n let newVisibleItems = computeVisibleItems(state.collection.size);\n let isMeasuring = newVisibleItems < state.collection.size && newVisibleItems > 0;\n\n // If not all of the buttons fit, and buttonLabelBehavior is 'collapse', then first try hiding\n // the button text and only showing icons. Only if that still doesn't fit collapse into a menu.\n if (newVisibleItems < state.collection.size && buttonLabelBehavior === 'collapse' && isIconCollapsible) {\n yield {\n visibleItems: state.collection.size,\n hideButtonText: true,\n isMeasuring: true\n };\n\n newVisibleItems = computeVisibleItems(state.collection.size);\n isMeasuring = newVisibleItems < state.collection.size && newVisibleItems > 0;\n hideButtonText = true;\n }\n\n yield {\n visibleItems: newVisibleItems,\n hideButtonText,\n isMeasuring\n };\n\n // If the number of items is less than the number of children,\n // then update again to ensure that the menu fits.\n if (isMeasuring) {\n yield {\n visibleItems: computeVisibleItems(newVisibleItems),\n hideButtonText,\n isMeasuring: false\n };\n }\n });\n }, [domRef, state.collection, setVisibleItems, overflowMode, selectionMode, buttonLabelBehavior, isIconCollapsible, orientation]);\n\n // Watch the parent element for size changes. Watching only the action group itself may not work\n // in all scenarios because it may not shrink when available space is reduced.\n let parentRef = useMemo(() => ({\n get current() {\n return wrapperRef.current?.parentElement;\n }\n }), [wrapperRef]);\n useResizeObserver({ref: overflowMode !== 'wrap' ? parentRef : undefined, onResize: updateOverflow});\n useLayoutEffect(updateOverflow, [updateOverflow, state.collection]);\n\n let children = [...state.collection];\n let menuItem: ReactElement | null = null;\n let menuProps = {};\n\n // If there are no visible items, don't apply any props to the action group container\n // and pass all aria labeling props through to the menu button.\n if (overflowMode === 'collapse' && visibleItems === 0) {\n menuProps = filterDOMProps(props, {labelable: true});\n actionGroupProps = {};\n }\n\n if (overflowMode === 'collapse' && visibleItems < state.collection.size) {\n let menuChildren = children.slice(visibleItems);\n children = children.slice(0, visibleItems);\n menuItem = (\n <ActionGroupMenu\n {...menuProps}\n items={menuChildren}\n onAction={onAction}\n isDisabled={isDisabled}\n isEmphasized={isEmphasized}\n staticColor={staticColor}\n state={state}\n summaryIcon={summaryIcon}\n hideButtonText={hideButtonText}\n isOnlyItem={visibleItems === 0}\n orientation={orientation} />\n );\n }\n\n let style = {\n ...styleProps.style,\n // While measuring, take up as much space as possible.\n flexBasis: isMeasuring ? '100%' : undefined\n };\n\n return (\n <FocusScope>\n <div {...styleProps} style={style} className={classNames(styles, 'flex-container', styleProps.className)} ref={wrapperRef}>\n <div\n {...actionGroupProps}\n ref={domRef}\n className={\n classNames(\n styles,\n 'flex-gap',\n 'spectrum-ActionGroup',\n {\n 'spectrum-ActionGroup--quiet': isQuiet,\n 'spectrum-ActionGroup--vertical': isVertical,\n 'spectrum-ActionGroup--compact': density === 'compact',\n 'spectrum-ActionGroup--justified': isJustified && !isMeasuring,\n 'spectrum-ActionGroup--overflowCollapse': overflowMode === 'collapse'\n },\n otherProps.UNSAFE_className\n )\n }>\n <Provider {...providerProps}>\n {children.map((item) => (\n <ActionGroupItem\n key={item.key}\n onAction={onAction}\n isDisabled={isDisabled}\n isEmphasized={isEmphasized}\n staticColor={staticColor}\n item={item}\n state={state}\n hideButtonText={hideButtonText}\n orientation={orientation} />\n ))}\n {menuItem}\n </Provider>\n </div>\n </div>\n </FocusScope>\n );\n}\n\n/**\n * An ActionGroup is a grouping of ActionButtons that are related to one another.\n */\nconst _ActionGroup = forwardRef(ActionGroup) as <T>(props: SpectrumActionGroupProps<T> & {ref?: DOMRef<HTMLDivElement>}) => ReactElement;\nexport {_ActionGroup as ActionGroup};\n\ninterface ActionGroupItemProps<T> extends DOMProps, StyleProps {\n item: Node<T>,\n state: ListState<T>,\n isDisabled?: boolean,\n isEmphasized?: boolean,\n staticColor?: 'white' | 'black',\n hideButtonText?: boolean,\n orientation?: 'horizontal' | 'vertical',\n onAction?: (key: Key) => void\n}\n\nfunction ActionGroupItem<T>({item, state, isDisabled, isEmphasized, staticColor, onAction, hideButtonText, orientation}: ActionGroupItemProps<T>) {\n let ref = useRef(null);\n let {buttonProps} = useActionGroupItem({key: item.key}, state);\n isDisabled = isDisabled || state.disabledKeys.has(item.key);\n let isSelected = state.selectionManager.isSelected(item.key);\n let {hoverProps, isHovered} = useHover({isDisabled});\n let domProps = filterDOMProps(item.props);\n\n if (onAction && !isDisabled) {\n buttonProps = mergeProps(buttonProps, {\n onPress: () => onAction(item.key)\n });\n }\n\n // If button text is hidden, we need to show it as a tooltip instead, so\n // go find the text element in the DOM after rendering.\n let textId = useId();\n let [textContent, setTextContent] = useState<string | null | undefined>('');\n useLayoutEffect(() => {\n if (hideButtonText) {\n setTextContent(document.getElementById(textId)?.textContent);\n }\n }, [hideButtonText, item.rendered, textId]);\n\n let button = (\n // Use a PressResponder to send DOM props through.\n // ActionButton doesn't allow overriding the role by default.\n <PressResponder {...mergeProps(buttonProps, hoverProps, domProps)}>\n <ClearSlots>\n <SlotProvider\n slots={{\n text: {\n id: hideButtonText ? textId : null,\n isHidden: hideButtonText\n }\n }}>\n <ActionButton\n ref={ref}\n UNSAFE_className={\n classNames(\n styles,\n 'spectrum-ActionGroup-item',\n {\n 'is-selected': isSelected,\n 'is-hovered': isHovered,\n 'spectrum-ActionGroup-item--iconOnly': hideButtonText,\n 'spectrum-ActionGroup-item--isDisabled': isDisabled\n },\n classNames(\n buttonStyles,\n {\n 'spectrum-ActionButton--emphasized': isEmphasized,\n 'is-selected': isSelected\n }\n )\n )\n }\n isDisabled={isDisabled}\n staticColor={staticColor}\n aria-label={item['aria-label']}\n aria-labelledby={item['aria-label'] == null && hideButtonText ? textId : undefined}>\n {item.rendered}\n </ActionButton>\n </SlotProvider>\n </ClearSlots>\n </PressResponder>\n );\n\n if (hideButtonText && textContent) {\n button = (\n <TooltipTrigger placement={orientation === 'vertical' ? 'end' : 'top'}>\n {button}\n <Tooltip>{textContent}</Tooltip>\n </TooltipTrigger>\n );\n }\n\n if (item.wrapper) {\n button = item.wrapper(button);\n }\n\n return button;\n}\n\ninterface ActionGroupMenuProps<T> extends AriaLabelingProps {\n state: ListState<T>,\n isDisabled?: boolean,\n isEmphasized?: boolean,\n staticColor?: 'white' | 'black',\n items: Node<T>[],\n hideButtonText?: boolean,\n summaryIcon?: ReactNode,\n isOnlyItem?: boolean,\n orientation?: 'horizontal' | 'vertical',\n onAction?: (key: Key) => void\n}\n\nfunction ActionGroupMenu<T>({state, isDisabled, isEmphasized, staticColor, items, onAction, summaryIcon, hideButtonText, isOnlyItem, orientation, ...otherProps}: ActionGroupMenuProps<T>) {\n // Use the key of the first item within the menu as the key of the button.\n // The key must actually exist in the collection for focus to work correctly.\n let key = items[0].key;\n let {buttonProps} = useActionGroupItem({key}, state);\n\n // The menu button shouldn't act like an actual action group item.\n delete buttonProps.onPress;\n delete buttonProps.role;\n delete buttonProps['aria-checked'];\n\n let {hoverProps, isHovered} = useHover({isDisabled});\n\n // If no aria-label or aria-labelledby is given, provide a default one.\n let ariaLabel = otherProps['aria-label'] || (otherProps['aria-labelledby'] ? undefined : '…');\n let ariaLabelledby = otherProps['aria-labelledby'];\n let textId = useId();\n let id = useId();\n\n // Summary icon only applies when selection is enabled.\n if (state.selectionManager.selectionMode === 'none') {\n summaryIcon = null;\n }\n\n let iconOnly = false;\n\n // If there is a selection, show the selected state on the menu button.\n let isSelected = state.selectionManager.selectionMode !== 'none' && !state.selectionManager.isEmpty;\n\n // If single selection and empty selection is not allowed, swap the contents of the button to the selected item (like a Picker).\n if (!summaryIcon && state.selectionManager.selectionMode === 'single' && state.selectionManager.disallowEmptySelection && state.selectionManager.firstSelectedKey != null) {\n let selectedItem = state.collection.getItem(state.selectionManager.firstSelectedKey);\n if (selectedItem) {\n summaryIcon = selectedItem.rendered;\n if (typeof summaryIcon === 'string') {\n summaryIcon = <Text>{summaryIcon}</Text>;\n }\n iconOnly = !!hideButtonText;\n ariaLabelledby = `${ariaLabelledby ?? id} ${textId}`;\n }\n }\n\n if (summaryIcon) {\n // If there's a custom summary icon, also add a chevron.\n summaryIcon = (\n <>\n <ChevronDownMedium UNSAFE_className={classNames(styles, 'spectrum-ActionGroup-menu-chevron')} />\n <span className={classNames(styles, 'spectrum-ActionGroup-menu-contents', {'spectrum-ActionGroup-item--iconOnly': iconOnly})}>\n {summaryIcon}\n </span>\n </>\n );\n }\n\n return (\n // Use a PressResponder to send DOM props through.\n <MenuTrigger align={isOnlyItem ? 'start' : 'end'} direction={orientation === 'vertical' ? 'end' : 'bottom'}>\n <SlotProvider\n slots={{\n text: {\n id: hideButtonText ? textId : null,\n isHidden: hideButtonText,\n UNSAFE_className: classNames(styles, 'spectrum-ActionGroup-menu-text')\n }\n }}>\n <PressResponder {...mergeProps(buttonProps, hoverProps)}>\n <ActionButton\n {...otherProps}\n id={id}\n aria-label={ariaLabel}\n aria-labelledby={ariaLabelledby}\n UNSAFE_className={\n classNames(\n styles,\n 'spectrum-ActionGroup-item',\n 'spectrum-ActionGroup-menu',\n {\n 'is-hovered': isHovered,\n 'is-selected': isSelected\n },\n classNames(\n buttonStyles,\n {\n 'is-selected': isSelected,\n 'spectrum-ActionButton--emphasized': isEmphasized\n }\n )\n )\n }\n isDisabled={isDisabled}\n staticColor={staticColor}>\n {summaryIcon || <More />}\n </ActionButton>\n </PressResponder>\n </SlotProvider>\n <Menu\n items={items}\n disabledKeys={state.disabledKeys}\n selectionMode={state.selectionManager.selectionMode}\n selectedKeys={state.selectionManager.selectedKeys}\n disallowEmptySelection={state.selectionManager.disallowEmptySelection}\n onSelectionChange={(keys) => state.selectionManager.setSelectedKeys(keys)}\n onAction={onAction}>\n {node => <Item textValue={node.textValue} {...filterDOMProps(node.props)}>{node.rendered}</Item>}\n </Menu>\n </MenuTrigger>\n );\n}\n\nfunction outerWidth(element: HTMLElement, ignoreLeftMargin: boolean, ignoreRightMargin: boolean) {\n let style = window.getComputedStyle(element);\n return element.offsetWidth + (ignoreLeftMargin ? 0 : toNumber(style.marginLeft)) + (ignoreRightMargin ? 0 : toNumber(style.marginRight));\n}\n\n\nfunction outerHeight(element: HTMLElement, ignoreTopMargin: boolean, ignoreBottomMargin: boolean) {\n let style = window.getComputedStyle(element);\n return element.offsetHeight + (ignoreTopMargin ? 0 : toNumber(style.marginTop)) + (ignoreBottomMargin ? 0 : toNumber(style.marginBottom));\n}\n\nfunction toNumber(value: string) {\n let parsed = parseInt(value, 10);\n return isNaN(parsed) ? 0 : parsed;\n}\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n@import './index.css';\n@import './skin.css';\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n@import './index.css';\n"],"names":[],"version":3,"file":"main.js.map"}
|