@pingux/astro 2.32.0-alpha.13 → 2.32.0-alpha.14

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

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

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

@@ -0,0 +1,14 @@
+interface UseMountTransition {
+    /**
+     * Allows for css transitions to be applied to components, while mounting or unmounting.
+     * @param {Object} [props] Properties provided to the state
+     *
+     * `props.isMounted`: boolean - Whether the component has been mounted.
+     * `props.unmountDelay`: number -  Number value of the length of the transition in ms.
+     *
+     * @returns {Boolean} `isTransitioning`
+     */
+    (isMounted: boolean, unmountDelay: number): boolean;
+}
+declare const useMountTransition: UseMountTransition;
+export default useMountTransition;

package/lib/cjs/hooks/useMountTransition/useMountTransition.js

@@ -9,15 +9,6 @@ exports["default"] = void 0;
 var _setTimeout2 = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/set-timeout"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
 var _react = require("react");
-/**
- * Allows for css transitions to be applied to components, while mounting or unmounting.
- * @param {Object} [props] Properties provided to the state
- * @param {Boolean} [props.isMounted] Whether the component has been mounted.
- * @param {Number} [props.unmountDelay] Number value of the length of the transition in ms.
- * `(isOpen: boolean) => void`
- * @returns {Boolean} `isTransitioning`
- */
-
 var useMountTransition = function useMountTransition(isMounted, unmountDelay) {
   var _useState = (0, _react.useState)(false),
     _useState2 = (0, _slicedToArray2["default"])(_useState, 2),

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

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

package/lib/cjs/hooks/useMountTransition/useMountTransition.test.js

@@ -32,7 +32,7 @@ var ControlledWithTransition = function ControlledWithTransition() {
   var _useOverlayPanelState = (0, _useOverlayPanelState2["default"])(),
     state = _useOverlayPanelState.state,
     onClose = _useOverlayPanelState.onClose;
-  var triggerRef = (0, _react.useRef)();
+  var triggerRef = (0, _react.useRef)(null);
   return (
     // Application must be wrapped in an OverlayProvider so that it can be hidden from screen
     // readers when an overlay is open.
@@ -51,7 +51,7 @@ var ControlledWithTransition = function ControlledWithTransition() {
       },
       "aria-expanded": state.isOpen
     }, defaultCloseButtonProps), "Close Panel"), (0, _react2.jsx)("p", {
-      pt: "md"
+      "padding-top": "md"
     }, (0, _stringify["default"])(state.isOpen)))))
   );
 };

package/lib/hooks/useMountTransition/useMountTransition.js

@@ -1,16 +1,6 @@
 import _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
 import _setTimeout from "@babel/runtime-corejs3/core-js-stable/set-timeout";
 import { useEffect, useState } from 'react';
-
-/**
- * Allows for css transitions to be applied to components, while mounting or unmounting.
- * @param {Object} [props] Properties provided to the state
- * @param {Boolean} [props.isMounted] Whether the component has been mounted.
- * @param {Number} [props.unmountDelay] Number value of the length of the transition in ms.
- * `(isOpen: boolean) => void`
- * @returns {Boolean} `isTransitioning`
- */
-
 var useMountTransition = function useMountTransition(isMounted, unmountDelay) {
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),

package/lib/hooks/useMountTransition/useMountTransition.test.js

@@ -23,7 +23,7 @@ var ControlledWithTransition = function ControlledWithTransition() {
   var _useOverlayPanelState = useOverlayPanelState(),
     state = _useOverlayPanelState.state,
     onClose = _useOverlayPanelState.onClose;
-  var triggerRef = useRef();
+  var triggerRef = useRef(null);
   return (
     // Application must be wrapped in an OverlayProvider so that it can be hidden from screen
     // readers when an overlay is open.
@@ -42,7 +42,7 @@ var ControlledWithTransition = function ControlledWithTransition() {
       },
       "aria-expanded": state.isOpen
     }, defaultCloseButtonProps), "Close Panel"), ___EmotionJSX("p", {
-      pt: "md"
+      "padding-top": "md"
     }, _JSON$stringify(state.isOpen)))))
   );
 };

package/package.json

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