@bigbinary/neetoui 5.2.30 → 5.2.31

package/index.cjs.js

@@ -20991,6 +20991,8 @@ var DatePicker = /*#__PURE__*/React$5.forwardRef(function (_ref2, ref) {
 DatePicker.displayName = "DatePicker";
 
 var _excluded$s = ["size", "type", "label", "error", "suffix", "prefix", "disabled", "helpText", "className", "nakedInput", "contentSize", "required", "maxLength", "unlimitedChars", "labelProps", "rejectCharsRegex", "onBlur", "disableTrimOnBlur"];
+function ownKeys$h(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$g(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$h(Object(source), !0).forEach(function (key) { _defineProperty$7(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$h(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var SIZES$5 = {
   small: "small",
   medium: "medium",
@@ -21042,10 +21044,13 @@ var Input$3 = /*#__PURE__*/React$5.forwardRef(function (_ref, ref) {
   var valueLength = (value === null || value === void 0 ? void 0 : value.toString().length) || 0;
   var isCharacterLimitVisible = valueLength >= maxLength * 0.85;
   var maxLengthError = unlimitedChars && valueLength > maxLength;
-  var onChangeInternal = function onChangeInternal(e) {
-    return setValueInternal(e.target.value);
+  var onChange = function onChange(e) {
+    var _otherProps$onChange;
+    if (!otherProps.onChange || !otherProps.value) {
+      setValueInternal(e.target.value);
+    }
+    (_otherProps$onChange = otherProps.onChange) === null || _otherProps$onChange === void 0 ? void 0 : _otherProps$onChange.call(otherProps, e);
   };
-  var onChange = otherProps.onChange || onChangeInternal;
   var isMaxLengthPresent = !!maxLength || maxLength === 0;
   var handleRegexChange = function handleRegexChange(e) {
     var globalRegex = new RegExp(rejectCharsRegex, "g");
@@ -21065,9 +21070,9 @@ var Input$3 = /*#__PURE__*/React$5.forwardRef(function (_ref, ref) {
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "neeto-ui-input__label-wrapper"
   }, label && /*#__PURE__*/React__default["default"].createElement(Label, _extends$4({
+    required: required,
     "data-cy": "".concat(hyphenize(label), "-input-label"),
-    htmlFor: id,
-    required: required
+    htmlFor: id
   }, labelProps), label), isCharacterLimitVisible && /*#__PURE__*/React__default["default"].createElement(Typography, {
     style: "body2",
     className: classnames$1("neeto-ui-input__max-length", {
@@ -21087,17 +21092,19 @@ var Input$3 = /*#__PURE__*/React$5.forwardRef(function (_ref, ref) {
   }, prefix), /*#__PURE__*/React__default["default"].createElement("input", _extends$4({
     "aria-invalid": !!error,
     "data-cy": "".concat(hyphenize(label), "-input-field"),
+    size: contentSize,
+    "aria-describedby": classnames$1((_classnames = {}, _defineProperty$7(_classnames, errorId, !!error), _defineProperty$7(_classnames, helpTextId, helpText), _classnames))
+  }, _objectSpread$g(_objectSpread$g(_objectSpread$g({
     disabled: disabled,
     id: id,
     ref: ref,
     required: required,
-    size: contentSize,
-    type: type,
-    "aria-describedby": classnames$1((_classnames = {}, _defineProperty$7(_classnames, errorId, !!error), _defineProperty$7(_classnames, helpTextId, helpText), _classnames))
+    type: type
   }, isMaxLengthPresent && !unlimitedChars && {
     maxLength: maxLength
-  }, otherProps, {
-    value: value,
+  }), otherProps), {}, {
+    value: value
+  }), {
     onBlur: handleOnBlur,
     onChange: handleChange
   })), suffix && /*#__PURE__*/React__default["default"].createElement("div", {