@react-spectrum/actionbar 3.4.4-nightly.4555 → 3.4.4-nightly.4558

package/dist/ActionBar.main.js

@@ -0,0 +1,132 @@
+var $b1ba52ca91e22687$exports = require("./intlStrings.main.js");
+require("./actionbar.6c2bbcbf.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.
+ */ 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+function $7b5467653feb1153$var$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, items: items } = 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: "collapse",
+        onAction: onAction,
+        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);
+/**
+ * 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.
+ */ const $7b5467653feb1153$export$e213cebad6250b4a = /*#__PURE__*/ (0, ($parcel$interopDefault($643e7$react))).forwardRef($7b5467653feb1153$var$ActionBar);
+
+
+//# sourceMappingURL=ActionBar.main.js.map

package/dist/ActionBar.main.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;;;;;AAqBD,SAAS,gCAA4B,KAAgC,EAAE,GAA2B;IAChG,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,SACN,KAAK,EACN,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,qBAAoB;QACpB,UAAU;QACV,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;AAE/C;;CAEC,GACD,MAAM,0DAAa,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\nfunction 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}\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    items\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=\"collapse\"\n            onAction={onAction}\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\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 */\nconst _ActionBar = React.forwardRef(ActionBar) as <T>(props: SpectrumActionBarProps<T> & {ref?: DOMRef<HTMLDivElement>}) => ReactElement;\nexport {_ActionBar as ActionBar};\n"],"names":[],"version":3,"file":"ActionBar.main.js.map"}

package/dist/ActionBar.mjs

@@ -0,0 +1,127 @@
+import $c4Nes$intlStringsmodulejs from "./intlStrings.mjs";
+import "./actionbar.6c2bbcbf.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.
+ */ 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+function $a4e665fbd087d71e$var$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, items: items } = 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: "collapse",
+        onAction: onAction,
+        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);
+/**
+ * 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.
+ */ const $a4e665fbd087d71e$export$e213cebad6250b4a = /*#__PURE__*/ (0, $c4Nes$react).forwardRef($a4e665fbd087d71e$var$ActionBar);
+
+
+export {$a4e665fbd087d71e$export$e213cebad6250b4a as ActionBar};
+//# sourceMappingURL=ActionBar.mjs.map

package/dist/ActionBar.module.js

@@ -0,0 +1,127 @@
+import $c4Nes$intlStringsmodulejs from "./intlStrings.module.js";
+import "./actionbar.6c2bbcbf.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.
+ */ 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+function $a4e665fbd087d71e$var$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, items: items } = 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: "collapse",
+        onAction: onAction,
+        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);
+/**
+ * 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.
+ */ const $a4e665fbd087d71e$export$e213cebad6250b4a = /*#__PURE__*/ (0, $c4Nes$react).forwardRef($a4e665fbd087d71e$var$ActionBar);
+
+
+export {$a4e665fbd087d71e$export$e213cebad6250b4a as ActionBar};
+//# sourceMappingURL=ActionBar.module.js.map

package/dist/ActionBar.module.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;;;;;AAqBD,SAAS,gCAA4B,KAAgC,EAAE,GAA2B;IAChG,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,SACN,KAAK,EACN,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,qBAAoB;QACpB,UAAU;QACV,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;AAE/C;;CAEC,GACD,MAAM,0DAAa,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\nfunction 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}\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    items\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=\"collapse\"\n            onAction={onAction}\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\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 */\nconst _ActionBar = React.forwardRef(ActionBar) as <T>(props: SpectrumActionBarProps<T> & {ref?: DOMRef<HTMLDivElement>}) => ReactElement;\nexport {_ActionBar as ActionBar};\n"],"names":[],"version":3,"file":"ActionBar.module.js.map"}

package/dist/ActionBarContainer.main.js

@@ -0,0 +1,52 @@
+require("./actionbar.6c2bbcbf.css");
+var $ff24c7bbe0c168db$exports = require("./actionbar_css.main.js");
+var $hZJeg$reactspectrumutils = require("@react-spectrum/utils");
+var $hZJeg$reactariautils = require("@react-aria/utils");
+var $hZJeg$react = require("react");
+var $hZJeg$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, "ActionBarContainer", () => $961b22d2b8bd2da1$export$ac2eb07f267e434c);
+/*
+ * 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.
+ */ 
+
+
+
+
+function $961b22d2b8bd2da1$var$ActionBarContainer(props, ref) {
+    // 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.
+    props = (0, $hZJeg$reactspectrumprovider.useProviderProps)(props);
+    let { children: children } = props;
+    let { styleProps: styleProps } = (0, $hZJeg$reactspectrumutils.useStyleProps)(props);
+    let domRef = (0, $hZJeg$reactspectrumutils.useDOMRef)(ref);
+    return /*#__PURE__*/ (0, ($parcel$interopDefault($hZJeg$react))).createElement("div", {
+        ...(0, $hZJeg$reactariautils.filterDOMProps)(props),
+        ...styleProps,
+        ref: domRef,
+        className: (0, $hZJeg$reactspectrumutils.classNames)((0, ($parcel$interopDefault($ff24c7bbe0c168db$exports))), "ActionBarContainer", styleProps.className)
+    }, children);
+}
+/**
+ * ActionBarContainer wraps around an ActionBar and a component that supports selection. It handles
+ * the ActionBar's position with respect to its linked component.
+ */ const $961b22d2b8bd2da1$export$ac2eb07f267e434c = /*#__PURE__*/ (0, ($parcel$interopDefault($hZJeg$react))).forwardRef($961b22d2b8bd2da1$var$ActionBarContainer);
+
+
+//# sourceMappingURL=ActionBarContainer.main.js.map

package/dist/ActionBarContainer.main.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;AAUD,SAAS,yCAAmB,KAAsC,EAAE,GAA2B;IAC7F,wMAAwM;IACxM,QAAQ,CAAA,GAAA,6CAAe,EAAE;IAEzB,IAAI,YAAC,QAAQ,EAAC,GAAG;IACjB,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,uCAAY,EAAE;IACjC,IAAI,SAAS,CAAA,GAAA,mCAAQ,EAAE;IAEvB,qBACE,0DAAC;QACE,GAAG,CAAA,GAAA,oCAAa,EAAE,MAAM;QACxB,GAAG,UAAU;QACd,KAAK;QACL,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG,sBAAsB,WAAW,SAAS;OACvE;AAGP;AAEA;;;CAGC,GACD,MAAM,0DAAsB,CAAA,GAAA,sCAAI,EAAE,UAAU,CAAC","sources":["packages/@react-spectrum/actionbar/src/ActionBarContainer.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 {classNames, useDOMRef, useStyleProps} from '@react-spectrum/utils';\nimport {DOMRef} from '@react-types/shared';\nimport {filterDOMProps} from '@react-aria/utils';\nimport React from 'react';\nimport {SpectrumActionBarContainerProps} from '@react-types/actionbar';\nimport styles from './actionbar.css';\nimport {useProviderProps} from '@react-spectrum/provider';\n\nfunction ActionBarContainer(props: SpectrumActionBarContainerProps, ref: DOMRef<HTMLDivElement>) {\n  // 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.\n  props = useProviderProps(props);\n\n  let {children} = props;\n  let {styleProps} = useStyleProps(props);\n  let domRef = useDOMRef(ref);\n\n  return (\n    <div\n      {...filterDOMProps(props)}\n      {...styleProps}\n      ref={domRef}\n      className={classNames(styles, 'ActionBarContainer', styleProps.className)}>\n      {children}\n    </div>\n  );\n}\n\n/**\n * ActionBarContainer wraps around an ActionBar and a component that supports selection. It handles\n * the ActionBar's position with respect to its linked component.\n */\nconst _ActionBarContainer = React.forwardRef(ActionBarContainer);\nexport {_ActionBarContainer as ActionBarContainer};\n"],"names":[],"version":3,"file":"ActionBarContainer.main.js.map"}

package/dist/ActionBarContainer.mjs

@@ -0,0 +1,47 @@
+import "./actionbar.6c2bbcbf.css";
+import $cNmre$actionbar_cssmodulejs from "./actionbar_css.mjs";
+import {useStyleProps as $cNmre$useStyleProps, useDOMRef as $cNmre$useDOMRef, classNames as $cNmre$classNames} from "@react-spectrum/utils";
+import {filterDOMProps as $cNmre$filterDOMProps} from "@react-aria/utils";
+import $cNmre$react from "react";
+import {useProviderProps as $cNmre$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.
+ */ 
+
+
+
+
+function $2f6c8b20aa071c6d$var$ActionBarContainer(props, ref) {
+    // 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.
+    props = (0, $cNmre$useProviderProps)(props);
+    let { children: children } = props;
+    let { styleProps: styleProps } = (0, $cNmre$useStyleProps)(props);
+    let domRef = (0, $cNmre$useDOMRef)(ref);
+    return /*#__PURE__*/ (0, $cNmre$react).createElement("div", {
+        ...(0, $cNmre$filterDOMProps)(props),
+        ...styleProps,
+        ref: domRef,
+        className: (0, $cNmre$classNames)((0, ($parcel$interopDefault($cNmre$actionbar_cssmodulejs))), "ActionBarContainer", styleProps.className)
+    }, children);
+}
+/**
+ * ActionBarContainer wraps around an ActionBar and a component that supports selection. It handles
+ * the ActionBar's position with respect to its linked component.
+ */ const $2f6c8b20aa071c6d$export$ac2eb07f267e434c = /*#__PURE__*/ (0, $cNmre$react).forwardRef($2f6c8b20aa071c6d$var$ActionBarContainer);
+
+
+export {$2f6c8b20aa071c6d$export$ac2eb07f267e434c as ActionBarContainer};
+//# sourceMappingURL=ActionBarContainer.mjs.map

package/dist/ActionBarContainer.module.js

@@ -0,0 +1,47 @@
+import "./actionbar.6c2bbcbf.css";
+import $cNmre$actionbar_cssmodulejs from "./actionbar_css.module.js";
+import {useStyleProps as $cNmre$useStyleProps, useDOMRef as $cNmre$useDOMRef, classNames as $cNmre$classNames} from "@react-spectrum/utils";
+import {filterDOMProps as $cNmre$filterDOMProps} from "@react-aria/utils";
+import $cNmre$react from "react";
+import {useProviderProps as $cNmre$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.
+ */ 
+
+
+
+
+function $2f6c8b20aa071c6d$var$ActionBarContainer(props, ref) {
+    // 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.
+    props = (0, $cNmre$useProviderProps)(props);
+    let { children: children } = props;
+    let { styleProps: styleProps } = (0, $cNmre$useStyleProps)(props);
+    let domRef = (0, $cNmre$useDOMRef)(ref);
+    return /*#__PURE__*/ (0, $cNmre$react).createElement("div", {
+        ...(0, $cNmre$filterDOMProps)(props),
+        ...styleProps,
+        ref: domRef,
+        className: (0, $cNmre$classNames)((0, ($parcel$interopDefault($cNmre$actionbar_cssmodulejs))), "ActionBarContainer", styleProps.className)
+    }, children);
+}
+/**
+ * ActionBarContainer wraps around an ActionBar and a component that supports selection. It handles
+ * the ActionBar's position with respect to its linked component.
+ */ const $2f6c8b20aa071c6d$export$ac2eb07f267e434c = /*#__PURE__*/ (0, $cNmre$react).forwardRef($2f6c8b20aa071c6d$var$ActionBarContainer);
+
+
+export {$2f6c8b20aa071c6d$export$ac2eb07f267e434c as ActionBarContainer};
+//# sourceMappingURL=ActionBarContainer.module.js.map

package/dist/ActionBarContainer.module.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;AAUD,SAAS,yCAAmB,KAAsC,EAAE,GAA2B;IAC7F,wMAAwM;IACxM,QAAQ,CAAA,GAAA,uBAAe,EAAE;IAEzB,IAAI,YAAC,QAAQ,EAAC,GAAG;IACjB,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,oBAAY,EAAE;IACjC,IAAI,SAAS,CAAA,GAAA,gBAAQ,EAAE;IAEvB,qBACE,gCAAC;QACE,GAAG,CAAA,GAAA,qBAAa,EAAE,MAAM;QACxB,GAAG,UAAU;QACd,KAAK;QACL,WAAW,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,sDAAK,GAAG,sBAAsB,WAAW,SAAS;OACvE;AAGP;AAEA;;;CAGC,GACD,MAAM,0DAAsB,CAAA,GAAA,YAAI,EAAE,UAAU,CAAC","sources":["packages/@react-spectrum/actionbar/src/ActionBarContainer.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 {classNames, useDOMRef, useStyleProps} from '@react-spectrum/utils';\nimport {DOMRef} from '@react-types/shared';\nimport {filterDOMProps} from '@react-aria/utils';\nimport React from 'react';\nimport {SpectrumActionBarContainerProps} from '@react-types/actionbar';\nimport styles from './actionbar.css';\nimport {useProviderProps} from '@react-spectrum/provider';\n\nfunction ActionBarContainer(props: SpectrumActionBarContainerProps, ref: DOMRef<HTMLDivElement>) {\n  // 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.\n  props = useProviderProps(props);\n\n  let {children} = props;\n  let {styleProps} = useStyleProps(props);\n  let domRef = useDOMRef(ref);\n\n  return (\n    <div\n      {...filterDOMProps(props)}\n      {...styleProps}\n      ref={domRef}\n      className={classNames(styles, 'ActionBarContainer', styleProps.className)}>\n      {children}\n    </div>\n  );\n}\n\n/**\n * ActionBarContainer wraps around an ActionBar and a component that supports selection. It handles\n * the ActionBar's position with respect to its linked component.\n */\nconst _ActionBarContainer = React.forwardRef(ActionBarContainer);\nexport {_ActionBarContainer as ActionBarContainer};\n"],"names":[],"version":3,"file":"ActionBarContainer.module.js.map"}

package/dist/{main.css → actionbar.6c2bbcbf.css}

@@ -80,4 +80,4 @@
     border: 1px solid #0000;
   }
 }
-/*# sourceMappingURL=main.css.map */
+/*# sourceMappingURL=actionbar.6c2bbcbf.css.map */

package/dist/{main.css.map → actionbar.6c2bbcbf.css.map}

@@ -1 +1 @@
-{"mappings":"AAAA;;;;;;AAKE;;;;;AAKA;;;;AAKF;;;;;;;;AAYE;;;;;;AAMA;;;;;;;;;;;;;;;;;;;;;;;;AA2BA;;;;AAIA;;;;;;;AAOA;;;;;;;;AAOA;;;;;AAMF;EAEI","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":"main.css.map"}
+{"mappings":"AAAA;;;;;;AAKE;;;;;AAKA;;;;AAKF;;;;;;;;AAYE;;;;;;AAMA;;;;;;;;;;;;;;;;;;;;;;;;AA2BA;;;;AAIA;;;;;;;AAOA;;;;;;;;AAOA;;;;;AAMF;EAEI","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.6c2bbcbf.css.map"}