@pingux/astro 2.0.0-alpha.5 → 2.0.0-alpha.7

package/lib/cjs/components/Menu/Menu.js

@@ -23,15 +23,17 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-c
 var _react = _interopRequireWildcard(require("react"));
 var _reactAria = require("react-aria");
 var _reactStately = require("react-stately");
+var _interactions = require("@react-aria/interactions");
 var _utils = require("@react-aria/utils");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _MenuContext = require("../../context/MenuContext");
 var _hooks = require("../../hooks");
 var _orientation = _interopRequireDefault(require("../../utils/devUtils/constants/orientation"));
+var _hoverProps = require("../../utils/devUtils/props/hoverProps");
 var _Box = _interopRequireDefault(require("../Box"));
 var _MenuItem = _interopRequireDefault(require("../MenuItem"));
 var _react2 = require("@emotion/react");
-var _excluded = ["isDisabled", "onAction", "onSelectionChange", "isNotFocusedOnHover"];
+var _excluded = ["isDisabled", "isNotFocusedOnHover", "onAction", "onHoverChange", "onHoverEnd", "onHoverStart", "onSelectionChange"];
 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 = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
@@ -46,12 +48,21 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 var Menu = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var _context;
   var isDisabled = props.isDisabled,
+    isNotFocusedOnHover = props.isNotFocusedOnHover,
     onAction = props.onAction,
+    onHoverChange = props.onHoverChange,
+    onHoverEnd = props.onHoverEnd,
+    onHoverStart = props.onHoverStart,
     onSelectionChange = props.onSelectionChange,
-    isNotFocusedOnHover = props.isNotFocusedOnHover,
     others = (0, _objectWithoutProperties2["default"])(props, _excluded);
   var contextProps = (0, _react.useContext)(_MenuContext.MenuContext);
   var completeProps = _objectSpread({}, (0, _reactAria.mergeProps)(contextProps, props));
+  var _useHover = (0, _interactions.useHover)({
+      onHoverChange: onHoverChange,
+      onHoverEnd: onHoverEnd,
+      onHoverStart: onHoverStart
+    }),
+    hoverProps = _useHover.hoverProps;
   var state = (0, _reactStately.useTreeState)(completeProps);
   var menuRef = (0, _react.useRef)();
   (0, _hooks.usePropWarning)(props, 'disabled', 'isDisabled');
@@ -74,7 +85,7 @@ var Menu = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     ref: menuRef,
     variant: "menu",
     "aria-orientation": _orientation["default"].VERTICAL
-  }, others, (0, _reactAria.mergeProps)(focusProps, menuProps)), (0, _map["default"])(_context = (0, _from["default"])(state.collection)).call(_context, function (item) {
+  }, others, (0, _reactAria.mergeProps)(focusProps, menuProps, hoverProps)), (0, _map["default"])(_context = (0, _from["default"])(state.collection)).call(_context, function (item) {
     return (0, _react2.jsx)(_MenuItem["default"], {
       key: item.key,
       item: item,
@@ -86,7 +97,7 @@ var Menu = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     });
   }));
 });
-Menu.propTypes = {
+Menu.propTypes = _objectSpread({
   /** The type of selection that is allowed. */
   selectionMode: _propTypes["default"].oneOf(['none', 'single', 'multiple']),
   /**
@@ -137,7 +148,7 @@ Menu.propTypes = {
    * extended description for the object.
    */
   'aria-details': _propTypes["default"].string
-};
+}, _hoverProps.onHoverPropTypes);
 Menu.defaultProps = {
   selectionMode: 'none',
   isDisabled: false

package/lib/cjs/components/Menu/Menu.stories.js

@@ -1,5 +1,12 @@
 "use strict";
 
+var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
+var _Object$getOwnPropertySymbols = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols");
+var _filterInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/filter");
+var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
+var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
+var _Object$getOwnPropertyDescriptors = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors");
+var _Object$defineProperties = require("@babel/runtime-corejs3/core-js-stable/object/define-properties");
 var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
 _Object$defineProperty(exports, "__esModule", {
@@ -8,14 +15,17 @@ _Object$defineProperty(exports, "__esModule", {
 exports["default"] = exports.Default = void 0;
 var _objectDestructuringEmpty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectDestructuringEmpty"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
 var _reactStately = require("react-stately");
-var _Text = _interopRequireDefault(require("../Text"));
-var _ = _interopRequireDefault(require("."));
+var _index = require("../../index");
+var _hoverProps = require("../../utils/devUtils/props/hoverProps");
 var _react2 = require("@emotion/react");
+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 _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
 var _default = {
   title: 'Components/Menu',
-  component: _["default"],
+  component: _index.Menu,
   parameters: {
     actions: {
       argTypesRegex: '^on.*'
@@ -26,7 +36,7 @@ var _default = {
       }
     }
   },
-  argTypes: {
+  argTypes: _objectSpread({
     selectionMode: {},
     isDisabled: {},
     isNotFocusedOnHover: {},
@@ -70,26 +80,26 @@ var _default = {
         type: 'none'
       }
     }
-  }
+  }, _hoverProps.onHoverArgTypes)
 };
 exports["default"] = _default;
 var Default = function Default(_ref) {
   var args = (0, _extends2["default"])({}, ((0, _objectDestructuringEmpty2["default"])(_ref), _ref));
-  return (0, _react2.jsx)(_["default"], (0, _extends2["default"])({
+  return (0, _react2.jsx)(_index.Menu, (0, _extends2["default"])({
     "aria-label": "Example Menu"
   }, args), (0, _react2.jsx)(_reactStately.Item, {
     key: "edit",
     textValue: "Edit",
     "data-id": "edit"
-  }, (0, _react2.jsx)(_Text["default"], null, "Edit")), (0, _react2.jsx)(_reactStately.Item, {
+  }, (0, _react2.jsx)(_index.Text, null, "Edit")), (0, _react2.jsx)(_reactStately.Item, {
     key: "duplicate",
     textValue: "Duplicate",
     "data-id": "duplicate"
-  }, (0, _react2.jsx)(_Text["default"], null, "Duplicate")), (0, _react2.jsx)(_reactStately.Item, {
+  }, (0, _react2.jsx)(_index.Text, null, "Duplicate")), (0, _react2.jsx)(_reactStately.Item, {
     key: "delete",
     textValue: "Delete",
     "data-id": "delete"
-  }, (0, _react2.jsx)(_Text["default"], {
+  }, (0, _react2.jsx)(_index.Text, {
     color: "critical.bright"
   }, "Delete")));
 };

package/lib/cjs/components/Messages/Messages.stories.js

@@ -26,9 +26,9 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/e
 var _react = _interopRequireWildcard(require("react"));
 var _reactStately = require("react-stately");
 var _AccountIcon = _interopRequireDefault(require("mdi-react/AccountIcon"));
-var _ = require("../..");
+var _index = require("../../index");
 var _statuses = _interopRequireDefault(require("../../utils/devUtils/constants/statuses"));
-var _index = require("./index");
+var _index2 = require("./index");
 var _react2 = require("@emotion/react");
 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; }
@@ -36,7 +36,7 @@ function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context2, _context3; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context2 = ownKeys(Object(source), !0)).call(_context2, function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context3 = ownKeys(Object(source))).call(_context3, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
 var _default = {
   title: 'Components/Messages',
-  component: _.Messages,
+  component: _index.Messages,
   argTypes: {
     items: {
       control: {
@@ -76,7 +76,7 @@ var messages = [{
 }];
 var messageText = ['WINDMILLS DO NOT WORK THAT WAY! GOOD NIGHT! Oh yeah, good luck with that.', "Oh no! The professor will hit me! But if Zoidberg 'fixes' it… then perhaps gifts! You've killed me! Oh, you've killed me!", 'Does anybody else feel jealous and aroused and worried?', "Stop it, stop it. It's fine. I will 'destroy' you! Um, is this the boring, peaceful kind of taking to the streets?", "She also liked to shut up! Fry! Stay back! He's too powerful!", "This opera's as lousy as it is brilliant! Your lyrics lack subtlety. You can't just have your characters announce how they feel."];
 var Default = function Default(args) {
-  return (0, _react2.jsx)(_.Messages, args, (0, _react2.jsx)(_reactStately.Item, {
+  return (0, _react2.jsx)(_index.Messages, args, (0, _react2.jsx)(_reactStately.Item, {
     key: "message1",
     "data-id": "message1"
   }, "Here is a very neutral thing"), (0, _react2.jsx)(_reactStately.Item, {
@@ -89,7 +89,7 @@ exports.Default = Default;
 var DefaultDynamic = function DefaultDynamic(args) {
   return (
     // messages = [{...}]
-    (0, _react2.jsx)(_.Messages, (0, _extends2["default"])({}, args, {
+    (0, _react2.jsx)(_index.Messages, (0, _extends2["default"])({}, args, {
       items: messages
     }), function (item) {
       return (0, _react2.jsx)(_reactStately.Item, item, item.text);
@@ -118,7 +118,7 @@ var Controlled = function Controlled(args) {
       }));
     }, 200);
   };
-  return (0, _react2.jsx)(_.Messages, (0, _extends2["default"])({}, args, {
+  return (0, _react2.jsx)(_index.Messages, (0, _extends2["default"])({}, args, {
     items: items,
     onClose: removeMessage
   }), function (item) {
@@ -151,9 +151,9 @@ var ControlledWithButton = function ControlledWithButton(args) {
       }));
     }, 200);
   };
-  return (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)(_.Button, {
+  return (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)(_index.Button, {
     onPress: addMessage
-  }, "Click me!"), (0, _react2.jsx)(_.Messages, (0, _extends2["default"])({}, args, {
+  }, "Click me!"), (0, _react2.jsx)(_index.Messages, (0, _extends2["default"])({}, args, {
     items: items,
     onClose: removeMessage
   }), function (item) {
@@ -162,7 +162,7 @@ var ControlledWithButton = function ControlledWithButton(args) {
 };
 exports.ControlledWithButton = ControlledWithButton;
 var WithCustomColorsAndIcons = function WithCustomColorsAndIcons(args) {
-  return (0, _react2.jsx)(_.Messages, args, (0, _react2.jsx)(_reactStately.Item, {
+  return (0, _react2.jsx)(_index.Messages, args, (0, _react2.jsx)(_reactStately.Item, {
     bg: "accent.99",
     color: "active",
     icon: _AccountIcon["default"]
@@ -191,29 +191,29 @@ var UseReducer = function UseReducer() {
   //   showWarningMessage: makeShowMessage('warning', -1),
   // };
 
-  var _useReducer = (0, _react.useReducer)(_index.messagesReducerStory),
+  var _useReducer = (0, _react.useReducer)(_index2.messagesReducerStory),
     _useReducer2 = (0, _slicedToArray2["default"])(_useReducer, 2),
     items = _useReducer2[0],
     dispatch = _useReducer2[1];
   var showAMessage = function showAMessage() {
-    var actionFn = [_index.messagesReducerStory.actions.showSuccessMessage, _index.messagesReducerStory.actions.showErrorMessage, _index.messagesReducerStory.actions.showWarningMessage][Math.floor(Math.random() * 3)];
+    var actionFn = [_index2.messagesReducerStory.actions.showSuccessMessage, _index2.messagesReducerStory.actions.showErrorMessage, _index2.messagesReducerStory.actions.showWarningMessage][Math.floor(Math.random() * 3)];
     var message = messageText[Math.floor(Math.random() * 6)];
     actionFn(message)(dispatch);
   };
   var removeMessage = function removeMessage(key) {
-    dispatch(_index.messagesReducerStory.actions.hideMessage(key));
+    dispatch(_index2.messagesReducerStory.actions.hideMessage(key));
     (0, _setTimeout2["default"])(function () {
-      return dispatch(_index.messagesReducerStory.actions.removeMessage(key));
+      return dispatch(_index2.messagesReducerStory.actions.removeMessage(key));
     }, 200);
   };
-  return (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)(_.Button, {
+  return (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)(_index.Button, {
     onPress: showAMessage
-  }, "Add Message"), (items === null || items === void 0 ? void 0 : items.length) > 0 && (0, _react2.jsx)(_.Button, {
+  }, "Add Message"), (items === null || items === void 0 ? void 0 : items.length) > 0 && (0, _react2.jsx)(_index.Button, {
     mt: "md",
     onPress: function onPress() {
-      return dispatch(_index.messagesReducerStory.actions.clearMessages());
+      return dispatch(_index2.messagesReducerStory.actions.clearMessages());
     }
-  }, "Clear messages"), (0, _react2.jsx)(_.Messages, {
+  }, "Clear messages"), (0, _react2.jsx)(_index.Messages, {
     items: items,
     onClose: removeMessage
   }, function (item) {
@@ -222,7 +222,7 @@ var UseReducer = function UseReducer() {
 };
 exports.UseReducer = UseReducer;
 var UseReducerWithMultipleContainers = function UseReducerWithMultipleContainers() {
-  var _useReducer3 = (0, _react.useReducer)(_index.multiMessagesReducerStory, {
+  var _useReducer3 = (0, _react.useReducer)(_index2.multiMessagesReducerStory, {
       'container-one': [],
       'container-two': []
     }),
@@ -230,28 +230,28 @@ var UseReducerWithMultipleContainers = function UseReducerWithMultipleContainers
     items = _useReducer4[0],
     dispatch = _useReducer4[1];
   var showAMessage = function showAMessage(container) {
-    var actionFn = [_index.multiMessagesReducerStory.actions.showSuccessMessage, _index.multiMessagesReducerStory.actions.showCriticalMessage, _index.multiMessagesReducerStory.actions.showWarningMessage][Math.floor(Math.random() * 3)];
+    var actionFn = [_index2.multiMessagesReducerStory.actions.showSuccessMessage, _index2.multiMessagesReducerStory.actions.showCriticalMessage, _index2.multiMessagesReducerStory.actions.showWarningMessage][Math.floor(Math.random() * 3)];
     var message = messageText[Math.floor(Math.random() * 6)];
     actionFn(container, message)(dispatch);
   };
   var removeMessage = function removeMessage(key, container) {
-    dispatch(_index.multiMessagesReducerStory.actions.hideMessage(container, key));
+    dispatch(_index2.multiMessagesReducerStory.actions.hideMessage(container, key));
     (0, _setTimeout2["default"])(function () {
-      return dispatch(_index.multiMessagesReducerStory.actions.removeMessage(container, key));
+      return dispatch(_index2.multiMessagesReducerStory.actions.removeMessage(container, key));
     }, 200);
   };
-  return (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)(_.Box, {
+  return (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)(_index.Box, {
     isRow: true
-  }, (0, _react2.jsx)(_.Button, {
+  }, (0, _react2.jsx)(_index.Button, {
     onPress: function onPress() {
       return showAMessage('container-one');
     }
-  }, "Add message to the left"), (0, _react2.jsx)(_.Button, {
+  }, "Add message to the left"), (0, _react2.jsx)(_index.Button, {
     ml: "md",
     onPress: function onPress() {
       return showAMessage('container-two');
     }
-  }, "Add message to the right")), (0, _react2.jsx)(_.Messages, {
+  }, "Add message to the right")), (0, _react2.jsx)(_index.Messages, {
     items: items['container-one'],
     onClose: function onClose(key) {
       return removeMessage(key, 'container-one');
@@ -261,7 +261,7 @@ var UseReducerWithMultipleContainers = function UseReducerWithMultipleContainers
     }
   }, function (item) {
     return (0, _react2.jsx)(_reactStately.Item, item, item.text);
-  }), (0, _react2.jsx)(_.Messages, {
+  }), (0, _react2.jsx)(_index.Messages, {
     items: items['container-two'],
     onClose: function onClose(key) {
       return removeMessage(key, 'container-two');
@@ -291,7 +291,7 @@ var WithTextStyling = function WithTextStyling(args) {
     node: (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)("b", null, "Not saved! "), "We could not validate one of the fields. Please see inline message below."),
     status: 'error'
   }];
-  return (0, _react2.jsx)(_.Messages, (0, _extends2["default"])({}, args, {
+  return (0, _react2.jsx)(_index.Messages, (0, _extends2["default"])({}, args, {
     items: items
   }), function (item) {
     return (0, _react2.jsx)(_reactStately.Item, item, item.node || item.text);

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

@@ -200,7 +200,7 @@ var MultivaluesField = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref)
   (0, _react.useEffect)(function () {
     if (onOpenChange) onOpenChange(isOpen);
   }, [isOpen]);
-  var addNewChipFromInput = function addNewChipFromInput(inputValue) {
+  var addNewBadgeFromInput = function addNewBadgeFromInput(inputValue) {
     var _context3, _context4;
     var key = inputValue;
     if (state.selectionManager.isSelected(key)) {
@@ -231,7 +231,7 @@ var MultivaluesField = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref)
     if (!hasCustomValue && filteredItems.length === 1) {
       selectTheOnlyFilteredItem();
     } else if (hasCustomValue) {
-      addNewChipFromInput(filterString);
+      addNewBadgeFromInput(filterString);
     }
   };
 
@@ -254,7 +254,7 @@ var MultivaluesField = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref)
             if (_key === '') {
               return;
             }
-            addNewChipFromInput(e.target.value);
+            addNewBadgeFromInput(e.target.value);
           }
           break;
         }
@@ -326,7 +326,7 @@ var MultivaluesField = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref)
     }
     return null;
   });
-  var multivaluesFieldChip = function multivaluesFieldChip(item) {
+  var multivaluesFieldBadge = function multivaluesFieldBadge(item) {
     return (0, _react2.jsx)(_.Badge, (0, _extends2["default"])({
       key: item.key,
       role: "presentation",
@@ -334,7 +334,7 @@ var MultivaluesField = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref)
       bg: "active",
       label: item.name,
       slots: item.slots
-    }, item.chipProps), (0, _react2.jsx)(_.IconButton, (0, _extends2["default"])({
+    }, item.badgeProps), (0, _react2.jsx)(_.IconButton, (0, _extends2["default"])({
       "aria-label": "delete",
       onPress: function onPress() {
         return deleteItem(item.key);
@@ -352,7 +352,7 @@ var MultivaluesField = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref)
       return el.key === key;
     });
     if (item) {
-      return multivaluesFieldChip(item);
+      return multivaluesFieldBadge(item);
     }
     return null;
   }));