@bigbinary/neetoui 5.2.14 → 5.2.16

package/index.cjs.js

@@ -20071,7 +20071,7 @@ var ColorPicker = function ColorPicker(_ref) {
   }, /*#__PURE__*/React__default["default"].createElement(Palette, colorPaletteProps))));
 };
 
-var _excluded$r = ["className", "label", "size", "dropdownClassName", "popupClassName", "dateFormat", "timeFormat", "onChange", "onOk", "picker", "showTime", "type", "nakedInput", "error", "defaultValue", "value", "labelProps"];
+var _excluded$r = ["className", "label", "size", "dropdownClassName", "popupClassName", "dateFormat", "timeFormat", "onChange", "onOk", "picker", "showTime", "type", "nakedInput", "error", "defaultValue", "value", "labelProps", "required"];
 var INPUT_SIZES$1 = {
   small: "small",
   medium: "medium",
@@ -20123,6 +20123,8 @@ var DatePicker = /*#__PURE__*/React$5.forwardRef(function (_ref2, ref) {
     defaultValue = _ref2.defaultValue,
     value = _ref2.value,
     labelProps = _ref2.labelProps,
+    _ref2$required = _ref2.required,
+    required = _ref2$required === void 0 ? false : _ref2$required,
     otherProps = _objectWithoutProperties$1(_ref2, _excluded$r);
   var id = useId(otherProps.id);
   var datePickerRef = useSyncedRef(ref);
@@ -20134,7 +20136,9 @@ var DatePicker = /*#__PURE__*/React$5.forwardRef(function (_ref2, ref) {
   };
   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({
+  }, label && /*#__PURE__*/React__default["default"].createElement(Label, _extends$4({
+    required: required
+  }, labelProps), label), /*#__PURE__*/React__default["default"].createElement(Component, _extends$4({
     "data-cy": label ? "".concat(hyphenize(label), "-input") : "picker-input",
     defaultValue: convertToDayjsObjects(defaultValue),
     format: format,
@@ -20181,7 +20185,7 @@ var DatePicker = /*#__PURE__*/React$5.forwardRef(function (_ref2, ref) {
 });
 DatePicker.displayName = "DatePicker";
 
-var _excluded$q = ["size", "type", "label", "error", "suffix", "prefix", "disabled", "helpText", "className", "nakedInput", "contentSize", "required", "maxLength", "unlimitedChars", "labelProps", "rejectCharsRegex"];
+var _excluded$q = ["size", "type", "label", "error", "suffix", "prefix", "disabled", "helpText", "className", "nakedInput", "contentSize", "required", "maxLength", "unlimitedChars", "labelProps", "rejectCharsRegex", "onBlur", "disableTrimOnBlur"];
 var SIZES$5 = {
   small: "small",
   medium: "medium",
@@ -20218,6 +20222,9 @@ var Input$2 = /*#__PURE__*/React$5.forwardRef(function (_ref, ref) {
     unlimitedChars = _ref$unlimitedChars === void 0 ? false : _ref$unlimitedChars,
     labelProps = _ref.labelProps,
     rejectCharsRegex = _ref.rejectCharsRegex,
+    onBlur = _ref.onBlur,
+    _ref$disableTrimOnBlu = _ref.disableTrimOnBlur,
+    disableTrimOnBlur = _ref$disableTrimOnBlu === void 0 ? false : _ref$disableTrimOnBlu,
     otherProps = _objectWithoutProperties$1(_ref, _excluded$q);
   var _useState = React$5.useState(otherProps.value),
     _useState2 = _slicedToArray$2(_useState, 2),
@@ -20241,6 +20248,13 @@ var Input$2 = /*#__PURE__*/React$5.forwardRef(function (_ref, ref) {
     onChange(e);
   };
   var handleChange = rejectCharsRegex ? handleRegexChange : onChange;
+  var handleOnBlur = function handleOnBlur(e) {
+    if (!disableTrimOnBlur) {
+      e.target.value = value.trim();
+      handleChange(e);
+    }
+    onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
+  };
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: classnames$1(["neeto-ui-input__wrapper", className])
   }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -20279,6 +20293,7 @@ var Input$2 = /*#__PURE__*/React$5.forwardRef(function (_ref, ref) {
     maxLength: maxLength
   }, otherProps, {
     value: value,
+    onBlur: handleOnBlur,
     onChange: handleChange
   })), suffix && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "neeto-ui-input__suffix"