@pingux/astro 2.189.0-alpha.0 → 2.190.1-alpha.0

package/lib/cjs/components/Popover/Popover.js

@@ -24,7 +24,7 @@ var _hooks = require("../../hooks");
 var _Box = _interopRequireDefault(require("../Box"));
 var _PopoverContainer = require("../PopoverContainer");
 var _react2 = require("@emotion/react");
-var _excluded = ["arrowProps", "arrowCrossOffset", "direction", "popoverRef", "state", "children", "className", "isNonModal", "hasNoArrow", "width"];
+var _excluded = ["arrowProps", "arrowCrossOffset", "direction", "popoverRef", "state", "children", "className", "isNonModal", "hasNoArrow", "width", "isDismissable", "isNotClosedOnBlur"];
 function _interopRequireWildcard(e, t) { if ("function" == typeof _WeakMap) var r = new _WeakMap(), n = new _WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = _Object$defineProperty) && _Object$getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -41,6 +41,8 @@ var Popover = function Popover(props) {
     isNonModal = props.isNonModal,
     hasNoArrow = props.hasNoArrow,
     width = props.width,
+    isDismissable = props.isDismissable,
+    isNotClosedOnBlur = props.isNotClosedOnBlur,
     others = (0, _objectWithoutProperties2["default"])(props, _excluded);
   var _usePopover = (0, _overlays.usePopover)(_objectSpread(_objectSpread({}, props), {}, {
       offset: 5,
@@ -53,6 +55,13 @@ var Popover = function Popover(props) {
       isOpen: isOpen
     }),
     classNames = _useStatusClasses.classNames;
+  var _useOverlay = (0, _overlays.useOverlay)({
+      isOpen: isOpen,
+      onClose: state.close,
+      isDismissable: isDismissable,
+      shouldCloseOnBlur: !isNotClosedOnBlur
+    }, popoverRef),
+    overlayProps = _useOverlay.overlayProps;
   if (!isOpen) {
     return null;
   }
@@ -62,7 +71,7 @@ var Popover = function Popover(props) {
     className: classNames,
     role: "presentation",
     width: width
-  }, popoverProps, others), children, hasNoArrow ? null : (0, _react2.jsx)(_PopoverContainer.PopoverArrow, (0, _extends2["default"])({}, arrowProps, {
+  }, popoverProps, overlayProps, others), children, hasNoArrow ? null : (0, _react2.jsx)(_PopoverContainer.PopoverArrow, (0, _extends2["default"])({}, arrowProps, {
     arrowCrossOffset: arrowCrossOffset,
     direction: direction
   })), (0, _react2.jsx)(_overlays.DismissButton, {

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

@@ -216,7 +216,9 @@ var useSelectField = function useSelectField(props, ref) {
     popoverRef: popoverRef,
     triggerRef: triggerRef,
     style: style,
-    state: state
+    state: state,
+    isNonModal: true,
+    isDismissable: true
   }, (0, _react2.jsx)(_ScrollBox["default"], scrollBoxProps, listbox));
   return {
     columnStyleProps: columnStyleProps,

package/lib/cjs/types/popoverContainer.d.ts

@@ -38,5 +38,6 @@ export interface PopoverProps extends Omit<AriaPopoverProps, 'popoverRef'> {
     arrowCrossOffset?: string;
     isDismissable?: boolean;
     role?: string;
+    isNotClosedOnBlur?: boolean;
 }
 export {};

package/lib/components/Popover/Popover.js

@@ -9,11 +9,11 @@ import _Object$defineProperty from "@babel/runtime-corejs3/core-js-stable/object
 import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
 import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
-var _excluded = ["arrowProps", "arrowCrossOffset", "direction", "popoverRef", "state", "children", "className", "isNonModal", "hasNoArrow", "width"];
+var _excluded = ["arrowProps", "arrowCrossOffset", "direction", "popoverRef", "state", "children", "className", "isNonModal", "hasNoArrow", "width", "isDismissable", "isNotClosedOnBlur"];
 function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 import * as React from 'react';
-import { DismissButton, Overlay, usePopover } from '@react-aria/overlays';
+import { DismissButton, Overlay, useOverlay, usePopover } from '@react-aria/overlays';
 import { useStatusClasses } from '../../hooks';
 import Box from '../Box';
 import { PopoverArrow } from '../PopoverContainer';
@@ -31,6 +31,8 @@ var Popover = function Popover(props) {
     isNonModal = props.isNonModal,
     hasNoArrow = props.hasNoArrow,
     width = props.width,
+    isDismissable = props.isDismissable,
+    isNotClosedOnBlur = props.isNotClosedOnBlur,
     others = _objectWithoutProperties(props, _excluded);
   var _usePopover = usePopover(_objectSpread(_objectSpread({}, props), {}, {
       offset: 5,
@@ -43,6 +45,13 @@ var Popover = function Popover(props) {
       isOpen: isOpen
     }),
     classNames = _useStatusClasses.classNames;
+  var _useOverlay = useOverlay({
+      isOpen: isOpen,
+      onClose: state.close,
+      isDismissable: isDismissable,
+      shouldCloseOnBlur: !isNotClosedOnBlur
+    }, popoverRef),
+    overlayProps = _useOverlay.overlayProps;
   if (!isOpen) {
     return null;
   }
@@ -52,7 +61,7 @@ var Popover = function Popover(props) {
     className: classNames,
     role: "presentation",
     width: width
-  }, popoverProps, others), children, hasNoArrow ? null : ___EmotionJSX(PopoverArrow, _extends({}, arrowProps, {
+  }, popoverProps, overlayProps, others), children, hasNoArrow ? null : ___EmotionJSX(PopoverArrow, _extends({}, arrowProps, {
     arrowCrossOffset: arrowCrossOffset,
     direction: direction
   })), ___EmotionJSX(DismissButton, {

package/lib/hooks/useSelectField/useSelectField.js

@@ -206,7 +206,9 @@ var useSelectField = function useSelectField(props, ref) {
     popoverRef: popoverRef,
     triggerRef: triggerRef,
     style: style,
-    state: state
+    state: state,
+    isNonModal: true,
+    isDismissable: true
   }, ___EmotionJSX(ScrollBox, scrollBoxProps, listbox));
   return {
     columnStyleProps: columnStyleProps,

package/package.json

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