@react-spectrum/actionbar 3.4.4-nightly.4555 → 3.4.4-nightly.4560
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/ActionBar.main.js +132 -0
- package/dist/ActionBar.main.js.map +1 -0
- package/dist/ActionBar.mjs +127 -0
- package/dist/ActionBar.module.js +127 -0
- package/dist/ActionBar.module.js.map +1 -0
- package/dist/ActionBarContainer.main.js +52 -0
- package/dist/ActionBarContainer.main.js.map +1 -0
- package/dist/ActionBarContainer.mjs +47 -0
- package/dist/ActionBarContainer.module.js +47 -0
- package/dist/ActionBarContainer.module.js.map +1 -0
- package/dist/{main.css → actionbar.6c2bbcbf.css} +1 -1
- package/dist/{main.css.map → actionbar.6c2bbcbf.css.map} +1 -1
- package/dist/actionbar_css.main.js +38 -0
- package/dist/actionbar_css.main.js.map +1 -0
- package/dist/actionbar_css.mjs +40 -0
- package/dist/actionbar_css.module.js +40 -0
- package/dist/actionbar_css.module.js.map +1 -0
- package/dist/ar-AE.mjs +1 -1
- package/dist/bg-BG.mjs +1 -1
- package/dist/cs-CZ.mjs +1 -1
- package/dist/da-DK.mjs +1 -1
- package/dist/de-DE.mjs +1 -1
- package/dist/el-GR.mjs +1 -1
- package/dist/en-US.mjs +1 -1
- package/dist/es-ES.mjs +1 -1
- package/dist/et-EE.mjs +1 -1
- package/dist/fi-FI.mjs +1 -1
- package/dist/fr-FR.mjs +1 -1
- package/dist/he-IL.mjs +1 -1
- package/dist/hr-HR.mjs +1 -1
- package/dist/hu-HU.mjs +1 -1
- package/dist/import.mjs +2 -297
- package/dist/intlStrings.main.js +108 -0
- package/dist/intlStrings.main.js.map +1 -0
- package/dist/intlStrings.mjs +110 -0
- package/dist/intlStrings.module.js +110 -0
- package/dist/intlStrings.module.js.map +1 -0
- package/dist/it-IT.mjs +1 -1
- package/dist/ja-JP.mjs +1 -1
- package/dist/ko-KR.mjs +1 -1
- package/dist/lt-LT.mjs +1 -1
- package/dist/lv-LV.mjs +1 -1
- package/dist/main.js +4 -295
- package/dist/main.js.map +1 -1
- package/dist/module.js +2 -297
- package/dist/module.js.map +1 -1
- package/dist/nb-NO.mjs +1 -1
- package/dist/nl-NL.mjs +1 -1
- package/dist/pl-PL.mjs +1 -1
- package/dist/pt-BR.mjs +1 -1
- package/dist/pt-PT.mjs +1 -1
- package/dist/ro-RO.mjs +1 -1
- package/dist/ru-RU.mjs +1 -1
- package/dist/sk-SK.mjs +1 -1
- package/dist/sl-SI.mjs +1 -1
- package/dist/sr-SP.mjs +1 -1
- package/dist/sv-SE.mjs +1 -1
- package/dist/tr-TR.mjs +1 -1
- package/dist/types.d.ts +2 -2
- package/dist/types.d.ts.map +1 -1
- package/dist/uk-UA.mjs +1 -1
- package/dist/zh-CN.mjs +1 -1
- package/dist/zh-TW.mjs +1 -1
- package/package.json +17 -17
- package/dist/module.css +0 -83
- package/dist/module.css.map +0 -1
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
|
|
2
|
+
function $parcel$export(e, n, v, s) {
|
|
3
|
+
Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
|
|
4
|
+
}
|
|
5
|
+
|
|
6
|
+
$parcel$export(module.exports, "ActionBarContainer", () => $ff24c7bbe0c168db$export$ac2eb07f267e434c, (v) => $ff24c7bbe0c168db$export$ac2eb07f267e434c = v);
|
|
7
|
+
$parcel$export(module.exports, "actiongroup", () => $ff24c7bbe0c168db$export$7c12d760fcaf48e4, (v) => $ff24c7bbe0c168db$export$7c12d760fcaf48e4 = v);
|
|
8
|
+
$parcel$export(module.exports, "clear", () => $ff24c7bbe0c168db$export$42ffd38884aecdac, (v) => $ff24c7bbe0c168db$export$42ffd38884aecdac = v);
|
|
9
|
+
$parcel$export(module.exports, "is-open", () => $ff24c7bbe0c168db$export$a9781837241c946d, (v) => $ff24c7bbe0c168db$export$a9781837241c946d = v);
|
|
10
|
+
$parcel$export(module.exports, "react-spectrum-ActionBar", () => $ff24c7bbe0c168db$export$71a4c2be37bc4ee5, (v) => $ff24c7bbe0c168db$export$71a4c2be37bc4ee5 = v);
|
|
11
|
+
$parcel$export(module.exports, "react-spectrum-ActionBar--emphasized", () => $ff24c7bbe0c168db$export$3377f5e3cddd68a7, (v) => $ff24c7bbe0c168db$export$3377f5e3cddd68a7 = v);
|
|
12
|
+
$parcel$export(module.exports, "react-spectrum-ActionBar-actionGroup", () => $ff24c7bbe0c168db$export$adc2706661946993, (v) => $ff24c7bbe0c168db$export$adc2706661946993 = v);
|
|
13
|
+
$parcel$export(module.exports, "react-spectrum-ActionBar-bar", () => $ff24c7bbe0c168db$export$ea5a1c79ca7998e9, (v) => $ff24c7bbe0c168db$export$ea5a1c79ca7998e9 = v);
|
|
14
|
+
$parcel$export(module.exports, "react-spectrum-ActionBar-selectedCount", () => $ff24c7bbe0c168db$export$8b9fb52122670f9e, (v) => $ff24c7bbe0c168db$export$8b9fb52122670f9e = v);
|
|
15
|
+
$parcel$export(module.exports, "selected", () => $ff24c7bbe0c168db$export$d90250155de6d7e7, (v) => $ff24c7bbe0c168db$export$d90250155de6d7e7 = v);
|
|
16
|
+
var $ff24c7bbe0c168db$export$ac2eb07f267e434c;
|
|
17
|
+
var $ff24c7bbe0c168db$export$7c12d760fcaf48e4;
|
|
18
|
+
var $ff24c7bbe0c168db$export$42ffd38884aecdac;
|
|
19
|
+
var $ff24c7bbe0c168db$export$a9781837241c946d;
|
|
20
|
+
var $ff24c7bbe0c168db$export$71a4c2be37bc4ee5;
|
|
21
|
+
var $ff24c7bbe0c168db$export$3377f5e3cddd68a7;
|
|
22
|
+
var $ff24c7bbe0c168db$export$adc2706661946993;
|
|
23
|
+
var $ff24c7bbe0c168db$export$ea5a1c79ca7998e9;
|
|
24
|
+
var $ff24c7bbe0c168db$export$8b9fb52122670f9e;
|
|
25
|
+
var $ff24c7bbe0c168db$export$d90250155de6d7e7;
|
|
26
|
+
$ff24c7bbe0c168db$export$ac2eb07f267e434c = `R4yOqG_ActionBarContainer`;
|
|
27
|
+
$ff24c7bbe0c168db$export$7c12d760fcaf48e4 = `R4yOqG_actiongroup`;
|
|
28
|
+
$ff24c7bbe0c168db$export$42ffd38884aecdac = `R4yOqG_clear`;
|
|
29
|
+
$ff24c7bbe0c168db$export$a9781837241c946d = `R4yOqG_is-open`;
|
|
30
|
+
$ff24c7bbe0c168db$export$71a4c2be37bc4ee5 = `R4yOqG_react-spectrum-ActionBar`;
|
|
31
|
+
$ff24c7bbe0c168db$export$3377f5e3cddd68a7 = `R4yOqG_react-spectrum-ActionBar--emphasized`;
|
|
32
|
+
$ff24c7bbe0c168db$export$adc2706661946993 = `R4yOqG_react-spectrum-ActionBar-actionGroup`;
|
|
33
|
+
$ff24c7bbe0c168db$export$ea5a1c79ca7998e9 = `R4yOqG_react-spectrum-ActionBar-bar`;
|
|
34
|
+
$ff24c7bbe0c168db$export$8b9fb52122670f9e = `R4yOqG_react-spectrum-ActionBar-selectedCount`;
|
|
35
|
+
$ff24c7bbe0c168db$export$d90250155de6d7e7 = `R4yOqG_selected`;
|
|
36
|
+
|
|
37
|
+
|
|
38
|
+
//# sourceMappingURL=actionbar_css.main.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"mappings":";;;;;;;;;;;;;;;AAAA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AATA,4CAAuC,CAAC,yBAAyB,CAAC;AAClE,4CAAgC,CAAC,kBAAkB,CAAC;AACpD,4CAA0B,CAAC,YAAY,CAAC;AACxC,4CAA4B,CAAC,cAAc,CAAC;AAC5C,4CAA6C,CAAC,+BAA+B,CAAC;AAC9E,4CAAyD,CAAC,2CAA2C,CAAC;AACtG,4CAAyD,CAAC,2CAA2C,CAAC;AACtG,4CAAiD,CAAC,mCAAmC,CAAC;AACtF,4CAA2D,CAAC,6CAA6C,CAAC;AAC1G,4CAA6B,CAAC,eAAe,CAAC","sources":["packages/@react-spectrum/actionbar/src/actionbar.css"],"sourcesContent":[".ActionBarContainer {\n display: flex;\n flex-direction: column;\n position: relative;\n\n & > :not(.react-spectrum-ActionBar) {\n flex: 1;\n min-height: 0;\n }\n\n & > .react-spectrum-ActionBar {\n flex: 0 0 auto;\n }\n}\n\n.react-spectrum-ActionBar {\n transition: height var(--spectrum-global-animation-duration-100) ease-in-out,\n opacity var(--spectrum-global-animation-duration-100) ease-in-out;\n\n /* Take up no space when not open */\n block-size: 0;\n opacity: 0;\n width: 100%;\n\n /* Clip anything outside of us, whether we're open or not. This makes the animation smooth */\n overflow: hidden;\n\n &.is-open {\n height: calc(var(--spectrum-global-dimension-size-600) + var(--spectrum-global-dimension-size-100) * 2);\n opacity: 1;\n transition-delay: 0ms;\n }\n\n .react-spectrum-ActionBar-bar {\n display: grid;\n grid-template-areas: \"clear selected . actiongroup\";\n grid-template-columns: auto max-content minmax(var(--spectrum-global-dimension-size-300), 1fr) auto;\n align-items: center;\n isolation: isolate;\n justify-content: space-between;\n padding: var(--spectrum-global-dimension-size-100);\n\n position: absolute;\n bottom: var(--spectrum-global-dimension-size-100);\n left: var(--spectrum-global-dimension-size-100);\n right: var(--spectrum-global-dimension-size-100);\n max-width: 960px;\n margin: 0 auto;\n\n background: var(--spectrum-global-color-gray-50);\n border-radius: var(--spectrum-popover-border-radius);\n border-style: solid;\n border-width: var(--spectrum-popover-border-size);\n border-color: var(--spectrum-popover-border-color);\n box-shadow: 0 2px 8px var(--spectrum-alias-dropshadow-color);\n\n transform: translateY(var(--spectrum-overlay-positive-transform-distance));\n transition: transform var(--spectrum-global-animation-duration-100) ease-in-out;\n }\n\n &.is-open .react-spectrum-ActionBar-bar {\n transform: translateY(0);\n }\n\n &.react-spectrum-ActionBar--emphasized .react-spectrum-ActionBar-bar {\n background: var(--spectrum-global-color-static-blue-700);\n color: white;\n box-shadow: 0 2px 6px var(--spectrum-alias-dropshadow-color);\n border: none;\n }\n\n .react-spectrum-ActionBar-selectedCount {\n grid-area: selected;\n padding: 0 var(--spectrum-global-dimension-size-50);\n user-select: none;\n cursor: default;\n }\n\n .react-spectrum-ActionBar-actionGroup {\n grid-area: actiongroup;\n min-width: 0;\n }\n}\n@media (forced-colors: active) {\n .react-spectrum-ActionBar {\n &.react-spectrum-ActionBar--emphasized .react-spectrum-ActionBar-bar {\n\n border: 1px solid transparent;\n }\n }\n}\n"],"names":[],"version":3,"file":"actionbar_css.main.js.map"}
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
|
|
2
|
+
function $parcel$export(e, n, v, s) {
|
|
3
|
+
Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
|
|
4
|
+
}
|
|
5
|
+
var $7bd9eeb2cd70bd0c$exports = {};
|
|
6
|
+
|
|
7
|
+
$parcel$export($7bd9eeb2cd70bd0c$exports, "ActionBarContainer", () => $7bd9eeb2cd70bd0c$export$ac2eb07f267e434c, (v) => $7bd9eeb2cd70bd0c$export$ac2eb07f267e434c = v);
|
|
8
|
+
$parcel$export($7bd9eeb2cd70bd0c$exports, "actiongroup", () => $7bd9eeb2cd70bd0c$export$7c12d760fcaf48e4, (v) => $7bd9eeb2cd70bd0c$export$7c12d760fcaf48e4 = v);
|
|
9
|
+
$parcel$export($7bd9eeb2cd70bd0c$exports, "clear", () => $7bd9eeb2cd70bd0c$export$42ffd38884aecdac, (v) => $7bd9eeb2cd70bd0c$export$42ffd38884aecdac = v);
|
|
10
|
+
$parcel$export($7bd9eeb2cd70bd0c$exports, "is-open", () => $7bd9eeb2cd70bd0c$export$a9781837241c946d, (v) => $7bd9eeb2cd70bd0c$export$a9781837241c946d = v);
|
|
11
|
+
$parcel$export($7bd9eeb2cd70bd0c$exports, "react-spectrum-ActionBar", () => $7bd9eeb2cd70bd0c$export$71a4c2be37bc4ee5, (v) => $7bd9eeb2cd70bd0c$export$71a4c2be37bc4ee5 = v);
|
|
12
|
+
$parcel$export($7bd9eeb2cd70bd0c$exports, "react-spectrum-ActionBar--emphasized", () => $7bd9eeb2cd70bd0c$export$3377f5e3cddd68a7, (v) => $7bd9eeb2cd70bd0c$export$3377f5e3cddd68a7 = v);
|
|
13
|
+
$parcel$export($7bd9eeb2cd70bd0c$exports, "react-spectrum-ActionBar-actionGroup", () => $7bd9eeb2cd70bd0c$export$adc2706661946993, (v) => $7bd9eeb2cd70bd0c$export$adc2706661946993 = v);
|
|
14
|
+
$parcel$export($7bd9eeb2cd70bd0c$exports, "react-spectrum-ActionBar-bar", () => $7bd9eeb2cd70bd0c$export$ea5a1c79ca7998e9, (v) => $7bd9eeb2cd70bd0c$export$ea5a1c79ca7998e9 = v);
|
|
15
|
+
$parcel$export($7bd9eeb2cd70bd0c$exports, "react-spectrum-ActionBar-selectedCount", () => $7bd9eeb2cd70bd0c$export$8b9fb52122670f9e, (v) => $7bd9eeb2cd70bd0c$export$8b9fb52122670f9e = v);
|
|
16
|
+
$parcel$export($7bd9eeb2cd70bd0c$exports, "selected", () => $7bd9eeb2cd70bd0c$export$d90250155de6d7e7, (v) => $7bd9eeb2cd70bd0c$export$d90250155de6d7e7 = v);
|
|
17
|
+
var $7bd9eeb2cd70bd0c$export$ac2eb07f267e434c;
|
|
18
|
+
var $7bd9eeb2cd70bd0c$export$7c12d760fcaf48e4;
|
|
19
|
+
var $7bd9eeb2cd70bd0c$export$42ffd38884aecdac;
|
|
20
|
+
var $7bd9eeb2cd70bd0c$export$a9781837241c946d;
|
|
21
|
+
var $7bd9eeb2cd70bd0c$export$71a4c2be37bc4ee5;
|
|
22
|
+
var $7bd9eeb2cd70bd0c$export$3377f5e3cddd68a7;
|
|
23
|
+
var $7bd9eeb2cd70bd0c$export$adc2706661946993;
|
|
24
|
+
var $7bd9eeb2cd70bd0c$export$ea5a1c79ca7998e9;
|
|
25
|
+
var $7bd9eeb2cd70bd0c$export$8b9fb52122670f9e;
|
|
26
|
+
var $7bd9eeb2cd70bd0c$export$d90250155de6d7e7;
|
|
27
|
+
$7bd9eeb2cd70bd0c$export$ac2eb07f267e434c = `R4yOqG_ActionBarContainer`;
|
|
28
|
+
$7bd9eeb2cd70bd0c$export$7c12d760fcaf48e4 = `R4yOqG_actiongroup`;
|
|
29
|
+
$7bd9eeb2cd70bd0c$export$42ffd38884aecdac = `R4yOqG_clear`;
|
|
30
|
+
$7bd9eeb2cd70bd0c$export$a9781837241c946d = `R4yOqG_is-open`;
|
|
31
|
+
$7bd9eeb2cd70bd0c$export$71a4c2be37bc4ee5 = `R4yOqG_react-spectrum-ActionBar`;
|
|
32
|
+
$7bd9eeb2cd70bd0c$export$3377f5e3cddd68a7 = `R4yOqG_react-spectrum-ActionBar--emphasized`;
|
|
33
|
+
$7bd9eeb2cd70bd0c$export$adc2706661946993 = `R4yOqG_react-spectrum-ActionBar-actionGroup`;
|
|
34
|
+
$7bd9eeb2cd70bd0c$export$ea5a1c79ca7998e9 = `R4yOqG_react-spectrum-ActionBar-bar`;
|
|
35
|
+
$7bd9eeb2cd70bd0c$export$8b9fb52122670f9e = `R4yOqG_react-spectrum-ActionBar-selectedCount`;
|
|
36
|
+
$7bd9eeb2cd70bd0c$export$d90250155de6d7e7 = `R4yOqG_selected`;
|
|
37
|
+
|
|
38
|
+
|
|
39
|
+
export {$7bd9eeb2cd70bd0c$exports as default};
|
|
40
|
+
//# sourceMappingURL=actionbar_css.mjs.map
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
|
|
2
|
+
function $parcel$export(e, n, v, s) {
|
|
3
|
+
Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
|
|
4
|
+
}
|
|
5
|
+
var $7bd9eeb2cd70bd0c$exports = {};
|
|
6
|
+
|
|
7
|
+
$parcel$export($7bd9eeb2cd70bd0c$exports, "ActionBarContainer", () => $7bd9eeb2cd70bd0c$export$ac2eb07f267e434c, (v) => $7bd9eeb2cd70bd0c$export$ac2eb07f267e434c = v);
|
|
8
|
+
$parcel$export($7bd9eeb2cd70bd0c$exports, "actiongroup", () => $7bd9eeb2cd70bd0c$export$7c12d760fcaf48e4, (v) => $7bd9eeb2cd70bd0c$export$7c12d760fcaf48e4 = v);
|
|
9
|
+
$parcel$export($7bd9eeb2cd70bd0c$exports, "clear", () => $7bd9eeb2cd70bd0c$export$42ffd38884aecdac, (v) => $7bd9eeb2cd70bd0c$export$42ffd38884aecdac = v);
|
|
10
|
+
$parcel$export($7bd9eeb2cd70bd0c$exports, "is-open", () => $7bd9eeb2cd70bd0c$export$a9781837241c946d, (v) => $7bd9eeb2cd70bd0c$export$a9781837241c946d = v);
|
|
11
|
+
$parcel$export($7bd9eeb2cd70bd0c$exports, "react-spectrum-ActionBar", () => $7bd9eeb2cd70bd0c$export$71a4c2be37bc4ee5, (v) => $7bd9eeb2cd70bd0c$export$71a4c2be37bc4ee5 = v);
|
|
12
|
+
$parcel$export($7bd9eeb2cd70bd0c$exports, "react-spectrum-ActionBar--emphasized", () => $7bd9eeb2cd70bd0c$export$3377f5e3cddd68a7, (v) => $7bd9eeb2cd70bd0c$export$3377f5e3cddd68a7 = v);
|
|
13
|
+
$parcel$export($7bd9eeb2cd70bd0c$exports, "react-spectrum-ActionBar-actionGroup", () => $7bd9eeb2cd70bd0c$export$adc2706661946993, (v) => $7bd9eeb2cd70bd0c$export$adc2706661946993 = v);
|
|
14
|
+
$parcel$export($7bd9eeb2cd70bd0c$exports, "react-spectrum-ActionBar-bar", () => $7bd9eeb2cd70bd0c$export$ea5a1c79ca7998e9, (v) => $7bd9eeb2cd70bd0c$export$ea5a1c79ca7998e9 = v);
|
|
15
|
+
$parcel$export($7bd9eeb2cd70bd0c$exports, "react-spectrum-ActionBar-selectedCount", () => $7bd9eeb2cd70bd0c$export$8b9fb52122670f9e, (v) => $7bd9eeb2cd70bd0c$export$8b9fb52122670f9e = v);
|
|
16
|
+
$parcel$export($7bd9eeb2cd70bd0c$exports, "selected", () => $7bd9eeb2cd70bd0c$export$d90250155de6d7e7, (v) => $7bd9eeb2cd70bd0c$export$d90250155de6d7e7 = v);
|
|
17
|
+
var $7bd9eeb2cd70bd0c$export$ac2eb07f267e434c;
|
|
18
|
+
var $7bd9eeb2cd70bd0c$export$7c12d760fcaf48e4;
|
|
19
|
+
var $7bd9eeb2cd70bd0c$export$42ffd38884aecdac;
|
|
20
|
+
var $7bd9eeb2cd70bd0c$export$a9781837241c946d;
|
|
21
|
+
var $7bd9eeb2cd70bd0c$export$71a4c2be37bc4ee5;
|
|
22
|
+
var $7bd9eeb2cd70bd0c$export$3377f5e3cddd68a7;
|
|
23
|
+
var $7bd9eeb2cd70bd0c$export$adc2706661946993;
|
|
24
|
+
var $7bd9eeb2cd70bd0c$export$ea5a1c79ca7998e9;
|
|
25
|
+
var $7bd9eeb2cd70bd0c$export$8b9fb52122670f9e;
|
|
26
|
+
var $7bd9eeb2cd70bd0c$export$d90250155de6d7e7;
|
|
27
|
+
$7bd9eeb2cd70bd0c$export$ac2eb07f267e434c = `R4yOqG_ActionBarContainer`;
|
|
28
|
+
$7bd9eeb2cd70bd0c$export$7c12d760fcaf48e4 = `R4yOqG_actiongroup`;
|
|
29
|
+
$7bd9eeb2cd70bd0c$export$42ffd38884aecdac = `R4yOqG_clear`;
|
|
30
|
+
$7bd9eeb2cd70bd0c$export$a9781837241c946d = `R4yOqG_is-open`;
|
|
31
|
+
$7bd9eeb2cd70bd0c$export$71a4c2be37bc4ee5 = `R4yOqG_react-spectrum-ActionBar`;
|
|
32
|
+
$7bd9eeb2cd70bd0c$export$3377f5e3cddd68a7 = `R4yOqG_react-spectrum-ActionBar--emphasized`;
|
|
33
|
+
$7bd9eeb2cd70bd0c$export$adc2706661946993 = `R4yOqG_react-spectrum-ActionBar-actionGroup`;
|
|
34
|
+
$7bd9eeb2cd70bd0c$export$ea5a1c79ca7998e9 = `R4yOqG_react-spectrum-ActionBar-bar`;
|
|
35
|
+
$7bd9eeb2cd70bd0c$export$8b9fb52122670f9e = `R4yOqG_react-spectrum-ActionBar-selectedCount`;
|
|
36
|
+
$7bd9eeb2cd70bd0c$export$d90250155de6d7e7 = `R4yOqG_selected`;
|
|
37
|
+
|
|
38
|
+
|
|
39
|
+
export {$7bd9eeb2cd70bd0c$exports as default};
|
|
40
|
+
//# sourceMappingURL=actionbar_css.module.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"mappings":";;;;;;;;;;;;;;;;AAAA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AATA,4CAAuC,CAAC,yBAAyB,CAAC;AAClE,4CAAgC,CAAC,kBAAkB,CAAC;AACpD,4CAA0B,CAAC,YAAY,CAAC;AACxC,4CAA4B,CAAC,cAAc,CAAC;AAC5C,4CAA6C,CAAC,+BAA+B,CAAC;AAC9E,4CAAyD,CAAC,2CAA2C,CAAC;AACtG,4CAAyD,CAAC,2CAA2C,CAAC;AACtG,4CAAiD,CAAC,mCAAmC,CAAC;AACtF,4CAA2D,CAAC,6CAA6C,CAAC;AAC1G,4CAA6B,CAAC,eAAe,CAAC","sources":["packages/@react-spectrum/actionbar/src/actionbar.css"],"sourcesContent":[".ActionBarContainer {\n display: flex;\n flex-direction: column;\n position: relative;\n\n & > :not(.react-spectrum-ActionBar) {\n flex: 1;\n min-height: 0;\n }\n\n & > .react-spectrum-ActionBar {\n flex: 0 0 auto;\n }\n}\n\n.react-spectrum-ActionBar {\n transition: height var(--spectrum-global-animation-duration-100) ease-in-out,\n opacity var(--spectrum-global-animation-duration-100) ease-in-out;\n\n /* Take up no space when not open */\n block-size: 0;\n opacity: 0;\n width: 100%;\n\n /* Clip anything outside of us, whether we're open or not. This makes the animation smooth */\n overflow: hidden;\n\n &.is-open {\n height: calc(var(--spectrum-global-dimension-size-600) + var(--spectrum-global-dimension-size-100) * 2);\n opacity: 1;\n transition-delay: 0ms;\n }\n\n .react-spectrum-ActionBar-bar {\n display: grid;\n grid-template-areas: \"clear selected . actiongroup\";\n grid-template-columns: auto max-content minmax(var(--spectrum-global-dimension-size-300), 1fr) auto;\n align-items: center;\n isolation: isolate;\n justify-content: space-between;\n padding: var(--spectrum-global-dimension-size-100);\n\n position: absolute;\n bottom: var(--spectrum-global-dimension-size-100);\n left: var(--spectrum-global-dimension-size-100);\n right: var(--spectrum-global-dimension-size-100);\n max-width: 960px;\n margin: 0 auto;\n\n background: var(--spectrum-global-color-gray-50);\n border-radius: var(--spectrum-popover-border-radius);\n border-style: solid;\n border-width: var(--spectrum-popover-border-size);\n border-color: var(--spectrum-popover-border-color);\n box-shadow: 0 2px 8px var(--spectrum-alias-dropshadow-color);\n\n transform: translateY(var(--spectrum-overlay-positive-transform-distance));\n transition: transform var(--spectrum-global-animation-duration-100) ease-in-out;\n }\n\n &.is-open .react-spectrum-ActionBar-bar {\n transform: translateY(0);\n }\n\n &.react-spectrum-ActionBar--emphasized .react-spectrum-ActionBar-bar {\n background: var(--spectrum-global-color-static-blue-700);\n color: white;\n box-shadow: 0 2px 6px var(--spectrum-alias-dropshadow-color);\n border: none;\n }\n\n .react-spectrum-ActionBar-selectedCount {\n grid-area: selected;\n padding: 0 var(--spectrum-global-dimension-size-50);\n user-select: none;\n cursor: default;\n }\n\n .react-spectrum-ActionBar-actionGroup {\n grid-area: actiongroup;\n min-width: 0;\n }\n}\n@media (forced-colors: active) {\n .react-spectrum-ActionBar {\n &.react-spectrum-ActionBar--emphasized .react-spectrum-ActionBar-bar {\n\n border: 1px solid transparent;\n }\n }\n}\n"],"names":[],"version":3,"file":"actionbar_css.module.js.map"}
|
package/dist/ar-AE.mjs
CHANGED
package/dist/bg-BG.mjs
CHANGED
package/dist/cs-CZ.mjs
CHANGED
package/dist/da-DK.mjs
CHANGED
package/dist/de-DE.mjs
CHANGED
package/dist/el-GR.mjs
CHANGED
package/dist/en-US.mjs
CHANGED
package/dist/es-ES.mjs
CHANGED
package/dist/et-EE.mjs
CHANGED
package/dist/fi-FI.mjs
CHANGED
package/dist/fr-FR.mjs
CHANGED
package/dist/he-IL.mjs
CHANGED
package/dist/hr-HR.mjs
CHANGED
package/dist/hu-HU.mjs
CHANGED
package/dist/import.mjs
CHANGED
|
@@ -1,61 +1,7 @@
|
|
|
1
|
-
import $
|
|
2
|
-
import $
|
|
3
|
-
import $07dc24deaaf64ab0$exports from "./cs-CZ.mjs";
|
|
4
|
-
import $44fd3a75baaf9937$exports from "./da-DK.mjs";
|
|
5
|
-
import $3281990be7bd78f6$exports from "./de-DE.mjs";
|
|
6
|
-
import $242cbd951f3bcfeb$exports from "./el-GR.mjs";
|
|
7
|
-
import $117deeeb64547dc7$exports from "./en-US.mjs";
|
|
8
|
-
import $5b8605d86a9af2ee$exports from "./es-ES.mjs";
|
|
9
|
-
import $5530e5c9f2623025$exports from "./et-EE.mjs";
|
|
10
|
-
import $7a405d1dfc563131$exports from "./fi-FI.mjs";
|
|
11
|
-
import $e0c3da022513542b$exports from "./fr-FR.mjs";
|
|
12
|
-
import $796ff5aed019aee1$exports from "./he-IL.mjs";
|
|
13
|
-
import $e1066348ea80fd36$exports from "./hr-HR.mjs";
|
|
14
|
-
import $939ac78e6c54d005$exports from "./hu-HU.mjs";
|
|
15
|
-
import $087af352bd8a67a5$exports from "./it-IT.mjs";
|
|
16
|
-
import $ef25b75f84bf9640$exports from "./ja-JP.mjs";
|
|
17
|
-
import $a9fcaa28ab16ac58$exports from "./ko-KR.mjs";
|
|
18
|
-
import $7103396bd37d192c$exports from "./lt-LT.mjs";
|
|
19
|
-
import $da39587a937fb6fd$exports from "./lv-LV.mjs";
|
|
20
|
-
import $fef3c3414d151198$exports from "./nb-NO.mjs";
|
|
21
|
-
import $3cfd427955fee95c$exports from "./nl-NL.mjs";
|
|
22
|
-
import $ecd102793531599a$exports from "./pl-PL.mjs";
|
|
23
|
-
import $70b0a95af4186e29$exports from "./pt-BR.mjs";
|
|
24
|
-
import $4b15e180aed5c52d$exports from "./pt-PT.mjs";
|
|
25
|
-
import $d0ef0a1cef9c2d6c$exports from "./ro-RO.mjs";
|
|
26
|
-
import $58fc1ff371f0c7fd$exports from "./ru-RU.mjs";
|
|
27
|
-
import $b5f65f4e7988d1dd$exports from "./sk-SK.mjs";
|
|
28
|
-
import $5409ad409aeaf678$exports from "./sl-SI.mjs";
|
|
29
|
-
import $43feb38b3d4bbf1f$exports from "./sr-SP.mjs";
|
|
30
|
-
import $cbe41ff823ebe108$exports from "./sv-SE.mjs";
|
|
31
|
-
import $57b680843fcbe09e$exports from "./tr-TR.mjs";
|
|
32
|
-
import $1e4c96bc308e0da2$exports from "./uk-UA.mjs";
|
|
33
|
-
import $18faa55a67dca8f3$exports from "./zh-CN.mjs";
|
|
34
|
-
import $804c64c525579787$exports from "./zh-TW.mjs";
|
|
35
|
-
import "./module.css";
|
|
1
|
+
import {ActionBar as $a4e665fbd087d71e$export$e213cebad6250b4a} from "./ActionBar.mjs";
|
|
2
|
+
import {ActionBarContainer as $2f6c8b20aa071c6d$export$ac2eb07f267e434c} from "./ActionBarContainer.mjs";
|
|
36
3
|
import {Item as $da70baa779e17e7a$re_export$Item} from "@react-stately/collections";
|
|
37
|
-
import {ActionButton as $N9qJl$ActionButton} from "@react-spectrum/button";
|
|
38
|
-
import {ActionGroup as $N9qJl$ActionGroup} from "@react-spectrum/actiongroup";
|
|
39
|
-
import {announce as $N9qJl$announce} from "@react-aria/live-announcer";
|
|
40
|
-
import {useDOMRef as $N9qJl$useDOMRef, useStyleProps as $N9qJl$useStyleProps, classNames as $N9qJl$classNames} from "@react-spectrum/utils";
|
|
41
|
-
import $N9qJl$spectrumiconsuiCrossLarge from "@spectrum-icons/ui/CrossLarge";
|
|
42
|
-
import {filterDOMProps as $N9qJl$filterDOMProps} from "@react-aria/utils";
|
|
43
|
-
import {FocusScope as $N9qJl$FocusScope} from "@react-aria/focus";
|
|
44
|
-
import {OpenTransition as $N9qJl$OpenTransition} from "@react-spectrum/overlays";
|
|
45
|
-
import $N9qJl$react, {useState as $N9qJl$useState, useRef as $N9qJl$useRef, useEffect as $N9qJl$useEffect} from "react";
|
|
46
|
-
import {Text as $N9qJl$Text} from "@react-spectrum/text";
|
|
47
|
-
import {useKeyboard as $N9qJl$useKeyboard} from "@react-aria/interactions";
|
|
48
|
-
import {useLocalizedStringFormatter as $N9qJl$useLocalizedStringFormatter} from "@react-aria/i18n";
|
|
49
|
-
import {useProviderProps as $N9qJl$useProviderProps} from "@react-spectrum/provider";
|
|
50
4
|
|
|
51
|
-
|
|
52
|
-
function $parcel$interopDefault(a) {
|
|
53
|
-
return a && a.__esModule ? a.default : a;
|
|
54
|
-
}
|
|
55
|
-
|
|
56
|
-
function $parcel$export(e, n, v, s) {
|
|
57
|
-
Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
|
|
58
|
-
}
|
|
59
5
|
/*
|
|
60
6
|
* Copyright 2020 Adobe. All rights reserved.
|
|
61
7
|
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
@@ -67,247 +13,6 @@ function $parcel$export(e, n, v, s) {
|
|
|
67
13
|
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
68
14
|
* governing permissions and limitations under the License.
|
|
69
15
|
*/ /// <reference types="css-module-types" />
|
|
70
|
-
/*
|
|
71
|
-
* Copyright 2020 Adobe. All rights reserved.
|
|
72
|
-
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
73
|
-
* you may not use this file except in compliance with the License. You may obtain a copy
|
|
74
|
-
* of the License at http://www.apache.org/licenses/LICENSE-2.0
|
|
75
|
-
*
|
|
76
|
-
* Unless required by applicable law or agreed to in writing, software distributed under
|
|
77
|
-
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
|
|
78
|
-
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
79
|
-
* governing permissions and limitations under the License.
|
|
80
|
-
*/
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
var $29b198d669109c8b$exports = {};
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
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
|
-
$29b198d669109c8b$exports = {
|
|
123
|
-
"ar-AE": $42f1aaf0cd835ede$exports,
|
|
124
|
-
"bg-BG": $22c931b8c5fa9db9$exports,
|
|
125
|
-
"cs-CZ": $07dc24deaaf64ab0$exports,
|
|
126
|
-
"da-DK": $44fd3a75baaf9937$exports,
|
|
127
|
-
"de-DE": $3281990be7bd78f6$exports,
|
|
128
|
-
"el-GR": $242cbd951f3bcfeb$exports,
|
|
129
|
-
"en-US": $117deeeb64547dc7$exports,
|
|
130
|
-
"es-ES": $5b8605d86a9af2ee$exports,
|
|
131
|
-
"et-EE": $5530e5c9f2623025$exports,
|
|
132
|
-
"fi-FI": $7a405d1dfc563131$exports,
|
|
133
|
-
"fr-FR": $e0c3da022513542b$exports,
|
|
134
|
-
"he-IL": $796ff5aed019aee1$exports,
|
|
135
|
-
"hr-HR": $e1066348ea80fd36$exports,
|
|
136
|
-
"hu-HU": $939ac78e6c54d005$exports,
|
|
137
|
-
"it-IT": $087af352bd8a67a5$exports,
|
|
138
|
-
"ja-JP": $ef25b75f84bf9640$exports,
|
|
139
|
-
"ko-KR": $a9fcaa28ab16ac58$exports,
|
|
140
|
-
"lt-LT": $7103396bd37d192c$exports,
|
|
141
|
-
"lv-LV": $da39587a937fb6fd$exports,
|
|
142
|
-
"nb-NO": $fef3c3414d151198$exports,
|
|
143
|
-
"nl-NL": $3cfd427955fee95c$exports,
|
|
144
|
-
"pl-PL": $ecd102793531599a$exports,
|
|
145
|
-
"pt-BR": $70b0a95af4186e29$exports,
|
|
146
|
-
"pt-PT": $4b15e180aed5c52d$exports,
|
|
147
|
-
"ro-RO": $d0ef0a1cef9c2d6c$exports,
|
|
148
|
-
"ru-RU": $58fc1ff371f0c7fd$exports,
|
|
149
|
-
"sk-SK": $b5f65f4e7988d1dd$exports,
|
|
150
|
-
"sl-SI": $5409ad409aeaf678$exports,
|
|
151
|
-
"sr-SP": $43feb38b3d4bbf1f$exports,
|
|
152
|
-
"sv-SE": $cbe41ff823ebe108$exports,
|
|
153
|
-
"tr-TR": $57b680843fcbe09e$exports,
|
|
154
|
-
"uk-UA": $1e4c96bc308e0da2$exports,
|
|
155
|
-
"zh-CN": $18faa55a67dca8f3$exports,
|
|
156
|
-
"zh-TW": $804c64c525579787$exports
|
|
157
|
-
};
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
var $7bd9eeb2cd70bd0c$exports = {};
|
|
163
|
-
|
|
164
|
-
$parcel$export($7bd9eeb2cd70bd0c$exports, "ActionBarContainer", () => $7bd9eeb2cd70bd0c$export$ac2eb07f267e434c, (v) => $7bd9eeb2cd70bd0c$export$ac2eb07f267e434c = v);
|
|
165
|
-
$parcel$export($7bd9eeb2cd70bd0c$exports, "actiongroup", () => $7bd9eeb2cd70bd0c$export$7c12d760fcaf48e4, (v) => $7bd9eeb2cd70bd0c$export$7c12d760fcaf48e4 = v);
|
|
166
|
-
$parcel$export($7bd9eeb2cd70bd0c$exports, "clear", () => $7bd9eeb2cd70bd0c$export$42ffd38884aecdac, (v) => $7bd9eeb2cd70bd0c$export$42ffd38884aecdac = v);
|
|
167
|
-
$parcel$export($7bd9eeb2cd70bd0c$exports, "is-open", () => $7bd9eeb2cd70bd0c$export$a9781837241c946d, (v) => $7bd9eeb2cd70bd0c$export$a9781837241c946d = v);
|
|
168
|
-
$parcel$export($7bd9eeb2cd70bd0c$exports, "react-spectrum-ActionBar", () => $7bd9eeb2cd70bd0c$export$71a4c2be37bc4ee5, (v) => $7bd9eeb2cd70bd0c$export$71a4c2be37bc4ee5 = v);
|
|
169
|
-
$parcel$export($7bd9eeb2cd70bd0c$exports, "react-spectrum-ActionBar--emphasized", () => $7bd9eeb2cd70bd0c$export$3377f5e3cddd68a7, (v) => $7bd9eeb2cd70bd0c$export$3377f5e3cddd68a7 = v);
|
|
170
|
-
$parcel$export($7bd9eeb2cd70bd0c$exports, "react-spectrum-ActionBar-actionGroup", () => $7bd9eeb2cd70bd0c$export$adc2706661946993, (v) => $7bd9eeb2cd70bd0c$export$adc2706661946993 = v);
|
|
171
|
-
$parcel$export($7bd9eeb2cd70bd0c$exports, "react-spectrum-ActionBar-bar", () => $7bd9eeb2cd70bd0c$export$ea5a1c79ca7998e9, (v) => $7bd9eeb2cd70bd0c$export$ea5a1c79ca7998e9 = v);
|
|
172
|
-
$parcel$export($7bd9eeb2cd70bd0c$exports, "react-spectrum-ActionBar-selectedCount", () => $7bd9eeb2cd70bd0c$export$8b9fb52122670f9e, (v) => $7bd9eeb2cd70bd0c$export$8b9fb52122670f9e = v);
|
|
173
|
-
$parcel$export($7bd9eeb2cd70bd0c$exports, "selected", () => $7bd9eeb2cd70bd0c$export$d90250155de6d7e7, (v) => $7bd9eeb2cd70bd0c$export$d90250155de6d7e7 = v);
|
|
174
|
-
var $7bd9eeb2cd70bd0c$export$ac2eb07f267e434c;
|
|
175
|
-
var $7bd9eeb2cd70bd0c$export$7c12d760fcaf48e4;
|
|
176
|
-
var $7bd9eeb2cd70bd0c$export$42ffd38884aecdac;
|
|
177
|
-
var $7bd9eeb2cd70bd0c$export$a9781837241c946d;
|
|
178
|
-
var $7bd9eeb2cd70bd0c$export$71a4c2be37bc4ee5;
|
|
179
|
-
var $7bd9eeb2cd70bd0c$export$3377f5e3cddd68a7;
|
|
180
|
-
var $7bd9eeb2cd70bd0c$export$adc2706661946993;
|
|
181
|
-
var $7bd9eeb2cd70bd0c$export$ea5a1c79ca7998e9;
|
|
182
|
-
var $7bd9eeb2cd70bd0c$export$8b9fb52122670f9e;
|
|
183
|
-
var $7bd9eeb2cd70bd0c$export$d90250155de6d7e7;
|
|
184
|
-
$7bd9eeb2cd70bd0c$export$ac2eb07f267e434c = `R4yOqG_ActionBarContainer`;
|
|
185
|
-
$7bd9eeb2cd70bd0c$export$7c12d760fcaf48e4 = `R4yOqG_actiongroup`;
|
|
186
|
-
$7bd9eeb2cd70bd0c$export$42ffd38884aecdac = `R4yOqG_clear`;
|
|
187
|
-
$7bd9eeb2cd70bd0c$export$a9781837241c946d = `R4yOqG_is-open`;
|
|
188
|
-
$7bd9eeb2cd70bd0c$export$71a4c2be37bc4ee5 = `R4yOqG_react-spectrum-ActionBar`;
|
|
189
|
-
$7bd9eeb2cd70bd0c$export$3377f5e3cddd68a7 = `R4yOqG_react-spectrum-ActionBar--emphasized`;
|
|
190
|
-
$7bd9eeb2cd70bd0c$export$adc2706661946993 = `R4yOqG_react-spectrum-ActionBar-actionGroup`;
|
|
191
|
-
$7bd9eeb2cd70bd0c$export$ea5a1c79ca7998e9 = `R4yOqG_react-spectrum-ActionBar-bar`;
|
|
192
|
-
$7bd9eeb2cd70bd0c$export$8b9fb52122670f9e = `R4yOqG_react-spectrum-ActionBar-selectedCount`;
|
|
193
|
-
$7bd9eeb2cd70bd0c$export$d90250155de6d7e7 = `R4yOqG_selected`;
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
function $a4e665fbd087d71e$var$ActionBar(props, ref) {
|
|
201
|
-
let isOpen = props.selectedItemCount !== 0;
|
|
202
|
-
let domRef = (0, $N9qJl$useDOMRef)(ref);
|
|
203
|
-
return /*#__PURE__*/ (0, $N9qJl$react).createElement((0, $N9qJl$OpenTransition), {
|
|
204
|
-
nodeRef: domRef,
|
|
205
|
-
in: isOpen,
|
|
206
|
-
mountOnEnter: true,
|
|
207
|
-
unmountOnExit: true
|
|
208
|
-
}, /*#__PURE__*/ (0, $N9qJl$react).createElement($a4e665fbd087d71e$var$ActionBarInnerWithRef, {
|
|
209
|
-
...props,
|
|
210
|
-
ref: domRef
|
|
211
|
-
}));
|
|
212
|
-
}
|
|
213
|
-
function $a4e665fbd087d71e$var$ActionBarInner(props, ref) {
|
|
214
|
-
props = (0, $N9qJl$useProviderProps)(props);
|
|
215
|
-
let { children: children, isEmphasized: isEmphasized, onAction: onAction, onClearSelection: onClearSelection, selectedItemCount: selectedItemCount, isOpen: isOpen, items: items } = props;
|
|
216
|
-
let { styleProps: styleProps } = (0, $N9qJl$useStyleProps)(props);
|
|
217
|
-
let stringFormatter = (0, $N9qJl$useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($29b198d669109c8b$exports))), "@react-spectrum/actionbar");
|
|
218
|
-
// Store the last count greater than zero in a ref so that we can retain it while rendering the fade-out animation.
|
|
219
|
-
let [lastCount, setLastCount] = (0, $N9qJl$useState)(selectedItemCount);
|
|
220
|
-
if ((selectedItemCount === "all" || selectedItemCount > 0) && selectedItemCount !== lastCount) setLastCount(selectedItemCount);
|
|
221
|
-
let { keyboardProps: keyboardProps } = (0, $N9qJl$useKeyboard)({
|
|
222
|
-
onKeyDown (e) {
|
|
223
|
-
if (e.key === "Escape") {
|
|
224
|
-
e.preventDefault();
|
|
225
|
-
onClearSelection();
|
|
226
|
-
}
|
|
227
|
-
}
|
|
228
|
-
});
|
|
229
|
-
// Announce "actions available" on mount.
|
|
230
|
-
let isInitial = (0, $N9qJl$useRef)(true);
|
|
231
|
-
(0, $N9qJl$useEffect)(()=>{
|
|
232
|
-
if (isInitial.current) {
|
|
233
|
-
isInitial.current = false;
|
|
234
|
-
(0, $N9qJl$announce)(stringFormatter.format("actionsAvailable"));
|
|
235
|
-
}
|
|
236
|
-
}, [
|
|
237
|
-
stringFormatter
|
|
238
|
-
]);
|
|
239
|
-
return /*#__PURE__*/ (0, $N9qJl$react).createElement((0, $N9qJl$FocusScope), {
|
|
240
|
-
restoreFocus: true
|
|
241
|
-
}, /*#__PURE__*/ (0, $N9qJl$react).createElement("div", {
|
|
242
|
-
...(0, $N9qJl$filterDOMProps)(props),
|
|
243
|
-
...styleProps,
|
|
244
|
-
...keyboardProps,
|
|
245
|
-
ref: ref,
|
|
246
|
-
className: (0, $N9qJl$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($7bd9eeb2cd70bd0c$exports))), "react-spectrum-ActionBar", {
|
|
247
|
-
"react-spectrum-ActionBar--emphasized": isEmphasized,
|
|
248
|
-
"is-open": isOpen
|
|
249
|
-
}, styleProps.className)
|
|
250
|
-
}, /*#__PURE__*/ (0, $N9qJl$react).createElement("div", {
|
|
251
|
-
className: (0, $N9qJl$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($7bd9eeb2cd70bd0c$exports))), "react-spectrum-ActionBar-bar")
|
|
252
|
-
}, /*#__PURE__*/ (0, $N9qJl$react).createElement((0, $N9qJl$ActionGroup), {
|
|
253
|
-
items: items,
|
|
254
|
-
"aria-label": stringFormatter.format("actions"),
|
|
255
|
-
isQuiet: true,
|
|
256
|
-
staticColor: isEmphasized ? "white" : undefined,
|
|
257
|
-
overflowMode: "collapse",
|
|
258
|
-
buttonLabelBehavior: "collapse",
|
|
259
|
-
onAction: onAction,
|
|
260
|
-
UNSAFE_className: (0, $N9qJl$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($7bd9eeb2cd70bd0c$exports))), "react-spectrum-ActionBar-actionGroup")
|
|
261
|
-
}, children), /*#__PURE__*/ (0, $N9qJl$react).createElement((0, $N9qJl$ActionButton), {
|
|
262
|
-
gridArea: (0, (/*@__PURE__*/$parcel$interopDefault($7bd9eeb2cd70bd0c$exports))).clear,
|
|
263
|
-
"aria-label": stringFormatter.format("clearSelection"),
|
|
264
|
-
onPress: ()=>onClearSelection(),
|
|
265
|
-
isQuiet: true,
|
|
266
|
-
staticColor: isEmphasized ? "white" : undefined
|
|
267
|
-
}, /*#__PURE__*/ (0, $N9qJl$react).createElement((0, $N9qJl$spectrumiconsuiCrossLarge), null)), /*#__PURE__*/ (0, $N9qJl$react).createElement((0, $N9qJl$Text), {
|
|
268
|
-
UNSAFE_className: (0, $N9qJl$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($7bd9eeb2cd70bd0c$exports))), "react-spectrum-ActionBar-selectedCount")
|
|
269
|
-
}, lastCount === "all" ? stringFormatter.format("selectedAll") : stringFormatter.format("selected", {
|
|
270
|
-
count: lastCount
|
|
271
|
-
})))));
|
|
272
|
-
}
|
|
273
|
-
const $a4e665fbd087d71e$var$ActionBarInnerWithRef = /*#__PURE__*/ (0, $N9qJl$react).forwardRef($a4e665fbd087d71e$var$ActionBarInner);
|
|
274
|
-
/**
|
|
275
|
-
* Action bars are used for single and bulk selection patterns when a user needs to perform actions on one or more items at the same time.
|
|
276
|
-
*/ const $a4e665fbd087d71e$export$e213cebad6250b4a = /*#__PURE__*/ (0, $N9qJl$react).forwardRef($a4e665fbd087d71e$var$ActionBar);
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
/*
|
|
280
|
-
* Copyright 2020 Adobe. All rights reserved.
|
|
281
|
-
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
282
|
-
* you may not use this file except in compliance with the License. You may obtain a copy
|
|
283
|
-
* of the License at http://www.apache.org/licenses/LICENSE-2.0
|
|
284
|
-
*
|
|
285
|
-
* Unless required by applicable law or agreed to in writing, software distributed under
|
|
286
|
-
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
|
|
287
|
-
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
288
|
-
* governing permissions and limitations under the License.
|
|
289
|
-
*/
|
|
290
|
-
|
|
291
|
-
|
|
292
|
-
|
|
293
|
-
|
|
294
|
-
function $2f6c8b20aa071c6d$var$ActionBarContainer(props, ref) {
|
|
295
|
-
// Grabs specific props from the closest Provider (see https://react-spectrum.adobe.com/react-spectrum/Provider.html#property-groups). Remove if your component doesn't support any of the listed props.
|
|
296
|
-
props = (0, $N9qJl$useProviderProps)(props);
|
|
297
|
-
let { children: children } = props;
|
|
298
|
-
let { styleProps: styleProps } = (0, $N9qJl$useStyleProps)(props);
|
|
299
|
-
let domRef = (0, $N9qJl$useDOMRef)(ref);
|
|
300
|
-
return /*#__PURE__*/ (0, $N9qJl$react).createElement("div", {
|
|
301
|
-
...(0, $N9qJl$filterDOMProps)(props),
|
|
302
|
-
...styleProps,
|
|
303
|
-
ref: domRef,
|
|
304
|
-
className: (0, $N9qJl$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($7bd9eeb2cd70bd0c$exports))), "ActionBarContainer", styleProps.className)
|
|
305
|
-
}, children);
|
|
306
|
-
}
|
|
307
|
-
/**
|
|
308
|
-
* ActionBarContainer wraps around an ActionBar and a component that supports selection. It handles
|
|
309
|
-
* the ActionBar's position with respect to its linked component.
|
|
310
|
-
*/ const $2f6c8b20aa071c6d$export$ac2eb07f267e434c = /*#__PURE__*/ (0, $N9qJl$react).forwardRef($2f6c8b20aa071c6d$var$ActionBarContainer);
|
|
311
16
|
|
|
312
17
|
|
|
313
18
|
|