@bigbinary/neetoui 5.0.1 → 5.0.3

package/index.d.ts

@@ -260,6 +260,7 @@ export interface MultiEmailInputProps {
   filterInvalidEmails?: { label: string };
   counter?: boolean | { label: string; startFrom: number };
   disabled?: boolean;
+  required?: boolean;
   maxHeight?: number;
   labelProps?: LabelProps;
   [key: string]: any;

package/index.js

@@ -27271,14 +27271,14 @@ var renderValidEmails = function renderValidEmails(values) {
     return email.valid && email;
   });
 };
-var getEmailsCount = function getEmailsCount(values) {
+var getValidEmailsCount = function getValidEmailsCount(values) {
   return renderValidEmails(values).length;
 };
 var renderDefaultText = function renderDefaultText(count) {
   return count === 1 ? "email" : "emails";
 };
 
-var _excluded$i = ["label", "placeholder", "helpText", "value", "onChange", "error", "onBlur", "filterInvalidEmails", "counter", "disabled", "maxHeight", "labelProps"];
+var _excluded$i = ["label", "placeholder", "helpText", "value", "onChange", "error", "onBlur", "filterInvalidEmails", "counter", "disabled", "maxHeight", "required", "labelProps"];
 function ownKeys$9(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread$9(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$9(Object(source), !0).forEach(function (key) { _defineProperty$7(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$9(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var MultiEmailInput = /*#__PURE__*/forwardRef$1(function (_ref, ref) {
@@ -27302,13 +27302,15 @@ var MultiEmailInput = /*#__PURE__*/forwardRef$1(function (_ref, ref) {
     disabled = _ref$disabled === void 0 ? false : _ref$disabled,
     _ref$maxHeight = _ref.maxHeight,
     maxHeight = _ref$maxHeight === void 0 ? 200 : _ref$maxHeight,
+    _ref$required = _ref.required,
+    required = _ref$required === void 0 ? false : _ref$required,
     labelProps = _ref.labelProps,
     otherProps = _objectWithoutProperties$1(_ref, _excluded$i);
   var _useState = useState(""),
     _useState2 = _slicedToArray$2(_useState, 2),
     inputValue = _useState2[0],
     setInputValue = _useState2[1];
-  var isCounterVisible = !!counter && (!counter.startsFrom || getEmailsCount(value) >= counter.startsFrom);
+  var isCounterVisible = !!counter && (!counter.startsFrom || getValidEmailsCount(value) >= counter.startsFrom);
   var isOptionsPresent = !!otherProps.options;
   var handleFilterEmails = function handleFilterEmails() {
     return onChange(renderValidEmails(value));
@@ -27366,19 +27368,22 @@ var MultiEmailInput = /*#__PURE__*/forwardRef$1(function (_ref, ref) {
       isValidNewOption: isValidNewOption
     };
   }
+  var isFilterEmailsLinkVisible = !!filterInvalidEmails && value.length > getValidEmailsCount(value);
   return /*#__PURE__*/React__default.createElement("div", {
     className: "neeto-ui-flex neeto-ui-flex-col neeto-ui-email-input"
   }, /*#__PURE__*/React__default.createElement("div", {
     className: "neeto-ui-flex neeto-ui-justify-between neeto-ui-email-input__title-row"
   }, label && /*#__PURE__*/React__default.createElement(Label, _extends$4({
     className: "neeto-ui-email-input__label",
-    "data-cy": "".concat(hyphenize(label), "-input-label")
+    "data-cy": "".concat(hyphenize(label), "-input-label"),
+    required: required
   }, labelProps), label), isCounterVisible && /*#__PURE__*/React__default.createElement(Typography, {
     className: "neeto-ui-email-input__counter",
     "data-cy": "".concat(hyphenize(label), "-email-counter"),
     style: "body2"
-  }, getEmailsCount(value), " ", counter.label ? counter.label : renderDefaultText(getEmailsCount(value)))), /*#__PURE__*/React__default.createElement(CreatableSelect, _extends$4({
+  }, getValidEmailsCount(value), " ", counter.label ? counter.label : renderDefaultText(getValidEmailsCount(value)))), /*#__PURE__*/React__default.createElement(CreatableSelect, _extends$4({
     isMulti: true,
+    required: true,
     classNamePrefix: "neeto-ui-react-select",
     components: CUSTOM_COMPONENTS,
     inputValue: inputValue,
@@ -27409,7 +27414,7 @@ var MultiEmailInput = /*#__PURE__*/forwardRef$1(function (_ref, ref) {
     className: "neeto-ui-input__error",
     "data-cy": "".concat(hyphenize(label), "-input-error"),
     style: "body3"
-  }, error, !!filterInvalidEmails && !isEmpty(value) && /*#__PURE__*/React__default.createElement("span", {
+  }, error, isFilterEmailsLinkVisible && /*#__PURE__*/React__default.createElement("span", {
     className: "neeto-ui-typography neeto-ui-text-body3 neeto-ui-font-semibold cursor-pointer",
     onClick: handleFilterEmails
   }, "\xA0", filterInvalidEmails.label ? filterInvalidEmails.label : "Click here to remove invalid emails.")), !!helpText && /*#__PURE__*/React__default.createElement(Typography, {