@bigbinary/neetoui 6.3.5 → 6.3.7

package/formik.cjs.js

@@ -27471,7 +27471,7 @@ var FormikSwitch = function FormikSwitch(_ref) {
   });
 };
 
-var _excluded$3 = ["size", "rows", "disabled", "required", "nakedTextarea", "helpText", "error", "label", "className", "maxLength", "unlimitedChars", "labelProps"];
+var _excluded$3 = ["size", "resize", "suffix", "prefix", "disabled", "required", "nakedTextarea", "helpText", "error", "label", "className", "maxLength", "unlimitedChars", "labelProps"];
 function ownKeys$1(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$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var SIZES = {
@@ -27479,12 +27479,25 @@ var SIZES = {
   medium: "medium",
   large: "large"
 };
+var ROWS = {
+  small: 1,
+  medium: 3,
+  large: 4
+};
+var RESIZE = {
+  vertical: "vertical",
+  none: "none"
+};
 var Textarea = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var _ref2, _otherProps$value, _otherProps$onChange;
   var _ref$size = _ref.size,
     size = _ref$size === void 0 ? SIZES.medium : _ref$size,
-    _ref$rows = _ref.rows,
-    rows = _ref$rows === void 0 ? 3 : _ref$rows,
+    _ref$resize = _ref.resize,
+    resize = _ref$resize === void 0 ? RESIZE.vertical : _ref$resize,
+    _ref$suffix = _ref.suffix,
+    suffix = _ref$suffix === void 0 ? null : _ref$suffix,
+    _ref$prefix = _ref.prefix,
+    prefix = _ref$prefix === void 0 ? null : _ref$prefix,
     _ref$disabled = _ref.disabled,
     disabled = _ref$disabled === void 0 ? false : _ref$disabled,
     _ref$required = _ref.required,
@@ -27545,21 +27558,27 @@ var Textarea = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       "neeto-ui-input--error": !!error,
       "neeto-ui-input--disabled": !!disabled,
       "neeto-ui-input--naked": !!nakedTextarea,
-      "neeto-ui-input--small": size === "small",
-      "neeto-ui-input--medium": size === "medium",
-      "neeto-ui-input--large": size === "large"
+      "neeto-ui-input--small": size === SIZES.small,
+      "neeto-ui-input--medium": size === SIZES.medium,
+      "neeto-ui-input--large": size === SIZES.large,
+      "neeto-ui-input--resize--vertical": resize === RESIZE.vertical,
+      "neeto-ui-input--resize--none": resize === RESIZE.none
     })
-  }, /*#__PURE__*/React__default["default"].createElement("textarea", _extends$2({
-    ref: textareaRef
+  }, prefix && /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "neeto-ui-input__prefix"
+  }, prefix), /*#__PURE__*/React__default["default"].createElement("textarea", _extends$2({
+    ref: textareaRef,
+    rows: ROWS[size]
   }, _objectSpread$1(_objectSpread$1(_objectSpread$1({
-    disabled: disabled,
-    rows: rows
+    disabled: disabled
   }, isMaxLengthPresent && !unlimitedChars && {
     maxLength: maxLength
   }), otherProps), {}, {
     onChange: onChange,
     value: value
-  })))), !!error && /*#__PURE__*/React__default["default"].createElement("p", {
+  }))), suffix && /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "neeto-ui-input__suffix"
+  }, suffix)), !!error && /*#__PURE__*/React__default["default"].createElement("p", {
     className: "neeto-ui-input__error",
     "data-cy": "".concat(hyphenize(label), "-input-error"),
     id: errorId