@pingux/astro 2.144.0 → 2.144.1-alpha.0

package/lib/cjs/components/SelectFieldBase/SelectFieldBase.test.js

@@ -298,6 +298,7 @@ test('two listbox can not be open at the same time', function () {
     name: 'Alpha'
   })).toBeInTheDocument();
   _userEvent["default"].click(button2);
+  _userEvent["default"].click(button2);
   expect(_testWrapper.screen.queryByRole('listbox')).toBeInTheDocument();
   expect(_testWrapper.screen.queryAllByRole('option')).toHaveLength(3);
   expect(_testWrapper.screen.queryByRole('option', {

package/lib/cjs/hooks/useSelectField/useSelectField.js

@@ -185,6 +185,8 @@ var useSelectField = function useSelectField(props, ref) {
   // trigger when the popup is closed. In addition, add hidden
   // <DismissButton> components at the start and end of the list
   // to allow screen reader users to dismiss the popup easily.
+
+  /* istanbul ignore next */
   var listbox = (0, _react2.jsx)(_reactAria.FocusScope, {
     restoreFocus: true
   }, (0, _react2.jsx)(_reactAria.DismissButton, {
@@ -204,8 +206,13 @@ var useSelectField = function useSelectField(props, ref) {
       return state.close();
     }
   }));
+
+  /*
+    Removed the isNonModal prop from Popover as per UIP-7854,
+    to ensure the dropdown closes when clicking outside.
+  */
+
   var overlay = (0, _react2.jsx)(_Popover["default"], {
-    isNonModal: true,
     triggerRef: triggerRef,
     style: style,
     state: state

package/lib/components/SelectFieldBase/SelectFieldBase.test.js

@@ -291,6 +291,7 @@ test('two listbox can not be open at the same time', function () {
     name: 'Alpha'
   })).toBeInTheDocument();
   userEvent.click(button2);
+  userEvent.click(button2);
   expect(screen.queryByRole('listbox')).toBeInTheDocument();
   expect(screen.queryAllByRole('option')).toHaveLength(3);
   expect(screen.queryByRole('option', {

package/lib/hooks/useSelectField/useSelectField.js

@@ -174,6 +174,8 @@ var useSelectField = function useSelectField(props, ref) {
   // trigger when the popup is closed. In addition, add hidden
   // <DismissButton> components at the start and end of the list
   // to allow screen reader users to dismiss the popup easily.
+
+  /* istanbul ignore next */
   var listbox = ___EmotionJSX(FocusScope, {
     restoreFocus: true
   }, ___EmotionJSX(DismissButton, {
@@ -193,8 +195,13 @@ var useSelectField = function useSelectField(props, ref) {
       return state.close();
     }
   }));
+
+  /*
+    Removed the isNonModal prop from Popover as per UIP-7854,
+    to ensure the dropdown closes when clicking outside.
+  */
+
   var overlay = ___EmotionJSX(Popover, {
-    isNonModal: true,
     triggerRef: triggerRef,
     style: style,
     state: state

package/package.json

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