@bigbinary/neetoui 5.1.6 → 5.1.7

package/index.d.ts

@@ -287,6 +287,7 @@ export interface InputProps
   labelProps?: LabelProps;
   maxLength?: number;
   unlimitedChars: boolean;
+  rejectCharsRegex?: RegExp;
 }
 
 export type LabelProps = {

package/index.js

@@ -2085,6 +2085,37 @@ _curry2(function omit(names, obj) {
   return result;
 });
 
+/**
+ * Replace a substring or regex match in a string with a replacement.
+ *
+ * The first two parameters correspond to the parameters of the
+ * `String.prototype.replace()` function, so the second parameter can also be a
+ * function.
+ *
+ * @func
+ * @memberOf R
+ * @since v0.7.0
+ * @category String
+ * @sig RegExp|String -> String -> String -> String
+ * @param {RegExp|String} pattern A regular expression or a substring to match.
+ * @param {String} replacement The string to replace the matches with.
+ * @param {String} str The String to do the search and replacement in.
+ * @return {String} The result.
+ * @example
+ *
+ *      R.replace('foo', 'bar', 'foo foo foo'); //=> 'bar foo foo'
+ *      R.replace(/foo/, 'bar', 'foo foo foo'); //=> 'bar foo foo'
+ *
+ *      // Use the "g" (global) flag to replace all occurrences:
+ *      R.replace(/foo/g, 'bar', 'foo foo foo'); //=> 'bar bar bar'
+ */
+
+var replace$2 =
+/*#__PURE__*/
+_curry3(function replace(regex, replacement, str) {
+  return str.replace(regex, replacement);
+});
+
 /**
  * Converts an object into an array of key, value arrays. Only the object's
  * own properties are used.
@@ -20298,7 +20329,7 @@ var DatePicker = /*#__PURE__*/forwardRef$1(function (_ref2, ref) {
 });
 DatePicker.displayName = "DatePicker";
 
-var _excluded$p = ["size", "type", "label", "error", "suffix", "prefix", "disabled", "helpText", "className", "nakedInput", "contentSize", "required", "maxLength", "unlimitedChars", "labelProps"];
+var _excluded$p = ["size", "type", "label", "error", "suffix", "prefix", "disabled", "helpText", "className", "nakedInput", "contentSize", "required", "maxLength", "unlimitedChars", "labelProps", "rejectCharsRegex"];
 var SIZES$5 = {
   small: "small",
   medium: "medium",
@@ -20334,6 +20365,7 @@ var Input$1 = /*#__PURE__*/forwardRef$1(function (_ref, ref) {
     _ref$unlimitedChars = _ref.unlimitedChars,
     unlimitedChars = _ref$unlimitedChars === void 0 ? false : _ref$unlimitedChars,
     labelProps = _ref.labelProps,
+    rejectCharsRegex = _ref.rejectCharsRegex,
     otherProps = _objectWithoutProperties$1(_ref, _excluded$p);
   var _useState = useState(otherProps.value),
     _useState2 = _slicedToArray$2(_useState, 2),
@@ -20351,6 +20383,12 @@ var Input$1 = /*#__PURE__*/forwardRef$1(function (_ref, ref) {
   };
   var onChange = otherProps.onChange || onChangeInternal;
   var isMaxLengthPresent = !!maxLength || maxLength === 0;
+  var handleRegexChange = function handleRegexChange(e) {
+    var globalRegex = new RegExp(rejectCharsRegex, "g");
+    e.target.value = replace$2(globalRegex, "", e.target.value);
+    onChange(e);
+  };
+  var handleChange = rejectCharsRegex ? handleRegexChange : onChange;
   return /*#__PURE__*/React__default.createElement("div", {
     className: classnames$1(["neeto-ui-input__wrapper", className])
   }, /*#__PURE__*/React__default.createElement("div", {
@@ -20389,7 +20427,7 @@ var Input$1 = /*#__PURE__*/forwardRef$1(function (_ref, ref) {
     maxLength: maxLength
   }, otherProps, {
     value: value,
-    onChange: onChange
+    onChange: handleChange
   })), suffix && /*#__PURE__*/React__default.createElement("div", {
     className: "neeto-ui-input__suffix"
   }, suffix)), !!error && /*#__PURE__*/React__default.createElement(Typography, {