@pingux/astro 1.34.0-alpha.2 → 1.34.0-alpha.3

package/lib/cjs/components/EnvironmentBreadcrumb/EnvironmentBreadcrumb.js

@@ -260,14 +260,19 @@ var EnvironmentBreadcrumb = /*#__PURE__*/(0, _react.forwardRef)(function (props,
     px: 15
   }, emptySearchText);
 
-  var _selectedKeys = (0, _slicedToArray2["default"])(selectedKeys, 1),
-      selectedValue = _selectedKeys[0];
+  var setAriaLabel = function setAriaLabel(itemKey) {
+    if (itemKey !== undefined) {
+      return popoverState.isOpen ? "".concat(selectedItem.key, " - Collapse Options") : "".concat(selectedItem.key, " - Expand Options");
+    }
+
+    return selectedItem;
+  };
 
   var ItemsSelect = (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)(_index.Button, (0, _extends2["default"])({}, triggerProps, {
     onPress: handlePopoverOpen,
     ref: triggerRef,
     variant: "environmentBreadcrumb.current",
-    "aria-label": "".concat((typeof selectedItem === 'string' ? selectedItem : selectedValue) || 'Selected Item')
+    "aria-label": setAriaLabel(selectedItem)
   }), selectedItem, (0, _react2.jsx)(_index.Icon, {
     icon: popoverState.isOpen ? _ArrowDropUpIcon["default"] : _ArrowDropDownIcon["default"]
   })), (0, _react2.jsx)(_index.PopoverContainer, (0, _extends2["default"])({}, overlayProps, positionProps, (0, _utils.mergeProps)(overlayProps, positionProps, popoverProps), {

package/lib/cjs/components/EnvironmentBreadcrumb/EnvironmentBreadcrumb.stories.js

@@ -138,7 +138,8 @@ var Default = function Default(args) {
       setSelectedEnvironment = _useState2[1];
 
   var envNode = (0, _react2.jsx)(_index.Box, {
-    isRow: true
+    isRow: true,
+    key: selectedEnvironment.name
   }, (0, _react2.jsx)(_index.Text, {
     color: "inherit"
   }, selectedEnvironment.name), selectedEnvironment.isSandbox ? (0, _react2.jsx)(_index.Chip, {
@@ -249,7 +250,8 @@ var WithSections = function WithSections() {
   };
 
   var envNode = (0, _react2.jsx)(_index.Box, {
-    isRow: true
+    isRow: true,
+    key: selectedEnvironment.name
   }, (0, _react2.jsx)(_index.Text, {
     color: "inherit"
   }, selectedEnvironment.name), selectedEnvironment.isSandbox ? (0, _react2.jsx)(_index.Chip, {
@@ -310,7 +312,8 @@ var DefaultOpen = function DefaultOpen() {
       setSelectedEnvironment = _useState8[1];
 
   var envNode = (0, _react2.jsx)(_index.Box, {
-    isRow: true
+    isRow: true,
+    key: selectedEnvironment.name
   }, (0, _react2.jsx)(_index.Text, {
     color: "inherit"
   }, selectedEnvironment.name), selectedEnvironment.isSandbox ? (0, _react2.jsx)(_index.Chip, {
@@ -368,7 +371,8 @@ var ControlledMenu = function ControlledMenu() {
       setSelectedEnvironment = _useState12[1];
 
   var envNode = (0, _react2.jsx)(_index.Box, {
-    isRow: true
+    isRow: true,
+    key: selectedEnvironment.name
   }, (0, _react2.jsx)(_index.Text, {
     color: "inherit"
   }, selectedEnvironment.name), selectedEnvironment.isSandbox ? (0, _react2.jsx)(_index.Chip, {

package/lib/components/EnvironmentBreadcrumb/EnvironmentBreadcrumb.js

@@ -207,14 +207,19 @@ var EnvironmentBreadcrumb = /*#__PURE__*/forwardRef(function (props, ref) {
     px: 15
   }, emptySearchText);
 
-  var _selectedKeys = _slicedToArray(selectedKeys, 1),
-      selectedValue = _selectedKeys[0];
+  var setAriaLabel = function setAriaLabel(itemKey) {
+    if (itemKey !== undefined) {
+      return popoverState.isOpen ? "".concat(selectedItem.key, " - Collapse Options") : "".concat(selectedItem.key, " - Expand Options");
+    }
+
+    return selectedItem;
+  };
 
   var ItemsSelect = ___EmotionJSX(React.Fragment, null, ___EmotionJSX(Button, _extends({}, triggerProps, {
     onPress: handlePopoverOpen,
     ref: triggerRef,
     variant: "environmentBreadcrumb.current",
-    "aria-label": "".concat((typeof selectedItem === 'string' ? selectedItem : selectedValue) || 'Selected Item')
+    "aria-label": setAriaLabel(selectedItem)
   }), selectedItem, ___EmotionJSX(Icon, {
     icon: popoverState.isOpen ? ArrowDropUpIcon : ArrowDropDownIcon
   })), ___EmotionJSX(PopoverContainer, _extends({}, overlayProps, positionProps, mergeProps(overlayProps, positionProps, popoverProps), {

package/lib/components/EnvironmentBreadcrumb/EnvironmentBreadcrumb.stories.js

@@ -97,7 +97,8 @@ export var Default = function Default(args) {
       setSelectedEnvironment = _useState2[1];
 
   var envNode = ___EmotionJSX(Box, {
-    isRow: true
+    isRow: true,
+    key: selectedEnvironment.name
   }, ___EmotionJSX(Text, {
     color: "inherit"
   }, selectedEnvironment.name), selectedEnvironment.isSandbox ? ___EmotionJSX(Chip, {
@@ -208,7 +209,8 @@ export var WithSections = function WithSections() {
   };
 
   var envNode = ___EmotionJSX(Box, {
-    isRow: true
+    isRow: true,
+    key: selectedEnvironment.name
   }, ___EmotionJSX(Text, {
     color: "inherit"
   }, selectedEnvironment.name), selectedEnvironment.isSandbox ? ___EmotionJSX(Chip, {
@@ -264,7 +266,8 @@ export var DefaultOpen = function DefaultOpen() {
       setSelectedEnvironment = _useState8[1];
 
   var envNode = ___EmotionJSX(Box, {
-    isRow: true
+    isRow: true,
+    key: selectedEnvironment.name
   }, ___EmotionJSX(Text, {
     color: "inherit"
   }, selectedEnvironment.name), selectedEnvironment.isSandbox ? ___EmotionJSX(Chip, {
@@ -319,7 +322,8 @@ export var ControlledMenu = function ControlledMenu() {
       setSelectedEnvironment = _useState12[1];
 
   var envNode = ___EmotionJSX(Box, {
-    isRow: true
+    isRow: true,
+    key: selectedEnvironment.name
   }, ___EmotionJSX(Text, {
     color: "inherit"
   }, selectedEnvironment.name), selectedEnvironment.isSandbox ? ___EmotionJSX(Chip, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pingux/astro",
-  "version": "1.34.0-alpha.2",
+  "version": "1.34.0-alpha.3",
   "description": "PingUX themeable React component library",
   "repository": {
     "type": "git",