@pingux/astro 2.34.0-alpha.0 → 2.34.0-alpha.2

package/lib/cjs/components/Calendar/Calendar.styles.js

@@ -37,6 +37,11 @@ var calendarButton = {
     backgroundColor: 'neutral.80',
     color: 'neutral.10',
     opacity: 1
+  },
+  '&.is-disabled': {
+    '&.is-hovered': {
+      backgroundColor: 'unset'
+    }
   }
 };
 var calendarCell = {

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

@@ -1,13 +1,19 @@
 "use strict";
 
+var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
+var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _EarthIcon = _interopRequireDefault(require("@pingux/mdi-react/EarthIcon"));
 var _react2 = require("@testing-library/react");
-var _testAxe = _interopRequireDefault(require("../../utils/testUtils/testAxe"));
+var _universalComponentTest = require("../../utils/testUtils/universalComponentTest");
 var _ = _interopRequireDefault(require("."));
 var _react3 = require("@emotion/react");
+function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { _Object$defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 var testId = 'test-icon';
 var defaultProps = {
   'data-testid': testId,
@@ -22,8 +28,26 @@ var getComponent = function getComponent() {
   return (0, _react2.render)((0, _react3.jsx)(_["default"], (0, _extends2["default"])({}, defaultProps, props)));
 };
 
-// Need to be added to each test file to test accessibility using axe.
-(0, _testAxe["default"])(getComponent);
+// The mdi-react and @pingux/mid-react libraries don't support ref forwarding
+// A simple implementation of an SVG component demonstrates ref forwarding
+var SVGTestComponent = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
+  return (0, _react3.jsx)("svg", (0, _extends2["default"])({
+    ref: ref
+  }, props, {
+    "aria-labelledby": "id"
+  }), (0, _react3.jsx)("title", {
+    id: "id"
+  }, "title"));
+});
+
+// Needs to be added to each components test file
+(0, _universalComponentTest.universalComponentTests)({
+  renderComponent: function renderComponent(props) {
+    return (0, _react3.jsx)(_["default"], (0, _extends2["default"])({
+      icon: SVGTestComponent
+    }, props));
+  }
+});
 test('default icon', function () {
   getComponent();
   var icon = _react2.screen.getByTestId(testId);

package/lib/components/Calendar/Calendar.styles.js

@@ -30,6 +30,11 @@ var calendarButton = {
     backgroundColor: 'neutral.80',
     color: 'neutral.10',
     opacity: 1
+  },
+  '&.is-disabled': {
+    '&.is-hovered': {
+      backgroundColor: 'unset'
+    }
   }
 };
 var calendarCell = {

package/lib/components/Icon/Icon.test.js

@@ -1,8 +1,8 @@
 import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
-import React from 'react';
+import React, { forwardRef } from 'react';
 import Earth from '@pingux/mdi-react/EarthIcon';
 import { render, screen } from '@testing-library/react';
-import axeTest from '../../utils/testUtils/testAxe';
+import { universalComponentTests } from '../../utils/testUtils/universalComponentTest';
 import Icon from '.';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 var testId = 'test-icon';
@@ -19,8 +19,26 @@ var getComponent = function getComponent() {
   return render(___EmotionJSX(Icon, _extends({}, defaultProps, props)));
 };
 
-// Need to be added to each test file to test accessibility using axe.
-axeTest(getComponent);
+// The mdi-react and @pingux/mid-react libraries don't support ref forwarding
+// A simple implementation of an SVG component demonstrates ref forwarding
+var SVGTestComponent = /*#__PURE__*/forwardRef(function (props, ref) {
+  return ___EmotionJSX("svg", _extends({
+    ref: ref
+  }, props, {
+    "aria-labelledby": "id"
+  }), ___EmotionJSX("title", {
+    id: "id"
+  }, "title"));
+});
+
+// Needs to be added to each components test file
+universalComponentTests({
+  renderComponent: function renderComponent(props) {
+    return ___EmotionJSX(Icon, _extends({
+      icon: SVGTestComponent
+    }, props));
+  }
+});
 test('default icon', function () {
   getComponent();
   var icon = screen.getByTestId(testId);

package/package.json

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