@bigbinary/neetoui 5.2.4 → 5.2.6

package/formik.cjs.js

@@ -17917,7 +17917,7 @@ var SIZES$3 = {
   medium: "medium",
   large: "large"
 };
-var Input$1 = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+var Input$2 = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var _ref2, _otherProps$value, _classnames;
   var _ref$size = _ref.size,
     size = _ref$size === void 0 ? SIZES$3.medium : _ref$size,
@@ -18024,7 +18024,7 @@ var Input$1 = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     style: "body3"
   }, helpText));
 });
-Input$1.displayName = "Input";
+Input$2.displayName = "Input";
 
 var _excluded$i = ["name"];
 var FormikInput = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
@@ -18035,7 +18035,7 @@ var FormikInput = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   }, function (_ref2) {
     var field = _ref2.field,
       meta = _ref2.meta;
-    return /*#__PURE__*/React__default["default"].createElement(Input$1, _extends$2({
+    return /*#__PURE__*/React__default["default"].createElement(Input$2, _extends$2({
       ref: ref
     }, field, {
       error: meta.touched ? meta.error : ""
@@ -21266,7 +21266,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,
@@ -21693,7 +21693,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,
@@ -21949,7 +21949,7 @@ var components = {
   GroupHeading: GroupHeading,
   IndicatorsContainer: IndicatorsContainer,
   IndicatorSeparator: IndicatorSeparator,
-  Input: Input,
+  Input: Input$1,
   LoadingIndicator: LoadingIndicator,
   Menu: Menu$1,
   MenuList: MenuList,
@@ -21962,7 +21962,7 @@ var components = {
   MultiValueRemove: MultiValueRemove$2,
   Option: Option,
   Placeholder: Placeholder$1,
-  SelectContainer: SelectContainer,
+  SelectContainer: SelectContainer$1,
   SingleValue: SingleValue,
   ValueContainer: ValueContainer$1
 };
@@ -24807,7 +24807,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$2({}, props, {
+    innerProps: _objectSpread$3(_objectSpread$3({}, props.innerProps), {}, _defineProperty$1({}, "data-cy", "".concat(hyphenize(props.data.label), "-remove-icon")))
+  }), /*#__PURE__*/React__default["default"].createElement(neetoIcons.Close, {
     size: 16
   }));
 };
@@ -24823,17 +24825,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$2({}, props, {
+    innerProps: _objectSpread$3(_objectSpread$3({}, props.innerProps), {}, _defineProperty$1({}, "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$2({}, props, {
+    innerProps: _objectSpread$3(_objectSpread$3({}, props.innerProps), {}, _defineProperty$1({}, "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$2({}, props, {
+    innerProps: _objectSpread$3(_objectSpread$3({}, props.innerProps), {}, _defineProperty$1({}, "data-cy", "multi-email-select-container"))
+  }));
+};
+var Input = function Input(props) {
+  return /*#__PURE__*/React__default["default"].createElement(components.Input, _extends$2({}, 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;
@@ -24852,7 +24868,9 @@ var CUSTOM_COMPONENTS = {
   Control: CustomControl,
   MultiValueRemove: MultiValueRemove$1,
   ValueContainer: CustomValueContainer,
-  ClearIndicator: CustomClearIndicator
+  ClearIndicator: CustomClearIndicator,
+  SelectContainer: SelectContainer,
+  Input: Input
 };
 
 var formatEmailInputOptions = function formatEmailInputOptions(label) {
@@ -25458,6 +25476,7 @@ var Select = function Select(_ref) {
     htmlFor: inputId,
     required: required
   }, labelProps), label), /*#__PURE__*/React__default["default"].createElement(Parent, _extends$2({
+    blurInputOnSelect: false,
     classNamePrefix: "neeto-ui-react-select",
     "data-cy": "".concat(hyphenize(label), "-select-container"),
     defaultValue: findInOptions(defaultValue),