ab-ui-library 1.55.3 → 1.56.0

package/components/MultiTextareaWithChips/MultiTextareaWithChips.js

@@ -72,7 +72,9 @@ var MultiTextareaWithChipsComponent = function MultiTextareaWithChipsComponent(_
     formProps = _ref.formProps,
     minChipLength = _ref.minChipLength,
     maxChipLength = _ref.maxChipLength,
-    onBlurConfig = _ref.onBlurConfig;
+    onBlurConfig = _ref.onBlurConfig,
+    _ref$transformToUpper = _ref.transformToUppercase,
+    transformToUppercase = _ref$transformToUpper === void 0 ? false : _ref$transformToUpper;
   var _useState = useState(''),
     _useState2 = _slicedToArray(_useState, 2),
     inputValue = _useState2[0],
@@ -108,7 +110,8 @@ var MultiTextareaWithChipsComponent = function MultiTextareaWithChipsComponent(_
   var handleSelectOption = function handleSelectOption(option) {
     if (chipManagement.getChipTexts().includes(option)) return;
     try {
-      var validatedChip = chipValidation.createValidatedChip(option);
+      var valueToValidate = transformToUppercase ? option.toUpperCase() : option;
+      var validatedChip = chipValidation.createValidatedChip(valueToValidate);
       chipManagement.addChip(validatedChip);
       setInputValue('');
       dropdownLogic.closeDropdown();
@@ -122,7 +125,8 @@ var MultiTextareaWithChipsComponent = function MultiTextareaWithChipsComponent(_
   var handleAddCustomValue = useCallback(function (value) {
     if (chipManagement.getChipTexts().includes(value)) return;
     try {
-      var validatedChip = chipValidation.createValidatedChip(value);
+      var valueToValidate = transformToUppercase ? value.toUpperCase() : value;
+      var validatedChip = chipValidation.createValidatedChip(valueToValidate);
       chipManagement.addChip(validatedChip);
       setInputValue('');
       setChipError('');
@@ -131,7 +135,7 @@ var MultiTextareaWithChipsComponent = function MultiTextareaWithChipsComponent(_
         setChipError(error instanceof Error ? error.message : 'Invalid value');
       }
     }
-  }, [chipManagement, chipValidation, allowInvalidChips]);
+  }, [chipManagement, chipValidation, allowInvalidChips, transformToUppercase]);
   var onBlurLogic = useOnBlurLogic({
     inputValue: inputValue,
     disabled: disabled,
@@ -154,6 +158,9 @@ var MultiTextareaWithChipsComponent = function MultiTextareaWithChipsComponent(_
   var handleInputChange = function handleInputChange(e) {
     if (disabled) return;
     var value = e.target.value;
+    if (transformToUppercase) {
+      value = value.toUpperCase();
+    }
     setInputValue(value);
     dropdownLogic.handleInputChange(value);
   };
@@ -244,7 +251,7 @@ var MultiTextareaWithChipsComponent = function MultiTextareaWithChipsComponent(_
     onFocus: handleInputFocus,
     onBlur: handleInputBlur,
     placeholder: inputPlaceholder,
-    className: "multi-textarea-chips__input",
+    className: 'multi-textarea-chips__input',
     disabled: disabled,
     "aria-describedby": hasError ? "".concat(fieldName, "-error") : helperText ? "".concat(fieldName, "-helper") : undefined,
     "aria-invalid": hasError ? 'true' : 'false',

package/components/MultiTextareaWithChips/types.d.ts

@@ -30,6 +30,7 @@ export interface TMultiTextareaWithChipsProps extends IFormCompProps {
     minChipLength?: number;
     maxChipLength?: number;
     searchPlaceholderText?: string;
+    transformToUppercase?: boolean;
     typeAndEnterPlaceholderText?: string;
     noOptionsPlaceholderText?: string;
     fieldName?: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ab-ui-library",
-  "version": "1.55.3",
+  "version": "1.56.0",
   "description": "UI library for AM",
   "main": "./index.js",
   "module": "./index.js",