@pingux/astro 1.36.3-alpha.1 → 1.37.0-alpha.0

package/lib/components/NavBarSection/NavBarSection.js

@@ -1,4 +1,5 @@
-import _Set from "@babel/runtime-corejs3/core-js-stable/set";
+import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
+import _includesInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/includes";
 import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
 import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
 import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
@@ -73,18 +74,26 @@ var SectionItem = function SectionItem(_ref2) {
   var navBarState = useNavBarContext();
   var expandedKeys = navBarState.expandedKeys,
       setExpandedKeys = navBarState.setExpandedKeys;
-  var isExpanded = expandedKeys === null || expandedKeys === void 0 ? void 0 : expandedKeys.has(key);
+
+  var isExpanded = _includesInstanceProperty(expandedKeys).call(expandedKeys, key);
+
   var firstChildKey = children.length ? children[0].key : null;
   var lastChildKey = children.length ? children[children.length - 1].key : null;
 
   var onExpandedChange = function onExpandedChange(isOpen) {
+    var newArray;
+
     if (isOpen) {
-      expandedKeys.add(key);
+      var _context;
+
+      newArray = _concatInstanceProperty(_context = []).call(_context, expandedKeys, [key]);
     } else {
-      expandedKeys["delete"](key);
+      newArray = _filterInstanceProperty(expandedKeys).call(expandedKeys, function (thiskey) {
+        return thiskey !== key;
+      });
     }
 
-    setExpandedKeys(new _Set(expandedKeys));
+    setExpandedKeys(newArray);
   };
 
   var focusManager = useFocusManager();

package/lib/templates/Nav/Nav.stories.js

@@ -19,11 +19,11 @@ export default {
 };
 
 var SideNav = function SideNav(_ref) {
-  var setSelectedKeys = _ref.setSelectedKeys,
-      selectedKeys = _ref.selectedKeys;
+  var setSelectedKey = _ref.setSelectedKey,
+      selectedKey = _ref.selectedKey;
   return ___EmotionJSX(NavBar, {
-    setSelectedKeys: setSelectedKeys,
-    selectedKeys: selectedKeys
+    setSelectedKey: setSelectedKey,
+    selectedKey: selectedKey
   }, ___EmotionJSX(Box, {
     padding: "md"
   }, ___EmotionJSX(Link, {
@@ -56,15 +56,15 @@ var SideNav = function SideNav(_ref) {
 export var Default = function Default() {
   var _useState = useState('Overview'),
       _useState2 = _slicedToArray(_useState, 2),
-      selectedKeys = _useState2[0],
-      setSelectedKeys = _useState2[1];
+      selectedKey = _useState2[0],
+      setSelectedKey = _useState2[1];
 
   return ___EmotionJSX(Box, {
     bg: "accent.99",
     height: "100vh"
   }, ___EmotionJSX(SideNav, {
-    setSelectedKeys: setSelectedKeys,
-    selectedKeys: selectedKeys
+    setSelectedKey: setSelectedKey,
+    selectedKey: selectedKey
   }), ___EmotionJSX(HeaderBar, null), ___EmotionJSX(Box, {
     ml: 255,
     mt: 25
@@ -74,7 +74,7 @@ export var Default = function Default() {
     sx: {
       fontWeight: 3
     }
-  }, selectedKeys)));
+  }, selectedKey)));
 };
 Default.decorators = [function (Story) {
   return ___EmotionJSX(Box, {

package/package.json

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