@react-spectrum/actionbar 3.6.17 → 3.7.0

package/dist/import.mjs

@@ -1,6 +1,5 @@
-import {ActionBar as $a4e665fbd087d71e$export$e213cebad6250b4a} from "./ActionBar.mjs";
-import {ActionBarContainer as $2f6c8b20aa071c6d$export$ac2eb07f267e434c} from "./ActionBarContainer.mjs";
-import {Item as $da70baa779e17e7a$re_export$Item} from "@react-stately/collections";
+import {ActionBar as $21155b0976970673$re_export$ActionBar, ActionBarContainer as $21155b0976970673$re_export$ActionBarContainer} from "@adobe/react-spectrum/ActionBar";
+import {Item as $21155b0976970673$re_export$Item} from "react-stately/Item";
 
 /*
  * Copyright 2020 Adobe. All rights reserved.
@@ -17,6 +16,5 @@ import {Item as $da70baa779e17e7a$re_export$Item} from "@react-stately/collectio
 
 
 
-
-export {$a4e665fbd087d71e$export$e213cebad6250b4a as ActionBar, $2f6c8b20aa071c6d$export$ac2eb07f267e434c as ActionBarContainer, $da70baa779e17e7a$re_export$Item as Item};
+export {$21155b0976970673$re_export$ActionBar as ActionBar, $21155b0976970673$re_export$ActionBarContainer as ActionBarContainer, $21155b0976970673$re_export$Item as Item};
 //# sourceMappingURL=module.js.map

package/dist/main.js

@@ -1,15 +1,14 @@
-var $7b5467653feb1153$exports = require("./ActionBar.main.js");
-var $961b22d2b8bd2da1$exports = require("./ActionBarContainer.main.js");
-var $grxqE$reactstatelycollections = require("@react-stately/collections");
+var $flYLD$adobereactspectrumActionBar = require("@adobe/react-spectrum/ActionBar");
+var $flYLD$reactstatelyItem = require("react-stately/Item");
 
 
 function $parcel$export(e, n, v, s) {
   Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
 }
 
-$parcel$export(module.exports, "ActionBar", () => $7b5467653feb1153$exports.ActionBar);
-$parcel$export(module.exports, "ActionBarContainer", () => $961b22d2b8bd2da1$exports.ActionBarContainer);
-$parcel$export(module.exports, "Item", () => $grxqE$reactstatelycollections.Item);
+$parcel$export(module.exports, "ActionBar", function () { return $flYLD$adobereactspectrumActionBar.ActionBar; });
+$parcel$export(module.exports, "ActionBarContainer", function () { return $flYLD$adobereactspectrumActionBar.ActionBarContainer; });
+$parcel$export(module.exports, "Item", function () { return $flYLD$reactstatelyItem.Item; });
 /*
  * Copyright 2020 Adobe. All rights reserved.
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
@@ -25,5 +24,4 @@ $parcel$export(module.exports, "Item", () => $grxqE$reactstatelycollections.Item
 
 
 
-
 //# sourceMappingURL=main.js.map

package/dist/main.js.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;CAUC,GACD,0CAA0C","sources":["packages/@react-spectrum/actionbar/src/index.ts"],"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 {ActionBar} from './ActionBar';\nexport {ActionBarContainer} from './ActionBarContainer';\nexport {Item} from '@react-stately/collections';\nexport type {SpectrumActionBarContainerProps} from '@react-types/actionbar';\nexport type {SpectrumActionBarProps} from '@react-types/actionbar';\n"],"names":[],"version":3,"file":"main.js.map"}
+{"mappings":";;;;;;;;;;;AAAA;;;;;;;;;;CAUC,GACD,0CAA0C","sources":["packages/@react-spectrum/actionbar/src/index.ts"],"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 {ActionBar, ActionBarContainer} from '@adobe/react-spectrum/ActionBar';\n\nexport type {SpectrumActionBarContainerProps, SpectrumActionBarProps} from '@adobe/react-spectrum/ActionBar';\nexport {Item} from 'react-stately/Item';\n"],"names":[],"version":3,"file":"main.js.map"}

package/dist/module.js

@@ -1,6 +1,5 @@
-import {ActionBar as $a4e665fbd087d71e$export$e213cebad6250b4a} from "./ActionBar.module.js";
-import {ActionBarContainer as $2f6c8b20aa071c6d$export$ac2eb07f267e434c} from "./ActionBarContainer.module.js";
-import {Item as $da70baa779e17e7a$re_export$Item} from "@react-stately/collections";
+import {ActionBar as $21155b0976970673$re_export$ActionBar, ActionBarContainer as $21155b0976970673$re_export$ActionBarContainer} from "@adobe/react-spectrum/ActionBar";
+import {Item as $21155b0976970673$re_export$Item} from "react-stately/Item";
 
 /*
  * Copyright 2020 Adobe. All rights reserved.
@@ -17,6 +16,5 @@ import {Item as $da70baa779e17e7a$re_export$Item} from "@react-stately/collectio
 
 
 
-
-export {$a4e665fbd087d71e$export$e213cebad6250b4a as ActionBar, $2f6c8b20aa071c6d$export$ac2eb07f267e434c as ActionBarContainer, $da70baa779e17e7a$re_export$Item as Item};
+export {$21155b0976970673$re_export$ActionBar as ActionBar, $21155b0976970673$re_export$ActionBarContainer as ActionBarContainer, $21155b0976970673$re_export$Item as Item};
 //# sourceMappingURL=module.js.map

package/dist/module.js.map

@@ -1 +1 @@
-{"mappings":";;;;AAAA;;;;;;;;;;CAUC,GACD,0CAA0C","sources":["packages/@react-spectrum/actionbar/src/index.ts"],"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 {ActionBar} from './ActionBar';\nexport {ActionBarContainer} from './ActionBarContainer';\nexport {Item} from '@react-stately/collections';\nexport type {SpectrumActionBarContainerProps} from '@react-types/actionbar';\nexport type {SpectrumActionBarProps} from '@react-types/actionbar';\n"],"names":[],"version":3,"file":"module.js.map"}
+{"mappings":";;;AAAA;;;;;;;;;;CAUC,GACD,0CAA0C","sources":["packages/@react-spectrum/actionbar/src/index.ts"],"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 {ActionBar, ActionBarContainer} from '@adobe/react-spectrum/ActionBar';\n\nexport type {SpectrumActionBarContainerProps, SpectrumActionBarProps} from '@adobe/react-spectrum/ActionBar';\nexport {Item} from 'react-stately/Item';\n"],"names":[],"version":3,"file":"module.js.map"}

package/dist/types/src/index.d.ts

@@ -0,0 +1,3 @@
+export { ActionBar, ActionBarContainer } from '@adobe/react-spectrum/ActionBar';
+export type { SpectrumActionBarContainerProps, SpectrumActionBarProps } from '@adobe/react-spectrum/ActionBar';
+export { Item } from 'react-stately/Item';

package/package.json

@@ -1,20 +1,20 @@
 {
   "name": "@react-spectrum/actionbar",
-  "version": "3.6.17",
+  "version": "3.7.0",
   "description": "Spectrum UI components in React",
   "license": "Apache-2.0",
   "main": "dist/main.js",
   "module": "dist/module.js",
   "exports": {
-    "source": "./src/index.ts",
-    "types": [
-      "./dist/types.d.ts",
-      "./src/index.ts"
-    ],
-    "import": "./dist/import.mjs",
-    "require": "./dist/main.js"
+    ".": {
+      "source": "./src/index.ts",
+      "types": "./dist/types/src/index.d.ts",
+      "import": "./dist/import.mjs",
+      "require": "./dist/main.js"
+    },
+    "./package.json": "./package.json"
   },
-  "types": "dist/types.d.ts",
+  "types": "dist/types/src/index.d.ts",
   "source": "src/index.ts",
   "files": [
     "dist",
@@ -24,48 +24,23 @@
     "*.css"
   ],
   "targets": {
-    "main": {
-      "includeNodeModules": [
-        "@adobe/spectrum-css-temp"
-      ]
-    },
-    "module": {
-      "includeNodeModules": [
-        "@adobe/spectrum-css-temp"
-      ]
-    }
+    "types": false
   },
   "repository": {
     "type": "git",
     "url": "https://github.com/adobe/react-spectrum"
   },
   "dependencies": {
-    "@react-aria/focus": "^3.21.5",
-    "@react-aria/i18n": "^3.12.16",
-    "@react-aria/interactions": "^3.27.1",
-    "@react-aria/live-announcer": "^3.4.4",
-    "@react-aria/utils": "^3.33.1",
-    "@react-spectrum/actiongroup": "^3.11.7",
-    "@react-spectrum/button": "^3.17.7",
-    "@react-spectrum/overlays": "^5.9.3",
-    "@react-spectrum/text": "^3.5.25",
-    "@react-spectrum/utils": "^3.12.12",
-    "@react-stately/collections": "^3.12.10",
-    "@react-types/actionbar": "^3.1.21",
-    "@react-types/shared": "^3.33.1",
-    "@spectrum-icons/ui": "^3.6.23",
-    "@swc/helpers": "^0.5.0"
-  },
-  "devDependencies": {
-    "@adobe/spectrum-css-temp": "3.0.0-alpha.1"
+    "@adobe/react-spectrum": "3.47.0",
+    "@swc/helpers": "^0.5.0",
+    "react-stately": "3.46.0"
   },
   "peerDependencies": {
-    "@react-spectrum/provider": "^3.0.0",
     "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1",
     "react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
   },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "8df187370053aa35f553cb388ad670f65e1ab371"
+  "gitHead": "a6999bdf494a2e9c0381a5881908328bdd22ddae"
 }

package/src/index.ts

@@ -10,8 +10,7 @@
  * governing permissions and limitations under the License.
  */
 /// <reference types="css-module-types" />
-export {ActionBar} from './ActionBar';
-export {ActionBarContainer} from './ActionBarContainer';
-export {Item} from '@react-stately/collections';
-export type {SpectrumActionBarContainerProps} from '@react-types/actionbar';
-export type {SpectrumActionBarProps} from '@react-types/actionbar';
+export {ActionBar, ActionBarContainer} from '@adobe/react-spectrum/ActionBar';
+
+export type {SpectrumActionBarContainerProps, SpectrumActionBarProps} from '@adobe/react-spectrum/ActionBar';
+export {Item} from 'react-stately/Item';

package/dist/ActionBar.main.js

@@ -1,130 +0,0 @@
-var $b1ba52ca91e22687$exports = require("./intlStrings.main.js");
-require("./actionbar.bdfe7eee.css");
-var $ff24c7bbe0c168db$exports = require("./actionbar_css.main.js");
-var $643e7$reactspectrumbutton = require("@react-spectrum/button");
-var $643e7$reactspectrumactiongroup = require("@react-spectrum/actiongroup");
-var $643e7$reactarialiveannouncer = require("@react-aria/live-announcer");
-var $643e7$reactspectrumutils = require("@react-spectrum/utils");
-var $643e7$spectrumiconsuiCrossLarge = require("@spectrum-icons/ui/CrossLarge");
-var $643e7$reactariautils = require("@react-aria/utils");
-var $643e7$reactariafocus = require("@react-aria/focus");
-var $643e7$reactspectrumoverlays = require("@react-spectrum/overlays");
-var $643e7$react = require("react");
-var $643e7$reactspectrumtext = require("@react-spectrum/text");
-var $643e7$reactariainteractions = require("@react-aria/interactions");
-var $643e7$reactariai18n = require("@react-aria/i18n");
-var $643e7$reactspectrumprovider = require("@react-spectrum/provider");
-
-
-function $parcel$interopDefault(a) {
-  return a && a.__esModule ? a.default : a;
-}
-
-function $parcel$export(e, n, v, s) {
-  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
-}
-
-$parcel$export(module.exports, "ActionBar", () => $7b5467653feb1153$export$e213cebad6250b4a);
-/*
- * Copyright 2020 Adobe. All rights reserved.
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */ 
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-const $7b5467653feb1153$export$e213cebad6250b4a = /*#__PURE__*/ (0, ($parcel$interopDefault($643e7$react))).forwardRef(function ActionBar(props, ref) {
-    let isOpen = props.selectedItemCount !== 0;
-    let domRef = (0, $643e7$reactspectrumutils.useDOMRef)(ref);
-    return /*#__PURE__*/ (0, ($parcel$interopDefault($643e7$react))).createElement((0, $643e7$reactspectrumoverlays.OpenTransition), {
-        nodeRef: domRef,
-        in: isOpen,
-        mountOnEnter: true,
-        unmountOnExit: true
-    }, /*#__PURE__*/ (0, ($parcel$interopDefault($643e7$react))).createElement($7b5467653feb1153$var$ActionBarInnerWithRef, {
-        ...props,
-        ref: domRef
-    }));
-});
-function $7b5467653feb1153$var$ActionBarInner(props, ref) {
-    props = (0, $643e7$reactspectrumprovider.useProviderProps)(props);
-    let { children: children, isEmphasized: isEmphasized, onAction: onAction, onClearSelection: onClearSelection, selectedItemCount: selectedItemCount, isOpen: isOpen, buttonLabelBehavior: buttonLabelBehavior = 'collapse', items: items, disabledKeys: disabledKeys } = props;
-    let { styleProps: styleProps } = (0, $643e7$reactspectrumutils.useStyleProps)(props);
-    let stringFormatter = (0, $643e7$reactariai18n.useLocalizedStringFormatter)((0, ($parcel$interopDefault($b1ba52ca91e22687$exports))), '@react-spectrum/actionbar');
-    // Store the last count greater than zero in a ref so that we can retain it while rendering the fade-out animation.
-    let [lastCount, setLastCount] = (0, $643e7$react.useState)(selectedItemCount);
-    if ((selectedItemCount === 'all' || selectedItemCount > 0) && selectedItemCount !== lastCount) setLastCount(selectedItemCount);
-    let { keyboardProps: keyboardProps } = (0, $643e7$reactariainteractions.useKeyboard)({
-        onKeyDown (e) {
-            if (e.key === 'Escape') {
-                e.preventDefault();
-                onClearSelection();
-            }
-        }
-    });
-    // Announce "actions available" on mount.
-    let isInitial = (0, $643e7$react.useRef)(true);
-    (0, $643e7$react.useEffect)(()=>{
-        if (isInitial.current) {
-            isInitial.current = false;
-            (0, $643e7$reactarialiveannouncer.announce)(stringFormatter.format('actionsAvailable'));
-        }
-    }, [
-        stringFormatter
-    ]);
-    return /*#__PURE__*/ (0, ($parcel$interopDefault($643e7$react))).createElement((0, $643e7$reactariafocus.FocusScope), {
-        restoreFocus: true
-    }, /*#__PURE__*/ (0, ($parcel$interopDefault($643e7$react))).createElement("div", {
-        ...(0, $643e7$reactariautils.filterDOMProps)(props),
-        ...styleProps,
-        ...keyboardProps,
-        ref: ref,
-        className: (0, $643e7$reactspectrumutils.classNames)((0, ($parcel$interopDefault($ff24c7bbe0c168db$exports))), 'react-spectrum-ActionBar', {
-            'react-spectrum-ActionBar--emphasized': isEmphasized,
-            'is-open': isOpen
-        }, styleProps.className)
-    }, /*#__PURE__*/ (0, ($parcel$interopDefault($643e7$react))).createElement("div", {
-        className: (0, $643e7$reactspectrumutils.classNames)((0, ($parcel$interopDefault($ff24c7bbe0c168db$exports))), 'react-spectrum-ActionBar-bar')
-    }, /*#__PURE__*/ (0, ($parcel$interopDefault($643e7$react))).createElement((0, $643e7$reactspectrumactiongroup.ActionGroup), {
-        items: items,
-        "aria-label": stringFormatter.format('actions'),
-        isQuiet: true,
-        staticColor: isEmphasized ? 'white' : undefined,
-        overflowMode: "collapse",
-        buttonLabelBehavior: buttonLabelBehavior,
-        onAction: onAction,
-        disabledKeys: disabledKeys,
-        UNSAFE_className: (0, $643e7$reactspectrumutils.classNames)((0, ($parcel$interopDefault($ff24c7bbe0c168db$exports))), 'react-spectrum-ActionBar-actionGroup')
-    }, children), /*#__PURE__*/ (0, ($parcel$interopDefault($643e7$react))).createElement((0, $643e7$reactspectrumbutton.ActionButton), {
-        gridArea: (0, ($parcel$interopDefault($ff24c7bbe0c168db$exports))).clear,
-        "aria-label": stringFormatter.format('clearSelection'),
-        onPress: ()=>onClearSelection(),
-        isQuiet: true,
-        staticColor: isEmphasized ? 'white' : undefined
-    }, /*#__PURE__*/ (0, ($parcel$interopDefault($643e7$react))).createElement((0, ($parcel$interopDefault($643e7$spectrumiconsuiCrossLarge))), null)), /*#__PURE__*/ (0, ($parcel$interopDefault($643e7$react))).createElement((0, $643e7$reactspectrumtext.Text), {
-        UNSAFE_className: (0, $643e7$reactspectrumutils.classNames)((0, ($parcel$interopDefault($ff24c7bbe0c168db$exports))), 'react-spectrum-ActionBar-selectedCount')
-    }, lastCount === 'all' ? stringFormatter.format('selectedAll') : stringFormatter.format('selected', {
-        count: lastCount
-    })))));
-}
-const $7b5467653feb1153$var$ActionBarInnerWithRef = /*#__PURE__*/ (0, ($parcel$interopDefault($643e7$react))).forwardRef($7b5467653feb1153$var$ActionBarInner);
-
-
-//# sourceMappingURL=ActionBar.main.js.map

package/dist/ActionBar.main.js.map

@@ -1 +0,0 @@
-{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;;;;;AAwBM,MAAM,0DAAY,CAAA,GAAA,sCAAI,EAAE,UAAU,CAAC,SAAS,UAA4B,KAAgC,EAAE,GAA2B;IAC1I,IAAI,SAAS,MAAM,iBAAiB,KAAK;IACzC,IAAI,SAAS,CAAA,GAAA,mCAAQ,EAAE;IAEvB,qBACE,0DAAC,CAAA,GAAA,2CAAa;QACZ,SAAS;QACT,IAAI;QACJ,cAAA;QACA,eAAA;qBACA,0DAAC;QAAuB,GAAG,KAAK;QAAE,KAAK;;AAG7C;AAMA,SAAS,qCAAkB,KAA6B,EAAE,GAAwB;IAChF,QAAQ,CAAA,GAAA,6CAAe,EAAE;IAEzB,IAAI,YACF,QAAQ,gBACR,YAAY,YACZ,QAAQ,oBACR,gBAAgB,qBAChB,iBAAiB,UACjB,MAAM,uBACN,sBAAsB,mBACtB,KAAK,gBACL,YAAY,EACb,GAAG;IAEJ,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,uCAAY,EAAE;IACjC,IAAI,kBAAkB,CAAA,GAAA,gDAA0B,EAAE,CAAA,GAAA,mDAAW,GAAG;IAEhE,mHAAmH;IACnH,IAAI,CAAC,WAAW,aAAa,GAAG,CAAA,GAAA,qBAAO,EAAE;IACzC,IAAI,AAAC,CAAA,sBAAsB,SAAS,oBAAoB,CAAA,KAAM,sBAAsB,WAClF,aAAa;IAGf,IAAI,iBAAC,aAAa,EAAC,GAAG,CAAA,GAAA,wCAAU,EAAE;QAChC,WAAU,CAAC;YACT,IAAI,EAAE,GAAG,KAAK,UAAU;gBACtB,EAAE,cAAc;gBAChB;YACF;QACF;IACF;IAEA,yCAAyC;IACzC,IAAI,YAAY,CAAA,GAAA,mBAAK,EAAE;IACvB,CAAA,GAAA,sBAAQ,EAAE;QACR,IAAI,UAAU,OAAO,EAAE;YACrB,UAAU,OAAO,GAAG;YACpB,CAAA,GAAA,sCAAO,EAAE,gBAAgB,MAAM,CAAC;QAClC;IACF,GAAG;QAAC;KAAgB;IAEpB,qBACE,0DAAC,CAAA,GAAA,gCAAS;QAAE,cAAA;qBACV,0DAAC;QACE,GAAG,CAAA,GAAA,oCAAa,EAAE,MAAM;QACxB,GAAG,UAAU;QACb,GAAG,aAAa;QACjB,KAAK;QACL,WAAW,CAAA,GAAA,oCAAS,EAClB,CAAA,GAAA,mDAAK,GACL,4BAA4B;YAC1B,wCAAwC;YACxC,WAAW;QACb,GACA,WAAW,SAAS;qBAEtB,0DAAC;QAAI,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;qBACjC,0DAAC,CAAA,GAAA,2CAAU;QACT,OAAO;QACP,cAAY,gBAAgB,MAAM,CAAC;QACnC,SAAA;QACA,aAAa,eAAe,UAAU;QACtC,cAAa;QACb,qBAAqB;QACrB,UAAU;QACV,cAAc;QACd,kBAAkB,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;OACpC,yBAEH,0DAAC,CAAA,GAAA,uCAAW;QACV,UAAU,CAAA,GAAA,mDAAK,EAAE,KAAK;QACtB,cAAY,gBAAgB,MAAM,CAAC;QACnC,SAAS,IAAM;QACf,SAAA;QACA,aAAa,eAAe,UAAU;qBACtC,0DAAC,CAAA,GAAA,0DAAS,yBAEZ,0DAAC,CAAA,GAAA,6BAAG;QAAE,kBAAkB,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;OACxC,cAAc,QACX,gBAAgB,MAAM,CAAC,iBACvB,gBAAgB,MAAM,CAAC,YAAY;QAAC,OAAO;IAAS;AAMpE;AAEA,MAAM,4DAAwB,CAAA,GAAA,sCAAI,EAAE,UAAU,CAAC","sources":["packages/@react-spectrum/actionbar/src/ActionBar.tsx"],"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\nimport {ActionButton} from '@react-spectrum/button';\nimport {ActionGroup} from '@react-spectrum/actiongroup';\nimport {announce} from '@react-aria/live-announcer';\nimport {classNames, useDOMRef, useStyleProps} from '@react-spectrum/utils';\nimport CrossLarge from '@spectrum-icons/ui/CrossLarge';\nimport {DOMRef} from '@react-types/shared';\nimport {filterDOMProps} from '@react-aria/utils';\nimport {FocusScope} from '@react-aria/focus';\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport {OpenTransition} from '@react-spectrum/overlays';\nimport React, {ReactElement, Ref, useEffect, useRef, useState} from 'react';\nimport {SpectrumActionBarProps} from '@react-types/actionbar';\nimport styles from './actionbar.css';\nimport {Text} from '@react-spectrum/text';\nimport {useKeyboard} from '@react-aria/interactions';\nimport {useLocalizedStringFormatter} from '@react-aria/i18n';\nimport {useProviderProps} from '@react-spectrum/provider';\n\n/**\n * 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.\n */\nexport const ActionBar = React.forwardRef(function ActionBar<T extends object>(props: SpectrumActionBarProps<T>, ref: DOMRef<HTMLDivElement>) {\n  let isOpen = props.selectedItemCount !== 0;\n  let domRef = useDOMRef(ref);\n\n  return (\n    <OpenTransition\n      nodeRef={domRef}\n      in={isOpen}\n      mountOnEnter\n      unmountOnExit>\n      <ActionBarInnerWithRef {...props} ref={domRef} />\n    </OpenTransition>\n  );\n}) as <T>(props: SpectrumActionBarProps<T> & {ref?: DOMRef<HTMLDivElement>}) => ReactElement;\n\ninterface ActionBarInnerProps<T> extends SpectrumActionBarProps<T> {\n  isOpen?: boolean\n}\n\nfunction ActionBarInner<T>(props: ActionBarInnerProps<T>, ref: Ref<HTMLDivElement>) {\n  props = useProviderProps(props);\n\n  let {\n    children,\n    isEmphasized,\n    onAction,\n    onClearSelection,\n    selectedItemCount,\n    isOpen,\n    buttonLabelBehavior = 'collapse',\n    items,\n    disabledKeys\n  } = props;\n\n  let {styleProps} = useStyleProps(props);\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/actionbar');\n\n  // Store the last count greater than zero in a ref so that we can retain it while rendering the fade-out animation.\n  let [lastCount, setLastCount] = useState(selectedItemCount);\n  if ((selectedItemCount === 'all' || selectedItemCount > 0) && selectedItemCount !== lastCount) {\n    setLastCount(selectedItemCount);\n  }\n\n  let {keyboardProps} = useKeyboard({\n    onKeyDown(e) {\n      if (e.key === 'Escape') {\n        e.preventDefault();\n        onClearSelection();\n      }\n    }\n  });\n\n  // Announce \"actions available\" on mount.\n  let isInitial = useRef(true);\n  useEffect(() => {\n    if (isInitial.current) {\n      isInitial.current = false;\n      announce(stringFormatter.format('actionsAvailable'));\n    }\n  }, [stringFormatter]);\n\n  return (\n    <FocusScope restoreFocus>\n      <div\n        {...filterDOMProps(props)}\n        {...styleProps}\n        {...keyboardProps}\n        ref={ref}\n        className={classNames(\n          styles,\n          'react-spectrum-ActionBar', {\n            'react-spectrum-ActionBar--emphasized': isEmphasized,\n            'is-open': isOpen\n          },\n          styleProps.className\n        )}>\n        <div className={classNames(styles, 'react-spectrum-ActionBar-bar')}>\n          <ActionGroup\n            items={items}\n            aria-label={stringFormatter.format('actions')}\n            isQuiet\n            staticColor={isEmphasized ? 'white' : undefined}\n            overflowMode=\"collapse\"\n            buttonLabelBehavior={buttonLabelBehavior}\n            onAction={onAction}\n            disabledKeys={disabledKeys}\n            UNSAFE_className={classNames(styles, 'react-spectrum-ActionBar-actionGroup')}>\n            {children}\n          </ActionGroup>\n          <ActionButton\n            gridArea={styles.clear}\n            aria-label={stringFormatter.format('clearSelection')}\n            onPress={() => onClearSelection()}\n            isQuiet\n            staticColor={isEmphasized ? 'white' : undefined}>\n            <CrossLarge />\n          </ActionButton>\n          <Text UNSAFE_className={classNames(styles, 'react-spectrum-ActionBar-selectedCount')}>\n            {lastCount === 'all'\n              ? stringFormatter.format('selectedAll')\n              : stringFormatter.format('selected', {count: lastCount})}\n          </Text>\n        </div>\n      </div>\n    </FocusScope>\n  );\n}\n\nconst ActionBarInnerWithRef = React.forwardRef(ActionBarInner) as <T>(props: ActionBarInnerProps<T> & {ref?: Ref<HTMLDivElement>}) => ReactElement;\n"],"names":[],"version":3,"file":"ActionBar.main.js.map"}

package/dist/ActionBar.mjs

@@ -1,125 +0,0 @@
-import $c4Nes$intlStringsmodulejs from "./intlStrings.mjs";
-import "./actionbar.bdfe7eee.css";
-import $c4Nes$actionbar_cssmodulejs from "./actionbar_css.mjs";
-import {ActionButton as $c4Nes$ActionButton} from "@react-spectrum/button";
-import {ActionGroup as $c4Nes$ActionGroup} from "@react-spectrum/actiongroup";
-import {announce as $c4Nes$announce} from "@react-aria/live-announcer";
-import {useDOMRef as $c4Nes$useDOMRef, useStyleProps as $c4Nes$useStyleProps, classNames as $c4Nes$classNames} from "@react-spectrum/utils";
-import $c4Nes$spectrumiconsuiCrossLarge from "@spectrum-icons/ui/CrossLarge";
-import {filterDOMProps as $c4Nes$filterDOMProps} from "@react-aria/utils";
-import {FocusScope as $c4Nes$FocusScope} from "@react-aria/focus";
-import {OpenTransition as $c4Nes$OpenTransition} from "@react-spectrum/overlays";
-import $c4Nes$react, {useState as $c4Nes$useState, useRef as $c4Nes$useRef, useEffect as $c4Nes$useEffect} from "react";
-import {Text as $c4Nes$Text} from "@react-spectrum/text";
-import {useKeyboard as $c4Nes$useKeyboard} from "@react-aria/interactions";
-import {useLocalizedStringFormatter as $c4Nes$useLocalizedStringFormatter} from "@react-aria/i18n";
-import {useProviderProps as $c4Nes$useProviderProps} from "@react-spectrum/provider";
-
-
-function $parcel$interopDefault(a) {
-  return a && a.__esModule ? a.default : a;
-}
-/*
- * Copyright 2020 Adobe. All rights reserved.
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */ 
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-const $a4e665fbd087d71e$export$e213cebad6250b4a = /*#__PURE__*/ (0, $c4Nes$react).forwardRef(function ActionBar(props, ref) {
-    let isOpen = props.selectedItemCount !== 0;
-    let domRef = (0, $c4Nes$useDOMRef)(ref);
-    return /*#__PURE__*/ (0, $c4Nes$react).createElement((0, $c4Nes$OpenTransition), {
-        nodeRef: domRef,
-        in: isOpen,
-        mountOnEnter: true,
-        unmountOnExit: true
-    }, /*#__PURE__*/ (0, $c4Nes$react).createElement($a4e665fbd087d71e$var$ActionBarInnerWithRef, {
-        ...props,
-        ref: domRef
-    }));
-});
-function $a4e665fbd087d71e$var$ActionBarInner(props, ref) {
-    props = (0, $c4Nes$useProviderProps)(props);
-    let { children: children, isEmphasized: isEmphasized, onAction: onAction, onClearSelection: onClearSelection, selectedItemCount: selectedItemCount, isOpen: isOpen, buttonLabelBehavior: buttonLabelBehavior = 'collapse', items: items, disabledKeys: disabledKeys } = props;
-    let { styleProps: styleProps } = (0, $c4Nes$useStyleProps)(props);
-    let stringFormatter = (0, $c4Nes$useLocalizedStringFormatter)((0, ($parcel$interopDefault($c4Nes$intlStringsmodulejs))), '@react-spectrum/actionbar');
-    // Store the last count greater than zero in a ref so that we can retain it while rendering the fade-out animation.
-    let [lastCount, setLastCount] = (0, $c4Nes$useState)(selectedItemCount);
-    if ((selectedItemCount === 'all' || selectedItemCount > 0) && selectedItemCount !== lastCount) setLastCount(selectedItemCount);
-    let { keyboardProps: keyboardProps } = (0, $c4Nes$useKeyboard)({
-        onKeyDown (e) {
-            if (e.key === 'Escape') {
-                e.preventDefault();
-                onClearSelection();
-            }
-        }
-    });
-    // Announce "actions available" on mount.
-    let isInitial = (0, $c4Nes$useRef)(true);
-    (0, $c4Nes$useEffect)(()=>{
-        if (isInitial.current) {
-            isInitial.current = false;
-            (0, $c4Nes$announce)(stringFormatter.format('actionsAvailable'));
-        }
-    }, [
-        stringFormatter
-    ]);
-    return /*#__PURE__*/ (0, $c4Nes$react).createElement((0, $c4Nes$FocusScope), {
-        restoreFocus: true
-    }, /*#__PURE__*/ (0, $c4Nes$react).createElement("div", {
-        ...(0, $c4Nes$filterDOMProps)(props),
-        ...styleProps,
-        ...keyboardProps,
-        ref: ref,
-        className: (0, $c4Nes$classNames)((0, ($parcel$interopDefault($c4Nes$actionbar_cssmodulejs))), 'react-spectrum-ActionBar', {
-            'react-spectrum-ActionBar--emphasized': isEmphasized,
-            'is-open': isOpen
-        }, styleProps.className)
-    }, /*#__PURE__*/ (0, $c4Nes$react).createElement("div", {
-        className: (0, $c4Nes$classNames)((0, ($parcel$interopDefault($c4Nes$actionbar_cssmodulejs))), 'react-spectrum-ActionBar-bar')
-    }, /*#__PURE__*/ (0, $c4Nes$react).createElement((0, $c4Nes$ActionGroup), {
-        items: items,
-        "aria-label": stringFormatter.format('actions'),
-        isQuiet: true,
-        staticColor: isEmphasized ? 'white' : undefined,
-        overflowMode: "collapse",
-        buttonLabelBehavior: buttonLabelBehavior,
-        onAction: onAction,
-        disabledKeys: disabledKeys,
-        UNSAFE_className: (0, $c4Nes$classNames)((0, ($parcel$interopDefault($c4Nes$actionbar_cssmodulejs))), 'react-spectrum-ActionBar-actionGroup')
-    }, children), /*#__PURE__*/ (0, $c4Nes$react).createElement((0, $c4Nes$ActionButton), {
-        gridArea: (0, ($parcel$interopDefault($c4Nes$actionbar_cssmodulejs))).clear,
-        "aria-label": stringFormatter.format('clearSelection'),
-        onPress: ()=>onClearSelection(),
-        isQuiet: true,
-        staticColor: isEmphasized ? 'white' : undefined
-    }, /*#__PURE__*/ (0, $c4Nes$react).createElement((0, $c4Nes$spectrumiconsuiCrossLarge), null)), /*#__PURE__*/ (0, $c4Nes$react).createElement((0, $c4Nes$Text), {
-        UNSAFE_className: (0, $c4Nes$classNames)((0, ($parcel$interopDefault($c4Nes$actionbar_cssmodulejs))), 'react-spectrum-ActionBar-selectedCount')
-    }, lastCount === 'all' ? stringFormatter.format('selectedAll') : stringFormatter.format('selected', {
-        count: lastCount
-    })))));
-}
-const $a4e665fbd087d71e$var$ActionBarInnerWithRef = /*#__PURE__*/ (0, $c4Nes$react).forwardRef($a4e665fbd087d71e$var$ActionBarInner);
-
-
-export {$a4e665fbd087d71e$export$e213cebad6250b4a as ActionBar};
-//# sourceMappingURL=ActionBar.module.js.map

package/dist/ActionBar.module.js

@@ -1,125 +0,0 @@
-import $c4Nes$intlStringsmodulejs from "./intlStrings.module.js";
-import "./actionbar.bdfe7eee.css";
-import $c4Nes$actionbar_cssmodulejs from "./actionbar_css.module.js";
-import {ActionButton as $c4Nes$ActionButton} from "@react-spectrum/button";
-import {ActionGroup as $c4Nes$ActionGroup} from "@react-spectrum/actiongroup";
-import {announce as $c4Nes$announce} from "@react-aria/live-announcer";
-import {useDOMRef as $c4Nes$useDOMRef, useStyleProps as $c4Nes$useStyleProps, classNames as $c4Nes$classNames} from "@react-spectrum/utils";
-import $c4Nes$spectrumiconsuiCrossLarge from "@spectrum-icons/ui/CrossLarge";
-import {filterDOMProps as $c4Nes$filterDOMProps} from "@react-aria/utils";
-import {FocusScope as $c4Nes$FocusScope} from "@react-aria/focus";
-import {OpenTransition as $c4Nes$OpenTransition} from "@react-spectrum/overlays";
-import $c4Nes$react, {useState as $c4Nes$useState, useRef as $c4Nes$useRef, useEffect as $c4Nes$useEffect} from "react";
-import {Text as $c4Nes$Text} from "@react-spectrum/text";
-import {useKeyboard as $c4Nes$useKeyboard} from "@react-aria/interactions";
-import {useLocalizedStringFormatter as $c4Nes$useLocalizedStringFormatter} from "@react-aria/i18n";
-import {useProviderProps as $c4Nes$useProviderProps} from "@react-spectrum/provider";
-
-
-function $parcel$interopDefault(a) {
-  return a && a.__esModule ? a.default : a;
-}
-/*
- * Copyright 2020 Adobe. All rights reserved.
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */ 
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-const $a4e665fbd087d71e$export$e213cebad6250b4a = /*#__PURE__*/ (0, $c4Nes$react).forwardRef(function ActionBar(props, ref) {
-    let isOpen = props.selectedItemCount !== 0;
-    let domRef = (0, $c4Nes$useDOMRef)(ref);
-    return /*#__PURE__*/ (0, $c4Nes$react).createElement((0, $c4Nes$OpenTransition), {
-        nodeRef: domRef,
-        in: isOpen,
-        mountOnEnter: true,
-        unmountOnExit: true
-    }, /*#__PURE__*/ (0, $c4Nes$react).createElement($a4e665fbd087d71e$var$ActionBarInnerWithRef, {
-        ...props,
-        ref: domRef
-    }));
-});
-function $a4e665fbd087d71e$var$ActionBarInner(props, ref) {
-    props = (0, $c4Nes$useProviderProps)(props);
-    let { children: children, isEmphasized: isEmphasized, onAction: onAction, onClearSelection: onClearSelection, selectedItemCount: selectedItemCount, isOpen: isOpen, buttonLabelBehavior: buttonLabelBehavior = 'collapse', items: items, disabledKeys: disabledKeys } = props;
-    let { styleProps: styleProps } = (0, $c4Nes$useStyleProps)(props);
-    let stringFormatter = (0, $c4Nes$useLocalizedStringFormatter)((0, ($parcel$interopDefault($c4Nes$intlStringsmodulejs))), '@react-spectrum/actionbar');
-    // Store the last count greater than zero in a ref so that we can retain it while rendering the fade-out animation.
-    let [lastCount, setLastCount] = (0, $c4Nes$useState)(selectedItemCount);
-    if ((selectedItemCount === 'all' || selectedItemCount > 0) && selectedItemCount !== lastCount) setLastCount(selectedItemCount);
-    let { keyboardProps: keyboardProps } = (0, $c4Nes$useKeyboard)({
-        onKeyDown (e) {
-            if (e.key === 'Escape') {
-                e.preventDefault();
-                onClearSelection();
-            }
-        }
-    });
-    // Announce "actions available" on mount.
-    let isInitial = (0, $c4Nes$useRef)(true);
-    (0, $c4Nes$useEffect)(()=>{
-        if (isInitial.current) {
-            isInitial.current = false;
-            (0, $c4Nes$announce)(stringFormatter.format('actionsAvailable'));
-        }
-    }, [
-        stringFormatter
-    ]);
-    return /*#__PURE__*/ (0, $c4Nes$react).createElement((0, $c4Nes$FocusScope), {
-        restoreFocus: true
-    }, /*#__PURE__*/ (0, $c4Nes$react).createElement("div", {
-        ...(0, $c4Nes$filterDOMProps)(props),
-        ...styleProps,
-        ...keyboardProps,
-        ref: ref,
-        className: (0, $c4Nes$classNames)((0, ($parcel$interopDefault($c4Nes$actionbar_cssmodulejs))), 'react-spectrum-ActionBar', {
-            'react-spectrum-ActionBar--emphasized': isEmphasized,
-            'is-open': isOpen
-        }, styleProps.className)
-    }, /*#__PURE__*/ (0, $c4Nes$react).createElement("div", {
-        className: (0, $c4Nes$classNames)((0, ($parcel$interopDefault($c4Nes$actionbar_cssmodulejs))), 'react-spectrum-ActionBar-bar')
-    }, /*#__PURE__*/ (0, $c4Nes$react).createElement((0, $c4Nes$ActionGroup), {
-        items: items,
-        "aria-label": stringFormatter.format('actions'),
-        isQuiet: true,
-        staticColor: isEmphasized ? 'white' : undefined,
-        overflowMode: "collapse",
-        buttonLabelBehavior: buttonLabelBehavior,
-        onAction: onAction,
-        disabledKeys: disabledKeys,
-        UNSAFE_className: (0, $c4Nes$classNames)((0, ($parcel$interopDefault($c4Nes$actionbar_cssmodulejs))), 'react-spectrum-ActionBar-actionGroup')
-    }, children), /*#__PURE__*/ (0, $c4Nes$react).createElement((0, $c4Nes$ActionButton), {
-        gridArea: (0, ($parcel$interopDefault($c4Nes$actionbar_cssmodulejs))).clear,
-        "aria-label": stringFormatter.format('clearSelection'),
-        onPress: ()=>onClearSelection(),
-        isQuiet: true,
-        staticColor: isEmphasized ? 'white' : undefined
-    }, /*#__PURE__*/ (0, $c4Nes$react).createElement((0, $c4Nes$spectrumiconsuiCrossLarge), null)), /*#__PURE__*/ (0, $c4Nes$react).createElement((0, $c4Nes$Text), {
-        UNSAFE_className: (0, $c4Nes$classNames)((0, ($parcel$interopDefault($c4Nes$actionbar_cssmodulejs))), 'react-spectrum-ActionBar-selectedCount')
-    }, lastCount === 'all' ? stringFormatter.format('selectedAll') : stringFormatter.format('selected', {
-        count: lastCount
-    })))));
-}
-const $a4e665fbd087d71e$var$ActionBarInnerWithRef = /*#__PURE__*/ (0, $c4Nes$react).forwardRef($a4e665fbd087d71e$var$ActionBarInner);
-
-
-export {$a4e665fbd087d71e$export$e213cebad6250b4a as ActionBar};
-//# sourceMappingURL=ActionBar.module.js.map

package/dist/ActionBar.module.js.map

@@ -1 +0,0 @@
-{"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;;;;;AAwBM,MAAM,0DAAY,CAAA,GAAA,YAAI,EAAE,UAAU,CAAC,SAAS,UAA4B,KAAgC,EAAE,GAA2B;IAC1I,IAAI,SAAS,MAAM,iBAAiB,KAAK;IACzC,IAAI,SAAS,CAAA,GAAA,gBAAQ,EAAE;IAEvB,qBACE,gCAAC,CAAA,GAAA,qBAAa;QACZ,SAAS;QACT,IAAI;QACJ,cAAA;QACA,eAAA;qBACA,gCAAC;QAAuB,GAAG,KAAK;QAAE,KAAK;;AAG7C;AAMA,SAAS,qCAAkB,KAA6B,EAAE,GAAwB;IAChF,QAAQ,CAAA,GAAA,uBAAe,EAAE;IAEzB,IAAI,YACF,QAAQ,gBACR,YAAY,YACZ,QAAQ,oBACR,gBAAgB,qBAChB,iBAAiB,UACjB,MAAM,uBACN,sBAAsB,mBACtB,KAAK,gBACL,YAAY,EACb,GAAG;IAEJ,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,oBAAY,EAAE;IACjC,IAAI,kBAAkB,CAAA,GAAA,kCAA0B,EAAE,CAAA,GAAA,oDAAW,GAAG;IAEhE,mHAAmH;IACnH,IAAI,CAAC,WAAW,aAAa,GAAG,CAAA,GAAA,eAAO,EAAE;IACzC,IAAI,AAAC,CAAA,sBAAsB,SAAS,oBAAoB,CAAA,KAAM,sBAAsB,WAClF,aAAa;IAGf,IAAI,iBAAC,aAAa,EAAC,GAAG,CAAA,GAAA,kBAAU,EAAE;QAChC,WAAU,CAAC;YACT,IAAI,EAAE,GAAG,KAAK,UAAU;gBACtB,EAAE,cAAc;gBAChB;YACF;QACF;IACF;IAEA,yCAAyC;IACzC,IAAI,YAAY,CAAA,GAAA,aAAK,EAAE;IACvB,CAAA,GAAA,gBAAQ,EAAE;QACR,IAAI,UAAU,OAAO,EAAE;YACrB,UAAU,OAAO,GAAG;YACpB,CAAA,GAAA,eAAO,EAAE,gBAAgB,MAAM,CAAC;QAClC;IACF,GAAG;QAAC;KAAgB;IAEpB,qBACE,gCAAC,CAAA,GAAA,iBAAS;QAAE,cAAA;qBACV,gCAAC;QACE,GAAG,CAAA,GAAA,qBAAa,EAAE,MAAM;QACxB,GAAG,UAAU;QACb,GAAG,aAAa;QACjB,KAAK;QACL,WAAW,CAAA,GAAA,iBAAS,EAClB,CAAA,GAAA,sDAAK,GACL,4BAA4B;YAC1B,wCAAwC;YACxC,WAAW;QACb,GACA,WAAW,SAAS;qBAEtB,gCAAC;QAAI,WAAW,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,sDAAK,GAAG;qBACjC,gCAAC,CAAA,GAAA,kBAAU;QACT,OAAO;QACP,cAAY,gBAAgB,MAAM,CAAC;QACnC,SAAA;QACA,aAAa,eAAe,UAAU;QACtC,cAAa;QACb,qBAAqB;QACrB,UAAU;QACV,cAAc;QACd,kBAAkB,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,sDAAK,GAAG;OACpC,yBAEH,gCAAC,CAAA,GAAA,mBAAW;QACV,UAAU,CAAA,GAAA,sDAAK,EAAE,KAAK;QACtB,cAAY,gBAAgB,MAAM,CAAC;QACnC,SAAS,IAAM;QACf,SAAA;QACA,aAAa,eAAe,UAAU;qBACtC,gCAAC,CAAA,GAAA,gCAAS,yBAEZ,gCAAC,CAAA,GAAA,WAAG;QAAE,kBAAkB,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,sDAAK,GAAG;OACxC,cAAc,QACX,gBAAgB,MAAM,CAAC,iBACvB,gBAAgB,MAAM,CAAC,YAAY;QAAC,OAAO;IAAS;AAMpE;AAEA,MAAM,4DAAwB,CAAA,GAAA,YAAI,EAAE,UAAU,CAAC","sources":["packages/@react-spectrum/actionbar/src/ActionBar.tsx"],"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\nimport {ActionButton} from '@react-spectrum/button';\nimport {ActionGroup} from '@react-spectrum/actiongroup';\nimport {announce} from '@react-aria/live-announcer';\nimport {classNames, useDOMRef, useStyleProps} from '@react-spectrum/utils';\nimport CrossLarge from '@spectrum-icons/ui/CrossLarge';\nimport {DOMRef} from '@react-types/shared';\nimport {filterDOMProps} from '@react-aria/utils';\nimport {FocusScope} from '@react-aria/focus';\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport {OpenTransition} from '@react-spectrum/overlays';\nimport React, {ReactElement, Ref, useEffect, useRef, useState} from 'react';\nimport {SpectrumActionBarProps} from '@react-types/actionbar';\nimport styles from './actionbar.css';\nimport {Text} from '@react-spectrum/text';\nimport {useKeyboard} from '@react-aria/interactions';\nimport {useLocalizedStringFormatter} from '@react-aria/i18n';\nimport {useProviderProps} from '@react-spectrum/provider';\n\n/**\n * 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.\n */\nexport const ActionBar = React.forwardRef(function ActionBar<T extends object>(props: SpectrumActionBarProps<T>, ref: DOMRef<HTMLDivElement>) {\n  let isOpen = props.selectedItemCount !== 0;\n  let domRef = useDOMRef(ref);\n\n  return (\n    <OpenTransition\n      nodeRef={domRef}\n      in={isOpen}\n      mountOnEnter\n      unmountOnExit>\n      <ActionBarInnerWithRef {...props} ref={domRef} />\n    </OpenTransition>\n  );\n}) as <T>(props: SpectrumActionBarProps<T> & {ref?: DOMRef<HTMLDivElement>}) => ReactElement;\n\ninterface ActionBarInnerProps<T> extends SpectrumActionBarProps<T> {\n  isOpen?: boolean\n}\n\nfunction ActionBarInner<T>(props: ActionBarInnerProps<T>, ref: Ref<HTMLDivElement>) {\n  props = useProviderProps(props);\n\n  let {\n    children,\n    isEmphasized,\n    onAction,\n    onClearSelection,\n    selectedItemCount,\n    isOpen,\n    buttonLabelBehavior = 'collapse',\n    items,\n    disabledKeys\n  } = props;\n\n  let {styleProps} = useStyleProps(props);\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/actionbar');\n\n  // Store the last count greater than zero in a ref so that we can retain it while rendering the fade-out animation.\n  let [lastCount, setLastCount] = useState(selectedItemCount);\n  if ((selectedItemCount === 'all' || selectedItemCount > 0) && selectedItemCount !== lastCount) {\n    setLastCount(selectedItemCount);\n  }\n\n  let {keyboardProps} = useKeyboard({\n    onKeyDown(e) {\n      if (e.key === 'Escape') {\n        e.preventDefault();\n        onClearSelection();\n      }\n    }\n  });\n\n  // Announce \"actions available\" on mount.\n  let isInitial = useRef(true);\n  useEffect(() => {\n    if (isInitial.current) {\n      isInitial.current = false;\n      announce(stringFormatter.format('actionsAvailable'));\n    }\n  }, [stringFormatter]);\n\n  return (\n    <FocusScope restoreFocus>\n      <div\n        {...filterDOMProps(props)}\n        {...styleProps}\n        {...keyboardProps}\n        ref={ref}\n        className={classNames(\n          styles,\n          'react-spectrum-ActionBar', {\n            'react-spectrum-ActionBar--emphasized': isEmphasized,\n            'is-open': isOpen\n          },\n          styleProps.className\n        )}>\n        <div className={classNames(styles, 'react-spectrum-ActionBar-bar')}>\n          <ActionGroup\n            items={items}\n            aria-label={stringFormatter.format('actions')}\n            isQuiet\n            staticColor={isEmphasized ? 'white' : undefined}\n            overflowMode=\"collapse\"\n            buttonLabelBehavior={buttonLabelBehavior}\n            onAction={onAction}\n            disabledKeys={disabledKeys}\n            UNSAFE_className={classNames(styles, 'react-spectrum-ActionBar-actionGroup')}>\n            {children}\n          </ActionGroup>\n          <ActionButton\n            gridArea={styles.clear}\n            aria-label={stringFormatter.format('clearSelection')}\n            onPress={() => onClearSelection()}\n            isQuiet\n            staticColor={isEmphasized ? 'white' : undefined}>\n            <CrossLarge />\n          </ActionButton>\n          <Text UNSAFE_className={classNames(styles, 'react-spectrum-ActionBar-selectedCount')}>\n            {lastCount === 'all'\n              ? stringFormatter.format('selectedAll')\n              : stringFormatter.format('selected', {count: lastCount})}\n          </Text>\n        </div>\n      </div>\n    </FocusScope>\n  );\n}\n\nconst ActionBarInnerWithRef = React.forwardRef(ActionBarInner) as <T>(props: ActionBarInnerProps<T> & {ref?: Ref<HTMLDivElement>}) => ReactElement;\n"],"names":[],"version":3,"file":"ActionBar.module.js.map"}