@react-spectrum/actionbar 3.0.0-alpha.14 → 3.0.0-alpha.16

package/dist/module.js

@@ -20,7 +20,28 @@ function $parcel$interopDefault(a) {
 function $parcel$export(e, n, v, s) {
   Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
 }
-
+/*
+ * 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.
+ */ /// <reference types="css-module-types" />
+/*
+ * 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.
+ */ 
 
 
 
@@ -36,8 +57,7 @@ $42f1aaf0cd835ede$exports = {
     "selected": (args, formatter)=>`${formatter.plural(args.count, {
             "=0": `غير محدد`,
             other: ()=>`${formatter.number(args.count)} محدد`
-        })}`
-    ,
+        })}`,
     "selectedAll": `تم تحديد الكل`
 };
 
@@ -50,8 +70,7 @@ $22c931b8c5fa9db9$exports = {
     "selected": (args, formatter)=>`${formatter.plural(args.count, {
             "=0": `Няма избрани`,
             other: ()=>`${formatter.number(args.count)} избрани`
-        })}`
-    ,
+        })}`,
     "selectedAll": `Всички избрани`
 };
 
@@ -64,8 +83,7 @@ $07dc24deaaf64ab0$exports = {
     "selected": (args, formatter)=>`${formatter.plural(args.count, {
             "=0": `Nic není vybráno`,
             other: ()=>`Vybráno ${formatter.number(args.count)}`
-        })}`
-    ,
+        })}`,
     "selectedAll": `Vybráno vše`
 };
 
@@ -78,8 +96,7 @@ $44fd3a75baaf9937$exports = {
     "selected": (args, formatter)=>`${formatter.plural(args.count, {
             "=0": `Ingen valgt`,
             other: ()=>`${formatter.number(args.count)} valgt`
-        })}`
-    ,
+        })}`,
     "selectedAll": `Alle valgt`
 };
 
@@ -92,8 +109,7 @@ $3281990be7bd78f6$exports = {
     "selected": (args, formatter)=>`${formatter.plural(args.count, {
             "=0": `Nichts ausgewählt`,
             other: ()=>`${formatter.number(args.count)} ausgewählt`
-        })}`
-    ,
+        })}`,
     "selectedAll": `Alles ausgewählt`
 };
 
@@ -106,8 +122,7 @@ $242cbd951f3bcfeb$exports = {
     "selected": (args, formatter)=>`${formatter.plural(args.count, {
             "=0": `Δεν επιλέχθηκε κανένα`,
             other: ()=>`Επιλέχθηκαν ${formatter.number(args.count)}`
-        })}`
-    ,
+        })}`,
     "selectedAll": `Επιλέχθηκαν όλα`
 };
 
@@ -118,8 +133,7 @@ $117deeeb64547dc7$exports = {
     "selected": (args, formatter)=>`${formatter.plural(args.count, {
             "=0": `None selected`,
             other: ()=>`${formatter.number(args.count)} selected`
-        })}`
-    ,
+        })}`,
     "selectedAll": `All selected`,
     "actions": `Actions`,
     "actionsAvailable": `Actions available.`
@@ -134,8 +148,7 @@ $5b8605d86a9af2ee$exports = {
     "selected": (args, formatter)=>`${formatter.plural(args.count, {
             "=0": `Nada seleccionado`,
             other: ()=>`${formatter.number(args.count)} seleccionado`
-        })}`
-    ,
+        })}`,
     "selectedAll": `Todo seleccionado`
 };
 
@@ -148,8 +161,7 @@ $5530e5c9f2623025$exports = {
     "selected": (args, formatter)=>`${formatter.plural(args.count, {
             "=0": `Pole valitud`,
             other: ()=>`${formatter.number(args.count)} valitud`
-        })}`
-    ,
+        })}`,
     "selectedAll": `Kõik valitud`
 };
 
@@ -162,8 +174,7 @@ $7a405d1dfc563131$exports = {
     "selected": (args, formatter)=>`${formatter.plural(args.count, {
             "=0": `Ei mitään valittu`,
             other: ()=>`${formatter.number(args.count)} valittu`
-        })}`
-    ,
+        })}`,
     "selectedAll": `Kaikki valittu`
 };
 
@@ -176,8 +187,7 @@ $e0c3da022513542b$exports = {
     "selected": (args, formatter)=>`${formatter.plural(args.count, {
             "=0": `Aucun élément sélectionné`,
             other: ()=>`${formatter.number(args.count)} sélectionnés`
-        })}`
-    ,
+        })}`,
     "selectedAll": `Toute la sélection`
 };
 
@@ -190,8 +200,7 @@ $796ff5aed019aee1$exports = {
     "selected": (args, formatter)=>`${formatter.plural(args.count, {
             "=0": `לא בוצעה בחירה`,
             other: ()=>`${formatter.number(args.count)} נבחרו`
-        })}`
-    ,
+        })}`,
     "selectedAll": `כל הפריטים שנבחרו`
 };
 
@@ -204,8 +213,7 @@ $e1066348ea80fd36$exports = {
     "selected": (args, formatter)=>`${formatter.plural(args.count, {
             "=0": `Nijedna nije odabrana`,
             other: ()=>`${formatter.number(args.count)} je odabrano`
-        })}`
-    ,
+        })}`,
     "selectedAll": `Sve je odabrano`
 };
 
@@ -218,8 +226,7 @@ $939ac78e6c54d005$exports = {
     "selected": (args, formatter)=>`${formatter.plural(args.count, {
             "=0": `Egy sincs kijelölve`,
             other: ()=>`${formatter.number(args.count)} kijelölve`
-        })}`
-    ,
+        })}`,
     "selectedAll": `Mind kijelölve`
 };
 
@@ -232,8 +239,7 @@ $087af352bd8a67a5$exports = {
     "selected": (args, formatter)=>`${formatter.plural(args.count, {
             "=0": `Nessuno selezionato`,
             other: ()=>`${formatter.number(args.count)} selezionato/i`
-        })}`
-    ,
+        })}`,
     "selectedAll": `Tutti selezionati`
 };
 
@@ -246,8 +252,7 @@ $ef25b75f84bf9640$exports = {
     "selected": (args, formatter)=>`${formatter.plural(args.count, {
             "=0": `選択されていません`,
             other: ()=>`${formatter.number(args.count)} 個を選択しました`
-        })}`
-    ,
+        })}`,
     "selectedAll": `すべてを選択`
 };
 
@@ -260,8 +265,7 @@ $a9fcaa28ab16ac58$exports = {
     "selected": (args, formatter)=>`${formatter.plural(args.count, {
             "=0": `선택된 항목 없음`,
             other: ()=>`${formatter.number(args.count)}개 선택됨`
-        })}`
-    ,
+        })}`,
     "selectedAll": `모두 선택됨`
 };
 
@@ -274,8 +278,7 @@ $7103396bd37d192c$exports = {
     "selected": (args, formatter)=>`${formatter.plural(args.count, {
             "=0": `Nieko nepasirinkta`,
             other: ()=>`Pasirinkta ${formatter.number(args.count)}`
-        })}`
-    ,
+        })}`,
     "selectedAll": `Pasirinkta viskas`
 };
 
@@ -288,8 +291,7 @@ $da39587a937fb6fd$exports = {
     "selected": (args, formatter)=>`${formatter.plural(args.count, {
             "=0": `Nav atlasīts nekas`,
             other: ()=>`Atlasīts: ${formatter.number(args.count)}`
-        })}`
-    ,
+        })}`,
     "selectedAll": `Atlasīts viss`
 };
 
@@ -302,8 +304,7 @@ $fef3c3414d151198$exports = {
     "selected": (args, formatter)=>`${formatter.plural(args.count, {
             "=0": `Ingen er valgt`,
             other: ()=>`${formatter.number(args.count)} er valgt`
-        })}`
-    ,
+        })}`,
     "selectedAll": `Alle er valgt`
 };
 
@@ -316,8 +317,7 @@ $3cfd427955fee95c$exports = {
     "selected": (args, formatter)=>`${formatter.plural(args.count, {
             "=0": `Niets geselecteerd`,
             other: ()=>`${formatter.number(args.count)} geselecteerd`
-        })}`
-    ,
+        })}`,
     "selectedAll": `Alles geselecteerd`
 };
 
@@ -330,8 +330,7 @@ $ecd102793531599a$exports = {
     "selected": (args, formatter)=>`${formatter.plural(args.count, {
             "=0": `Nie zaznaczono żadnego elementu`,
             other: ()=>`${formatter.number(args.count)} zaznaczonych`
-        })}`
-    ,
+        })}`,
     "selectedAll": `Wszystkie zaznaczone`
 };
 
@@ -344,8 +343,7 @@ $70b0a95af4186e29$exports = {
     "selected": (args, formatter)=>`${formatter.plural(args.count, {
             "=0": `Nada selecionado`,
             other: ()=>`${formatter.number(args.count)} selecionado`
-        })}`
-    ,
+        })}`,
     "selectedAll": `Todos selecionados`
 };
 
@@ -358,8 +356,7 @@ $4b15e180aed5c52d$exports = {
     "selected": (args, formatter)=>`${formatter.plural(args.count, {
             "=0": `Nenhum selecionado`,
             other: ()=>`${formatter.number(args.count)} selecionado`
-        })}`
-    ,
+        })}`,
     "selectedAll": `Tudo selecionado`
 };
 
@@ -372,8 +369,7 @@ $d0ef0a1cef9c2d6c$exports = {
     "selected": (args, formatter)=>`${formatter.plural(args.count, {
             "=0": `Niciunul selectat`,
             other: ()=>`${formatter.number(args.count)} selectate`
-        })}`
-    ,
+        })}`,
     "selectedAll": `Toate selectate`
 };
 
@@ -386,8 +382,7 @@ $58fc1ff371f0c7fd$exports = {
     "selected": (args, formatter)=>`${formatter.plural(args.count, {
             "=0": `Ничего не выбоано`,
             other: ()=>`${formatter.number(args.count)} выбрано`
-        })}`
-    ,
+        })}`,
     "selectedAll": `Выбрано все`
 };
 
@@ -400,8 +395,7 @@ $b5f65f4e7988d1dd$exports = {
     "selected": (args, formatter)=>`${formatter.plural(args.count, {
             "=0": `Žiadne vybraté položky`,
             other: ()=>`Počet vybratých položiek: ${formatter.number(args.count)}`
-        })}`
-    ,
+        })}`,
     "selectedAll": `Všetky vybraté položky`
 };
 
@@ -414,8 +408,7 @@ $5409ad409aeaf678$exports = {
     "selected": (args, formatter)=>`${formatter.plural(args.count, {
             "=0": `Nič izbranih`,
             other: ()=>`${formatter.number(args.count)} izbranih`
-        })}`
-    ,
+        })}`,
     "selectedAll": `Vsi izbrani`
 };
 
@@ -428,8 +421,7 @@ $43feb38b3d4bbf1f$exports = {
     "selected": (args, formatter)=>`${formatter.plural(args.count, {
             "=0": `Ništa nije izabrano`,
             other: ()=>`${formatter.number(args.count)} je izabrano`
-        })}`
-    ,
+        })}`,
     "selectedAll": `Sve je izabrano`
 };
 
@@ -442,8 +434,7 @@ $cbe41ff823ebe108$exports = {
     "selected": (args, formatter)=>`${formatter.plural(args.count, {
             "=0": `Inga markerade`,
             other: ()=>`${formatter.number(args.count)} markerade`
-        })}`
-    ,
+        })}`,
     "selectedAll": `Alla markerade`
 };
 
@@ -456,8 +447,7 @@ $57b680843fcbe09e$exports = {
     "selected": (args, formatter)=>`${formatter.plural(args.count, {
             "=0": `Hiçbiri seçilmedi`,
             other: ()=>`${formatter.number(args.count)} seçildi`
-        })}`
-    ,
+        })}`,
     "selectedAll": `Tümü seçildi`
 };
 
@@ -470,8 +460,7 @@ $1e4c96bc308e0da2$exports = {
     "selected": (args, formatter)=>`${formatter.plural(args.count, {
             "=0": `Нічого не вибрано`,
             other: ()=>`Вибрано: ${formatter.number(args.count)}`
-        })}`
-    ,
+        })}`,
     "selectedAll": `Усе вибрано`
 };
 
@@ -484,8 +473,7 @@ $18faa55a67dca8f3$exports = {
     "selected": (args, formatter)=>`${formatter.plural(args.count, {
             "=0": `无选择`,
             other: ()=>`已选择 ${formatter.number(args.count)} 个`
-        })}`
-    ,
+        })}`,
     "selectedAll": `全选`
 };
 
@@ -498,8 +486,7 @@ $804c64c525579787$exports = {
     "selected": (args, formatter)=>`${formatter.plural(args.count, {
             "=0": `未選取任何項目`,
             other: ()=>`已選取 ${formatter.number(args.count)} 個`
-        })}`
-    ,
+        })}`,
     "selectedAll": `已選取所有項目`
 };
 
@@ -575,99 +562,108 @@ $7bd9eeb2cd70bd0c$export$adc2706661946993 = "react-spectrum-ActionBar-actionGrou
 
 function $a4e665fbd087d71e$var$ActionBar(props, ref) {
     let isOpen = props.selectedItemCount !== 0;
-    return(/*#__PURE__*/ $N9qJl$react.createElement($N9qJl$OpenTransition, {
+    return /*#__PURE__*/ (0, $N9qJl$react).createElement((0, $N9qJl$OpenTransition), {
         in: isOpen,
         mountOnEnter: true,
         unmountOnExit: true
-    }, /*#__PURE__*/ $N9qJl$react.createElement($a4e665fbd087d71e$var$ActionBarInnerWithRef, {
+    }, /*#__PURE__*/ (0, $N9qJl$react).createElement($a4e665fbd087d71e$var$ActionBarInnerWithRef, {
         ...props,
         ref: ref
-    })));
+    }));
 }
 function $a4e665fbd087d71e$var$ActionBarInner(props, ref) {
-    props = $N9qJl$useProviderProps(props);
+    props = (0, $N9qJl$useProviderProps)(props);
     let { children: children , isEmphasized: isEmphasized , onAction: onAction , onClearSelection: onClearSelection , selectedItemCount: selectedItemCount , isOpen: isOpen  } = props;
-    let { styleProps: styleProps  } = $N9qJl$useStyleProps(props);
-    let domRef = $N9qJl$useDOMRef(ref);
-    let stringFormatter = $N9qJl$useLocalizedStringFormatter((/*@__PURE__*/$parcel$interopDefault($992d76e8dd5fee7b$exports)));
+    let { styleProps: styleProps  } = (0, $N9qJl$useStyleProps)(props);
+    let domRef = (0, $N9qJl$useDOMRef)(ref);
+    let stringFormatter = (0, $N9qJl$useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($992d76e8dd5fee7b$exports))));
     // Store the last count greater than zero in a ref so that we can retain it while rendering the fade-out animation.
-    let lastCount = $N9qJl$useRef(selectedItemCount);
-    if (selectedItemCount === 'all' || selectedItemCount > 0) lastCount.current = selectedItemCount;
-    let { keyboardProps: keyboardProps  } = $N9qJl$useKeyboard({
+    let lastCount = (0, $N9qJl$useRef)(selectedItemCount);
+    if (selectedItemCount === "all" || selectedItemCount > 0) lastCount.current = selectedItemCount;
+    let { keyboardProps: keyboardProps  } = (0, $N9qJl$useKeyboard)({
         onKeyDown (e) {
-            if (e.key === 'Escape') {
+            if (e.key === "Escape") {
                 e.preventDefault();
                 onClearSelection();
             }
         }
     });
     // Announce "actions available" on mount.
-    $N9qJl$useEffect(()=>{
-        $N9qJl$announce(stringFormatter.format('actionsAvailable'));
+    (0, $N9qJl$useEffect)(()=>{
+        (0, $N9qJl$announce)(stringFormatter.format("actionsAvailable"));
     }, [
         stringFormatter
     ]);
-    return(/*#__PURE__*/ $N9qJl$react.createElement($N9qJl$FocusScope, {
+    return /*#__PURE__*/ (0, $N9qJl$react).createElement((0, $N9qJl$FocusScope), {
         restoreFocus: true
-    }, /*#__PURE__*/ $N9qJl$react.createElement("div", {
-        ...$N9qJl$filterDOMProps(props),
+    }, /*#__PURE__*/ (0, $N9qJl$react).createElement("div", {
+        ...(0, $N9qJl$filterDOMProps)(props),
         ...styleProps,
         ...keyboardProps,
         ref: domRef,
-        className: $N9qJl$classNames((/*@__PURE__*/$parcel$interopDefault($7bd9eeb2cd70bd0c$exports)), 'react-spectrum-ActionBar', {
-            'react-spectrum-ActionBar--emphasized': isEmphasized,
-            'is-open': isOpen
+        className: (0, $N9qJl$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($7bd9eeb2cd70bd0c$exports))), "react-spectrum-ActionBar", {
+            "react-spectrum-ActionBar--emphasized": isEmphasized,
+            "is-open": isOpen
         }, styleProps.className)
-    }, /*#__PURE__*/ $N9qJl$react.createElement("div", {
-        className: $N9qJl$classNames((/*@__PURE__*/$parcel$interopDefault($7bd9eeb2cd70bd0c$exports)), 'react-spectrum-ActionBar-bar')
-    }, /*#__PURE__*/ $N9qJl$react.createElement($N9qJl$ActionGroup, {
-        "aria-label": stringFormatter.format('actions'),
+    }, /*#__PURE__*/ (0, $N9qJl$react).createElement("div", {
+        className: (0, $N9qJl$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($7bd9eeb2cd70bd0c$exports))), "react-spectrum-ActionBar-bar")
+    }, /*#__PURE__*/ (0, $N9qJl$react).createElement((0, $N9qJl$ActionGroup), {
+        "aria-label": stringFormatter.format("actions"),
         isQuiet: true,
-        staticColor: isEmphasized ? 'white' : undefined,
+        staticColor: isEmphasized ? "white" : undefined,
         overflowMode: "collapse",
         buttonLabelBehavior: "collapse",
         onAction: onAction,
-        UNSAFE_className: $N9qJl$classNames((/*@__PURE__*/$parcel$interopDefault($7bd9eeb2cd70bd0c$exports)), 'react-spectrum-ActionBar-actionGroup')
-    }, children), /*#__PURE__*/ $N9qJl$react.createElement($N9qJl$ActionButton, {
+        UNSAFE_className: (0, $N9qJl$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($7bd9eeb2cd70bd0c$exports))), "react-spectrum-ActionBar-actionGroup")
+    }, children), /*#__PURE__*/ (0, $N9qJl$react).createElement((0, $N9qJl$ActionButton), {
         gridArea: "clear",
-        "aria-label": stringFormatter.format('clearSelection'),
-        onPress: ()=>onClearSelection()
-        ,
+        "aria-label": stringFormatter.format("clearSelection"),
+        onPress: ()=>onClearSelection(),
         isQuiet: true,
-        staticColor: isEmphasized ? 'white' : undefined
-    }, /*#__PURE__*/ $N9qJl$react.createElement($N9qJl$spectrumiconsuiCrossLarge, null)), /*#__PURE__*/ $N9qJl$react.createElement($N9qJl$Text, {
-        UNSAFE_className: $N9qJl$classNames((/*@__PURE__*/$parcel$interopDefault($7bd9eeb2cd70bd0c$exports)), 'react-spectrum-ActionBar-selectedCount')
-    }, lastCount.current === 'all' ? stringFormatter.format('selectedAll') : stringFormatter.format('selected', {
+        staticColor: isEmphasized ? "white" : undefined
+    }, /*#__PURE__*/ (0, $N9qJl$react).createElement((0, $N9qJl$spectrumiconsuiCrossLarge), null)), /*#__PURE__*/ (0, $N9qJl$react).createElement((0, $N9qJl$Text), {
+        UNSAFE_className: (0, $N9qJl$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($7bd9eeb2cd70bd0c$exports))), "react-spectrum-ActionBar-selectedCount")
+    }, lastCount.current === "all" ? stringFormatter.format("selectedAll") : stringFormatter.format("selected", {
         count: lastCount.current
-    }))))));
+    })))));
 }
-const $a4e665fbd087d71e$var$ActionBarInnerWithRef = /*#__PURE__*/ $N9qJl$react.forwardRef($a4e665fbd087d71e$var$ActionBarInner);
+const $a4e665fbd087d71e$var$ActionBarInnerWithRef = /*#__PURE__*/ (0, $N9qJl$react).forwardRef($a4e665fbd087d71e$var$ActionBarInner);
 /**
  * TODO: Add description of component here.
- */ const $a4e665fbd087d71e$export$e213cebad6250b4a = /*#__PURE__*/ $N9qJl$react.forwardRef($a4e665fbd087d71e$var$ActionBar);
-
+ */ const $a4e665fbd087d71e$export$e213cebad6250b4a = /*#__PURE__*/ (0, $N9qJl$react).forwardRef($a4e665fbd087d71e$var$ActionBar);
 
 
+/*
+ * 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 = $N9qJl$useProviderProps(props);
+    props = (0, $N9qJl$useProviderProps)(props);
     let { children: children  } = props;
-    let { styleProps: styleProps  } = $N9qJl$useStyleProps(props);
-    let domRef = $N9qJl$useDOMRef(ref);
-    return(/*#__PURE__*/ $N9qJl$react.createElement("div", {
-        ...$N9qJl$filterDOMProps(props),
+    let { styleProps: styleProps  } = (0, $N9qJl$useStyleProps)(props);
+    let domRef = (0, $N9qJl$useDOMRef)(ref);
+    return /*#__PURE__*/ (0, $N9qJl$react).createElement("div", {
+        ...(0, $N9qJl$filterDOMProps)(props),
         ...styleProps,
         ref: domRef,
-        className: $N9qJl$classNames((/*@__PURE__*/$parcel$interopDefault($7bd9eeb2cd70bd0c$exports)), 'ActionBarContainer', styleProps.className)
-    }, children));
+        className: (0, $N9qJl$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($7bd9eeb2cd70bd0c$exports))), "ActionBarContainer", styleProps.className)
+    }, children);
 }
 /**
  * TODO: Add description of component here.
- */ const $2f6c8b20aa071c6d$export$ac2eb07f267e434c = /*#__PURE__*/ $N9qJl$react.forwardRef($2f6c8b20aa071c6d$var$ActionBarContainer);
+ */ const $2f6c8b20aa071c6d$export$ac2eb07f267e434c = /*#__PURE__*/ (0, $N9qJl$react).forwardRef($2f6c8b20aa071c6d$var$ActionBarContainer);