@bigbinary/neetoui 5.2.4 → 5.2.6

package/index.cjs.js

@@ -20122,7 +20122,7 @@ var SIZES$5 = {
   medium: "medium",
   large: "large"
 };
-var Input$1 = /*#__PURE__*/React$5.forwardRef(function (_ref, ref) {
+var Input$2 = /*#__PURE__*/React$5.forwardRef(function (_ref, ref) {
   var _ref2, _otherProps$value, _classnames;
   var _ref$size = _ref.size,
     size = _ref$size === void 0 ? SIZES$5.medium : _ref$size,
@@ -20229,7 +20229,7 @@ var Input$1 = /*#__PURE__*/React$5.forwardRef(function (_ref, ref) {
     style: "body3"
   }, helpText));
 });
-Input$1.displayName = "Input";
+Input$2.displayName = "Input";
 
 var _excluded$o = ["keyName", "className"];
 var Kbd = function Kbd(_ref) {
@@ -23473,7 +23473,7 @@ var containerCSS = function containerCSS(_ref) {
     position: 'relative'
   };
 };
-var SelectContainer = function SelectContainer(props) {
+var SelectContainer$1 = function SelectContainer(props) {
   var children = props.children,
     className = props.className,
     cx = props.cx,
@@ -23900,7 +23900,7 @@ var inputStyle = function inputStyle(isHidden) {
     width: '100%'
   }, spacingStyle);
 };
-var Input = function Input(props) {
+var Input$1 = function Input(props) {
   var className = props.className,
     cx = props.cx,
     getStyles = props.getStyles,
@@ -24156,7 +24156,7 @@ var components = {
   GroupHeading: GroupHeading,
   IndicatorsContainer: IndicatorsContainer,
   IndicatorSeparator: IndicatorSeparator,
-  Input: Input,
+  Input: Input$1,
   LoadingIndicator: LoadingIndicator,
   Menu: Menu$1,
   MenuList: MenuList,
@@ -24169,7 +24169,7 @@ var components = {
   MultiValueRemove: MultiValueRemove$2,
   Option: Option,
   Placeholder: Placeholder$1,
-  SelectContainer: SelectContainer,
+  SelectContainer: SelectContainer$1,
   SingleValue: SingleValue,
   ValueContainer: ValueContainer$1
 };
@@ -27014,7 +27014,9 @@ var CustomDropdownIndicator = function CustomDropdownIndicator(props) {
   }, suffix)) : null;
 };
 var MultiValueRemove$1 = function MultiValueRemove(props) {
-  return /*#__PURE__*/React__default["default"].createElement(components.MultiValueRemove, props, /*#__PURE__*/React__default["default"].createElement(neetoIcons.Close, {
+  return /*#__PURE__*/React__default["default"].createElement(components.MultiValueRemove, _extends$4({}, props, {
+    innerProps: _objectSpread$c(_objectSpread$c({}, props.innerProps), {}, _defineProperty$7({}, "data-cy", "".concat(hyphenize(props.data.label), "-remove-icon")))
+  }), /*#__PURE__*/React__default["default"].createElement(neetoIcons.Close, {
     size: 16
   }));
 };
@@ -27030,17 +27032,31 @@ var CustomValueContainer = function CustomValueContainer(_ref2) {
     firstChild = _children[0],
     rest = _children.slice(1);
   var shouldCollapse = !isFocused && value.length > visibleEmailsCount;
-  return /*#__PURE__*/React__default["default"].createElement(components.ValueContainer, props, shouldCollapse ? firstChild.slice(0, visibleEmailsCount) : firstChild, shouldCollapse && /*#__PURE__*/React__default["default"].createElement(Tag, {
+  return /*#__PURE__*/React__default["default"].createElement(components.ValueContainer, _extends$4({}, props, {
+    innerProps: _objectSpread$c(_objectSpread$c({}, props.innerProps), {}, _defineProperty$7({}, "data-cy", "multi-email-input-container"))
+  }), shouldCollapse ? firstChild.slice(0, visibleEmailsCount) : firstChild, shouldCollapse && /*#__PURE__*/React__default["default"].createElement(Tag, {
     label: "".concat(value.length - visibleEmailsCount, " more"),
     style: "secondary"
   }), rest);
 };
-var CustomClearIndicator = function CustomClearIndicator(prop) {
-  return /*#__PURE__*/React__default["default"].createElement(components.ClearIndicator, prop, /*#__PURE__*/React__default["default"].createElement(neetoIcons.Close, {
+var CustomClearIndicator = function CustomClearIndicator(props) {
+  return /*#__PURE__*/React__default["default"].createElement(components.ClearIndicator, _extends$4({}, props, {
+    innerProps: _objectSpread$c(_objectSpread$c({}, props.innerProps), {}, _defineProperty$7({}, "data-cy", "clear-all-button"))
+  }), /*#__PURE__*/React__default["default"].createElement(neetoIcons.Close, {
     className: "cursor-pointer",
     size: 16
   }));
 };
+var SelectContainer = function SelectContainer(props) {
+  return /*#__PURE__*/React__default["default"].createElement(components.SelectContainer, _extends$4({}, props, {
+    innerProps: _objectSpread$c(_objectSpread$c({}, props.innerProps), {}, _defineProperty$7({}, "data-cy", "multi-email-select-container"))
+  }));
+};
+var Input = function Input(props) {
+  return /*#__PURE__*/React__default["default"].createElement(components.Input, _extends$4({}, props, {
+    "data-cy": "email-select-input-field"
+  }));
+};
 var EMAIL_REGEX = new RegExp("^[A-Z0-9._%+-]+@[A-Z0-9.-]+\\.[A-Z]{2,}$", "i");
 var UNSTRICT_EMAIL_REGEX = /(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))/g;
 var EMAIL_SEPARATION_REGEX = /[^\s,]+/g;
@@ -27059,7 +27075,9 @@ var CUSTOM_COMPONENTS = {
   Control: CustomControl,
   MultiValueRemove: MultiValueRemove$1,
   ValueContainer: CustomValueContainer,
-  ClearIndicator: CustomClearIndicator
+  ClearIndicator: CustomClearIndicator,
+  SelectContainer: SelectContainer,
+  Input: Input
 };
 
 var formatEmailInputOptions = function formatEmailInputOptions(label) {
@@ -27980,6 +27998,7 @@ var Select = function Select(_ref) {
     htmlFor: inputId,
     required: required
   }, labelProps), label), /*#__PURE__*/React__default["default"].createElement(Parent, _extends$4({
+    blurInputOnSelect: false,
     classNamePrefix: "neeto-ui-react-select",
     "data-cy": "".concat(hyphenize(label), "-select-container"),
     defaultValue: findInOptions(defaultValue),
@@ -37850,7 +37869,7 @@ exports.Checkbox = Checkbox;
 exports.ColorPicker = ColorPicker;
 exports.DatePicker = DatePicker;
 exports.Dropdown = Dropdown;
-exports.Input = Input$1;
+exports.Input = Input$2;
 exports.Kbd = Kbd;
 exports.Label = Label;
 exports.Modal = Modal;