@pingux/astro 2.15.0-alpha.0 → 2.15.0-alpha.3

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

@@ -49,9 +49,9 @@ var _excluded = ["defaultSelectedKeys", "direction", "disabledKeys", "containerP
 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; }
 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; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context12, _context13; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context12 = ownKeys(Object(source), !0)).call(_context12, function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context13 = ownKeys(Object(source))).call(_context13, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
+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; }
 var MultivaluesField = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-  var _context8, _context11, _listBoxRef$current;
+  var _context8, _listBoxRef$current;
   var defaultSelectedKeys = props.defaultSelectedKeys,
     direction = props.direction,
     _props$disabledKeys = props.disabledKeys,
@@ -337,21 +337,20 @@ var MultivaluesField = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref)
       return el.key === key;
     });
     if (item) {
-      return (0, _react2.jsx)(_.Box, {
-        as: "li",
-        key: "li ".concat(item.key)
-      }, (0, _react2.jsx)(_.Badge, {
+      return (0, _react2.jsx)(_.Badge, {
         key: item.key,
-        role: "presentation",
         label: item.name,
         variant: "readOnlyBadge",
         bg: "white",
         textProps: {
           sx: {
-            color: 'text.primary'
+            color: 'text.primary',
+            tabIndex: '-1'
           }
-        }
-      }));
+        },
+        as: "li",
+        tabIndex: 0
+      });
     }
     return null;
   });
@@ -411,7 +410,7 @@ var MultivaluesField = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref)
   }));
   var visuallyHidden = (0, _react2.jsx)(_visuallyHidden.VisuallyHidden, {
     id: "selectedKeysState"
-  }, "Selected options:", (0, _concat["default"])(_context11 = []).call(_context11, selectionManager.selectedKeys).join(' '));
+  }, "Selected options:", (0, _from["default"])(selectionManager.selectedKeys).join(' '));
 
   // the reason we are using two different visually hiddens, rather than one that updates it's value
   // is because there are tests that break if an empty visually hidden is rendered in the TextField

package/lib/components/MultivaluesField/MultivaluesField.js

@@ -11,7 +11,7 @@ import _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
 var _excluded = ["defaultSelectedKeys", "direction", "disabledKeys", "containerProps", "hasAutoFocus", "hasNoStatusIndicator", "helperText", "inputProps", "isDisabled", "isNotFlippable", "isReadOnly", "isRequired", "items", "label", "mode", "onBlur", "onFocus", "onInputChange", "onKeyDown", "onKeyUp", "onOpenChange", "onSelectionChange", "placeholder", "readOnlyKeys", "selectedKeys", "scrollBoxProps", "status"];
 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; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context12, _context13; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context12 = ownKeys(Object(source), !0)).call(_context12, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context13 = ownKeys(Object(source))).call(_context13, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
+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; }
 import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
 import _includesInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/includes";
 import _Array$from from "@babel/runtime-corejs3/core-js-stable/array/from";
@@ -39,7 +39,7 @@ import { statusDefaultProp, statusPropTypes } from '../../utils/docUtils/statusP
 import ListBox from '../ListBox';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 var MultivaluesField = /*#__PURE__*/forwardRef(function (props, ref) {
-  var _context8, _context11, _listBoxRef$current;
+  var _context8, _listBoxRef$current;
   var defaultSelectedKeys = props.defaultSelectedKeys,
     direction = props.direction,
     _props$disabledKeys = props.disabledKeys,
@@ -325,21 +325,20 @@ var MultivaluesField = /*#__PURE__*/forwardRef(function (props, ref) {
       return el.key === key;
     });
     if (item) {
-      return ___EmotionJSX(Box, {
-        as: "li",
-        key: "li ".concat(item.key)
-      }, ___EmotionJSX(Badge, {
+      return ___EmotionJSX(Badge, {
         key: item.key,
-        role: "presentation",
         label: item.name,
         variant: "readOnlyBadge",
         bg: "white",
         textProps: {
           sx: {
-            color: 'text.primary'
+            color: 'text.primary',
+            tabIndex: '-1'
           }
-        }
-      }));
+        },
+        as: "li",
+        tabIndex: 0
+      });
     }
     return null;
   });
@@ -399,7 +398,7 @@ var MultivaluesField = /*#__PURE__*/forwardRef(function (props, ref) {
   }));
   var visuallyHidden = ___EmotionJSX(VisuallyHidden, {
     id: "selectedKeysState"
-  }, "Selected options:", _concatInstanceProperty(_context11 = []).call(_context11, selectionManager.selectedKeys).join(' '));
+  }, "Selected options:", _Array$from(selectionManager.selectedKeys).join(' '));
 
   // the reason we are using two different visually hiddens, rather than one that updates it's value
   // is because there are tests that break if an empty visually hidden is rendered in the TextField

package/package.json

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