@pingux/astro 2.32.0-alpha.11 → 2.32.0-alpha.12

package/lib/components/TreeView/TreeViewItem.js

@@ -1,61 +1,15 @@
 import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
-import React, { forwardRef, useEffect, useImperativeHandle, useRef } from 'react';
+import React, { forwardRef, useImperativeHandle, useRef } from 'react';
 import FileIcon from '@pingux/mdi-react/FileIcon';
-import { useFocusRing } from '@react-aria/focus';
 import { useOption } from '@react-aria/listbox';
-import { mergeProps } from '@react-aria/utils';
 import PropTypes from 'prop-types';
 import { useTreeViewContext } from '../../context/TreeViewContext';
-import { useStatusClasses } from '../../hooks';
 import { Box } from '../../index';
-import { itemPressHandlers } from './TreeViewKeyboardDelegate';
 import TreeViewRow from './TreeViewRow';
-import { addRefToArrayHelper, removeRefFromArrayHelper } from './TreeViewSection';
 import { jsx as ___EmotionJSX } from "@emotion/react";
-export var onKeyDownItem = function onKeyDownItem(e, state, key, tree, isSelected, isExpanded, focusManager, flatKeyArray, refArray, pageLength) {
-  switch (e.which) {
-    case 32:
-      itemPressHandlers.onSpacePress(e, tree, key, isSelected);
-      break;
-    case 38:
-      itemPressHandlers.onUpPress(e, key, refArray, flatKeyArray);
-      e.preventDefault();
-      e.stopPropagation();
-      break;
-    case 40:
-      itemPressHandlers.onDownPress(e, key, refArray, flatKeyArray);
-      e.preventDefault();
-      e.stopPropagation();
-      break;
-    case 37:
-    case 39:
-      itemPressHandlers.onRightLeftItemPress(e);
-      break;
-    case 33:
-      itemPressHandlers.onPageUpPress(e, key, flatKeyArray, refArray, pageLength);
-      break;
-    case 34:
-      itemPressHandlers.onPageDownPress(e, key, flatKeyArray, refArray, pageLength);
-      break;
-    case 36:
-      itemPressHandlers.onHomePress(key, flatKeyArray, refArray);
-      e.preventDefault();
-      e.stopPropagation();
-      break;
-    case 35:
-      itemPressHandlers.onEndPress(key, flatKeyArray, refArray);
-      e.preventDefault();
-      e.stopPropagation();
-      break;
-    default:
-      break;
-  }
-};
 var TreeViewItem = /*#__PURE__*/forwardRef(function (props, ref) {
   var item = props.item,
     title = props.title,
-    focusManager = props.focusManager,
-    onKeyDown = props.onKeyDown,
     level = props.level,
     position = props.position,
     setSize = props.setSize;
@@ -65,16 +19,8 @@ var TreeViewItem = /*#__PURE__*/forwardRef(function (props, ref) {
   useImperativeHandle(ref, function () {
     return treeItemRef.current;
   });
-
-  /* istanbul ignore next */
   var _useTreeViewContext = useTreeViewContext(),
-    state = _useTreeViewContext.state,
-    tree = _useTreeViewContext.tree,
-    refArray = _useTreeViewContext.refArray,
-    setRefs = _useTreeViewContext.setRefs,
-    flatKeyArray = _useTreeViewContext.flatKeyArray,
-    pageLength = _useTreeViewContext.pageLength,
-    setLastFocusedItem = _useTreeViewContext.setLastFocusedItem;
+    state = _useTreeViewContext.state;
   var _useOption = useOption({
       key: key
     }, state, treeItemRef),
@@ -82,65 +28,24 @@ var TreeViewItem = /*#__PURE__*/forwardRef(function (props, ref) {
     isSelected = _useOption.isSelected,
     isDisabled = _useOption.isDisabled;
   var isExpanded = state.expandedKeys.has(key);
-  var onKeyDownFunction = function onKeyDownFunction(e) {
-    /* istanbul ignore next */
-    onKeyDownItem(e, state, key, tree, isSelected, isExpanded, focusManager, flatKeyArray, refArray, pageLength);
-    if (onKeyDown) {
-      onKeyDown(e, key);
-    }
-  };
-
-  // ignoring from tests, but this is actually being unit tested
-  /* istanbul ignore next */
-  var removeRefFromArray = function removeRefFromArray() {
-    setRefs(function (prev) {
-      return removeRefFromArrayHelper(prev, key);
-    });
-  };
-  var addRefToArray = function addRefToArray() {
-    setRefs(function (prev) {
-      return addRefToArrayHelper(prev, key, treeItemRef);
-    });
-  };
-
-  // adds and removes refs on mount and dismount
-  /* istanbul ignore next */
-  useEffect(function () {
-    // this  runs on mount
-    addRefToArray();
-    return function () {
-      // this runs on cleanup
-      removeRefFromArray(key, refArray);
-    };
-  }, []);
-  var _useFocusRing = useFocusRing(),
-    isFocusVisible = _useFocusRing.isFocusVisible,
-    focusProps = _useFocusRing.focusProps;
-  var mergedProps = mergeProps(focusProps, optionProps, {
-    onFocus: function onFocus() {
-      return setLastFocusedItem(key);
-    }
-  });
-  var _useStatusClasses = useStatusClasses('', {
-      isFocused: isFocusVisible
-    }),
-    classNames = _useStatusClasses.classNames;
   return ___EmotionJSX(Box, _extends({
     as: "li",
     isRow: true,
     ref: treeItemRef,
-    "aria-disabled": isDisabled
-  }, mergedProps, {
-    role: "treeitem",
-    variant: "treeView.wrapper",
-    className: classNames,
-    "aria-selected": isSelected,
+    "aria-disabled": isDisabled,
     "aria-level": level,
     "aria-posinset": position + 1,
-    "aria-setsize": setSize,
-    onKeyDown: function onKeyDown(e) {
-      return onKeyDownFunction(e);
-    }
+    "aria-setsize": setSize
+  }, optionProps, {
+    role: "treeitem",
+    sx: {
+      width: '100%',
+      ml: '36px',
+      ':not(:last-child)': {
+        pb: 'sm'
+      }
+    },
+    "aria-selected": isSelected
   }), ___EmotionJSX(TreeViewRow, {
     item: item,
     title: title,
@@ -154,10 +59,8 @@ TreeViewItem.propTypes = {
   item: PropTypes.shape({
     key: PropTypes.string
   }),
-  focusManager: PropTypes.shape({}),
   name: PropTypes.string,
   title: PropTypes.string,
-  onKeyDown: PropTypes.func,
   level: PropTypes.number,
   position: PropTypes.number,
   setSize: PropTypes.number

package/lib/components/TreeView/TreeViewRow.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 = ["title", "mainIcon", "lastIcon", "item", "items", "isExpanded", "isSelected", "isDisabled", "isParentFocused", "iconButtonProps"];
+var _excluded = ["title", "mainIcon", "lastIcon", "item", "items", "isExpanded", "isSelected", "isDisabled", "iconButtonProps"];
 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) { _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 React, { forwardRef, useImperativeHandle, useRef } from 'react';
@@ -35,7 +35,6 @@ var TreeViewRow = /*#__PURE__*/forwardRef(function (props, ref) {
     isExpanded = props.isExpanded,
     isSelected = props.isSelected,
     isDisabled = props.isDisabled,
-    isParentFocused = props.isParentFocused,
     iconButtonProps = props.iconButtonProps,
     others = _objectWithoutProperties(props, _excluded);
   var treeRowRef = useRef();
@@ -74,19 +73,13 @@ var TreeViewRow = /*#__PURE__*/forwardRef(function (props, ref) {
     }),
     classNames = _useStatusClasses.classNames;
   var mergedProps = mergeProps(hoverProps, pressProps, others);
-
-  // console.log(`ROW: ${key} has parent focus: ${isParentFocused}`)
-
   return ___EmotionJSX(Box, _extends({
     ref: treeRowRef,
     isRow: true,
     alignItems: "center",
     gap: "xs",
     sx: {
-      flexGrow: 1,
-      '& :focus': {
-        border: 'none'
-      }
+      flexGrow: 1
     },
     className: classNames,
     key: "".concat(key, " box")
@@ -99,22 +92,15 @@ var TreeViewRow = /*#__PURE__*/forwardRef(function (props, ref) {
       size: 25,
       title: "".concat(title, " expand or collapse button")
     },
-    buttonProps: _objectSpread(_objectSpread({
+    buttonProps: {
       'aria-label': "".concat(title, " expand or collapse button")
-    }, isParentFocused && {
-      tabIndex: 0
-    }), !isParentFocused && {
-      tabIndex: -1
-    })
+    }
   }), ___EmotionJSX(Box, {
     isRow: true,
     className: classNames,
     alignItems: "center",
     gap: "xs",
-    variant: "treeView.treeRow",
-    sx: !items && {
-      ml: '36px'
-    }
+    variant: "treeView.treeRow"
   }, ___EmotionJSX(Icon, {
     color: "focus",
     icon: mainIcon,
@@ -135,7 +121,6 @@ TreeViewRow.propTypes = {
   isSelected: PropTypes.bool,
   isDisabled: PropTypes.bool,
   isExpanded: PropTypes.bool,
-  isParentFocused: PropTypes.bool,
   title: PropTypes.string,
   items: PropTypes.arrayOf(PropTypes.shape({})),
   iconButtonProps: PropTypes.shape({

package/lib/components/TreeView/TreeViewSection.js

@@ -1,105 +1,19 @@
 import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
-import _someInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/some";
-import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
-import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
 import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
 import _Array$from from "@babel/runtime-corejs3/core-js-stable/array/from";
-import React, { forwardRef, useEffect, useImperativeHandle, useRef } from 'react';
-import { useFocusRing } from '@react-aria/focus';
+import React, { forwardRef, useImperativeHandle, useRef } from 'react';
 import { useOption } from '@react-aria/listbox';
-import { mergeProps } from '@react-aria/utils';
 import PropTypes from 'prop-types';
 import { useTreeViewContext } from '../../context/TreeViewContext';
-import { useStatusClasses } from '../../hooks';
 import { Box, TreeViewItem } from '../../index';
 import { SectionOrItemRender } from './TreeView';
-import { sectionPressHandlers } from './TreeViewKeyboardDelegate';
 import TreeViewRow from './TreeViewRow';
 import { jsx as ___EmotionJSX } from "@emotion/react";
-export var onKeyDownSection = function onKeyDownSection(e, state, key, tree, isSelected, isExpanded, focusManager, flatKeyArray, refArray, pageLength, isFocused) {
-  switch (e.which) {
-    case 9:
-      if (isFocused) {
-        sectionPressHandlers.onTabPress(e, refArray, focusManager, true, key);
-      }
-      break;
-    case 13:
-      sectionPressHandlers.onEnterPress(e, state, key);
-      break;
-    case 32:
-      sectionPressHandlers.onSpacePress(e, tree, key, isSelected);
-      break;
-    case 33:
-      sectionPressHandlers.onPageUpPress(e, key, flatKeyArray, refArray, pageLength);
-      break;
-    case 34:
-      sectionPressHandlers.onPageDownPress(e, key, flatKeyArray, refArray, pageLength);
-      break;
-    case 36:
-      sectionPressHandlers.onHomePress(key, flatKeyArray, refArray);
-      e.preventDefault();
-      e.stopPropagation();
-      break;
-    case 35:
-      sectionPressHandlers.onEndPress(key, flatKeyArray, refArray);
-      e.preventDefault();
-      e.stopPropagation();
-      break;
-    case 37:
-      sectionPressHandlers.onLeftPress(e, focusManager, state, key, isExpanded, refArray);
-      break;
-    case 38:
-      sectionPressHandlers.onUpPress(e, key, refArray, flatKeyArray);
-      e.preventDefault();
-      e.stopPropagation();
-      break;
-    case 39:
-      if (isFocused) {
-        sectionPressHandlers.onRightPress(e, focusManager, state, key, isExpanded, refArray);
-      }
-      break;
-    case 40:
-      sectionPressHandlers.onDownPress(e, key, refArray, flatKeyArray);
-      e.preventDefault();
-      e.stopPropagation();
-      break;
-    default:
-      /* istanbul ignore next */
-      break;
-  }
-};
-export var removeRefFromArrayHelper = function removeRefFromArrayHelper(prevState, keyToRemove) {
-  if (_someInstanceProperty(prevState).call(prevState, function (item) {
-    return item.key === keyToRemove;
-  })) {
-    var _context;
-    var newArray = _concatInstanceProperty(_context = []).call(_context, _filterInstanceProperty(prevState).call(prevState, function (_item) {
-      return _item.key !== keyToRemove;
-    }));
-    return newArray;
-  }
-  return prevState;
-};
-export var addRefToArrayHelper = function addRefToArrayHelper(prevState, keyToAdd, refToAdd) {
-  if (!_someInstanceProperty(prevState).call(prevState, function (i) {
-    return i.key === keyToAdd;
-  })) {
-    var _context2;
-    var thisObj = {
-      key: keyToAdd,
-      thisRef: refToAdd
-    };
-    return _concatInstanceProperty(_context2 = []).call(_context2, prevState, [thisObj]);
-  }
-  return prevState;
-};
 var TreeViewSection = /*#__PURE__*/forwardRef(function (props, ref) {
-  var _context3;
+  var _context;
   var item = props.item,
     items = props.items,
     title = props.title,
-    focusManager = props.focusManager,
-    onKeyDown = props.onKeyDown,
     level = props.level,
     position = props.position,
     setSize = props.setSize;
@@ -110,107 +24,51 @@ var TreeViewSection = /*#__PURE__*/forwardRef(function (props, ref) {
     return treeSectionRef.current;
   });
   var _useTreeViewContext = useTreeViewContext(),
-    state = _useTreeViewContext.state,
-    tree = _useTreeViewContext.tree,
-    refArray = _useTreeViewContext.refArray,
-    setRefs = _useTreeViewContext.setRefs,
-    flatKeyArray = _useTreeViewContext.flatKeyArray,
-    pageLength = _useTreeViewContext.pageLength,
-    setLastFocusedItem = _useTreeViewContext.setLastFocusedItem,
-    lastFocusedItem = _useTreeViewContext.lastFocusedItem;
+    state = _useTreeViewContext.state;
   var _useOption = useOption({
       key: key
     }, state, treeSectionRef),
     optionProps = _useOption.optionProps,
     isDisabled = _useOption.isDisabled,
     isSelected = _useOption.isSelected;
-  var _useFocusRing = useFocusRing(),
-    focusProps = _useFocusRing.focusProps,
-    isFocused = _useFocusRing.isFocused;
-  var _useFocusRing2 = useFocusRing({
-      within: true
-    }),
-    focusPropsWithin = _useFocusRing2.focusProps,
-    isFocusedWithin = _useFocusRing2.isFocused;
   var isExpanded = state.expandedKeys.has(key);
-  var onKeyDownFunction = function onKeyDownFunction(e) {
-    onKeyDownSection(e, state, key, tree, isSelected, isExpanded, focusManager, flatKeyArray, refArray, pageLength, isFocused);
-    if (onKeyDown) {
-      onKeyDown(e, key);
-    }
-  };
-  var addRefToArray = function addRefToArray(thisKey, thisRef) {
-    setRefs(function (prev) {
-      return addRefToArrayHelper(prev, thisKey, thisRef);
-    });
-  };
-  var removeRefFromArray = function removeRefFromArray() {
-    setRefs(function (prev) {
-      return removeRefFromArrayHelper(prev, key);
-    });
-  };
-
-  // adds and removes refs on mount and dismount
-  useEffect(function () {
-    // this  runs on mount
-    addRefToArray(key, treeSectionRef);
-    return function () {
-      // this runs on cleanup
-      removeRefFromArray(key, refArray);
-    };
-  }, []);
-  var mergedProps = mergeProps(focusPropsWithin, focusProps, optionProps, {
-    onFocus: function onFocus() {
-      return setLastFocusedItem(key);
-    }
-  });
-  var _useStatusClasses = useStatusClasses('', {
-      isFocused: isFocused
-    }),
-    classNames = _useStatusClasses.classNames;
   return ___EmotionJSX(Box, _extends({
     ref: treeSectionRef,
     as: "li",
+    sx: {
+      ':not(:last-child)': {
+        pb: 'sm'
+      }
+    },
     "aria-expanded": isExpanded,
-    "aria-disabled": isDisabled
-  }, mergedProps, {
-    role: "treeitem",
-    variant: "treeView.wrapper",
-    className: classNames,
-    "aria-selected": isSelected,
+    "aria-disabled": isDisabled,
     "aria-level": level,
     "aria-setsize": setSize,
-    "aria-posinset": position + 1,
-    onKeyDown: function onKeyDown(e) {
-      return onKeyDownFunction(e);
-    },
-    tabIndex: lastFocusedItem === key ? 0 : -1
+    "aria-posinset": position + 1
+  }, optionProps, {
+    role: "treeitem",
+    "aria-selected": isSelected
   }), ___EmotionJSX(TreeViewRow, {
     item: item,
     title: title,
     items: items,
     isExpanded: isExpanded,
     isSelected: isSelected,
-    isDisabled: isDisabled,
-    isParentFocused: isFocusedWithin
+    isDisabled: isDisabled
   }), isExpanded && ___EmotionJSX(Box, {
     as: "ul",
     role: "group",
     key: "".concat(item.key, " ul"),
     sx: {
-      pl: 'md',
-      '& :focus': {
-        border: 'none'
-      }
+      pl: 'md'
     }
-  }, _mapInstanceProperty(_context3 = _Array$from(items)).call(_context3, function (_item, _index) {
+  }, _mapInstanceProperty(_context = _Array$from(items)).call(_context, function (_item, _index) {
     var _item$value$items;
     return SectionOrItemRender(((_item$value$items = _item.value.items) === null || _item$value$items === void 0 ? void 0 : _item$value$items.length) > 0, ___EmotionJSX(TreeViewSection, {
       item: _item,
       items: _item.children,
       title: _item.value.title,
       key: _item.value.title,
-      focusManager: focusManager,
       level: level + 1,
       position: _index,
       setSize: items.length
@@ -218,7 +76,6 @@ var TreeViewSection = /*#__PURE__*/forwardRef(function (props, ref) {
       item: _item,
       title: _item.value.title,
       key: _item.value.title,
-      focusManager: focusManager,
       level: level + 1,
       position: _index,
       setSize: items.length
@@ -231,8 +88,6 @@ TreeViewSection.propTypes = {
     key: PropTypes.string
   }),
   title: PropTypes.string,
-  focusManager: PropTypes.shape({}),
-  onKeyDown: PropTypes.func,
   level: PropTypes.number,
   position: PropTypes.number,
   setSize: PropTypes.number

package/lib/hooks/useImageUploadState/useImageUploadState.js

@@ -35,15 +35,11 @@ var useImageUploadState = function useImageUploadState(inputRef) {
     if (previewImage && previewImage !== defaultPreviewImage) {
       setIsMenuOpen(true);
     } else {
-      var _inputRef$current;
-      (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.click();
+      inputRef.current.click();
     }
   }, [defaultPreviewImage, previewImage, inputRef]);
   var handleInputChange = useCallback(function (event) {
     var _event$target;
-    if (!event.target.files) {
-      return;
-    }
     var eventFileType = (_event$target = event.target) === null || _event$target === void 0 || (_event$target = _event$target.files[0]) === null || _event$target === void 0 || (_event$target = _event$target.type) === null || _event$target === void 0 ? void 0 : _event$target.split('/')[0];
     if (fileTypes !== null && fileTypes !== void 0 && _includesInstanceProperty(fileTypes).call(fileTypes, eventFileType)) {
       if (onChange && typeof onChange === 'function') {
@@ -56,8 +52,9 @@ var useImageUploadState = function useImageUploadState(inputRef) {
           var _event$target2;
           setIsImageType(true);
           var reader = new FileReader();
-          reader.onload = function () {
-            setPreviewImage(reader.result);
+          reader.onload = function (_ref) {
+            var result = _ref.target.result;
+            setPreviewImage(result);
           };
           reader.readAsDataURL((_event$target2 = event.target) === null || _event$target2 === void 0 ? void 0 : _event$target2.files[0]);
         } else {
@@ -79,8 +76,8 @@ var useImageUploadState = function useImageUploadState(inputRef) {
     return setPreviewImage(defaultPreviewImage);
   }, [defaultPreviewImage]);
   var showFileDialog = useCallback(function () {
-    var _inputRef$current2;
-    return inputRef === null || inputRef === void 0 || (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 ? void 0 : _inputRef$current2.click();
+    var _inputRef$current;
+    return inputRef === null || inputRef === void 0 || (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.click();
   }, [inputRef]);
   var handleLabelClick = useCallback(function (e) {
     e.preventDefault();

package/lib/hooks/useModalState/useModalState.js

@@ -1,4 +1,14 @@
 import { useOverlayTriggerState } from 'react-stately';
+
+/**
+ * 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.
+ * `(isOpen: boolean) => void`
+ * @returns {Object} `{ isOpen: Boolean, open: Function, close: Function, toggle: Function }`
+ */
 var useModalState = function useModalState() {
   var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   var isDefaultOpen = props.isDefaultOpen,

package/lib/utils/testUtils/testWrapper.js

@@ -22,7 +22,7 @@ var _ref = process.env.NODE_ENV === "production" ? {
 } : {
   name: "zxbwtf-GlobalTestStyles",
   styles: ".is-disabled{opacity:0.5;pointer-events:none;};label:GlobalTestStyles;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy91dGlscy90ZXN0VXRpbHMvdGVzdFdyYXBwZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVVTIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy91dGlscy90ZXN0VXRpbHMvdGVzdFdyYXBwZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcywgR2xvYmFsIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgcmVuZGVyLCBSZW5kZXJPcHRpb25zIH0gZnJvbSAnQHRlc3RpbmctbGlicmFyeS9yZWFjdCc7XG5pbXBvcnQgeyBUaGVtZVByb3ZpZGVyIH0gZnJvbSAndGhlbWUtdWknO1xuXG5pbXBvcnQgdGhlbWUgZnJvbSAnLi4vLi4vc3R5bGVzL3RoZW1lJztcblxuY29uc3QgR2xvYmFsVGVzdFN0eWxlczogUmVhY3QuRkMgPSAoKSA9PiAoXG4gIDxHbG9iYWxcbiAgICBzdHlsZXM9e1xuICAgICAgY3NzYFxuICAgICAgICAuaXMtZGlzYWJsZWQge1xuICAgICAgICAgIG9wYWNpdHk6IDAuNTtcbiAgICAgICAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICAgICAgfVxuICAgICAgYFxuICAgIH1cbiAgLz5cbik7XG5cbi8qKlxuICogVE9ETzogQ2hhbmdlIEplc3QgY29uZmlnIHNvIHRoaXMgZG9lc24ndCBoYXZlIHRvIGJlIGltcG9ydGVkIHJlbGF0aXZlbHkuLi5cbiAqIGh0dHBzOi8vdGVzdGluZy1saWJyYXJ5LmNvbS9kb2NzL3JlYWN0LXRlc3RpbmctbGlicmFyeS9zZXR1cC8jY29uZmlndXJpbmctamVzdC13aXRoLXRlc3QtdXRpbHNcbiAqXG4gKiBVc2UgdGhpcyB3cmFwcGVyIHdoZW4gdGVzdGluZyB0aGUgdGhlbWUgb3V0cHV0IGZvclxuICogYSBjb21wb25lbnQgdXNpbmcgLnRvSGF2ZVN0eWxlIG9yIC50b0hhdmVTdHlsZVJ1bGVcbiAqXG4gKiBTZWUgQnV0dG9uLnRlc3QuanMgYXMgYW4gZXhhbXBsZSBmb3IgaG93IHRvIGFwcGx5IGNvbmRpdGlvbmFsIGNsYXNzZXMgYW5kIHRoZW4gdGVzdGluZyB0aGF0XG4gKiB0aG9zZSBjbGFzc2VzIGhhdmUgdGhlIGFwcHJvcHJpYXRlIHN0eWxlcyB0aWVkIHRvIHRoZW0gaW4gdGhlIHRoZW1lLlxuICovXG5cbmludGVyZmFjZSBXcmFwcGVyUHJvcHMge1xuICBjaGlsZHJlbjogUmVhY3ROb2RlO1xufVxuXG5jb25zdCBXcmFwcGVyOiBSZWFjdC5GQzxXcmFwcGVyUHJvcHM+ID0gKHsgY2hpbGRyZW4gfSkgPT4gKFxuICA8VGhlbWVQcm92aWRlciB0aGVtZT17dGhlbWV9PlxuICAgIDxHbG9iYWxUZXN0U3R5bGVzIC8+XG4gICAge2NoaWxkcmVufVxuICA8L1RoZW1lUHJvdmlkZXI+XG4pO1xuXG5jb25zdCBjdXN0b21SZW5kZXIgPSAodWk6IFJlYWN0LlJlYWN0RWxlbWVudCwgb3B0aW9ucz86IFJlbmRlck9wdGlvbnMpID0+IHJlbmRlcih1aSxcbiAgeyB3cmFwcGVyOiBXcmFwcGVyIGFzIFJlYWN0LkZDLCAuLi5vcHRpb25zIH0sXG4pO1xuXG4vLyByZS1leHBvcnQgZXZlcnl0aGluZyAtXG5leHBvcnQgKiBmcm9tICdAdGVzdGluZy1saWJyYXJ5L3JlYWN0JztcblxuLy8gb3ZlcnJpZGUgcmVuZGVyIG1ldGhvZFxuZXhwb3J0IHsgY3VzdG9tUmVuZGVyIGFzIHJlbmRlciB9O1xuIl19 */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy91dGlscy90ZXN0VXRpbHMvdGVzdFdyYXBwZXIuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBVVMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3V0aWxzL3Rlc3RVdGlscy90ZXN0V3JhcHBlci5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjc3MsIEdsb2JhbCB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IHJlbmRlciB9IGZyb20gJ0B0ZXN0aW5nLWxpYnJhcnkvcmVhY3QnO1xuaW1wb3J0IHsgVGhlbWVQcm92aWRlciB9IGZyb20gJ3RoZW1lLXVpJztcblxuaW1wb3J0IHRoZW1lIGZyb20gJy4uLy4uL3N0eWxlcy90aGVtZSc7XG5cbmNvbnN0IEdsb2JhbFRlc3RTdHlsZXMgPSAoKSA9PiAoXG4gIDxHbG9iYWxcbiAgICBzdHlsZXM9e1xuICAgICAgY3NzYFxuICAgICAgICAuaXMtZGlzYWJsZWQge1xuICAgICAgICAgIG9wYWNpdHk6IDAuNTtcbiAgICAgICAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICAgICAgfVxuICAgICAgYFxuICAgIH1cbiAgLz5cbik7XG5cbi8qKlxuICogVE9ETzogQ2hhbmdlIEplc3QgY29uZmlnIHNvIHRoaXMgZG9lc24ndCBoYXZlIHRvIGJlIGltcG9ydGVkIHJlbGF0aXZlbHkuLi5cbiAqIGh0dHBzOi8vdGVzdGluZy1saWJyYXJ5LmNvbS9kb2NzL3JlYWN0LXRlc3RpbmctbGlicmFyeS9zZXR1cC8jY29uZmlndXJpbmctamVzdC13aXRoLXRlc3QtdXRpbHNcbiAqXG4gKiBVc2UgdGhpcyB3cmFwcGVyIHdoZW4gdGVzdGluZyB0aGUgdGhlbWUgb3V0cHV0IGZvclxuICogYSBjb21wb25lbnQgdXNpbmcgLnRvSGF2ZVN0eWxlIG9yIC50b0hhdmVTdHlsZVJ1bGVcbiAqXG4gKiBTZWUgQnV0dG9uLnRlc3QuanMgYXMgYW4gZXhhbXBsZSBmb3IgaG93IHRvIGFwcGx5IGNvbmRpdGlvbmFsIGNsYXNzZXMgYW5kIHRoZW4gdGVzdGluZyB0aGF0XG4gKiB0aG9zZSBjbGFzc2VzIGhhdmUgdGhlIGFwcHJvcHJpYXRlIHN0eWxlcyB0aWVkIHRvIHRoZW0gaW4gdGhlIHRoZW1lLlxuICovXG5jb25zdCBXcmFwcGVyID0gKHsgY2hpbGRyZW4gfSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxUaGVtZVByb3ZpZGVyIHRoZW1lPXt0aGVtZX0+XG4gICAgICA8R2xvYmFsVGVzdFN0eWxlcyAvPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvVGhlbWVQcm92aWRlcj5cbiAgKTtcbn07XG5cbmNvbnN0IGN1c3RvbVJlbmRlciA9ICh1aSwgb3B0aW9ucykgPT4gcmVuZGVyKHVpLCB7IHdyYXBwZXI6IFdyYXBwZXIsIC4uLm9wdGlvbnMgfSk7XG5cbi8vIHJlLWV4cG9ydCBldmVyeXRoaW5nXG5leHBvcnQgKiBmcm9tICdAdGVzdGluZy1saWJyYXJ5L3JlYWN0JztcblxuLy8gb3ZlcnJpZGUgcmVuZGVyIG1ldGhvZFxuZXhwb3J0IHsgY3VzdG9tUmVuZGVyIGFzIHJlbmRlciB9O1xuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 var GlobalTestStyles = function GlobalTestStyles() {
@@ -41,7 +41,6 @@ var GlobalTestStyles = function GlobalTestStyles() {
  * See Button.test.js as an example for how to apply conditional classes and then testing that
  * those classes have the appropriate styles tied to them in the theme.
  */
-
 var Wrapper = function Wrapper(_ref2) {
   var children = _ref2.children;
   return ___EmotionJSX(ThemeProvider, {
@@ -54,7 +53,7 @@ var customRender = function customRender(ui, options) {
   }, options));
 };
 
-// re-export everything -
+// re-export everything
 export * from '@testing-library/react';
 
 // override render method

package/package.json

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