@pingux/astro 2.123.0 → 2.123.1-alpha.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/lib/cjs/components/MultivaluesField/DefaultMultivaluesField.js +30 -14
  2. package/lib/cjs/components/MultivaluesField/MultivaluesField.test.js +28 -0
  3. package/lib/components/MultivaluesField/DefaultMultivaluesField.js +30 -14
  4. package/lib/components/MultivaluesField/MultivaluesField.test.js +28 -0
  5. package/package.json +1 -1
package/lib/cjs/components/MultivaluesField/DefaultMultivaluesField.js CHANGED
@@ -52,9 +52,9 @@ var _excluded = ["items"],
52
52
  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); }
53
53
  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; }
54
54
  function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty2(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
55
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context11, _context12; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context11 = ownKeys(Object(source), !0)).call(_context11, function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context12 = ownKeys(Object(source))).call(_context12, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
55
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context13, _context14; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context13 = ownKeys(Object(source), !0)).call(_context13, function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context14 = ownKeys(Object(source))).call(_context14, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
56
56
  var DefaultMultivaluesField = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
57
- var _context8, _listBoxRef$current2;
57
+ var _context10, _listBoxRef$current2;
58
58
  var initialItems = props.items,
59
59
  otherProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
60
60
  var defaultSelectedKeys = otherProps.defaultSelectedKeys,
@@ -207,17 +207,33 @@ var DefaultMultivaluesField = /*#__PURE__*/(0, _react.forwardRef)(function (prop
207
207
  minWidth: menuWidth
208
208
  });
209
209
  (0, _react.useEffect)(function () {
210
- if (defaultSelectedKeys) selectionManager.setSelectedKeys(defaultSelectedKeys);
210
+ if (defaultSelectedKeys) {
211
+ selectionManager.setSelectedKeys(defaultSelectedKeys);
212
+ setItems(function (prevItems) {
213
+ return (0, _filter["default"])(prevItems).call(prevItems, function (item) {
214
+ var _context3;
215
+ return !(0, _includes["default"])(_context3 = (0, _from["default"])(defaultSelectedKeys)).call(_context3, item.key);
216
+ });
217
+ });
218
+ }
211
219
  }, []);
212
220
  (0, _react.useEffect)(function () {
213
- if (selectedKeys) selectionManager.setSelectedKeys(selectedKeys);
221
+ if (selectedKeys) {
222
+ selectionManager.setSelectedKeys(selectedKeys);
223
+ setItems(function (prevItems) {
224
+ return (0, _filter["default"])(prevItems).call(prevItems, function (item) {
225
+ var _context4;
226
+ return !(0, _includes["default"])(_context4 = (0, _from["default"])(selectedKeys)).call(_context4, item.key);
227
+ });
228
+ });
229
+ }
214
230
  }, []);
215
231
  (0, _react.useEffect)(function () {
216
232
  if (onOpenChange) onOpenChange(isOpen);
217
233
  if (!isOpen) setActiveDescendant('');
218
234
  }, [isOpen]);
219
235
  var addNewBadgeFromInput = function addNewBadgeFromInput(inputValue) {
220
- var _context3, _context4;
236
+ var _context5, _context6;
221
237
  var key = (0, _trim["default"])(inputValue).call(inputValue);
222
238
  if (key === '') {
223
239
  return;
@@ -225,8 +241,8 @@ var DefaultMultivaluesField = /*#__PURE__*/(0, _react.forwardRef)(function (prop
225
241
  if (state.selectionManager.isSelected(key)) {
226
242
  return;
227
243
  }
228
- selectionManager.setSelectedKeys((0, _concat["default"])(_context3 = []).call(_context3, (0, _from["default"])(selectionManager.state.selectedKeys), [key]));
229
- setCustomItems((0, _concat["default"])(_context4 = []).call(_context4, customItems, [{
244
+ selectionManager.setSelectedKeys((0, _concat["default"])(_context5 = []).call(_context5, (0, _from["default"])(selectionManager.state.selectedKeys), [key]));
245
+ setCustomItems((0, _concat["default"])(_context6 = []).call(_context6, customItems, [{
230
246
  id: key,
231
247
  key: key,
232
248
  name: key
@@ -304,8 +320,8 @@ var DefaultMultivaluesField = /*#__PURE__*/(0, _react.forwardRef)(function (prop
304
320
  if (onKeyDown) onKeyDown(e.nativeEvent);
305
321
  };
306
322
  var deleteItem = function deleteItem(key, e) {
307
- var _context5;
308
- var activeBadgesKeys = (0, _reduce["default"])(_context5 = closeBadgeRefs.current).call(_context5, function (result, item) {
323
+ var _context7;
324
+ var activeBadgesKeys = (0, _reduce["default"])(_context7 = closeBadgeRefs.current).call(_context7, function (result, item) {
309
325
  if (item) {
310
326
  result.push(item.dataset.item);
311
327
  }
@@ -340,8 +356,8 @@ var DefaultMultivaluesField = /*#__PURE__*/(0, _react.forwardRef)(function (prop
340
356
  }, name);
341
357
  };
342
358
  var readOnlyInputEntry = isReadOnly && (readOnlyKeys.length ? (0, _map["default"])(readOnlyKeys).call(readOnlyKeys, function (key) {
343
- var _context6, _context7;
344
- var item = (0, _find["default"])(_context6 = (0, _concat["default"])(_context7 = []).call(_context7, initialItems, customItems)).call(_context6, function (el) {
359
+ var _context8, _context9;
360
+ var item = (0, _find["default"])(_context8 = (0, _concat["default"])(_context9 = []).call(_context9, initialItems, customItems)).call(_context8, function (el) {
345
361
  return el.key === key;
346
362
  });
347
363
  if (item) {
@@ -405,9 +421,9 @@ var DefaultMultivaluesField = /*#__PURE__*/(0, _react.forwardRef)(function (prop
405
421
  }
406
422
  }))));
407
423
  };
408
- var selectedItems = (0, _react2.jsx)(_react["default"].Fragment, null, (0, _map["default"])(_context8 = (0, _from["default"])(selectionManager.selectedKeys)).call(_context8, function (key, i) {
409
- var _context9, _context10;
410
- var item = (0, _find["default"])(_context9 = (0, _concat["default"])(_context10 = []).call(_context10, initialItems, customItems)).call(_context9, function (el) {
424
+ var selectedItems = (0, _react2.jsx)(_react["default"].Fragment, null, (0, _map["default"])(_context10 = (0, _from["default"])(selectionManager.selectedKeys)).call(_context10, function (key, i) {
425
+ var _context11, _context12;
426
+ var item = (0, _find["default"])(_context11 = (0, _concat["default"])(_context12 = []).call(_context12, initialItems, customItems)).call(_context11, function (el) {
411
427
  return el.key === key;
412
428
  });
413
429
  if (item) {
package/lib/cjs/components/MultivaluesField/MultivaluesField.test.js CHANGED
@@ -682,6 +682,20 @@ test('default selected keys', function () {
682
682
  var secondBadge = _testWrapper.screen.getByText(items[2].name);
683
683
  expect(secondBadge).toBeInTheDocument();
684
684
  });
685
+ test('default selected keys are removed from the list', function () {
686
+ getComponent({
687
+ defaultSelectedKeys: [items[1].key, items[2].key]
688
+ });
689
+ var input = _testWrapper.screen.getByRole('combobox');
690
+ _userEvent["default"].click(input);
691
+ var listbox = _testWrapper.screen.queryByRole('listbox');
692
+ _userEvent["default"].type(listbox, '{arrowdown}', {
693
+ skipClick: true
694
+ });
695
+ var options = (0, _testWrapper.within)(listbox).getAllByRole('option');
696
+ expect(options.length).toBe(1);
697
+ expect((0, _testWrapper.within)(options[0]).getByText(items[0].key)).toBeInTheDocument();
698
+ });
685
699
  test('selected keys', function () {
686
700
  getComponent({
687
701
  selectedKeys: [items[1].key, items[2].key]
@@ -693,6 +707,20 @@ test('selected keys', function () {
693
707
  var secondBadge = _testWrapper.screen.getByText(items[2].name);
694
708
  expect(secondBadge).toBeInTheDocument();
695
709
  });
710
+ test('selected keys are removed from the list', function () {
711
+ getComponent({
712
+ selectedKeys: [items[1].key, items[2].key]
713
+ });
714
+ var input = _testWrapper.screen.getByRole('combobox');
715
+ _userEvent["default"].click(input);
716
+ var listbox = _testWrapper.screen.queryByRole('listbox');
717
+ _userEvent["default"].type(listbox, '{arrowdown}', {
718
+ skipClick: true
719
+ });
720
+ var options = (0, _testWrapper.within)(listbox).getAllByRole('option');
721
+ expect(options.length).toBe(1);
722
+ expect((0, _testWrapper.within)(options[0]).getByText(items[0].key)).toBeInTheDocument();
723
+ });
696
724
  test('read only keys', function () {
697
725
  getComponent({
698
726
  readOnlyKeys: [items[1].key, items[2].key]
package/lib/components/MultivaluesField/DefaultMultivaluesField.js CHANGED
@@ -12,7 +12,7 @@ import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectW
12
12
  var _excluded = ["items"],
13
13
  _excluded2 = ["defaultSelectedKeys", "direction", "disabledKeys", "containerProps", "hasAutoFocus", "hasNoStatusIndicator", "helperText", "inputProps", "isDisabled", "isNotFlippable", "isReadOnly", "isRequired", "label", "loadingState", "mode", "onBlur", "onFocus", "onInputChange", "onKeyDown", "onKeyUp", "onLoadMore", "onLoadPrev", "onOpenChange", "onSelectionChange", "placeholder", "readOnlyKeys", "selectedKeys", "scrollBoxProps", "status"];
14
14
  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; }
15
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context11, _context12; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context11 = ownKeys(Object(source), !0)).call(_context11, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context12 = ownKeys(Object(source))).call(_context12, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
15
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context13, _context14; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context13 = ownKeys(Object(source), !0)).call(_context13, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context14 = ownKeys(Object(source))).call(_context14, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
16
16
  import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
17
17
  import _includesInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/includes";
18
18
  import _Array$from from "@babel/runtime-corejs3/core-js-stable/array/from";
@@ -42,7 +42,7 @@ import { statusDefaultProp, statusPropTypes } from '../../utils/docUtils/statusP
42
42
  import ListBox from '../ListBox';
43
43
  import { jsx as ___EmotionJSX } from "@emotion/react";
44
44
  var DefaultMultivaluesField = /*#__PURE__*/forwardRef(function (props, ref) {
45
- var _context8, _listBoxRef$current2;
45
+ var _context10, _listBoxRef$current2;
46
46
  var initialItems = props.items,
47
47
  otherProps = _objectWithoutProperties(props, _excluded);
48
48
  var defaultSelectedKeys = otherProps.defaultSelectedKeys,
@@ -195,17 +195,33 @@ var DefaultMultivaluesField = /*#__PURE__*/forwardRef(function (props, ref) {
195
195
  minWidth: menuWidth
196
196
  });
197
197
  useEffect(function () {
198
- if (defaultSelectedKeys) selectionManager.setSelectedKeys(defaultSelectedKeys);
198
+ if (defaultSelectedKeys) {
199
+ selectionManager.setSelectedKeys(defaultSelectedKeys);
200
+ setItems(function (prevItems) {
201
+ return _filterInstanceProperty(prevItems).call(prevItems, function (item) {
202
+ var _context3;
203
+ return !_includesInstanceProperty(_context3 = _Array$from(defaultSelectedKeys)).call(_context3, item.key);
204
+ });
205
+ });
206
+ }
199
207
  }, []);
200
208
  useEffect(function () {
201
- if (selectedKeys) selectionManager.setSelectedKeys(selectedKeys);
209
+ if (selectedKeys) {
210
+ selectionManager.setSelectedKeys(selectedKeys);
211
+ setItems(function (prevItems) {
212
+ return _filterInstanceProperty(prevItems).call(prevItems, function (item) {
213
+ var _context4;
214
+ return !_includesInstanceProperty(_context4 = _Array$from(selectedKeys)).call(_context4, item.key);
215
+ });
216
+ });
217
+ }
202
218
  }, []);
203
219
  useEffect(function () {
204
220
  if (onOpenChange) onOpenChange(isOpen);
205
221
  if (!isOpen) setActiveDescendant('');
206
222
  }, [isOpen]);
207
223
  var addNewBadgeFromInput = function addNewBadgeFromInput(inputValue) {
208
- var _context3, _context4;
224
+ var _context5, _context6;
209
225
  var key = _trimInstanceProperty(inputValue).call(inputValue);
210
226
  if (key === '') {
211
227
  return;
@@ -213,8 +229,8 @@ var DefaultMultivaluesField = /*#__PURE__*/forwardRef(function (props, ref) {
213
229
  if (state.selectionManager.isSelected(key)) {
214
230
  return;
215
231
  }
216
- selectionManager.setSelectedKeys(_concatInstanceProperty(_context3 = []).call(_context3, _Array$from(selectionManager.state.selectedKeys), [key]));
217
- setCustomItems(_concatInstanceProperty(_context4 = []).call(_context4, customItems, [{
232
+ selectionManager.setSelectedKeys(_concatInstanceProperty(_context5 = []).call(_context5, _Array$from(selectionManager.state.selectedKeys), [key]));
233
+ setCustomItems(_concatInstanceProperty(_context6 = []).call(_context6, customItems, [{
218
234
  id: key,
219
235
  key: key,
220
236
  name: key
@@ -292,8 +308,8 @@ var DefaultMultivaluesField = /*#__PURE__*/forwardRef(function (props, ref) {
292
308
  if (onKeyDown) onKeyDown(e.nativeEvent);
293
309
  };
294
310
  var deleteItem = function deleteItem(key, e) {
295
- var _context5;
296
- var activeBadgesKeys = _reduceInstanceProperty(_context5 = closeBadgeRefs.current).call(_context5, function (result, item) {
311
+ var _context7;
312
+ var activeBadgesKeys = _reduceInstanceProperty(_context7 = closeBadgeRefs.current).call(_context7, function (result, item) {
297
313
  if (item) {
298
314
  result.push(item.dataset.item);
299
315
  }
@@ -328,8 +344,8 @@ var DefaultMultivaluesField = /*#__PURE__*/forwardRef(function (props, ref) {
328
344
  }, name);
329
345
  };
330
346
  var readOnlyInputEntry = isReadOnly && (readOnlyKeys.length ? _mapInstanceProperty(readOnlyKeys).call(readOnlyKeys, function (key) {
331
- var _context6, _context7;
332
- var item = _findInstanceProperty(_context6 = _concatInstanceProperty(_context7 = []).call(_context7, initialItems, customItems)).call(_context6, function (el) {
347
+ var _context8, _context9;
348
+ var item = _findInstanceProperty(_context8 = _concatInstanceProperty(_context9 = []).call(_context9, initialItems, customItems)).call(_context8, function (el) {
333
349
  return el.key === key;
334
350
  });
335
351
  if (item) {
@@ -393,9 +409,9 @@ var DefaultMultivaluesField = /*#__PURE__*/forwardRef(function (props, ref) {
393
409
  }
394
410
  }))));
395
411
  };
396
- var selectedItems = ___EmotionJSX(React.Fragment, null, _mapInstanceProperty(_context8 = _Array$from(selectionManager.selectedKeys)).call(_context8, function (key, i) {
397
- var _context9, _context10;
398
- var item = _findInstanceProperty(_context9 = _concatInstanceProperty(_context10 = []).call(_context10, initialItems, customItems)).call(_context9, function (el) {
412
+ var selectedItems = ___EmotionJSX(React.Fragment, null, _mapInstanceProperty(_context10 = _Array$from(selectionManager.selectedKeys)).call(_context10, function (key, i) {
413
+ var _context11, _context12;
414
+ var item = _findInstanceProperty(_context11 = _concatInstanceProperty(_context12 = []).call(_context12, initialItems, customItems)).call(_context11, function (el) {
399
415
  return el.key === key;
400
416
  });
401
417
  if (item) {
package/lib/components/MultivaluesField/MultivaluesField.test.js CHANGED
@@ -675,6 +675,20 @@ test('default selected keys', function () {
675
675
  var secondBadge = screen.getByText(items[2].name);
676
676
  expect(secondBadge).toBeInTheDocument();
677
677
  });
678
+ test('default selected keys are removed from the list', function () {
679
+ getComponent({
680
+ defaultSelectedKeys: [items[1].key, items[2].key]
681
+ });
682
+ var input = screen.getByRole('combobox');
683
+ userEvent.click(input);
684
+ var listbox = screen.queryByRole('listbox');
685
+ userEvent.type(listbox, '{arrowdown}', {
686
+ skipClick: true
687
+ });
688
+ var options = within(listbox).getAllByRole('option');
689
+ expect(options.length).toBe(1);
690
+ expect(within(options[0]).getByText(items[0].key)).toBeInTheDocument();
691
+ });
678
692
  test('selected keys', function () {
679
693
  getComponent({
680
694
  selectedKeys: [items[1].key, items[2].key]
@@ -686,6 +700,20 @@ test('selected keys', function () {
686
700
  var secondBadge = screen.getByText(items[2].name);
687
701
  expect(secondBadge).toBeInTheDocument();
688
702
  });
703
+ test('selected keys are removed from the list', function () {
704
+ getComponent({
705
+ selectedKeys: [items[1].key, items[2].key]
706
+ });
707
+ var input = screen.getByRole('combobox');
708
+ userEvent.click(input);
709
+ var listbox = screen.queryByRole('listbox');
710
+ userEvent.type(listbox, '{arrowdown}', {
711
+ skipClick: true
712
+ });
713
+ var options = within(listbox).getAllByRole('option');
714
+ expect(options.length).toBe(1);
715
+ expect(within(options[0]).getByText(items[0].key)).toBeInTheDocument();
716
+ });
689
717
  test('read only keys', function () {
690
718
  getComponent({
691
719
  readOnlyKeys: [items[1].key, items[2].key]
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pingux/astro",
3
- "version": "2.123.0",
3
+ "version": "2.123.1-alpha.0",
4
4
  "description": "React component library for Ping Identity's design system",
5
5
  "repository": {
6
6
  "type": "git",