@pingux/astro 2.57.0-alpha.6 → 2.57.0-alpha.7

package/lib/cjs/components/MultivaluesField/MultivaluesField.js

@@ -255,17 +255,17 @@ var MultivaluesField = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref)
               selectionManager.toggleSelection(selectionManager.focusedKey);
               setFilterString('');
             }
-          } else if (hasCustomValue && filteredItems.length === 1) {
-            selectTheOnlyFilteredItem();
-          } else if (!hasCustomValue) {
-            setFilterString('');
-            close();
-          } else if (hasCustomValue) {
+          } else if (hasCustomValue && !selectionManager.focusedKey) {
             var _key = e.target.value;
             if (_key === '') {
               return;
             }
             addNewBadgeFromInput(e.target.value);
+          } else if (hasCustomValue && filteredItems.length === 1) {
+            selectTheOnlyFilteredItem();
+          } else if (!hasCustomValue) {
+            setFilterString('');
+            close();
           }
           break;
         }

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

@@ -703,6 +703,36 @@ test('should clear the input text onBlur and enter when a single filter result i
   });
   expect(input).toHaveValue('');
 });
+test('in non-restrictive mode the partial string values should be accepted', function () {
+  var itemsWithDuplicatePartialString = [{
+    id: 1,
+    name: 'echo:read',
+    key: 'echo:read'
+  }, {
+    id: 2,
+    name: 'echo:write',
+    key: 'echo:write'
+  }, {
+    id: 3,
+    name: 'echo:delete',
+    key: 'echo:delete'
+  }];
+  getComponent({
+    mode: 'non-restrictive',
+    items: itemsWithDuplicatePartialString
+  });
+  var input = _testWrapper.screen.getByRole('combobox');
+  expect(input).toHaveValue('');
+  var value = 'echo:r';
+  _userEvent["default"].type(input, value);
+  _userEvent["default"].type(input, '{enter}');
+  expect(input).toHaveValue('');
+  expect(_testWrapper.screen.queryByText(value)).toBeInTheDocument();
+  _userEvent["default"].type(input, value);
+  _userEvent["default"].type(input, '{enter}');
+  expect(input).not.toHaveValue('');
+  expect(input).toHaveValue(value);
+});
 
 // Needs to be added to each components test file
 (0, _universalComponentTest.universalComponentTests)({

package/lib/components/MultivaluesField/MultivaluesField.js

@@ -243,17 +243,17 @@ var MultivaluesField = /*#__PURE__*/forwardRef(function (props, ref) {
               selectionManager.toggleSelection(selectionManager.focusedKey);
               setFilterString('');
             }
-          } else if (hasCustomValue && filteredItems.length === 1) {
-            selectTheOnlyFilteredItem();
-          } else if (!hasCustomValue) {
-            setFilterString('');
-            close();
-          } else if (hasCustomValue) {
+          } else if (hasCustomValue && !selectionManager.focusedKey) {
             var _key = e.target.value;
             if (_key === '') {
               return;
             }
             addNewBadgeFromInput(e.target.value);
+          } else if (hasCustomValue && filteredItems.length === 1) {
+            selectTheOnlyFilteredItem();
+          } else if (!hasCustomValue) {
+            setFilterString('');
+            close();
           }
           break;
         }

package/lib/components/MultivaluesField/MultivaluesField.test.js

@@ -700,6 +700,36 @@ test('should clear the input text onBlur and enter when a single filter result i
   });
   expect(input).toHaveValue('');
 });
+test('in non-restrictive mode the partial string values should be accepted', function () {
+  var itemsWithDuplicatePartialString = [{
+    id: 1,
+    name: 'echo:read',
+    key: 'echo:read'
+  }, {
+    id: 2,
+    name: 'echo:write',
+    key: 'echo:write'
+  }, {
+    id: 3,
+    name: 'echo:delete',
+    key: 'echo:delete'
+  }];
+  getComponent({
+    mode: 'non-restrictive',
+    items: itemsWithDuplicatePartialString
+  });
+  var input = screen.getByRole('combobox');
+  expect(input).toHaveValue('');
+  var value = 'echo:r';
+  userEvent.type(input, value);
+  userEvent.type(input, '{enter}');
+  expect(input).toHaveValue('');
+  expect(screen.queryByText(value)).toBeInTheDocument();
+  userEvent.type(input, value);
+  userEvent.type(input, '{enter}');
+  expect(input).not.toHaveValue('');
+  expect(input).toHaveValue(value);
+});
 
 // Needs to be added to each components test file
 universalComponentTests({

package/package.json

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