@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/formik.cjs.js
CHANGED
|
@@ -24749,7 +24749,7 @@ var renderValidEmails = function renderValidEmails(values) {
|
|
|
24749
24749
|
return email.valid && email;
|
|
24750
24750
|
});
|
|
24751
24751
|
};
|
|
24752
|
-
var
|
|
24752
|
+
var getValidEmailsCount = function getValidEmailsCount(values) {
|
|
24753
24753
|
return renderValidEmails(values).length;
|
|
24754
24754
|
};
|
|
24755
24755
|
var renderDefaultText = function renderDefaultText(count) {
|
|
@@ -24788,7 +24788,7 @@ var MultiEmailInput = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
24788
24788
|
_useState2 = _slicedToArray$1(_useState, 2),
|
|
24789
24789
|
inputValue = _useState2[0],
|
|
24790
24790
|
setInputValue = _useState2[1];
|
|
24791
|
-
var isCounterVisible = !!counter && (!counter.startsFrom ||
|
|
24791
|
+
var isCounterVisible = !!counter && (!counter.startsFrom || getValidEmailsCount(value) >= counter.startsFrom);
|
|
24792
24792
|
var isOptionsPresent = !!otherProps.options;
|
|
24793
24793
|
var handleFilterEmails = function handleFilterEmails() {
|
|
24794
24794
|
return onChange(renderValidEmails(value));
|
|
@@ -24846,6 +24846,7 @@ var MultiEmailInput = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
24846
24846
|
isValidNewOption: isValidNewOption
|
|
24847
24847
|
};
|
|
24848
24848
|
}
|
|
24849
|
+
var isFilterEmailsLinkVisible = !!filterInvalidEmails && value.length > getValidEmailsCount(value);
|
|
24849
24850
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
24850
24851
|
className: "neeto-ui-flex neeto-ui-flex-col neeto-ui-email-input"
|
|
24851
24852
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
@@ -24858,7 +24859,7 @@ var MultiEmailInput = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
24858
24859
|
className: "neeto-ui-email-input__counter",
|
|
24859
24860
|
"data-cy": "".concat(hyphenize(label), "-email-counter"),
|
|
24860
24861
|
style: "body2"
|
|
24861
|
-
},
|
|
24862
|
+
}, getValidEmailsCount(value), " ", counter.label ? counter.label : renderDefaultText(getValidEmailsCount(value)))), /*#__PURE__*/React__default["default"].createElement(CreatableSelect, _extends$2({
|
|
24862
24863
|
isMulti: true,
|
|
24863
24864
|
required: true,
|
|
24864
24865
|
classNamePrefix: "neeto-ui-react-select",
|
|
@@ -24891,7 +24892,7 @@ var MultiEmailInput = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
24891
24892
|
className: "neeto-ui-input__error",
|
|
24892
24893
|
"data-cy": "".concat(hyphenize(label), "-input-error"),
|
|
24893
24894
|
style: "body3"
|
|
24894
|
-
}, error,
|
|
24895
|
+
}, error, isFilterEmailsLinkVisible && /*#__PURE__*/React__default["default"].createElement("span", {
|
|
24895
24896
|
className: "neeto-ui-typography neeto-ui-text-body3 neeto-ui-font-semibold cursor-pointer",
|
|
24896
24897
|
onClick: handleFilterEmails
|
|
24897
24898
|
}, "\xA0", filterInvalidEmails.label ? filterInvalidEmails.label : "Click here to remove invalid emails.")), !!helpText && /*#__PURE__*/React__default["default"].createElement(Typography, {
|