@bigbinary/neetoui 5.2.4 → 5.2.6

package/index.js

@@ -20092,7 +20092,7 @@ var SIZES$5 = {
   medium: "medium",
   large: "large"
 };
-var Input$1 = /*#__PURE__*/forwardRef$1(function (_ref, ref) {
+var Input$2 = /*#__PURE__*/forwardRef$1(function (_ref, ref) {
   var _ref2, _otherProps$value, _classnames;
   var _ref$size = _ref.size,
     size = _ref$size === void 0 ? SIZES$5.medium : _ref$size,
@@ -20199,7 +20199,7 @@ var Input$1 = /*#__PURE__*/forwardRef$1(function (_ref, ref) {
     style: "body3"
   }, helpText));
 });
-Input$1.displayName = "Input";
+Input$2.displayName = "Input";
 
 var _excluded$o = ["keyName", "className"];
 var Kbd = function Kbd(_ref) {
@@ -23443,7 +23443,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,
@@ -23870,7 +23870,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,
@@ -24126,7 +24126,7 @@ var components = {
   GroupHeading: GroupHeading,
   IndicatorsContainer: IndicatorsContainer,
   IndicatorSeparator: IndicatorSeparator,
-  Input: Input,
+  Input: Input$1,
   LoadingIndicator: LoadingIndicator,
   Menu: Menu$1,
   MenuList: MenuList,
@@ -24139,7 +24139,7 @@ var components = {
   MultiValueRemove: MultiValueRemove$2,
   Option: Option,
   Placeholder: Placeholder$1,
-  SelectContainer: SelectContainer,
+  SelectContainer: SelectContainer$1,
   SingleValue: SingleValue,
   ValueContainer: ValueContainer$1
 };
@@ -26984,7 +26984,9 @@ var CustomDropdownIndicator = function CustomDropdownIndicator(props) {
   }, suffix)) : null;
 };
 var MultiValueRemove$1 = function MultiValueRemove(props) {
-  return /*#__PURE__*/React__default.createElement(components.MultiValueRemove, props, /*#__PURE__*/React__default.createElement(Close, {
+  return /*#__PURE__*/React__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.createElement(Close, {
     size: 16
   }));
 };
@@ -27000,17 +27002,31 @@ var CustomValueContainer = function CustomValueContainer(_ref2) {
     firstChild = _children[0],
     rest = _children.slice(1);
   var shouldCollapse = !isFocused && value.length > visibleEmailsCount;
-  return /*#__PURE__*/React__default.createElement(components.ValueContainer, props, shouldCollapse ? firstChild.slice(0, visibleEmailsCount) : firstChild, shouldCollapse && /*#__PURE__*/React__default.createElement(Tag, {
+  return /*#__PURE__*/React__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.createElement(Tag, {
     label: "".concat(value.length - visibleEmailsCount, " more"),
     style: "secondary"
   }), rest);
 };
-var CustomClearIndicator = function CustomClearIndicator(prop) {
-  return /*#__PURE__*/React__default.createElement(components.ClearIndicator, prop, /*#__PURE__*/React__default.createElement(Close, {
+var CustomClearIndicator = function CustomClearIndicator(props) {
+  return /*#__PURE__*/React__default.createElement(components.ClearIndicator, _extends$4({}, props, {
+    innerProps: _objectSpread$c(_objectSpread$c({}, props.innerProps), {}, _defineProperty$7({}, "data-cy", "clear-all-button"))
+  }), /*#__PURE__*/React__default.createElement(Close, {
     className: "cursor-pointer",
     size: 16
   }));
 };
+var SelectContainer = function SelectContainer(props) {
+  return /*#__PURE__*/React__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.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;
@@ -27029,7 +27045,9 @@ var CUSTOM_COMPONENTS = {
   Control: CustomControl,
   MultiValueRemove: MultiValueRemove$1,
   ValueContainer: CustomValueContainer,
-  ClearIndicator: CustomClearIndicator
+  ClearIndicator: CustomClearIndicator,
+  SelectContainer: SelectContainer,
+  Input: Input
 };
 
 var formatEmailInputOptions = function formatEmailInputOptions(label) {
@@ -27950,6 +27968,7 @@ var Select = function Select(_ref) {
     htmlFor: inputId,
     required: required
   }, labelProps), label), /*#__PURE__*/React__default.createElement(Parent, _extends$4({
+    blurInputOnSelect: false,
     classNamePrefix: "neeto-ui-react-select",
     "data-cy": "".concat(hyphenize(label), "-select-container"),
     defaultValue: findInOptions(defaultValue),
@@ -37810,5 +37829,5 @@ var Toastr = {
   warning: showWarningToastr
 };
 
-export { Accordion, ActionDropdown, Alert, Avatar, Button, Callout, Checkbox, ColorPicker, DatePicker, Dropdown, Input$1 as Input, Kbd, Label, Modal, MultiEmailInput, NoData, Pagination, Pane, Popover, Radio, Select, Spinner, Switch, Tab, Table, Tag, Textarea, TimePicker, Toastr, Tooltip, Typography };
+export { Accordion, ActionDropdown, Alert, Avatar, Button, Callout, Checkbox, ColorPicker, DatePicker, Dropdown, Input$2 as Input, Kbd, Label, Modal, MultiEmailInput, NoData, Pagination, Pane, Popover, Radio, Select, Spinner, Switch, Tab, Table, Tag, Textarea, TimePicker, Toastr, Tooltip, Typography };
 //# sourceMappingURL=index.js.map