@pingux/astro 1.32.0-alpha.3 → 1.32.1-alpha.3

package/CHANGELOG.md

@@ -3,6 +3,23 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.32.0](https://gitlab.corp.pingidentity.com/ux/pingux/compare/@pingux/astro@1.31.1...@pingux/astro@1.32.0) (2022-10-19)
+
+
+### Bug Fixes
+
+* [UIP-5695] Fix height of editable input recipe for Firefox ([7b6a588](https://gitlab.corp.pingidentity.com/ux/pingux/commit/7b6a588838661877c72804aa16c721c3b333281b))
+* [UIP-5704] Add proper label text to neutral checkbox story ([3915140](https://gitlab.corp.pingidentity.com/ux/pingux/commit/391514030912e393830a9e9733ea102c902677d4))
+
+
+### Features
+
+* [UIP-5710] TimeZonePicker EA Improvements ([8185e2d](https://gitlab.corp.pingidentity.com/ux/pingux/commit/8185e2d656fe6d55933e50cb96586fe989cd1112))
+
+
+
+
+
 ## [1.31.1](https://gitlab.corp.pingidentity.com/ux/pingux/compare/@pingux/astro@1.31.0...@pingux/astro@1.31.1) (2022-10-13)
 
 

package/lib/cjs/components/ComboBoxField/ComboBoxField.js

@@ -34,6 +34,8 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/e
 
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
 
+var _from = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/array/from"));
+
 var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
@@ -142,18 +144,6 @@ var ComboBoxField = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   (0, _react.useImperativeHandle)(ref, function () {
     return inputRef.current;
   });
-  /* istanbul ignore next */
-
-  var onSelectionChangeHandler = function onSelectionChangeHandler(key) {
-    var newVal = key || selectedKey || '';
-
-    if (hasAddOption && selectedKey !== inputValue) {
-      newVal = inputValue;
-    }
-
-    if (onSelectionChange) onSelectionChange(newVal);
-  };
-
   var shouldShowAddOption = hasAddOption && inputValue && selectedKey !== inputValue;
   var addOption = "ADD: ".concat(inputValue);
 
@@ -172,6 +162,18 @@ var ComboBoxField = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
 
   var defaultItems = getItemsArr(initialDefaultItems);
   var items = getItemsArr(initialItems);
+  /* istanbul ignore next */
+
+  var onSelectionChangeHandler = function onSelectionChangeHandler(key) {
+    var newVal = key || selectedKey || '';
+    var arrayOfValues = (0, _from["default"])(items || defaultItems);
+
+    if (hasAddOption && selectedKey !== inputValue && arrayOfValues[arrayOfValues.length - 1].key === key) {
+      newVal = inputValue;
+    }
+
+    if (onSelectionChange) onSelectionChange(newVal);
+  };
 
   var _useFilter = (0, _i18n.useFilter)({
     sensitivity: 'base'
@@ -186,7 +188,7 @@ var ComboBoxField = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   }));
   (0, _react.useEffect)(function () {
     if (shouldShowAddOption) state.selectionManager.setFocusedKey(addOption);
-  }, [shouldShowAddOption, state, addOption]);
+  }, [shouldShowAddOption, inputValue, addOption, state.isOpen]);
 
   var _useComboBox = (0, _combobox.useComboBox)(_objectSpread(_objectSpread({}, comboBoxOptions), {}, {
     buttonRef: buttonRef,

package/lib/cjs/styles/variants/stepper.js

@@ -83,7 +83,7 @@ var stepBase = {
 };
 var step = {
   active: _objectSpread({
-    backgroundColor: 'accent.95',
+    backgroundColor: 'accent.99',
     borderColor: 'active',
     color: 'active'
   }, stepBase),

package/lib/components/ComboBoxField/ComboBoxField.js

@@ -9,6 +9,7 @@ import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
 import _Object$values from "@babel/runtime-corejs3/core-js-stable/object/values";
 import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
 import _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
+import _Array$from from "@babel/runtime-corejs3/core-js-stable/array/from";
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
 import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
@@ -94,18 +95,6 @@ var ComboBoxField = /*#__PURE__*/forwardRef(function (props, ref) {
   useImperativeHandle(ref, function () {
     return inputRef.current;
   });
-  /* istanbul ignore next */
-
-  var onSelectionChangeHandler = function onSelectionChangeHandler(key) {
-    var newVal = key || selectedKey || '';
-
-    if (hasAddOption && selectedKey !== inputValue) {
-      newVal = inputValue;
-    }
-
-    if (onSelectionChange) onSelectionChange(newVal);
-  };
-
   var shouldShowAddOption = hasAddOption && inputValue && selectedKey !== inputValue;
   var addOption = "ADD: ".concat(inputValue);
 
@@ -124,6 +113,19 @@ var ComboBoxField = /*#__PURE__*/forwardRef(function (props, ref) {
 
   var defaultItems = getItemsArr(initialDefaultItems);
   var items = getItemsArr(initialItems);
+  /* istanbul ignore next */
+
+  var onSelectionChangeHandler = function onSelectionChangeHandler(key) {
+    var newVal = key || selectedKey || '';
+
+    var arrayOfValues = _Array$from(items || defaultItems);
+
+    if (hasAddOption && selectedKey !== inputValue && arrayOfValues[arrayOfValues.length - 1].key === key) {
+      newVal = inputValue;
+    }
+
+    if (onSelectionChange) onSelectionChange(newVal);
+  };
 
   var _useFilter = useFilter({
     sensitivity: 'base'
@@ -138,7 +140,7 @@ var ComboBoxField = /*#__PURE__*/forwardRef(function (props, ref) {
   }));
   useEffect(function () {
     if (shouldShowAddOption) state.selectionManager.setFocusedKey(addOption);
-  }, [shouldShowAddOption, state, addOption]);
+  }, [shouldShowAddOption, inputValue, addOption, state.isOpen]);
 
   var _useComboBox = useComboBox(_objectSpread(_objectSpread({}, comboBoxOptions), {}, {
     buttonRef: buttonRef,

package/lib/styles/variants/stepper.js

@@ -65,7 +65,7 @@ var stepBase = {
 };
 var step = {
   active: _objectSpread({
-    backgroundColor: 'accent.95',
+    backgroundColor: 'accent.99',
     borderColor: 'active',
     color: 'active'
   }, stepBase),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pingux/astro",
-  "version": "1.32.0-alpha.3",
+  "version": "1.32.1-alpha.3",
   "description": "PingUX themeable React component library",
   "repository": {
     "type": "git",