@bigbinary/neetoui 5.1.6 → 5.1.8

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, {
@@ -20461,7 +20499,7 @@ function _defineProperty$6(obj, key, value) {
   return obj;
 }
 
-function ownKeys$c(object, enumerableOnly) {
+function ownKeys$d(object, enumerableOnly) {
   var keys = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
@@ -20474,9 +20512,9 @@ function ownKeys$c(object, enumerableOnly) {
 function _objectSpread2(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = null != arguments[i] ? arguments[i] : {};
-    i % 2 ? ownKeys$c(Object(source), !0).forEach(function (key) {
+    i % 2 ? ownKeys$d(Object(source), !0).forEach(function (key) {
       _defineProperty$6(target, key, source[key]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$c(Object(source)).forEach(function (key) {
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$d(Object(source)).forEach(function (key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
@@ -27078,8 +27116,8 @@ var StateManagedSelect = /*#__PURE__*/forwardRef$1(function (props, ref) {
 });
 
 var _excluded$j = ["children"];
-function ownKeys$b(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$b(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$b(Object(source), !0).forEach(function (key) { _defineProperty$7(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$b(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$c(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$c(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$c(Object(source), !0).forEach(function (key) { _defineProperty$7(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$c(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var STYLES$1 = {
   border: {
     "default": "1px solid rgb(var(--neeto-ui-gray-400))",
@@ -27116,7 +27154,7 @@ var CUSTOM_STYLES = {
   input: assoc("overflow", "hidden"),
   multiValue: function multiValue(styles, _ref2) {
     var valid = _ref2.data.valid;
-    return _objectSpread$b(_objectSpread$b({}, styles), {}, {
+    return _objectSpread$c(_objectSpread$c({}, styles), {}, {
       border: valid ? STYLES$1.border["default"] : STYLES$1.border.error,
       color: valid ? STYLES$1.color["default"] : STYLES$1.color.error
     });
@@ -27156,8 +27194,8 @@ var renderDefaultText = function renderDefaultText(count) {
 };
 
 var _excluded$i = ["label", "placeholder", "helpText", "value", "onChange", "error", "onBlur", "filterInvalidEmails", "counter", "disabled", "maxHeight", "required", "labelProps"];
-function ownKeys$a(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$a(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$a(Object(source), !0).forEach(function (key) { _defineProperty$7(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$a(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$b(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$b(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$b(Object(source), !0).forEach(function (key) { _defineProperty$7(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$b(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var MultiEmailInput = /*#__PURE__*/forwardRef$1(function (_ref, ref) {
   var _ref$label = _ref.label,
     label = _ref$label === void 0 ? "Email(s)" : _ref$label,
@@ -27271,7 +27309,7 @@ var MultiEmailInput = /*#__PURE__*/forwardRef$1(function (_ref, ref) {
     className: classnames$1("neeto-ui-react-select__container neeto-ui-email-input__select", {
       "neeto-ui-react-select__container--error": !!error
     }),
-    styles: _objectSpread$a(_objectSpread$a({}, CUSTOM_STYLES), {}, {
+    styles: _objectSpread$b(_objectSpread$b({}, CUSTOM_STYLES), {}, {
       control: mergeLeft({
         maxHeight: "".concat(maxHeight, "px"),
         overflowY: "auto"
@@ -27692,8 +27730,8 @@ var Item$1 = function Item(_ref) {
 Item$1.displayName = "Radio.Item";
 
 var _excluded$d = ["label", "children", "stacked", "className", "containerClassName", "error", "onChange", "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; }
+function ownKeys$a(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$a(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$a(Object(source), !0).forEach(function (key) { _defineProperty$7(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$a(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Radio = function Radio(_ref) {
   var _ref$label = _ref.label,
     label = _ref$label === void 0 ? "" : _ref$label,
@@ -27729,7 +27767,7 @@ var Radio = function Radio(_ref) {
     }, containerClassName, containerClassName))
   }, Children.map(children, function (child) {
     var _child$props$checked, _ref2, _child$props$onChange;
-    return /*#__PURE__*/cloneElement$1(child, _objectSpread$9(_objectSpread$9(_objectSpread$9({}, child.props), props), {}, {
+    return /*#__PURE__*/cloneElement$1(child, _objectSpread$a(_objectSpread$a(_objectSpread$a({}, child.props), props), {}, {
       value: child.props.value,
       checked: (_child$props$checked = child.props.checked) !== null && _child$props$checked !== void 0 ? _child$props$checked : [internalValue, props.value].includes(child.props.value),
       onChange: (_ref2 = (_child$props$onChange = child.props.onChange) !== null && _child$props$onChange !== void 0 ? _child$props$onChange : onChange) !== null && _ref2 !== void 0 ? _ref2 : internalOnChange
@@ -27891,8 +27929,8 @@ var AsyncCreatableSelect = /*#__PURE__*/forwardRef$1(function (props, ref) {
 });
 
 var _excluded$b = ["size", "label", "required", "error", "helpText", "className", "innerRef", "isCreateable", "strategy", "id", "labelProps", "value", "defaultValue", "components", "optionRemapping"];
-function ownKeys$8(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$8(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$8(Object(source), !0).forEach(function (key) { _defineProperty$7(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$8(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+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 SIZES$3 = {
   small: "small",
   medium: "medium",
@@ -28013,7 +28051,7 @@ var Select = function Select(_ref) {
       "neeto-ui-react-select__container--medium": size === SIZES$3.medium,
       "neeto-ui-react-select__container--large": size === SIZES$3.large
     }),
-    components: _objectSpread$8({
+    components: _objectSpread$9({
       Input: CustomInput,
       DropdownIndicator: DropdownIndicator,
       ClearIndicator: ClearIndicator,
@@ -28114,6 +28152,8 @@ var Switch = /*#__PURE__*/forwardRef$1(function (_ref, ref) {
 Switch.displayName = "Switch";
 
 var _excluded$9 = ["active", "className", "children", "icon", "onClick", "activeClassName"];
+function ownKeys$8(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$8(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$8(Object(source), !0).forEach(function (key) { _defineProperty$7(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$8(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Item = function Item(_ref) {
   var active = _ref.active,
     _ref$className = _ref.className,
@@ -28134,13 +28174,16 @@ var Item = function Item(_ref) {
     });
   } : icon || React__default.Fragment;
   var Parent = activeClassName ? NavLink : "button";
+  var buttonAttributes = activeClassName ? {} : {
+    type: "button"
+  };
   return /*#__PURE__*/React__default.createElement(Parent, _extends$4({
     "data-cy": "tab-item",
     className: classnames$1(["neeto-ui-tab neeto-ui-flex neeto-ui-items-center neeto-ui-justify-center neeto-ui-select-none", className], {
       active: active
     }),
     onClick: onClick
-  }, otherProps), icon && /*#__PURE__*/React__default.createElement(Icon, {
+  }, _objectSpread$8(_objectSpread$8({}, otherProps), buttonAttributes)), icon && /*#__PURE__*/React__default.createElement(Icon, {
     className: "neeto-ui-tab__icon"
   }), children);
 };