@pingux/astro 1.39.2-alpha.2 → 1.39.3-alpha.0

package/CHANGELOG.md

@@ -3,6 +3,18 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.39.2](https://gitlab.corp.pingidentity.com/ux/pingux/compare/@pingux/astro@1.39.1...@pingux/astro@1.39.2) (2023-01-12)
+
+
+### Bug Fixes
+
+* [UIP-5939] AccordionGridGroup with inputs keyboard navigation ([a5d41cb](https://gitlab.corp.pingidentity.com/ux/pingux/commit/a5d41cb6265ce20c3bd89303d23c9763ade6a4be))
+* [UIP-5952] CopyText correct icon color ([7f6731a](https://gitlab.corp.pingidentity.com/ux/pingux/commit/7f6731a6131761c24d2446575248b61c3da34229))
+
+
+
+
+
 ## [1.39.1](https://gitlab.corp.pingidentity.com/ux/pingux/compare/@pingux/astro@1.39.0...@pingux/astro@1.39.1) (2023-01-10)
 
 

package/lib/cjs/components/Chip/Badge.js

@@ -28,6 +28,8 @@ _Object$defineProperty(exports, "__esModule", {
 
 exports["default"] = void 0;
 
+var _includes = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/includes"));
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
@@ -48,7 +50,7 @@ var colors = _interopRequireWildcard(require("../../styles/colors"));
 
 var _react2 = require("@emotion/react");
 
-var _excluded = ["align", "bg", "children", "isUppercase", "label", "sx", "slots", "textColor", "textProps"];
+var _excluded = ["align", "bg", "children", "isUppercase", "label", "sx", "slots", "textColor", "textProps", "variant"];
 
 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); }
 
@@ -73,6 +75,7 @@ var Badge = /*#__PURE__*/_react["default"].forwardRef(function (props, ref) {
       slots = props.slots,
       textColor = props.textColor,
       textProps = props.textProps,
+      variant = props.variant,
       others = (0, _objectWithoutProperties2["default"])(props, _excluded);
 
   var badgeSx = _objectSpread(_objectSpread(_objectSpread({}, isUppercase && {
@@ -88,16 +91,21 @@ var Badge = /*#__PURE__*/_react["default"].forwardRef(function (props, ref) {
     ref: ref,
     textColor: textColor,
     sx: badgeSx
-  }, others);
+  }, others); // The following is to correct a visual regression released in 1.39.0 https://jira.pingidentity.com/browse/UIP-5907.
+  // TODO : Remove in Astro V2 with theme remapping roll out.
+
 
+  var oldVariantPaths = ['boxes.countChip', 'boxes.countNeutral', 'boxes.itemChipWithSlot', 'collapsiblePanel.collapsiblePanelBadge', 'boxes.environmentChip', 'boxes.readOnlyChip', 'boxes.selectedItemChip'];
+  var fixedVariant = (0, _includes["default"])(oldVariantPaths).call(oldVariantPaths, props.variant) ? "variants.".concat(props.variant) : props.variant;
   return (0, _react2.jsx)(_BadgeContext.BadgeContext.Provider, {
     value: {
       bg: bg
     }
   }, (0, _react2.jsx)(_themeUi.Badge, (0, _extends2["default"])({
-    isRow: true,
-    variant: "variants.boxes.chip"
-  }, badgeProps), (slots === null || slots === void 0 ? void 0 : slots.leftIcon) && (0, _react2.jsx)(_.Box, {
+    isRow: true
+  }, badgeProps, {
+    variant: props.variant ? fixedVariant : 'variants.boxes.chip'
+  }), (slots === null || slots === void 0 ? void 0 : slots.leftIcon) && (0, _react2.jsx)(_.Box, {
     mr: "xs"
   }, slots.leftIcon), (0, _react2.jsx)(_.Text, (0, _extends2["default"])({
     variant: "label",
@@ -135,7 +143,10 @@ Badge.propTypes = {
   align: _propTypes["default"].oneOf(['top', 'right', 'bottom', 'left']),
 
   /** JSX styling that is passed into the component. */
-  sx: _propTypes["default"].shape({})
+  sx: _propTypes["default"].shape({}),
+
+  /** The variant of the badge */
+  variant: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].object])
 };
 Badge.defaultProps = {
   textColor: 'white',

package/lib/cjs/components/Chip/Badge.test.js

@@ -36,9 +36,9 @@ var getComponent = function getComponent() {
 test('renders Chip component', function () {
   getComponent();
 
-  var separator = _react2.screen.getByTestId(testId);
+  var chip = _react2.screen.getByTestId(testId);
 
-  expect(separator).toBeInTheDocument();
+  expect(chip).toBeInTheDocument();
 });
 test('renders children within Chip component', function () {
   var children = (0, _react3.jsx)(_Button["default"], null);

package/lib/components/Chip/Badge.js

@@ -9,7 +9,8 @@ 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 = ["align", "bg", "children", "isUppercase", "label", "sx", "slots", "textColor", "textProps"];
+var _excluded = ["align", "bg", "children", "isUppercase", "label", "sx", "slots", "textColor", "textProps", "variant"];
+import _includesInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/includes";
 
 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; }
 
@@ -38,6 +39,7 @@ var Badge = /*#__PURE__*/React.forwardRef(function (props, ref) {
       slots = props.slots,
       textColor = props.textColor,
       textProps = props.textProps,
+      variant = props.variant,
       others = _objectWithoutProperties(props, _excluded);
 
   var badgeSx = _objectSpread(_objectSpread(_objectSpread({}, isUppercase && {
@@ -53,16 +55,21 @@ var Badge = /*#__PURE__*/React.forwardRef(function (props, ref) {
     ref: ref,
     textColor: textColor,
     sx: badgeSx
-  }, others);
+  }, others); // The following is to correct a visual regression released in 1.39.0 https://jira.pingidentity.com/browse/UIP-5907.
+  // TODO : Remove in Astro V2 with theme remapping roll out.
 
+
+  var oldVariantPaths = ['boxes.countChip', 'boxes.countNeutral', 'boxes.itemChipWithSlot', 'collapsiblePanel.collapsiblePanelBadge', 'boxes.environmentChip', 'boxes.readOnlyChip', 'boxes.selectedItemChip'];
+  var fixedVariant = _includesInstanceProperty(oldVariantPaths).call(oldVariantPaths, props.variant) ? "variants.".concat(props.variant) : props.variant;
   return ___EmotionJSX(BadgeContext.Provider, {
     value: {
       bg: bg
     }
   }, ___EmotionJSX(ThemeUIBadge, _extends({
-    isRow: true,
-    variant: "variants.boxes.chip"
-  }, badgeProps), (slots === null || slots === void 0 ? void 0 : slots.leftIcon) && ___EmotionJSX(Box, {
+    isRow: true
+  }, badgeProps, {
+    variant: props.variant ? fixedVariant : 'variants.boxes.chip'
+  }), (slots === null || slots === void 0 ? void 0 : slots.leftIcon) && ___EmotionJSX(Box, {
     mr: "xs"
   }, slots.leftIcon), ___EmotionJSX(Text, _extends({
     variant: "label",
@@ -99,7 +106,10 @@ Badge.propTypes = {
   align: PropTypes.oneOf(['top', 'right', 'bottom', 'left']),
 
   /** JSX styling that is passed into the component. */
-  sx: PropTypes.shape({})
+  sx: PropTypes.shape({}),
+
+  /** The variant of the badge */
+  variant: PropTypes.oneOfType([PropTypes.string, PropTypes.object])
 };
 Badge.defaultProps = {
   textColor: 'white',

package/lib/components/Chip/Badge.test.js

@@ -22,8 +22,8 @@ var getComponent = function getComponent() {
 axeTest(getComponent);
 test('renders Chip component', function () {
   getComponent();
-  var separator = screen.getByTestId(testId);
-  expect(separator).toBeInTheDocument();
+  var chip = screen.getByTestId(testId);
+  expect(chip).toBeInTheDocument();
 });
 test('renders children within Chip component', function () {
   var children = ___EmotionJSX(Button, null);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pingux/astro",
-  "version": "1.39.2-alpha.2",
+  "version": "1.39.3-alpha.0",
   "description": "PingUX themeable React component library",
   "repository": {
     "type": "git",