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

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/cjs/hooks/useStatusClasses/index.d.ts

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

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

@@ -0,0 +1,18 @@
+interface UseStatusClasses {
+    /**
+     * Converts status information into classes which can be supplied to the rendered component's
+     * `className` prop.
+     * @param {string} [defaultClass] An optional default class that will be added
+     * @param {{}} [statuses] A mapping of conditional statuses and the current value of each one
+     * @returns {{classNames: string}} A string of classes based on the input. Status keys will be
+     * converted to kebab-case.
+     * e.g. useStatusClasses('thing', { isDisabled: true }) => "thing is-disabled"
+     */
+    (defaultClass?: string | undefined | null, statuses?: {
+        [key: string]: string | boolean | undefined | null;
+    }): {
+        classNames: string;
+    };
+}
+declare const useStatusClasses: UseStatusClasses;
+export default useStatusClasses;

package/lib/cjs/hooks/useStatusClasses/useStatusClasses.js

@@ -9,15 +9,6 @@ exports["default"] = void 0;
 var _classnames = _interopRequireDefault(require("classnames"));
 var _kebabCase = _interopRequireDefault(require("lodash/kebabCase"));
 var _mapKeys = _interopRequireDefault(require("lodash/mapKeys"));
-/**
- * Converts status information into classes which can be supplied to the rendered component's
- * `className` prop.
- * @param {string} [defaultClass] An optional default class that will be added
- * @param {{}} [statuses] A mapping of conditional statuses and the current value of each one
- * @returns {{classNames: string}} A string of classes based on the input. Status keys will be
- * converted to kebab-case.
- * e.g. useStatusClasses('thing', { isDisabled: true }) => "thing is-disabled"
- */
 var useStatusClasses = function useStatusClasses(defaultClass) {
   var statuses = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   var kebabStatuses = (0, _mapKeys["default"])(statuses, function (_v, k) {

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

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

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/lib/hooks/useStatusClasses/useStatusClasses.js

@@ -1,16 +1,6 @@
 import classnames from 'classnames';
 import kebabCase from 'lodash/kebabCase';
 import mapKeys from 'lodash/mapKeys';
-
-/**
- * Converts status information into classes which can be supplied to the rendered component's
- * `className` prop.
- * @param {string} [defaultClass] An optional default class that will be added
- * @param {{}} [statuses] A mapping of conditional statuses and the current value of each one
- * @returns {{classNames: string}} A string of classes based on the input. Status keys will be
- * converted to kebab-case.
- * e.g. useStatusClasses('thing', { isDisabled: true }) => "thing is-disabled"
- */
 var useStatusClasses = function useStatusClasses(defaultClass) {
   var statuses = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   var kebabStatuses = mapKeys(statuses, function (_v, k) {

package/package.json

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