@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.js
CHANGED
|
@@ -27271,7 +27271,7 @@ var renderValidEmails = function renderValidEmails(values) {
|
|
|
27271
27271
|
return email.valid && email;
|
|
27272
27272
|
});
|
|
27273
27273
|
};
|
|
27274
|
-
var
|
|
27274
|
+
var getValidEmailsCount = function getValidEmailsCount(values) {
|
|
27275
27275
|
return renderValidEmails(values).length;
|
|
27276
27276
|
};
|
|
27277
27277
|
var renderDefaultText = function renderDefaultText(count) {
|
|
@@ -27310,7 +27310,7 @@ var MultiEmailInput = /*#__PURE__*/forwardRef$1(function (_ref, ref) {
|
|
|
27310
27310
|
_useState2 = _slicedToArray$2(_useState, 2),
|
|
27311
27311
|
inputValue = _useState2[0],
|
|
27312
27312
|
setInputValue = _useState2[1];
|
|
27313
|
-
var isCounterVisible = !!counter && (!counter.startsFrom ||
|
|
27313
|
+
var isCounterVisible = !!counter && (!counter.startsFrom || getValidEmailsCount(value) >= counter.startsFrom);
|
|
27314
27314
|
var isOptionsPresent = !!otherProps.options;
|
|
27315
27315
|
var handleFilterEmails = function handleFilterEmails() {
|
|
27316
27316
|
return onChange(renderValidEmails(value));
|
|
@@ -27368,6 +27368,7 @@ var MultiEmailInput = /*#__PURE__*/forwardRef$1(function (_ref, ref) {
|
|
|
27368
27368
|
isValidNewOption: isValidNewOption
|
|
27369
27369
|
};
|
|
27370
27370
|
}
|
|
27371
|
+
var isFilterEmailsLinkVisible = !!filterInvalidEmails && value.length > getValidEmailsCount(value);
|
|
27371
27372
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
27372
27373
|
className: "neeto-ui-flex neeto-ui-flex-col neeto-ui-email-input"
|
|
27373
27374
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
@@ -27380,7 +27381,7 @@ var MultiEmailInput = /*#__PURE__*/forwardRef$1(function (_ref, ref) {
|
|
|
27380
27381
|
className: "neeto-ui-email-input__counter",
|
|
27381
27382
|
"data-cy": "".concat(hyphenize(label), "-email-counter"),
|
|
27382
27383
|
style: "body2"
|
|
27383
|
-
},
|
|
27384
|
+
}, getValidEmailsCount(value), " ", counter.label ? counter.label : renderDefaultText(getValidEmailsCount(value)))), /*#__PURE__*/React__default.createElement(CreatableSelect, _extends$4({
|
|
27384
27385
|
isMulti: true,
|
|
27385
27386
|
required: true,
|
|
27386
27387
|
classNamePrefix: "neeto-ui-react-select",
|
|
@@ -27413,7 +27414,7 @@ var MultiEmailInput = /*#__PURE__*/forwardRef$1(function (_ref, ref) {
|
|
|
27413
27414
|
className: "neeto-ui-input__error",
|
|
27414
27415
|
"data-cy": "".concat(hyphenize(label), "-input-error"),
|
|
27415
27416
|
style: "body3"
|
|
27416
|
-
}, error,
|
|
27417
|
+
}, error, isFilterEmailsLinkVisible && /*#__PURE__*/React__default.createElement("span", {
|
|
27417
27418
|
className: "neeto-ui-typography neeto-ui-text-body3 neeto-ui-font-semibold cursor-pointer",
|
|
27418
27419
|
onClick: handleFilterEmails
|
|
27419
27420
|
}, "\xA0", filterInvalidEmails.label ? filterInvalidEmails.label : "Click here to remove invalid emails.")), !!helpText && /*#__PURE__*/React__default.createElement(Typography, {
|