@pingux/astro 2.32.1-alpha.1 → 2.33.0-alpha.1

package/lib/cjs/hooks/useLabelHeight/index.d.ts

@@ -0,0 +1 @@
+export { default } from './useLabelHeight';

package/lib/cjs/hooks/useLabelHeight/useLabelHeight.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+interface UseLabelHeightProps {
+    labelRef: React.RefObject<HTMLLabelElement>;
+    inputRef: React.RefObject<HTMLInputElement>;
+}
+interface UseLabelHeight {
+    ({ labelRef, inputRef }: UseLabelHeightProps): {
+        isLabelHigher: boolean;
+    };
+}
+declare const useLabelHeight: UseLabelHeight;
+export default useLabelHeight;

package/lib/cjs/hooks/useLabelHeight/useLabelHeight.js

@@ -9,7 +9,6 @@ exports["default"] = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
 var _react = require("react");
 var useLabelHeight = function useLabelHeight(_ref) {
-  var _labelRef$current2, _inputRef$current2;
   var labelRef = _ref.labelRef,
     inputRef = _ref.inputRef;
   var _useState = (0, _react.useState)(false),
@@ -18,12 +17,14 @@ var useLabelHeight = function useLabelHeight(_ref) {
     setIsLabelHigher = _useState2[1];
   (0, _react.useEffect)(function () {
     var _labelRef$current, _inputRef$current;
-    if ((labelRef === null || labelRef === void 0 || (_labelRef$current = labelRef.current) === null || _labelRef$current === void 0 ? void 0 : _labelRef$current.offsetHeight) > (inputRef === null || inputRef === void 0 || (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.offsetHeight)) {
+    var labelOffsetHeight = (labelRef === null || labelRef === void 0 || (_labelRef$current = labelRef.current) === null || _labelRef$current === void 0 ? void 0 : _labelRef$current.offsetHeight) || 0;
+    var inputOffsetHeight = (inputRef === null || inputRef === void 0 || (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.offsetHeight) || 0;
+    if (labelOffsetHeight > inputOffsetHeight) {
       setIsLabelHigher(true);
     } else {
       setIsLabelHigher(false);
     }
-  }, [labelRef === null || labelRef === void 0 || (_labelRef$current2 = labelRef.current) === null || _labelRef$current2 === void 0 ? void 0 : _labelRef$current2.offsetHeight, inputRef === null || inputRef === void 0 || (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 ? void 0 : _inputRef$current2.offsetHeight]);
+  }, [labelRef, inputRef]);
   return {
     isLabelHigher: isLabelHigher
   };

package/lib/cjs/hooks/useNavBarPress/index.d.ts

@@ -0,0 +1 @@
+export { default } from './useNavBarPress';

package/lib/cjs/hooks/useNavBarPress/useNavBarPress.d.ts

@@ -0,0 +1,20 @@
+interface UseNavBarPress {
+    /**
+     * A custom hook that will call an onPressCallback function, if the function is provided.
+     * @param {Object} params The accepted parameters object
+     * @param {string} props.key The unique identifier that is assigned to the element being pressed
+     * @param {Object} state The state object tracking selected keys
+     * @param {function} state.setSelectedKey The function that sets the selected keys
+     * @callback props.onPressCallback The callback that will be called only if provided
+     */
+    (params: {
+        key: string;
+        onPressCallback?: () => void;
+    }, state: {
+        setSelectedKey: (key: string) => void;
+    }): {
+        onNavPress: () => void;
+    };
+}
+declare const useNavBarPress: UseNavBarPress;
+export default useNavBarPress;

package/lib/cjs/hooks/useNavBarPress/useNavBarPress.js

@@ -5,14 +5,6 @@ _Object$defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-/**
- * A custom hook that will call an onPressCallback function, if the function is provided.
- * @param {Object} params The accepted parameters object
- * @param {string} props.key The unique identifier that is assigned to the element being pressed
- * @param {Object} state The state object tracking selected keys
- * @param {function} state.setSelectedKey The function that sets the selected keys
- * @callback props.onPressCallback The callback that will be called only if provided
- */
 var useNavBarPress = function useNavBarPress(_ref, state) {
   var key = _ref.key,
     onPressCallback = _ref.onPressCallback;

package/lib/cjs/hooks/useNavBarPress/useNavBarPress.test.d.ts

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

package/lib/cjs/hooks/useOverlayPanelState/index.d.ts

@@ -0,0 +1 @@
+export { default } from './useOverlayPanelState';

package/lib/cjs/hooks/useOverlayPanelState/useOverlayPanelState.d.ts

@@ -0,0 +1,32 @@
+/// <reference types="react" />
+import { OverlayTriggerState } from 'react-stately';
+interface UseOverlayPanelStateProps {
+    isDefaultOpen?: boolean;
+    isOpen?: boolean;
+    onOpenChange?: (isOpen: boolean) => void;
+    transitionDuration?: number;
+}
+export interface UseOverlayPanelReturnState extends OverlayTriggerState {
+    isTransitioning?: boolean;
+}
+interface UseOverlayPanelStateReturnValues {
+    state: UseOverlayPanelReturnState;
+    onClose: (stateProp?: OverlayTriggerState, triggerRef?: React.RefObject<HTMLButtonElement>, onCloseProp?: VoidFunction) => void;
+    isTransitioning: boolean;
+}
+interface UseOverlayPanelState {
+    /**
+     * Returns state-related data and functions for use with a Modal component.
+     * @param {Object} [props] Properties provided to the state
+     *
+     * @param {boolean} [prop.isDefaultOpen] Whether the modal is open by default (uncontrolled).
+     * @param {boolean} [prop.isOpen] Whether the modal is currently open (controlled).
+     * @param {function} [prop.onOpenChange] Handler that is called when the open state changes.
+     * @param {number} [prop.transitionDuration] Number value of the length of the transition in ms.
+     *
+     * @returns {Object} `{ isOpen: Boolean, open: Function, close: Function, toggle: Function }`
+     */
+    (props?: UseOverlayPanelStateProps): UseOverlayPanelStateReturnValues;
+}
+declare const useOverlayPanelState: UseOverlayPanelState;
+export default useOverlayPanelState;

package/lib/cjs/hooks/useOverlayPanelState/useOverlayPanelState.js

@@ -18,16 +18,6 @@ var _reactStately = require("react-stately");
 var _useMountTransition = _interopRequireDefault(require("../useMountTransition"));
 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) { (0, _defineProperty2["default"])(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; }
-/**
- * Returns state-related data and functions for use with a Modal component.
- * @param {Object} [props] Properties provided to the state
- * @param {Boolean} [props.isDefaultOpen] Whether the modal is open by default (uncontrolled).
- * @param {Boolean} [props.isOpen] Whether the modal is currently open (controlled).
- * @param {Function} [props.onOpenChange] Handler that is called when the open state changes.
- * @param {Number} [props.transitionDuration] Number value of the length of the transition in ms.
- * `(isOpen: boolean) => void`
- * @returns {Object} `{ isOpen: Boolean, open: Function, close: Function, toggle: Function }`
- */
 var useOverlayPanelState = function useOverlayPanelState() {
   var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   var isDefaultOpen = props.isDefaultOpen,

package/lib/cjs/hooks/useOverlayPanelState/useOverlayPanelState.test.d.ts

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

package/lib/hooks/useLabelHeight/useLabelHeight.js

@@ -1,7 +1,6 @@
 import _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
 import { useEffect, useState } from 'react';
 var useLabelHeight = function useLabelHeight(_ref) {
-  var _labelRef$current2, _inputRef$current2;
   var labelRef = _ref.labelRef,
     inputRef = _ref.inputRef;
   var _useState = useState(false),
@@ -10,12 +9,14 @@ var useLabelHeight = function useLabelHeight(_ref) {
     setIsLabelHigher = _useState2[1];
   useEffect(function () {
     var _labelRef$current, _inputRef$current;
-    if ((labelRef === null || labelRef === void 0 || (_labelRef$current = labelRef.current) === null || _labelRef$current === void 0 ? void 0 : _labelRef$current.offsetHeight) > (inputRef === null || inputRef === void 0 || (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.offsetHeight)) {
+    var labelOffsetHeight = (labelRef === null || labelRef === void 0 || (_labelRef$current = labelRef.current) === null || _labelRef$current === void 0 ? void 0 : _labelRef$current.offsetHeight) || 0;
+    var inputOffsetHeight = (inputRef === null || inputRef === void 0 || (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.offsetHeight) || 0;
+    if (labelOffsetHeight > inputOffsetHeight) {
       setIsLabelHigher(true);
     } else {
       setIsLabelHigher(false);
     }
-  }, [labelRef === null || labelRef === void 0 || (_labelRef$current2 = labelRef.current) === null || _labelRef$current2 === void 0 ? void 0 : _labelRef$current2.offsetHeight, inputRef === null || inputRef === void 0 || (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 ? void 0 : _inputRef$current2.offsetHeight]);
+  }, [labelRef, inputRef]);
   return {
     isLabelHigher: isLabelHigher
   };

package/lib/hooks/useNavBarPress/useNavBarPress.js

@@ -1,11 +1,3 @@
-/**
- * A custom hook that will call an onPressCallback function, if the function is provided.
- * @param {Object} params The accepted parameters object
- * @param {string} props.key The unique identifier that is assigned to the element being pressed
- * @param {Object} state The state object tracking selected keys
- * @param {function} state.setSelectedKey The function that sets the selected keys
- * @callback props.onPressCallback The callback that will be called only if provided
- */
 var useNavBarPress = function useNavBarPress(_ref, state) {
   var key = _ref.key,
     onPressCallback = _ref.onPressCallback;

package/lib/hooks/useOverlayPanelState/useOverlayPanelState.js

@@ -11,17 +11,6 @@ function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (
 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 { useOverlayTriggerState } from 'react-stately';
 import useMountTransition from '../useMountTransition';
-
-/**
- * Returns state-related data and functions for use with a Modal component.
- * @param {Object} [props] Properties provided to the state
- * @param {Boolean} [props.isDefaultOpen] Whether the modal is open by default (uncontrolled).
- * @param {Boolean} [props.isOpen] Whether the modal is currently open (controlled).
- * @param {Function} [props.onOpenChange] Handler that is called when the open state changes.
- * @param {Number} [props.transitionDuration] Number value of the length of the transition in ms.
- * `(isOpen: boolean) => void`
- * @returns {Object} `{ isOpen: Boolean, open: Function, close: Function, toggle: Function }`
- */
 var useOverlayPanelState = function useOverlayPanelState() {
   var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   var isDefaultOpen = props.isDefaultOpen,

package/package.json

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