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

package/lib/cjs/components/CheckboxField/CheckboxField.js

@@ -47,8 +47,6 @@ var CheckboxField = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     autoFocus: hasAutoFocus || controlProps.hasAutoFocus,
     defaultSelected: isDefaultSelected || controlProps.isDefaultSelected
   }, props), controlProps);
-  var _usePress = (0, _interactions.usePress)(props),
-    containerPressProps = _usePress.pressProps;
   var state = (0, _reactStately.useToggleState)(checkboxProps);
   var checkboxRef = (0, _react.useRef)();
   (0, _hooks.usePropWarning)(props, 'disabled', 'isDisabled');
@@ -56,6 +54,10 @@ var CheckboxField = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   (0, _react.useImperativeHandle)(ref, function () {
     return checkboxRef.current;
   });
+  var _usePress = (0, _interactions.usePress)(_objectSpread(_objectSpread({}, props), {}, {
+      ref: checkboxRef
+    })),
+    containerPressProps = _usePress.pressProps;
   (0, _react.useEffect)(function () {
     if (checkboxRef.current && isIndeterminate) {
       checkboxRef.current.indeterminate = true;

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

@@ -5,8 +5,8 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/e
 var _react = _interopRequireDefault(require("react"));
 var _userEvent = _interopRequireDefault(require("@testing-library/user-event"));
 var _statuses = _interopRequireDefault(require("../../utils/devUtils/constants/statuses"));
-var _testAxe = _interopRequireDefault(require("../../utils/testUtils/testAxe"));
 var _testWrapper = require("../../utils/testUtils/testWrapper");
+var _universalComponentTest = require("../../utils/testUtils/universalComponentTest");
 var _ = _interopRequireDefault(require("."));
 var _react2 = require("@emotion/react");
 var testLabel = 'Test Label';
@@ -21,8 +21,12 @@ var getComponent = function getComponent() {
   return renderFn((0, _react2.jsx)(_["default"], (0, _extends2["default"])({}, defaultProps, props)));
 };
 
-// Need to be added to each test file to test accessibility using axe.
-(0, _testAxe["default"])(getComponent);
+// Needs to be added to each components test file
+(0, _universalComponentTest.universalComponentTests)({
+  renderComponent: function renderComponent(props) {
+    return (0, _react2.jsx)(_["default"], (0, _extends2["default"])({}, defaultProps, props));
+  }
+});
 test('default checkbox', function () {
   getComponent();
   var input = _testWrapper.screen.getByRole('checkbox');

package/lib/components/CheckboxField/CheckboxField.js

@@ -36,8 +36,6 @@ var CheckboxField = /*#__PURE__*/forwardRef(function (props, ref) {
     autoFocus: hasAutoFocus || controlProps.hasAutoFocus,
     defaultSelected: isDefaultSelected || controlProps.isDefaultSelected
   }, props), controlProps);
-  var _usePress = usePress(props),
-    containerPressProps = _usePress.pressProps;
   var state = useToggleState(checkboxProps);
   var checkboxRef = useRef();
   usePropWarning(props, 'disabled', 'isDisabled');
@@ -45,6 +43,10 @@ var CheckboxField = /*#__PURE__*/forwardRef(function (props, ref) {
   useImperativeHandle(ref, function () {
     return checkboxRef.current;
   });
+  var _usePress = usePress(_objectSpread(_objectSpread({}, props), {}, {
+      ref: checkboxRef
+    })),
+    containerPressProps = _usePress.pressProps;
   useEffect(function () {
     if (checkboxRef.current && isIndeterminate) {
       checkboxRef.current.indeterminate = true;

package/lib/components/CheckboxField/CheckboxField.test.js

@@ -2,8 +2,8 @@ import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
 import React from 'react';
 import userEvent from '@testing-library/user-event';
 import statuses from '../../utils/devUtils/constants/statuses';
-import axeTest from '../../utils/testUtils/testAxe';
 import { render, screen } from '../../utils/testUtils/testWrapper';
+import { universalComponentTests } from '../../utils/testUtils/universalComponentTest';
 import CheckboxField from '.';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 var testLabel = 'Test Label';
@@ -18,8 +18,12 @@ var getComponent = function getComponent() {
   return renderFn(___EmotionJSX(CheckboxField, _extends({}, defaultProps, props)));
 };
 
-// Need to be added to each test file to test accessibility using axe.
-axeTest(getComponent);
+// Needs to be added to each components test file
+universalComponentTests({
+  renderComponent: function renderComponent(props) {
+    return ___EmotionJSX(CheckboxField, _extends({}, defaultProps, props));
+  }
+});
 test('default checkbox', function () {
   getComponent();
   var input = screen.getByRole('checkbox');

package/package.json

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