@bigbinary/neetoui 5.0.2 → 5.0.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/formik.cjs.js +5 -4
- package/formik.cjs.js.map +1 -1
- package/formik.js +5 -4
- package/formik.js.map +1 -1
- package/index.cjs.js +5 -4
- package/index.cjs.js.map +1 -1
- package/index.js +5 -4
- package/index.js.map +1 -1
- package/package.json +1 -1
package/index.cjs.js
CHANGED
|
@@ -27300,7 +27300,7 @@ var renderValidEmails = function renderValidEmails(values) {
|
|
|
27300
27300
|
return email.valid && email;
|
|
27301
27301
|
});
|
|
27302
27302
|
};
|
|
27303
|
-
var
|
|
27303
|
+
var getValidEmailsCount = function getValidEmailsCount(values) {
|
|
27304
27304
|
return renderValidEmails(values).length;
|
|
27305
27305
|
};
|
|
27306
27306
|
var renderDefaultText = function renderDefaultText(count) {
|
|
@@ -27339,7 +27339,7 @@ var MultiEmailInput = /*#__PURE__*/React$5.forwardRef(function (_ref, ref) {
|
|
|
27339
27339
|
_useState2 = _slicedToArray$2(_useState, 2),
|
|
27340
27340
|
inputValue = _useState2[0],
|
|
27341
27341
|
setInputValue = _useState2[1];
|
|
27342
|
-
var isCounterVisible = !!counter && (!counter.startsFrom ||
|
|
27342
|
+
var isCounterVisible = !!counter && (!counter.startsFrom || getValidEmailsCount(value) >= counter.startsFrom);
|
|
27343
27343
|
var isOptionsPresent = !!otherProps.options;
|
|
27344
27344
|
var handleFilterEmails = function handleFilterEmails() {
|
|
27345
27345
|
return onChange(renderValidEmails(value));
|
|
@@ -27397,6 +27397,7 @@ var MultiEmailInput = /*#__PURE__*/React$5.forwardRef(function (_ref, ref) {
|
|
|
27397
27397
|
isValidNewOption: isValidNewOption
|
|
27398
27398
|
};
|
|
27399
27399
|
}
|
|
27400
|
+
var isFilterEmailsLinkVisible = !!filterInvalidEmails && value.length > getValidEmailsCount(value);
|
|
27400
27401
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
27401
27402
|
className: "neeto-ui-flex neeto-ui-flex-col neeto-ui-email-input"
|
|
27402
27403
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
@@ -27409,7 +27410,7 @@ var MultiEmailInput = /*#__PURE__*/React$5.forwardRef(function (_ref, ref) {
|
|
|
27409
27410
|
className: "neeto-ui-email-input__counter",
|
|
27410
27411
|
"data-cy": "".concat(hyphenize(label), "-email-counter"),
|
|
27411
27412
|
style: "body2"
|
|
27412
|
-
},
|
|
27413
|
+
}, getValidEmailsCount(value), " ", counter.label ? counter.label : renderDefaultText(getValidEmailsCount(value)))), /*#__PURE__*/React__default["default"].createElement(CreatableSelect, _extends$4({
|
|
27413
27414
|
isMulti: true,
|
|
27414
27415
|
required: true,
|
|
27415
27416
|
classNamePrefix: "neeto-ui-react-select",
|
|
@@ -27442,7 +27443,7 @@ var MultiEmailInput = /*#__PURE__*/React$5.forwardRef(function (_ref, ref) {
|
|
|
27442
27443
|
className: "neeto-ui-input__error",
|
|
27443
27444
|
"data-cy": "".concat(hyphenize(label), "-input-error"),
|
|
27444
27445
|
style: "body3"
|
|
27445
|
-
}, error,
|
|
27446
|
+
}, error, isFilterEmailsLinkVisible && /*#__PURE__*/React__default["default"].createElement("span", {
|
|
27446
27447
|
className: "neeto-ui-typography neeto-ui-text-body3 neeto-ui-font-semibold cursor-pointer",
|
|
27447
27448
|
onClick: handleFilterEmails
|
|
27448
27449
|
}, "\xA0", filterInvalidEmails.label ? filterInvalidEmails.label : "Click here to remove invalid emails.")), !!helpText && /*#__PURE__*/React__default["default"].createElement(Typography, {
|