@pingux/astro 2.210.5 → 2.211.0-alpha.0

package/lib/cjs/components/ComboBoxField/ComboBoxField.js

@@ -204,7 +204,8 @@ var ComboBoxField = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     style: style,
     state: state,
     triggerRef: inputRef,
-    popoverRef: popoverRef
+    popoverRef: popoverRef,
+    offset: 5
   }, (0, _react2.jsx)(_reactAria.FocusScope, null, (0, _react2.jsx)(_reactAria.DismissButton, {
     onDismiss: state.close
   }), (0, _react2.jsx)(_ScrollBox["default"], scrollBoxProps, (0, _react2.jsx)(_ListBox["default"], (0, _extends2["default"])({

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", "isDismissable", "isNotClosedOnBlur"];
+var _excluded = ["arrowProps", "arrowCrossOffset", "direction", "popoverRef", "state", "children", "className", "isNonModal", "hasNoArrow", "width", "isDismissable", "isNotClosedOnBlur", "offset"];
 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; }
@@ -43,9 +43,10 @@ var Popover = function Popover(props) {
     width = props.width,
     isDismissable = props.isDismissable,
     isNotClosedOnBlur = props.isNotClosedOnBlur,
+    offset = props.offset,
     others = (0, _objectWithoutProperties2["default"])(props, _excluded);
   var _usePopover = (0, _overlays.usePopover)(_objectSpread(_objectSpread({}, props), {}, {
-      offset: 5,
+      offset: offset !== null && offset !== void 0 ? offset : 0,
       popoverRef: popoverRef
     }), state),
     popoverProps = _usePopover.popoverProps,

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

@@ -67,4 +67,12 @@ describe('Popover', function () {
     expect((_screen$getByTestId$p = _react2.screen.getByTestId('popover').parentElement) === null || _screen$getByTestId$p === void 0 ? void 0 : _screen$getByTestId$p.querySelector('div')).toBeTruthy();
     expect(_react2.screen.getByTestId('popover')).toBeInTheDocument();
   });
+  test('accepts an offset prop and renders children correctly', function () {
+    getComponent({
+      state: mockState(true),
+      offset: 0
+    });
+    expect(_react2.screen.getByTestId('popover')).toBeInTheDocument();
+    expect(_react2.screen.getByTestId('popover-children')).toBeInTheDocument();
+  });
 });

package/lib/cjs/components/PopoverMenu/PopoverMenu.js

@@ -89,7 +89,8 @@ var PopoverMenu = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     role: "presentation",
     triggerRef: triggerRef,
     state: state,
-    direction: direction
+    direction: direction,
+    offset: 5
   }), contents))));
 });
 PopoverMenu.defaultProps = {

package/lib/cjs/components/SearchField/SearchAutoComplete.js

@@ -157,7 +157,8 @@ var SearchAutoComplete = exports.SearchAutoComplete = /*#__PURE__*/(0, _react.fo
     triggerRef: outerRef,
     state: comboBoxState,
     isNonModal: true,
-    width: popoverWidth
+    width: popoverWidth,
+    offset: 5
   }, (0, _react2.jsx)(_.ScrollBox, {
     maxHeight: 200
   }, (0, _react2.jsx)(_reactAria.FocusScope, {

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

@@ -138,7 +138,7 @@ var useSelectField = function useSelectField(props, ref) {
       shouldFlip: !isNotFlippable,
       isOpen: state.isOpen,
       onClose: state.close,
-      offset: 5
+      offset: 1
     }),
     overlayProps = _useOverlayPosition.overlayProps,
     placement = _useOverlayPosition.placement,

package/lib/cjs/index.d.ts

@@ -221,6 +221,7 @@ export * from './components/TextField';
 export { default as TimeField } from './components/TimeField';
 export * from './components/TimeField';
 export { default as TimeZonePicker } from './components/TimeZonePicker';
+export { default as timezones } from './components/TimeZonePicker/timezones';
 export { default as TooltipTrigger } from './components/TooltipTrigger';
 export * from './components/TooltipTrigger';
 export { default as TreeView } from './components/TreeView';

package/lib/cjs/index.js

@@ -153,6 +153,7 @@ var _exportNames = {
   TextField: true,
   TimeField: true,
   TimeZonePicker: true,
+  timezones: true,
   TooltipTrigger: true,
   TreeView: true,
   PaginationContext: true,
@@ -1172,6 +1173,12 @@ _Object$defineProperty(exports, "WarningCalloutBadge", {
     return _WarningCalloutBadge["default"];
   }
 });
+_Object$defineProperty(exports, "timezones", {
+  enumerable: true,
+  get: function get() {
+    return _timezones["default"];
+  }
+});
 _Object$defineProperty(exports, "useOverlayPosition", {
   enumerable: true,
   get: function get() {
@@ -2246,6 +2253,7 @@ _forEachInstanceProperty(_context81 = _Object$keys(_TimeField)).call(_context81,
   });
 });
 var _TimeZonePicker = _interopRequireDefault(require("./components/TimeZonePicker"));
+var _timezones = _interopRequireDefault(require("./components/TimeZonePicker/timezones"));
 var _TooltipTrigger = _interopRequireWildcard(require("./components/TooltipTrigger"));
 _forEachInstanceProperty(_context82 = _Object$keys(_TooltipTrigger)).call(_context82, function (key) {
   if (key === "default" || key === "__esModule") return;

package/lib/cjs/styles/themeOverrides/nextGenDarkMode/variants/input.js

@@ -54,6 +54,7 @@ input.multivaluesWrapper = {
     }
   }
 };
+input.small = _objectSpread({}, input);
 input.promptInput = {
   color: _onyxTokens.astroTokensDark.color.gray[100]
 };

package/lib/components/ComboBoxField/ComboBoxField.js

@@ -194,7 +194,8 @@ var ComboBoxField = /*#__PURE__*/forwardRef(function (props, ref) {
     style: style,
     state: state,
     triggerRef: inputRef,
-    popoverRef: popoverRef
+    popoverRef: popoverRef,
+    offset: 5
   }, ___EmotionJSX(FocusScope, null, ___EmotionJSX(DismissButton, {
     onDismiss: state.close
   }), ___EmotionJSX(ScrollBox, scrollBoxProps, ___EmotionJSX(ListBox, _extends({

package/lib/components/Popover/Popover.js

@@ -9,7 +9,7 @@ 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", "isDismissable", "isNotClosedOnBlur"];
+var _excluded = ["arrowProps", "arrowCrossOffset", "direction", "popoverRef", "state", "children", "className", "isNonModal", "hasNoArrow", "width", "isDismissable", "isNotClosedOnBlur", "offset"];
 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';
@@ -33,9 +33,10 @@ var Popover = function Popover(props) {
     width = props.width,
     isDismissable = props.isDismissable,
     isNotClosedOnBlur = props.isNotClosedOnBlur,
+    offset = props.offset,
     others = _objectWithoutProperties(props, _excluded);
   var _usePopover = usePopover(_objectSpread(_objectSpread({}, props), {}, {
-      offset: 5,
+      offset: offset !== null && offset !== void 0 ? offset : 0,
       popoverRef: popoverRef
     }), state),
     popoverProps = _usePopover.popoverProps,

package/lib/components/Popover/Popover.test.js

@@ -64,4 +64,12 @@ describe('Popover', function () {
     expect((_screen$getByTestId$p = screen.getByTestId('popover').parentElement) === null || _screen$getByTestId$p === void 0 ? void 0 : _screen$getByTestId$p.querySelector('div')).toBeTruthy();
     expect(screen.getByTestId('popover')).toBeInTheDocument();
   });
+  test('accepts an offset prop and renders children correctly', function () {
+    getComponent({
+      state: mockState(true),
+      offset: 0
+    });
+    expect(screen.getByTestId('popover')).toBeInTheDocument();
+    expect(screen.getByTestId('popover-children')).toBeInTheDocument();
+  });
 });

package/lib/components/PopoverMenu/PopoverMenu.js

@@ -79,7 +79,8 @@ var PopoverMenu = /*#__PURE__*/forwardRef(function (props, ref) {
     role: "presentation",
     triggerRef: triggerRef,
     state: state,
-    direction: direction
+    direction: direction,
+    offset: 5
   }), contents))));
 });
 PopoverMenu.defaultProps = {

package/lib/components/SearchField/SearchAutoComplete.js

@@ -147,7 +147,8 @@ export var SearchAutoComplete = /*#__PURE__*/forwardRef(function (props, ref) {
     triggerRef: outerRef,
     state: comboBoxState,
     isNonModal: true,
-    width: popoverWidth
+    width: popoverWidth,
+    offset: 5
   }, ___EmotionJSX(ScrollBox, {
     maxHeight: 200
   }, ___EmotionJSX(FocusScope, {

package/lib/hooks/useSelectField/useSelectField.js

@@ -128,7 +128,7 @@ var useSelectField = function useSelectField(props, ref) {
       shouldFlip: !isNotFlippable,
       isOpen: state.isOpen,
       onClose: state.close,
-      offset: 5
+      offset: 1
     }),
     overlayProps = _useOverlayPosition.overlayProps,
     placement = _useOverlayPosition.placement,

package/lib/index.js

@@ -224,6 +224,7 @@ export * from './components/TextField';
 export { default as TimeField } from './components/TimeField';
 export * from './components/TimeField';
 export { default as TimeZonePicker } from './components/TimeZonePicker';
+export { default as timezones } from './components/TimeZonePicker/timezones';
 export { default as TooltipTrigger } from './components/TooltipTrigger';
 export * from './components/TooltipTrigger';
 export { default as TreeView } from './components/TreeView';

package/lib/styles/themeOverrides/nextGenDarkMode/variants/input.js

@@ -47,6 +47,7 @@ input.multivaluesWrapper = {
     }
   }
 };
+input.small = _objectSpread({}, input);
 input.promptInput = {
   color: astroTokensDark.color.gray[100]
 };

package/package.json

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