@bigbinary/neetoui 5.0.2 → 5.0.4

package/index.cjs.js

@@ -20402,6 +20402,9 @@ var DatePicker = /*#__PURE__*/React$5.forwardRef(function (_ref2, ref) {
   var Component = datePickerTypes[type === null || type === void 0 ? void 0 : type.toLowerCase()];
   var format = showTime ? "".concat(dateFormat, " ").concat(timeFormat) : dateFormat;
   var errorId = "error_".concat(id);
+  var handleOnChange = function handleOnChange(date, dateString) {
+    type === "range" && !date ? onChange([], dateString) : onChange(date, dateString);
+  };
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "neeto-ui-input__wrapper"
   }, label && /*#__PURE__*/React__default["default"].createElement(Label, labelProps, label), /*#__PURE__*/React__default["default"].createElement(Component, _extends$4({
@@ -20424,7 +20427,7 @@ var DatePicker = /*#__PURE__*/React$5.forwardRef(function (_ref2, ref) {
     popupClassName: classnames$1("neeto-ui-date-time-dropdown", [dropdownClassName,
     // Will be removed in the next major version
     popupClassName]),
-    onChange: onChange,
+    onChange: handleOnChange,
     onOk: onOk
   }, otherProps, {
     nextIcon: /*#__PURE__*/React__default["default"].createElement(IconOverride, {
@@ -27300,7 +27303,7 @@ 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) {
@@ -27339,7 +27342,7 @@ var MultiEmailInput = /*#__PURE__*/React$5.forwardRef(function (_ref, ref) {
     _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));
@@ -27397,6 +27400,7 @@ var MultiEmailInput = /*#__PURE__*/React$5.forwardRef(function (_ref, ref) {
       isValidNewOption: isValidNewOption
     };
   }
+  var isFilterEmailsLinkVisible = !!filterInvalidEmails && value.length > getValidEmailsCount(value);
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "neeto-ui-flex neeto-ui-flex-col neeto-ui-email-input"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -27409,7 +27413,7 @@ var MultiEmailInput = /*#__PURE__*/React$5.forwardRef(function (_ref, ref) {
     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["default"].createElement(CreatableSelect, _extends$4({
+  }, getValidEmailsCount(value), " ", counter.label ? counter.label : renderDefaultText(getValidEmailsCount(value)))), /*#__PURE__*/React__default["default"].createElement(CreatableSelect, _extends$4({
     isMulti: true,
     required: true,
     classNamePrefix: "neeto-ui-react-select",
@@ -27442,7 +27446,7 @@ var MultiEmailInput = /*#__PURE__*/React$5.forwardRef(function (_ref, ref) {
     className: "neeto-ui-input__error",
     "data-cy": "".concat(hyphenize(label), "-input-error"),
     style: "body3"
-  }, error, !!filterInvalidEmails && !isEmpty(value) && /*#__PURE__*/React__default["default"].createElement("span", {
+  }, error, isFilterEmailsLinkVisible && /*#__PURE__*/React__default["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["default"].createElement(Typography, {
@@ -33059,6 +33063,9 @@ var TimePicker = /*#__PURE__*/React$5.forwardRef(function (_ref, ref) {
   if (format.includes("H") || format.includes("h")) {
     showTimeLabels.hour = true;
   }
+  var handleOnChange = function handleOnChange(time, timeString) {
+    type === "range" && !time ? onChange([], timeString) : onChange(time, timeString);
+  };
   var panelRender = function panelRender(originalPanel) {
     return /*#__PURE__*/React__default["default"].createElement("div", {
       className: "neeto-ui-date-input-custom-panel"
@@ -33096,7 +33103,7 @@ var TimePicker = /*#__PURE__*/React$5.forwardRef(function (_ref, ref) {
     popupClassName: classnames$1("neeto-ui-date-time-dropdown", [dropdownClassName,
     // Will be removed in the next major version
     popupClassName]),
-    onChange: onChange
+    onChange: handleOnChange
   }, otherProps, {
     defaultValue: convertToDayjsObjects(defaultValue),
     mode: undefined,