@pingux/astro 2.37.1 → 2.37.2-alpha.0

package/lib/cjs/components/NavBarSection/NavBarItemBody.js

@@ -19,7 +19,7 @@ var _index = require("../../index");
 var _react2 = require("@emotion/react");
 function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { _Object$defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-var NavBarItemBody = function NavBarItemBody(_ref) {
+var NavBarItemBody = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var _context;
   var item = _ref.item,
     onKeyDown = _ref.onKeyDown;
@@ -46,9 +46,10 @@ var NavBarItemBody = function NavBarItemBody(_ref) {
     }, child);
   };
   return (0, _react2.jsx)(_index.Box, {
-    variant: state.navStyles.navBarItemBody
+    variant: state.navStyles.navBarItemBody,
+    ref: ref
   }, (0, _map["default"])(_context = item.children).call(_context, renderChild));
-};
+});
 var ChildItemWrapper = function ChildItemWrapper(_ref2) {
   var children = _ref2.children,
     _onKeyDown = _ref2.onKeyDown;

package/lib/cjs/components/NavBarSection/NavBarItemBody.test.js

@@ -1,12 +1,51 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
 var _ = require("../..");
 var _testWrapper = require("../../utils/testUtils/testWrapper");
+var _universalComponentTest = require("../../utils/testUtils/universalComponentTest");
 var _NavBar = _interopRequireDefault(require("../NavBar"));
 var _NavBarItemBody = _interopRequireDefault(require("./NavBarItemBody"));
+var _NavBarSection = _interopRequireDefault(require("./NavBarSection"));
 var _react2 = require("@emotion/react");
+var SUBTITLE = 'subtitle';
+var TEXT = 'text';
+var data = [{
+  key: 'Dashboard',
+  children: ['Users', 'Group', 'Populations', 'Attributes', 'Roles', 'Dashboard Unique']
+}];
+var NavBarWithItemBody = /*#__PURE__*/_react["default"].forwardRef(function (props, ref) {
+  return (0, _react2.jsx)(_NavBar["default"], null, (0, _react2.jsx)(_NavBarItemBody["default"], (0, _extends2["default"])({
+    ref: ref
+  }, props, {
+    item: {
+      children: [(0, _react2.jsx)(_.Text, null, TEXT)]
+    }
+  })));
+});
+var NavBarWithSection = /*#__PURE__*/_react["default"].forwardRef(function (props, ref) {
+  return (0, _react2.jsx)(_NavBar["default"], null, (0, _react2.jsx)(_NavBarSection["default"], (0, _extends2["default"])({
+    ref: ref
+  }, props, {
+    items: data
+  })));
+});
+
+// Needs to be added to each component's test file
+(0, _universalComponentTest.universalComponentTests)({
+  renderComponent: function renderComponent(props) {
+    return (0, _react2.jsx)(NavBarWithItemBody, props);
+  }
+});
+
+// Needs to be added to each component's test file
+(0, _universalComponentTest.universalComponentTests)({
+  renderComponent: function renderComponent(props) {
+    return (0, _react2.jsx)(NavBarWithSection, props);
+  }
+});
 var getComponent = function getComponent(item) {
   return (0, _testWrapper.render)((0, _react2.jsx)(_NavBar["default"], null, (0, _react2.jsx)(_NavBarItemBody["default"], {
     item: {
@@ -14,8 +53,6 @@ var getComponent = function getComponent(item) {
     }
   })));
 };
-var SUBTITLE = 'subtitle';
-var TEXT = 'text';
 describe('NavBarItemBody', function () {
   describe('when its passed a component', function () {
     it('renders the component', function () {

package/lib/cjs/components/NavBarSection/NavBarSection.js

@@ -33,13 +33,12 @@ var _excluded = ["hasSeparator", "title", "items", "onKeyDown"],
  */
 function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { _Object$defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-var NavBarSection = function NavBarSection(_ref) {
+var NavBarSection = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var hasSeparator = _ref.hasSeparator,
     title = _ref.title,
     items = _ref.items,
     onKeyDown = _ref.onKeyDown,
     others = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  var ref = (0, _react.useRef)();
   var childrenItems = (0, _filter["default"])(items).call(items, function (item) {
     return item.children || item.href;
   });
@@ -70,7 +69,7 @@ var NavBarSection = function NavBarSection(_ref) {
       onKeyDown: onKeyDown
     }));
   })));
-};
+});
 var SectionItem = function SectionItem(_ref2) {
   var item = _ref2.item,
     onKeyDownProp = _ref2.onKeyDown;

package/lib/components/NavBarSection/NavBarItemBody.js

@@ -1,12 +1,12 @@
 import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
 import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
-import React, { Fragment } from 'react';
+import React, { forwardRef, Fragment } from 'react';
 import { useKeyboard } from '@react-aria/interactions';
 import PropTypes from 'prop-types';
 import { useNavBarContext } from '../../context/NavBarContext';
 import { Box, Separator, Text } from '../../index';
 import { jsx as ___EmotionJSX } from "@emotion/react";
-var NavBarItemBody = function NavBarItemBody(_ref) {
+var NavBarItemBody = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var _context;
   var item = _ref.item,
     onKeyDown = _ref.onKeyDown;
@@ -33,9 +33,10 @@ var NavBarItemBody = function NavBarItemBody(_ref) {
     }, child);
   };
   return ___EmotionJSX(Box, {
-    variant: state.navStyles.navBarItemBody
+    variant: state.navStyles.navBarItemBody,
+    ref: ref
   }, _mapInstanceProperty(_context = item.children).call(_context, renderChild));
-};
+});
 var ChildItemWrapper = function ChildItemWrapper(_ref2) {
   var children = _ref2.children,
     _onKeyDown = _ref2.onKeyDown;

package/lib/components/NavBarSection/NavBarItemBody.test.js

@@ -1,9 +1,48 @@
+import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
 import React from 'react';
 import { Text } from '../..';
 import { render, screen } from '../../utils/testUtils/testWrapper';
+import { universalComponentTests } from '../../utils/testUtils/universalComponentTest';
 import NavBar from '../NavBar';
 import NavBarItemBody from './NavBarItemBody';
+import NavBarSection from './NavBarSection';
 import { jsx as ___EmotionJSX } from "@emotion/react";
+var SUBTITLE = 'subtitle';
+var TEXT = 'text';
+var data = [{
+  key: 'Dashboard',
+  children: ['Users', 'Group', 'Populations', 'Attributes', 'Roles', 'Dashboard Unique']
+}];
+var NavBarWithItemBody = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  return ___EmotionJSX(NavBar, null, ___EmotionJSX(NavBarItemBody, _extends({
+    ref: ref
+  }, props, {
+    item: {
+      children: [___EmotionJSX(Text, null, TEXT)]
+    }
+  })));
+});
+var NavBarWithSection = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  return ___EmotionJSX(NavBar, null, ___EmotionJSX(NavBarSection, _extends({
+    ref: ref
+  }, props, {
+    items: data
+  })));
+});
+
+// Needs to be added to each component's test file
+universalComponentTests({
+  renderComponent: function renderComponent(props) {
+    return ___EmotionJSX(NavBarWithItemBody, props);
+  }
+});
+
+// Needs to be added to each component's test file
+universalComponentTests({
+  renderComponent: function renderComponent(props) {
+    return ___EmotionJSX(NavBarWithSection, props);
+  }
+});
 var getComponent = function getComponent(item) {
   return render(___EmotionJSX(NavBar, null, ___EmotionJSX(NavBarItemBody, {
     item: {
@@ -11,8 +50,6 @@ var getComponent = function getComponent(item) {
     }
   })));
 };
-var SUBTITLE = 'subtitle';
-var TEXT = 'text';
 describe('NavBarItemBody', function () {
   describe('when its passed a component', function () {
     it('renders the component', function () {

package/lib/components/NavBarSection/NavBarSection.js

@@ -6,7 +6,7 @@ import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/insta
 import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
 import _includesInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/includes";
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
-import React, { useRef } from 'react';
+import React, { forwardRef } from 'react';
 import { useFocusManager } from '@react-aria/focus';
 import { useKeyboard } from '@react-aria/interactions';
 import PropTypes from 'prop-types';
@@ -21,13 +21,12 @@ import NavBarItemHeader from './NavBarItemHeader';
  *
  */
 import { jsx as ___EmotionJSX } from "@emotion/react";
-var NavBarSection = function NavBarSection(_ref) {
+var NavBarSection = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var hasSeparator = _ref.hasSeparator,
     title = _ref.title,
     items = _ref.items,
     onKeyDown = _ref.onKeyDown,
     others = _objectWithoutProperties(_ref, _excluded);
-  var ref = useRef();
   var childrenItems = _filterInstanceProperty(items).call(items, function (item) {
     return item.children || item.href;
   });
@@ -58,7 +57,7 @@ var NavBarSection = function NavBarSection(_ref) {
       onKeyDown: onKeyDown
     }));
   })));
-};
+});
 var SectionItem = function SectionItem(_ref2) {
   var item = _ref2.item,
     onKeyDownProp = _ref2.onKeyDown;

package/package.json

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