@pingux/astro 2.53.0 → 2.53.1-alpha.0

package/lib/components/NavBarSection/NavBarItemButton.js

@@ -2,7 +2,6 @@ import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
 var _excluded = ["className", "id", "onPress", "sx"];
 import React from 'react';
-import PropTypes from 'prop-types';
 import { useNavBarContext } from '../../context/NavBarContext';
 import { useNavBarPress, useStatusClasses } from '../../hooks';
 import { Button } from '../../index';
@@ -32,10 +31,4 @@ var NavBarItemButton = function NavBarItemButton(props) {
     color: isSelected ? 'white' : undefined
   }, others));
 };
-NavBarItemButton.propTypes = {
-  /**  Handler that is called when the press is released over the target. */
-  onPress: PropTypes.func,
-  /** The element's unique identifier. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id). */
-  id: PropTypes.string.isRequired
-};
 export default NavBarItemButton;

package/lib/components/NavBarSection/NavBarItemHeader.js

@@ -4,13 +4,12 @@ import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/insta
 import React, { useEffect } from 'react';
 import MenuDown from '@pingux/mdi-react/MenuDownIcon';
 import MenuUp from '@pingux/mdi-react/MenuUpIcon';
-import PropTypes from 'prop-types';
 import { useNavBarContext } from '../../context/NavBarContext';
 import { useStatusClasses } from '../../hooks';
 import { Box, Icon, Text } from '../../index';
 import { jsx as ___EmotionJSX } from "@emotion/react";
-var NavBarItemHeader = function NavBarItemHeader(props) {
-  var item = props.item;
+var NavBarItemHeader = function NavBarItemHeader(_ref) {
+  var item = _ref.item;
   var children = item.children,
     href = item.href;
   return !children && href ? ___EmotionJSX(NavBarPrimaryItemHeader, {
@@ -19,9 +18,10 @@ var NavBarItemHeader = function NavBarItemHeader(props) {
     item: item
   });
 };
-var NavBarSectionItemHeader = function NavBarSectionItemHeader(props) {
+var NavBarSectionItemHeader = function NavBarSectionItemHeader(_ref2) {
   var _context;
-  var item = props.item;
+  var item = _ref2.item;
+  // const { item } = props;
   var icon = item.icon,
     key = item.key,
     className = item.className,
@@ -32,10 +32,10 @@ var NavBarSectionItemHeader = function NavBarSectionItemHeader(props) {
     expandedKeys = navBarState.expandedKeys,
     navStyles = navBarState.navStyles;
   var isExpanded = _includesInstanceProperty(expandedKeys).call(expandedKeys, key);
-  var array = _mapInstanceProperty(_context = item.children).call(_context, function (i) {
+  var array = (item === null || item === void 0 ? void 0 : item.children) && _mapInstanceProperty(_context = item.children).call(_context, function (i) {
     return i.key;
   });
-  var childSelected = _includesInstanceProperty(array).call(array, navBarState.selectedKey);
+  var childSelected = array && _includesInstanceProperty(array).call(array, navBarState.selectedKey);
   useEffect(function () {
     if (childSelected && isExpanded === false) {
       var _context2;
@@ -86,8 +86,8 @@ var NavBarSectionItemHeader = function NavBarSectionItemHeader(props) {
     }
   })));
 };
-var NavBarPrimaryItemHeader = function NavBarPrimaryItemHeader(_ref) {
-  var item = _ref.item;
+var NavBarPrimaryItemHeader = function NavBarPrimaryItemHeader(_ref3) {
+  var item = _ref3.item;
   var icon = item.icon,
     className = item.className,
     heading = item.heading,
@@ -131,28 +131,4 @@ var NavBarPrimaryItemHeader = function NavBarPrimaryItemHeader(_ref) {
     }
   })));
 };
-NavBarItemHeader.propTypes = {
-  item: PropTypes.shape({
-    children: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.object])),
-    href: PropTypes.string
-  })
-};
-NavBarSectionItemHeader.propTypes = {
-  item: PropTypes.shape({
-    heading: PropTypes.string,
-    icon: PropTypes.elementType,
-    className: PropTypes.string,
-    children: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.object])),
-    key: PropTypes.string,
-    href: PropTypes.string
-  })
-};
-NavBarPrimaryItemHeader.propTypes = {
-  item: PropTypes.shape({
-    heading: PropTypes.string,
-    icon: PropTypes.elementType,
-    className: PropTypes.string,
-    customIcon: PropTypes.elementType
-  })
-};
 export default NavBarItemHeader;

package/lib/components/NavBarSection/NavBarItemLink.js

@@ -13,7 +13,6 @@ var _excluded = ["className", "id", "onPress"];
 function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
 import React from 'react';
-import PropTypes from 'prop-types';
 import { useNavBarContext } from '../../context/NavBarContext';
 import { useNavBarPress, useStatusClasses } from '../../hooks';
 import { Link } from '../../index';
@@ -47,12 +46,4 @@ var NavBarItemLink = function NavBarItemLink(props) {
     }, props.sx)
   }));
 };
-NavBarItemLink.propTypes = {
-  /**  Specifies the location of the URL */
-  href: PropTypes.string,
-  /**  Handler that is called when the press is released over the target. */
-  onPress: PropTypes.func,
-  /** The element's unique identifier. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id). */
-  id: PropTypes.string.isRequired
-};
 export default NavBarItemLink;

package/lib/components/NavBarSection/NavBarSection.js

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
 var _excluded = ["hasSeparator", "title", "items", "onKeyDown"],
   _excluded2 = ["key", "children"];
+import _Array$isArray from "@babel/runtime-corejs3/core-js-stable/array/is-array";
 import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
 import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
 import _includesInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/includes";
@@ -9,7 +10,6 @@ import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/insta
 import React, { forwardRef } from 'react';
 import { useFocusManager } from '@react-aria/focus';
 import { useKeyboard } from '@react-aria/interactions';
-import PropTypes from 'prop-types';
 import { Box, Button, Link, Separator, Text } from '../..';
 import { useNavBarContext } from '../../context/NavBarContext';
 import NavBarItemBody from './NavBarItemBody';
@@ -27,9 +27,12 @@ var NavBarSection = /*#__PURE__*/forwardRef(function (_ref, ref) {
     items = _ref.items,
     onKeyDown = _ref.onKeyDown,
     others = _objectWithoutProperties(_ref, _excluded);
-  var childrenItems = _filterInstanceProperty(items).call(items, function (item) {
-    return item.children || item.href;
-  });
+  var childrenItems;
+  if (_Array$isArray(items)) {
+    childrenItems = items === null || items === void 0 ? void 0 : _filterInstanceProperty(items).call(items, function (item) {
+      return item.children || item.href;
+    });
+  }
   var state = useNavBarContext();
   return ___EmotionJSX(React.Fragment, null, hasSeparator && ___EmotionJSX(Separator, {
     variant: "separator.navBarSeparator"
@@ -43,7 +46,7 @@ var NavBarSection = /*#__PURE__*/forwardRef(function (_ref, ref) {
       padding: 0,
       listStyle: 'none'
     }
-  }, others), _mapInstanceProperty(childrenItems).call(childrenItems, function (item) {
+  }, others), childrenItems && _mapInstanceProperty(childrenItems).call(childrenItems, function (item) {
     return ___EmotionJSX(Box, {
       as: "li",
       key: item.key,
@@ -61,16 +64,17 @@ var NavBarSection = /*#__PURE__*/forwardRef(function (_ref, ref) {
 var SectionItem = function SectionItem(_ref2) {
   var item = _ref2.item,
     onKeyDownProp = _ref2.onKeyDown;
-  var key = item.key,
-    children = item.children,
-    others = _objectWithoutProperties(item, _excluded2);
+  var _ref3 = item,
+    key = _ref3.key,
+    children = _ref3.children,
+    others = _objectWithoutProperties(_ref3, _excluded2);
   var navBarState = useNavBarContext();
   var isAutoСollapsible = navBarState.isAutoСollapsible,
     expandedKeys = navBarState.expandedKeys,
     setExpandedKeys = navBarState.setExpandedKeys;
   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 firstChildKey = children && children.length ? children[0].key : null;
+  var lastChildKey = children && children.length ? children[children.length - 1].key : null;
   var onExpandedChange = function onExpandedChange(isOpen) {
     var newArray;
     if (isOpen) {
@@ -118,7 +122,7 @@ var SectionItem = function SectionItem(_ref2) {
   };
   var _useKeyboard = useKeyboard({
       onKeyDown: function onKeyDown(e) {
-        _onKeyDown(e);
+        _onKeyDown(e, undefined);
         e.continuePropagation();
       }
     }),
@@ -135,12 +139,12 @@ var SectionItem = function SectionItem(_ref2) {
     onKeyDown: _onKeyDown
   }));
 };
-var PrimaryItem = function PrimaryItem(_ref3) {
-  var item = _ref3.item;
+var PrimaryItem = function PrimaryItem(_ref4) {
+  var item = _ref4.item;
   var state = useNavBarContext();
   return ___EmotionJSX(Link, {
     variant: state.navStyles.primaryItem,
-    href: item.href,
+    href: item && item.href,
     target: "_blank"
   }, ___EmotionJSX(NavBarItemHeader, {
     item: item
@@ -149,40 +153,4 @@ var PrimaryItem = function PrimaryItem(_ref3) {
 NavBarSection.defaultProps = {
   hasSeparator: false
 };
-NavBarSection.propTypes = {
-  /** If true, a separator will render at the end of the section */
-  hasSeparator: PropTypes.bool,
-  /** callback that runs on key down */
-  onKeyDown: PropTypes.func,
-  /** If present, this string will render at the top of the section */
-  title: PropTypes.string,
-  /**
-   * *For performance reasons, use this prop instead of Array.map when iteratively rendering Items*.
-   * For use with [dynamic collections](https://react-spectrum.adobe.com/react-stately/collections.html#dynamic-collections).
-  */
-  items: PropTypes.arrayOf(PropTypes.shape({}))
-};
-SectionItem.propTypes = {
-  onKeyDown: PropTypes.func,
-  item: PropTypes.shape({
-    key: PropTypes.string,
-    children: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.object])),
-    'aria-label': PropTypes.string
-  }),
-  state: PropTypes.shape({
-    collection: PropTypes.shape({}),
-    selectedKey: PropTypes.string,
-    setSelectedKey: PropTypes.func,
-    selectionManager: PropTypes.shape({
-      focusedKey: PropTypes.string,
-      setFocusedKey: PropTypes.func
-    })
-  }),
-  menuProps: PropTypes.shape({})
-};
-PrimaryItem.propTypes = {
-  item: PropTypes.shape({
-    href: PropTypes.string
-  })
-};
 export default NavBarSection;

package/lib/hooks/useNavBarPress/useNavBarPress.js

@@ -3,9 +3,11 @@ var useNavBarPress = function useNavBarPress(_ref, state) {
     onPressCallback = _ref.onPressCallback;
   var setSelectedKey = state.setSelectedKey;
   var onNavPress = function onNavPress() {
-    setSelectedKey(key);
-    if (onPressCallback) {
-      onPressCallback();
+    if (key) {
+      setSelectedKey(key);
+      if (onPressCallback) {
+        onPressCallback();
+      }
     }
   };
   return {

package/lib/types/index.js

@@ -22,6 +22,7 @@ export * from './loader';
 export * from './menu';
 export * from './menuItem';
 export * from './Modal';
+export * from './navBar';
 export * from './overlayPanel';
 export * from './popoverContainer';
 export * from './popoverMenu';

package/lib/types/navBar.js

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pingux/astro",
-  "version": "2.53.0",
+  "version": "2.53.1-alpha.0",
   "description": "React component library for Ping Identity's design system",
   "repository": {
     "type": "git",